@import url('http://fonts.googleapis.com/css?family=Pacifico|Quicksand');
body {
	background-color:#dee8ed;
	font-family:'Pacifico', sans-serif;
	/*font-family: Bree serif, serif, Tahoma, Helvetica, sans-serif;*/
	background: -moz-linear-gradient(top, #dee8ed , #ffffff);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#dee8ed), to(#ffffff));
	background-repeat:no-repeat;
	}
#entramar {
 width:300px;
 height:60px;
 padding:10px;
 text-align:center;
 float:left;
 clear:right;
 background-color:#ff6600;
 color:#F2F5A9;
 margin-left:30px;
 margin-top:150px;
 /*background-color:#088A08;*/
 	}

#contenedor {
	width:960px;
	height:850px;
	/*background-color:#F2F5A9;*/  
	margin-left:auto;
	margin-right:auto;
	
}
/* inicio estilos cabecera */
header{
	width:960px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
    /*background-color:#0B610B;*/
    background-color:white;
    background-repeat:no-repeat;
    position: relative;
    z-index:9999;
     }

#ficha{
	width:620px;
	height:400px;
	background-color:#f0b27a;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:5px;
	margin-left:30px;
	padding:10px;
	}	
#ficha_ana{
	width:600px;
	height:330px;
	background-color:#f0b27a;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:5px;
	margin-left:30px;
	margin-top:8px;
	padding:10px;
	}	

	.caja_form {
	width:300px;
	height:20px;}

.caja_form2 {
	width:500px;
	height:130px;}

#logo {
width: 302px;
height:196px;
background-image:url(imagenes/cubo53a.jpg);
margin-left:25px;
margin-top:10px;
float:left;
}

#marca {
	width:900px;
	height:80px;
	background-image:url(imagenes/encabezado.jpg);
	margin-left:20px;
	float:left;	
	margin-top:0px;	 
}
#luto {
	width:35px;
	height:35px;
	float:left;	 
	background-image:url(imagenes/luto.png);
	margin-left:180px;	
	margin-top:-25px;
}
	
#ana {
	width:650px;
	height:350px;
	float:left;
	margin-left:140px;
	margin-top:25px;
	margin-bottom:5px;
	position:relative;
		/*background-image:url(imagenes/entrada.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	}  
#ana_imagen {
	width:244px;
	height:288px;
	float:left;
	background-image:url(imagenes/ana.jpg);
	/*background-repeat:no-repeat;
	background-position:center;*/
	}  
	#ana_texto {
	width:380px;
	height:250px;
	float:left;
	margin-left:20px;
	
	}  
#cuento_capitulo1,#cuento_capitulo2,#cuento_capitulo3,#cuento_capitulo4 {
	width:60px;
	height:45px;
	float:left;	
	}

#capitulo1,#capitulo2,#capitulo3,#capitulo4 {
	width:230px;
	height:70px;
	float:left;	
	margin-left:10px; 
	}
#cuento_capitulo1 {
background-image:url(imagenes/cama_elastica.jpg);}
#cuento_capitulo2 {
background-image:url(imagenes/rayuela.jpg);}
#cuento_capitulo3 {
background-image:url(imagenes/reloj.jpg);}
#cuento_capitulo4 {
background-image:url(imagenes/laberinto.jpg);}

h1 {color:#0B610B;
	font-size:36px;}

h2 {margin-top: 0px;
	margin-bottom:10px;
	color:#035982;
	font-size:36px;}

h3 {color:#035982;
	font-size:30px;
    margin-top:0px;
    margin-bottom:0px;
    float:left;
    clear:right;
    margin-left:100px; }

h4 {color:#035982;
	font-size:20px;
    margin-top:-10px; }

p {	color:#035982;
	font-size:18px;
	}

h5 {	color:#035982;
	font-size:24px;
	}
.imprenta {
	font-family:'Tahoma';
	color:#035982;
	font-size:18px;
	}

.imagen_portada{
	width:170px;
	height:125px;
	clear:right;
	float:left;
	margin-right:10px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:2px;
	}

.parrafo1 { font-size:13px; color:white;}			
.parrafo2 { font-size:14px; color:white;}	
.parrafo3 { font-size:18px; color:#035982;}	
.parrafo4 { font-size:16px; color:white;}	
.parrafo5 { font-size:18px; color:#035982;margin:0px;}	
.parrafo6 { font-size:22px; color:#035982;margin:0px;}	
.titulos  {color:white; font-size:20px;}

.vinetas { font-size:14px; color:white; list-style-type:circle; }

.cuento_encantado { font-size:20px; color:#035982; margin-left:450px;margin-bottom:0px;}	

#botonera_caja {
	width:960px;
	height:46px;
	background-color:#ff6600;
    clear:right; 
	float:left;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
			}


#botonera_caja2{
	width:260px;
	height:320px;
	background-color:#C9E1E9;
	float:right;
	margin:15px;
	margin-top:25px;
	border-radius:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
	}

.estilo2{
	color:#000066;
	text-decoration: none;
	}

a {padding-top:0px;
	color:#035982;
	text-decoration: none;
	 font-size:17px;
		}
	.espaciolink{margin-bottom:15px;}
/* quiero que cambie de color al pasar el mouse*/
  a:hover{ 
	border-bottom-color:#F2F5A9;
	border-bottom-style:solid;
	border-bottom-width:2px;
    }
		
			ul, ol {
				list-style:none;
			}
			
			.nav > li {
				float:left;
				margin-top:-10px;
						}
			
			.nav li a {
				background-color:#ff6600;
				color:#035982;
				text-decoration:none;
				padding:5px 25px;
			    display:block;										
			}
			
			.nav li a:hover {
	border-bottom-color:#F2F5A9;
	border-bottom-style:solid;
	border-bottom-width:2px;
			}
			
			.nav li ul {
				display:none;
				position:absolute;
				min-width:128px;
					}
			
			.nav li:hover > ul {
				display:block;
		        margin-left:-45px; 
		        			}
			
			.nav li ul li {
				position:relative;					
							}
			
			.nav li ul li ul {
				right:-132px;
				top:0px;
							}
	                   
 
/* inicio estilos contenido */
#contenido {
	width:960px;
	height:610px;
	z-index:-100;
	/*background-color:#F2F5A9;*/
}

#contenido_grande {
	width:960px;
	height:810px;
	background-color:#FFFFFF;
}
#texto_inicio {
	width:380px;
	height:100px;
	/*background-color:#F2F5A9;  */
	float:left;
	margin-left:20px;
	margin-top:100px;
}

#texto_funda {
	width:800px;
	height:180px;
	/*background-color:#F2F5A9;  */
	float:left;
	margin-left:80px;
}

		#boton_vinculo {
	width:55px;
	height:25px;
	background-color:#0B610B;
   	float:left;
	margin-top:450px;
	margin-left:500px;
	padding:8px;
		}
#capitulos{
	width:820px;
	height:30px;
	float:left;
	margin-left:90px;
    margin-top:15px;}

#frase_express{
	width:200px;
	height:30px;
	background-color:#ff6600;
	float:right;
	margin-top:-50px;
	margin-right:350px;
		}
#frase{
	width:920px;
	height:70px;
	/*background-color:#ffffff; */
	float:left;
		}
#frase1{
	width:920px;
	height:40px;
	/*background-color:#ffffff; */
	float:left;
	padding-bottom:10px;
	}
#frase2{
	width:920px;
	height:220px;
	/*background-color:#ffffff; */ 
	float:left;
	padding:10px;
		}
	#frase3{
	width:920px;
	height:100px;
	background-color:#0B610B; 
	float:left;
	margin-left:20px;
		}
	#frase4{
	width:630px;
	height:200px;
	/*background-color:#ffffff; */ 
	float:left;
		}
	#frase5{
	width:630px;
	height:250px;
	background-color:#0B610B; 
	float:left;
	margin-top:25px;
		}

		#frase6{
	width:630px;
	height:20px;
	/*background-color:#ffffff; */
	float:left;
	}
		#frase7{
	width:630px;
	height:100px;
	/*background-color:#ffffff; */
	float:left;
	margin-top:10px;
	}
#cuento_introduccion {
	width:800px;
	height:350px;
	float:left;
	margin-left:100px;
	margin-top:25px;
	margin-bottom:5px;
		/*background-image:url(imagenes/entrada.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	}
	#cuento_introduccion_cesar {
	width:950px;
	height:250px;
	float:left;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:5px;
		}

#galeria1 {
	width:500px;
	height:480px;
	float:left;
	clear:right;
	margin-left:30px;
	margin-top:25px;
	margin-bottom:5px;
		}

#video_inicio {
	width:350px;
	height:400px;
	float:left;
	clear:right;
	margin-left:30px;
	margin-top:15px;
	margin-bottom:5px;
			}

#col1, #col2, #col3{
	width:300px;
	height:480px;
	float:left;
	clear:right;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:5px;
    border-color:#FF6600;
    border-style:solid;
    border-width:2px;
		}

	#texto_helicoidal {
	width:330px;
	height:300px;
	float:left;
	margin-left:15px;
	margin-top:65px;
	margin-bottom:5px;
		/*background-image:url(imagenes/entrada.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	}
 #flecha_izq{
	width:45px;
	height:45px;
	/*background-image:url(imagenes/flecha_der.jpg);*/
	float:left;
	margin-top:455px;
	margin-left:825px;
	}
#flecha_izq1{
	width:45px;
	height:45px;
	/*background-image:url(imagenes/flecha_der.jpg);*/
	float:left;
	margin-top:35px;
	margin-left:830px;
	}
	 #flecha_der{
	width:45px;
	height:45px;
	/*background-image:url(imagenes/flecha_der.jpg);*/
	float:left;
	margin-top:475px;
	margin-left:825px;
	}
	 #flecha_der1{
	width:45px;
	height:45px;
	/*background-image:url(imagenes/flecha_der.jpg);*/
	float:left;
	margin-top:0px;
	margin-left:20px;
	}
 #flecha_antes{
	width:45px;
	height:45px;
background-image:url(imagenes/flecha_der.jpg);
	float:left;
	margin-top:-25px;
	margin-left:90px;
	}

	 #flecha_herram1{
	width:38px;
	height:36px;
	/*background-image:url(imagenes/flecha_der.jpg);*/
	float:left;
	margin-top:133px;
	margin-left:115px;
	}
 #flecha_herram2{
	width:38px;
	height:36px;
	/*background-image:url(imagenes/flecha_der.jpg);*/
	float:left;
	margin-top:242px;
	margin-left:-40px;
	}
	 #flecha_herram3{
	width:38px;
	height:36px;
	/*background-image:url(imagenes/flecha_der.jpg);*/
	float:left;
	margin-top:405px;
	margin-left:-33px;
	}
#galeria_compas{
	width:600px;
	height:450px;
	float:left;
	margin-left:30px;
	margin-top:60px;
	}

 #flecha_der_herram{
	width:45px;
	height:45px;
	/*background-image:url(imagenes/flecha_der.jpg);*/
	float:left;
	margin-top:478px;
	margin-left:675px;
	}

#galeria_cuento{
	width:600px;
	height:250px;
	float:left;
	margin-left:180px;
	margin-top:25px;
	/*background-image:url(imagenes/entrada.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	}

#galeria_caratula{
	width:800px;
	height:580px;
	float:left;
	margin-left:10px;
	margin-top:0px;
	/*background-image:url(imagenes/entrada.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	}

	#galeria_cuento_profe1{
	width:960px;
	height:600px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	background-image:url(imagenes/cuento_ali_herram1.png);
	/*background-repeat:no-repeat;
	background-position:center;*/
	}
#galeria_cuento_profe2{
	width:960px;
	height:600px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	background-image:url(imagenes/cuento_ali_herram2.png);
	/*background-repeat:no-repeat;
	background-position:center;*/
	}

	#galeria_cuento_herram{
	width:960px;
	height:600px;
	float:left;
	margin-left:10px;
	margin-top:10px;
	background-image:url(imagenes/herram_cabri.jpg);
	/*background-repeat:no-repeat;
	background-position:center;*/
	}
	#galeria_capitulos{
	width:800px;
	height:500px;
	float:left;
	margin-left:100px;
	margin-top:15px;
	/*background-image:url(imagenes/entrada.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	}

#galeria_construccion{
	width:500px;
	height:500px;
	float:left;
	margin-left:40px;
	margin-top:15px;
	margin-bottom:5px;
    background-image:url(imagenes/construccion.png);
	background-repeat:no-repeat;
	background-position:center;
	}
#galeria_funda {
	width:600px;
	height:350px;
	float:left;
	margin-left:180px;
	margin-top:25px;
	margin-bottom:5px;
	/*background-image:url(imagenes/entrada.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	}
#galeria_avanzados {
	width:960px;
	height:520px;
	float:left;
	margin-left:10px;
	/*background-image:url(imagenes/entrada.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	}
#galeria_inversion {
	width:900px;
	height:480px;
	float:left;
	margin-left:50px;
	margin-top:25px;
	margin-bottom:5px;
	
	/*background-image:url(imagenes/entrada.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	}


	#cuadro_video1,#cuadro_video2,#cuadro_video3{
	width:310px;
	height:200px;
	float:left;
	margin-right:10px;
	padding-top:-10px;
	margin-top:15px;
	/*background-image:url(imagenes/entrada.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	}
	#cuadro_video4,#cuadro_video5,#cuadro_video6{
	width:310px;
	height:200px;
	float:left;
	margin-right:10px;
	padding-top:-10px;
	margin-top:50px;
	/*background-image:url(imagenes/entrada.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	}
	
	#cuadro_video8{
	width:500px;
	height:400px;
	float:left;
	clear:right;
	margin-right:10px;
	padding-top:-10px;
	margin-top:50px;
	/*background-image:url(imagenes/entrada.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
	}
#controles {
	width:300px;
	height:35px;
	float:left;
	background-color:#ff6600;
	margin-bottom:15px;
		}
#herramientas {
	width:300px;
	height:35px;
	float:left;
	clear:right;
	margin-left:80px;
	margin-top:0px;
		}
#profes {
	width:300px;
	height:35px;
	float:left;
	margin-left:120px;
	margin-top:0px;
	
		}

video {
	width:300px;
	height:200px;
	float:left;
			}

.video_capitulos {
	width:800px;
	height:500px;
	float:left;
	margin-top:0px;
			}

.video_mapa {
	width:800px;
	height:450px;
	float:left;
	margin-top:0px;
			}

	.video_caratula {
	width:800px;
	height:500px;
	float:left;
	margin-top:0px;
	margin-left:80px;
						}	
.video_tapa {
	width:350px;
	height:400px;
	float:left;
	margin-top:0px;
							}
button{
	width:75px;
	height:35px;
	float:left;
	clear:right;
	background-color:#ff6600;
	font-size:13px; font-weight:bold; color:#035982;
		margin-bottom:15px;}

#formulario{
	width:620px;
	height:400px;
	background-color:#0B610B;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	border-radius:5px;
	margin-left:10px;
	padding:10px;
	}	
.caja_form {
	width:280px;
	height:20px;}

	.caja_comentario {
	width:400px;
	height:120px;
	   }

	

#lateral_der{
	width:300px;
	height:550px;
	margin-top:5px;
	float:right;
	background-color:#0B610B;
	background-image:url(imagenes/fondo_lateral_der.jpg)
		}
		
#lateral_der_grande{
	width:300px;
	height:810px;
	background-color:#F2F5A9; 
	float:right;
	}

#img_historia {
 width: 290px;
 height:220px;
 background-image:url(imagenes/fachada_vieja.gif);
 margin-left:1px;
 margin-top:10px;
 float:left;
}
  #calendario,#novedades,#mesas_examen{
	width:280px;
	height:170px;
	background-color:#0B610B;
	float:right;
	margin:5px;
	border-radius:10px;
	box-shadow: 5px 10px 7px rgba(0,0,0,0.5);
	}
	
	#titulo1{
    width:240px;
	height:30px;
	margin:0px;
	}

/* fin estilos contenido */


/* inicio estilos pie */
footer{
	width:960px;
	height:60px;
    background-color:#FF6600;
	float:left;
	margin-top:10px;
}

#direccion {
	width:700px;
	height:80px;
	float:left;
	color:#035982;
	margin-top:0px;
	padding:0px;
	margin-left:25px;
	}
#contacto {
 width:100px;
 height:22px;
 padding:10px;
 text-align:center;
 float:left;
 clear:right;
 color:#035982;
 margin-left:30px;
 margin-top:15px;
 /*background-color:#088A08;*/
 	}

fin estilos pie */