/**
 * 
 * 
 * 
 * 			ancho 900
 * 			alto  700
 * 
 * 
 * 
 *  como son div ponemos # al comienzo   

	tengo que ver como saco el container ya que este div me da el cuadro casi completo pero no todo


**/

/*	#header{
			position:absolute;
			top: 0;
			width: 900px;
			height:165px;
			background-color: #8FBAB8;
			
		/* esto es para redondear el cuadro....el primero es para mozilla y el segundo es para chrome*/
/*			-moz-border-radius: 0px 0px 35px 35px;
			-webkit-border-radius: 0px 0px 35px 35px;
			
		} */

	#slash{
		position:absolute;
		top:185px;
		width:900px;
		height:150px;
/*		background-color:#74CDFC; */
		-moz-border-radius: 35px 35px 35px 35px;
		-webkit-border-radius: 35px 35px 35px 35px;
	}
	
	
	
/* esto es para referenciar al h1 del header y poder darle cambios */
	#slash h1{
			position:absolute;
			top:80px;
			left:50%;
/*				margin:40px;     margin:50%;*/
/*	esto me modifica para hacerme la sombra en el titulo principal		*/
				text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #BC0505, 0 0 70px #BC0505, 0 0 80px #BC0505, 0 0 100px #BC0505, 0 0 150px #BC0505;
				font-size: 20px;

		}
	#slash #nav{
		position:absolute;
		top:0px;
	}	
	#slash #nav ul{
			/* para sacar los puntos de la lista*/
			list-style: none;
			text-shadow: 0 0 10px #fff,  0 0 20px #fff,  0 0 30px #fff;
			width: 900px;
		}
	#slash #nav ul li{
		/* esto es para que nos ponga toda la lista en la misma linea*/
			display: inline-block;
			margin: 20px;
		}
	#slash #nav a{
			/* Esto es para sacar la raya del vinculo*/ 
			text-decoration: none;
			font-size: 18px;
			color: #080303;
		}
	/* para cuando pasamos el mouse por en cima del vinculo*/
	
	#slash #nav a:hover{
			font-size: 21px;
			color: #74B0FC;
			border-left: 5px solid;
		}	
	
	#cuerpo{
			position:absolute;
			top:180px;
/*			width:900px;
			height:900px; */
			filter: alpha(opacity=70);
			opacity: .70;
			-moz-opacity: 0.70;	
		}


	/*para darle a todas las secciones dentro de uno mismo*/
	#cuerpo #centro, #derecha{
/*			position: absolute;              			  */
			display: block;
/*			width: 180px;
			height: 500px; */
		} 

	#centro{
			position:absolute;
/*			con este top modifico el lugar donde esta ubicado el centro de mi cuerpo              */
			top: 140px;
			display:block;
			left: 6px;
			width: 700px;
			height: 500px;
			-webkit-box-shadow: 0 0 20px rgb(0,0,0);
			-moz-box-shadow: 0 0 20px rgb(0,0,0);
			box-shadow: 0 0 20px rgb(0,0,0);		


			filter: alpha(opacity=70);
			opacity: .70;
			-moz-opacity: 0.70;					
		}
	#centro:hover{
			-webkit-box-shadow: 0 0 40px rgb(0,0,0);
			-moz-box-shadow: 0 0 40px rgb(0,0,0);
			box-shadow: 0 0 40px rgb(0,0,0);
			}					
	#derecha{
/*			modifico el lugar donde aparece mi derecha                                                               */
			position:absolute;
			top: 140px;
 			left: 714px;   
 			height:500px;
			-webkit-box-shadow: 0 0 20px rgb(0,0,0);
			-moz-box-shadow: 0 0 20px rgb(0,0,0);
			box-shadow: 0 0 20px rgb(0,0,0);			
		}
	#derecha:hover{
			-webkit-box-shadow: 0 0 40px rgb(0,0,0);
			-moz-box-shadow: 0 0 40px rgb(0,0,0);
			box-shadow: 0 0 40px rgb(0,0,0);
			}					
	#footer{
			position: absolute;
			top: 850px;		
			width: 100%;
			height:30px;
		}
/*	#centrar{
			-webkit-box-shadow: 0 0 30px rgb(0,0,0);
			-moz-box-shadow: 0 0 30px rgb(0,0,0);
			box-shadow: 0 0 30px rgb(0,0,0);			
			
			
			filter: alpha(opacity=70);
			opacity: .70;
			-moz-opacity: 0.70;				



			overflow:auto;
			position: absolute;              			
			top:140px;
			display: block;
			width: 951px;
			left: 205px;
			height: 500px;
	}
	#centrar:hover{
			-webkit-box-shadow: 0 0 60px rgb(0,0,0);
			-moz-box-shadow: 0 0 60px rgb(0,0,0);
			box-shadow: 0 0 60px rgb(0,0,0);
			}		*/
.maxi{
			font-size:18px;
			font-family:Arial;
			color= black;
}
.maxi2{
			/*			aca con el text-shadow anda una joya tengo q modificar todo ahi		*/
			text-shadow: 0 0 10px #fff,  0 0 20px #fff,  0 0 30px #fff;
			font-size:25px;
			font-family:Arial;
			color= red;		
}
.maxi3{
			/*			aca con el text-shadow anda una joya tengo q modificar todo ahi		*/
			text-shadow: 0 0 10px #fff,  0 0 20px #fff,  0 0 30px #fff;
			font-size:15px;
			font-family:Arial;
/*
	ACA NO ME ESTA ANDANDO AUN 
 */
	}

.pie{
	color:white;
	font-size:20;
	font-family:tahoma,verdana,arial;
	text-align:center
	}







/******************************************************************************************************************************/
/*				aca es para el menu de arriba			*/
#menu-horizontal {
width:500px;
top:30px;

}


#menu-horizontal li {
margin:0 1px;
width:98px;
min-height:19px;
text-align:center;
background:#BBB;
list-style:none;
padding:2px 0;

-moz-border-radius: 5px 5px 15px 15px;
-webkit-border-radius: 5px 5px 15px 15px;
/////////********************************************ACA ME QUEDE TENGO Q VER ******************************************************//

}

/* y otro poquito por aquí.. */

#menu-horizontal li:hover {
background:#C5014F;
}

#menu-horizontal li a {
font:bold 11px Arial, Helvetica, sans-serif;
color:#FFF;
text-decoration:none;
}

#menu-horizontal li ul li{
float:none;
width:98px;
margin:1px 0;
}



ul#menu-horizontal li {
float: left;
display: inline;
position: relative;}

ul#menu-horizontal ul {
display: none;
position: relative;
top: 20;
left:0;
margin:0;
padding:0;
background:#FFFFFF;
}

ul#menu-horizontal ul li {
display: block !important;
}

ul#menu-horizontal li:hover ul{
display: none;
}

ul#menu-horizontal li:hover ul{
display: block;
}



textarea {
        resize: none;
}




/******************************************************************************************************************************/