html{ overflow-y: scroll; overflow-x: hidden;}

.body1{ background: #f37521 url(images/top.jpg) no-repeat top center; top:0px;}
.envoltorio1{ background: url(images/bottom.jpg) no-repeat bottom center;}

.verano{ background: #1F9DFF url(images/verano.jpg) no-repeat top center; top:0px;}
.verano_envoltorio{ background: none}

.otono{ background: #996633 url(images/otono.jpg) no-repeat top center; top:0px;}
.otono_envoltorio{ background: none}

.invierno{ background: #738A99 url(images/invierno.jpg) no-repeat top center; top:0px;}
.invierno_envoltorio{ background: none}

.primavera{ background: #14B349 url(images/primavera.jpg) no-repeat top center; top:0px;}
.primavera_envoltorio{ background: url(images/primavera_bottom.jpg) no-repeat bottom center;}

#header{ height: 257px;}

#logo{ background: url(images/logo.png) no-repeat; height: 242px; width: 317px; float: left; position: relative;}

#ninos{ background: url(images/ninos.png) no-repeat; height: 242px; width: 434px; float: left;}

#cambioFondo{ background: url(images/fondo_cambio_fondo.png) no-repeat 0px 15px; height: 242px; width: 135px; float: right;}
#cambioFondo div{cursor:pointer}
#cambioFondo .btnOtono{ display:block; float:left; margin:52px 0px 0px 13px; width:46px; height:47px; }
#cambioFondo .btnInvierno{display:block; float:left; margin:52px 0px 0px 10px; width:46px; height:47px;}
#cambioFondo .btnPrimavera{display:block; float:left; margin:5px 0px 0px 13px; width:46px; height:47px;}
#cambioFondo .btnVerano{display:block; float:left; margin:5px 0px 0px 10px; width:46px; height:47px;}
#cambioFondo .btnInicio{display:block; float:left; margin:2px 0px 0px 40px; width:55px; height:23px;}

#segundo-header{ height: 82px; background: #FFF; width: 100%; padding-top: 10px;}

#main{ background: #FFF;}



/* Menu */

#access{ margin-top: -45px; background: url(images/fondo-nav.png) no-repeat left bottom;}

#menu-menuppal li{ margin-right: 5px;}

#menu-menuppal li a:hover{ }

#menu-item-922{ background: url(images/home-btn.png) no-repeat; height: 59px; width: 76px; float: left; display:block;}
#menu-item-922 a{ height: 50px; width: 60px; float: left; display:block; text-align:center;}



#menu-item-1 .left{ background: url(images/informate-btn-izq.png) no-repeat; height: 60px; width: 20px; float: left;}

#menu-item-1 a{ background: url(images/informate-btn-mid.png) repeat;}

#menu-item-1 .right{ background: url(images/informate-btn-der.png) no-repeat; height: 60px; width: 20px; float: left;}



#menu-item-3 .left{ background: url(images/participa-btn-izq.png) no-repeat; height: 60px; width: 20px; float: left; }

#menu-item-3 .right{ background: url(images/participa-btn-der.png) no-repeat; height: 60px; width: 20px; float: left;}

#menu-item-3 a{ background: url(images/participa-btn-mid.png) repeat;}



#menu-item-2 .left{ background: url(images/juga-btn-izq.png) no-repeat; height: 60px; width: 20px; float: left;}

#menu-item-2 a{ background: url(images/juga-btn-mid.png) repeat-x; height: 60px; float: left;}

#menu-item-2 .right{ background: url(images/juga-btn-der.png) no-repeat; height: 60px; width: 20px; float: left;}



#menu-item-4 .left{ background: url(images/animate-btn-izq.png) no-repeat; height: 60px; width: 20px; float: left; }

#menu-item-4 a{ background: url(images/animate-btn-mid.png) repeat-x; height: 60px; float: left;}

#menu-item-4 .right{ background: url(images/animate-btn-der.png) no-repeat; height: 60px; width: 20px; float: left;}


#menu-item-5 .left{ background: url(images/animate-btn-izq.png) no-repeat; height: 60px; width: 20px; float: left; }

#menu-item-5 a{ background: url(images/animate-btn-mid.png) repeat-x; height: 60px; float: left;}

#menu-item-5 .right{ background: url(images/animate-btn-der.png) no-repeat; height: 60px; width: 20px; float: left;}


#access a{ float: left; height: 60px; color: #FFF; font-weight: bold; font-size: 24px; line-height: 60px; padding:0px 15px 0px 15px; text-transform: lowercase;}

/* submenu, it's hidden by default */
#menu-menuppal ul {
	position:absolute; 
	left:0; 
	display:none; 
	margin:0; 
	padding:0; 
	list-style:none;
}

#menu-menuppal .submenu{
    padding-top: 22px;
    
}
		
#menu-menuppal ul li {
	width:90px; 
	float:left; 
	/*border-top:1px solid #999;*/
        background: #f37521;
}
		
/* display block will make the link fill the whole area of LI */
#menu-menuppal ul a {
	display:block;  
	height:15px;
	padding: 8px 5px; 
	color:#FFF;
        font-size: 15px;
}
		
#menu-menuppal ul a:hover {
	text-decoration:underline;	
}

/* slide */

.slide{
	display:block;
	float:left;
	width:870px;
	margin-left:19px;
}

/* Busqueda */

#busqueda{ background: url(images/busqueda-fondo-lge.jpg) no-repeat; width: 865px; height: 53px; list-style: none; margin-left: 25px; margin-top: 15px; float: left;}

#busqueda input{ background: #FFF; border: none; padding: 2px; margin-top: 18px; margin-left: 440px; width: 360px; height: 22px; line-height: 22px; }

input#searchsubmit{ background: url(images/busqueda-btn.jpg) no-repeat bottom; height: 25px; width: 27px; margin-left: 5px; text-indent:150px; }

input#searchsubmit:hover{ cursor: pointer;}



#sec-padres{ width: 78px; height: 62px; float: left; margin-left: 25px;}



#sec-maestros{ width: 210px; height: 81px; float: left; margin-left: 30px;}



/* Banners */

#home-banners{height: 130px; width:100%; margin-left:19px;}

#home-banners .banner a{width: 258px; height: 128px;  display: block;}

.banner{ width: 200px; height: 100px; float: left; margin-right: 22px;}

.banner.sidebar{margin:0px 10px 10px 10px;}

.banner.last{margin-right: 0px;}

.banner-870-100{height: 100px; width:870px; margin-left:19px; text-align:center; display:block; float:left;}

/* Banners 680x80 */

.banner680-80{float: left; display:block; height: 84px; width: 100%; text-align:center; padding:15px 0px 15px 0px;}


/* Texto & lineas */
.hrContainer{
	display:block;
	float:left;
	width:870px;
	margin-left:19px;
}

.hrContainer hr{ height: 3px; background-color: #FFEC00; margin-top: 8px; margin-bottom: 8px;}

/*#content p{ font-size: 14px; line-height: 16px; text-shadow: 1px 1px 0px #FFF;}*/




/* Escuela Destacada */

.escuela-destacada{float: left; display:block; width: 100%; margin-bottom:10px; margin-top:10px;}

.escuela-cabezal{ float: left; display:block; background: url(images/escuela-destacada.jpg) no-repeat center top; height: 113px; width: 100%; }

.escuela-contenido{ float: left; display:block; background-color: #CBFFCB; height: 365px; width: 100%;}

.escuela-contenido .imagenes{ width: 560px; height: 400px; float: left; display:block; margin: 15px 7px 15px 15px;}

.escuela-contenido .imagenes .imagenPpal{ width: 381px; height: 303px; float: left; display:block; padding:5px; background-color:#FFF; border:1px solid #CCC}

.escuela-contenido .imagenes .thumbs div{ width: 134px; height: 138px; float: left; display:block; padding:5px; background-color:#FFF; border:1px solid #CCC; margin:0px 0px 0px 10px;}

.escuela-contenido .imagenes .thumbs div.mid{margin:15px 0px 0px 10px}

.escuela-contenido .texto{ width: 290px; height: 335px; float: left; display:block; margin: 15px 15px 15px 7px; font-family:Arial, Helvetica, sans-serif; font-size:12px }

.escuela-contenido .texto h1{ text-transform:uppercase; font-size:14px; font-weight:bold}

.escuela-contenido .texto h1 a{ color:#009846; text-decoration:none; }


/* Noticias destacadas */

.tituloNoticiasDestacadas{float: left; display:block; width: 100%; text-align:center; padding:10px 0px 15px 0px;}

.areaNoticiasDestacadas{float: left; display:block; width: 100%; margin-bottom:10px; height:290px; font-family:Arial, Helvetica, sans-serif; margin-left:19px;}

.areaNoticiasDestacadas .conImagen{float: left; display:block; width: 252px; margin-right:30px; height:320px;}

.areaNoticiasDestacadas .conImagen .titulo{float: left; display:block; width: 100%; text-transform:uppercase; font-size:14px; line-height:35px; font-weight:bold}

.areaNoticiasDestacadas .conImagen .titulo a{ color:#009846; text-decoration:none; font-size:15px; }

.areaNoticiasDestacadas .imagen{ width: 250px; height: 200px; float: left; display:block; padding:6px; background-color:#FFF; border:1px solid #CCC; margin:9px 0px 0px 0px; }

.areaNoticiasDestacadas .imagen .contenedorImagen{ width: 250px; height: 200px; overflow:hidden; /* IMPORTANTE */ position:relative; /* IMPORTANTE */ }

/*.areaNoticiasDestacadas .imagen img{ position:absolute; top:-50px }*/

.areaNoticiasDestacadas .texto{ width: 250px; height: 20px; float: left; display:block; margin:5px; font-size:14px; line-height:19px;}

.areaNoticiasDestacadas .sinImagen{float: left; display:block; width: 232px; height:320px;}

.areaNoticiasDestacadas .sinImagen .titulo{float: left; display:block; width: 100%; }

.areaNoticiasDestacadas .sinImagen .texto{float: left; display:block; width: 100%; font-size:13px; line-height:23px; }

.areaNoticiasDestacadas .sinImagen .texto ul{margin:0px;}

.areaNoticiasDestacadas .sinImagen .texto ul li {float: left; display:block; padding-left:18px; width: 260px; background:url(images/icono_mas_leida.jpg) no-repeat 0px 7px; margin-bottom:5px; }

.areaNoticiasDestacadas .sinImagen .texto ul li a{color:#009FE2; text-decoration:none}

.areaNoticiasDestacadas .sinImagen .texto ul li a:hover{color:#000;}

/*Video Y encuesta*/

.videoYencuesta{float: left; display:block; width:100%; margin-bottom:10px; height:300px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:19px; }

.videoYencuesta .video{float: left; display:block; width: 513px; height:262px; background:url(images/video_destacado.jpg) top left no-repeat;}

.videoYencuesta .video .contenido{float: left; display:block; width: 270px; height:200px; margin:40px 0px 0px 195px; background:#000}

.videoYencuesta .encuesta {float: left; display:block; width: 272px; height:230px; margin-left:60px; background:url(images/titulo_encuestas.jpg) top left no-repeat;}

.videoYencuesta .encuesta .texto{float: left; display:block; width: 290px; color:#0E4A6B; font-size:12px; margin-top:90px; padding-left: 15px; }

.videoYencuesta .encuesta .boton{float: left; display:block; padding:5px;}

.videoYencuesta .encuesta .Buttons{float: left; display:block; width: 115px; height:30px; border:none; background:url(images/boton_votar.jpg) top left no-repeat; color:#FFF ; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}

.videoYencuesta .encuesta .Result{float: left; display:block; width: 115px; height:30px; border:none; background:url(images/boton_resultados.jpg) top left no-repeat; color:#FFF ; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-decoration:none; margin-left:5px; line-height:30px;}

.videoYencuesta .encuesta .Buttons input{color:#FFF}

/*Redes sociales y todo para xo*/

.redesYxo{float: left; display:block; width: 100%; margin-bottom:0px; height:180px; font-family:Arial, Helvetica, sans-serif; background:#A1D8F6;}

.redes{float: left; display:block; width: 310px; padding-top:60px; margin-top:20px; background:url(images/titulo_seguinos.png) top center no-repeat; }

.redes .facebook{float: left; display:block; width: 70px; padding-top:18px; text-align:center; margin-left:30px; }
.redes .twitter{float: left; display:block; width: 110px; padding-top:18px; text-align:center; }
.redes .rss{float: left; display:block; width: 70px; padding-top:18px; text-align:center; }


.redesYxo .todoXo{float: left; display:block; width: 540px; padding-top:5px; margin-top:10px; text-align:center }

/* separacion banners pag internas*/

.clr{
	display:block;
	float:left;
	width:100%;
	height:15px;
}

/*Listados*/
.imagenesListado{border:1px solid #e4e4e4; padding:4px;}
.lineaEntrePosts{display:block; float:left; width:620px; border-top:1px solid #CCC; margin:15px 0px 15px 0px;}

.customWidgets{display:block; float:left; width:220px; margin-bottom:22px; font-size:14px;}