/* Zola */


/* 1.- General */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
*{
	margin: 0;
	padding: 0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
h1{color: #161691; text-align: right;font-family: Georgia, "Times New Roman", Times, serif; font-size: 1em; border-bottom: 2px solid #CBB873;margin: 0 0  10px 0; line-height: 1.4em;}
h2{color: #161691; font-family: Georgia, "Times New Roman", Times, serif; font-size: .9em;}
#content h2{margin: 10px 0 8px 0;}
#content h3{color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-size: .75em;margin: 10px 0 6px 0;}
h4{}
h5{}
h6{}
p{font-size: .75em;color:#161691; margin: 0 0 10px 0; text-align: justify; }
a{text-decoration: none;}
img{border:0;}
table#data tr td{
	font-size: .75em;
	padding: 5px 0;
	color: #444
}
#content ul{
	margin: 0 0 20px 20px;
}
#content ul li{
	margin-bottom: 7px;
}
#content ul.descargas{
	margin: 0 0 15px 0;
}
#content ul.descargas li{
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	list-style: none;
}
#content ul.descargas li{
	margin: 0 0 8px 0;
	background: url(descmenu.gif) 0 5px no-repeat;
}
body#actividades ul li,
body#salidas-extraescolares ul li,
body#salidas-realizadas ul li,
body#transporte ul li{
	margin: 0
}

li{font-size: .75em; color:#161691;}
ol li{
	margin-left: 18px; 
	margin-bottom: 10px;
}
#content ul.nolist{
	list-style: none;
	margin: 0 0 15px 0;
	padding-left: 20px;
}
#content ul.nolist.nopadd{
	padding-left: 0
}

/* 2.- Layout */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* 2a).- Primary Divisions -------------------------------------------------------- */
#wrapper{
	width: 880px;
	margin: 15px auto;
	position: relative;
}
#header{
	height: 210px;
	position: relative;
	margin: 0 0 25px 0;
}
#subnav{
	width: 145px;
	height: 290px;
	float: left;
	background: url(subnav.jpg) no-repeat;
}
#content{
	width: 405px;
	padding: 0 66px;
	float: left;
}
#sidebar{
	width: 198px;
	height: 410px;
	float: left;
	background: #fff;
}

/* ---Header--- */
#header ul#nav{
	width: 880px;
	height: 18px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#header ul#nav li{list-style: none;float: left;font-size: .8em;}
#header ul#nav li a{
	display: block;
	height: 18px;
	padding: 0 21px 0 20px;
	color: #fff;
	background-color: #CBB873;
	background-image: url(nav.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
}
#header ul#nav li a:hover{
	color: #333;
}
#header ul#nav li#ce a{
	padding: 0 38px 0 37px;
	color: #fff;
	background-color: #161691;
	background-position: 100% -36px;
}
#header ul#nav li#ce a:hover{
	color: #6b6ce9;
}
#header ul#nav li#current a{
	color: #666;
	background-color: #F0EAD8;
	background-position: 100% -18px;
}

#header img#zola-logo{position: absolute;top: 0;left: 10px;}
#header img#cb-logo{position: absolute;top: 0;right: 10px;}

#header p{position: absolute;bottom: 108px;right: 10px;color:#161691;}
#header ul#lang{position: absolute;bottom: 120px;right: 0;}
#header ul#lang li{float: left;width: 17px;height: 12px;margin: 0 10px 0 0; list-style: none;}
#header ul#lang li#en a{display: block;background: url(flag-en.gif) no-repeat;text-indent: -9000px;}
#header ul#lang li#es a{display: block;background: url(flag-es.gif) no-repeat;text-indent: -9000px;}

#header #h-photos{
	width: 382px;
	height: 94px;
	background: #ededed;
	position: absolute;
	left: 0;
	bottom: 18px;
}
#header #h-banner-index,
#header #h-banner-nuestro-colegio,
#header #h-banner-oferta-academica,
#header #h-banner-actividades,
#header #h-banner-servicios-e-informacion,
#header #h-banner-administracion
{
	width: 498px;
	height: 94px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 18px;
	right: 0;
}
#header #h-banner-index p,
#header #h-banner-nuestro-colegio p,
#header #h-banner-oferta-academica p,
#header #h-banner-actividades p,
#header #h-banner-servicios-e-informacion p,
#header #h-banner-administracion p{
	display: none;
}
#header #h-banner-index{background: url(../img/headers/index_h.jpg);}
#header #h-banner-nuestro-colegio{background: url(../img/headers/nuestro-colegio_h.jpg);}
#header #h-banner-oferta-academica{background: url(../img/headers/oferta-academica_h.jpg);}
#header #h-banner-actividades{background: url(../img/headers/actividades_h.jpg);}
#header #h-banner-servicios-e-informacion{background: url(../img/headers/servicios-e-informacion_h.jpg);}
#header #h-banner-administracion{background: url(../img/headers/administracion_h.jpg);}
/*#header #h-banner{
	width: 498px;
	height: 94px;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 18px;
	right: 0;
}
#header #h-banner p{
	display: none;
}
#header #h-banner.index{background: url(../img/headers/index_h.jpg);}
#header #h-banner.nuestro-colegio{background: url(../img/headers/nuestro-colegio_h.jpg);}
#header #h-banner.oferta-academica{background: url(../img/headers/oferta-academica_h.jpg);}
#header #h-banner.actividades{background: url(../img/headers/actividades_h.jpg);}
#header #h-banner.servicios-e-informacion{background: url(../img/headers/servicios-e-informacion_h.jpg);}
#header #h-banner.administracion{background: url(../img/headers/administracion_h.jpg);}*/


/* Index */
body#index #content ul{margin: 0 0 0 15px;}
body#index #subnav{width: 182px; height: 450px;background: #fff url(zola-escudo.gif) 0 180px no-repeat;position: relative;}
body#index #content{width: 405px;padding: 0 66px 0 29px;}
body#index #subnav p#empleo a{
	border: 1px solid #ccc;
	display: block;
	padding: 4px 15px;
	width: 85px;
	color: #666;
	line-height: 12px;
	text-align: center;
	position: absolute;
	bottom: 75px;
	left: 30px;
	font-size:.8em;
}
body#index #subnav p#empleo a:hover{
	border: 1px solid #999;
	color: #444
}
body#index #subnav p#direccion{
	position: absolute;
	bottom: 105px;
	left: 33px;
	text-align: left !important;
	width: 110px;
	font-size: .7em;
}

/* Noticias en HOME */
body#index #sidebar{
	background: none;
}
body#index #sidebar .noticia,
body#index #sidebar .noticia-superior,
body#index #sidebar .noticia-inferior{
	background: #D2C195;
	border-bottom: 1px solid #fff; 
	min-height: 80px;
	overflow: hidden;
}

body#index #sidebar h2{
	margin: 4px 6px 0 0;
	color: #161691;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	text-align: left;
}
body#index #sidebar p{
	margin: 4px 6px 0 6px;
	color: #161691;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: left;
}


body#index #sidebar .noticia-superior{background: #A8B7DE;}
body#index #sidebar .noticia-inferior{background: #D2C195 url(noticia-ult.gif) bottom right no-repeat;margin: 0 0 10px 0}

body#index #sidebar .noticia a img,
body#index #sidebar .noticia-superior a img,
body#index #sidebar .noticia-inferior a img{
	border: 1px solid #fff;
	margin: 4px 6px 0 6px; 
	float: left;
}
body#index #sidebar .noticia p.more,
body#index #sidebar .noticia-superior p.more,
body#index #sidebar .noticia-inferior p.more{
	font-style: italic;
	color:#fff;
	margin: 0 0 10px 0;
	text-align: right;
}
body#index #sidebar .noticia p.more a,
body#index #sidebar .noticia-superior p.more a,
body#index #sidebar .noticia-inferior p.more a{
	color:#161691;
}

/*body#index #sidebar .noticia-superior{
	background: #A8B7DE;
	min-height: 60px;
}
body#index #sidebar .noticia-ultima{
	background: #D2C195 url(noticia-ult.gif) bottom right no-repeat;
}
body#index #sidebar .noticia{
	margin: 0 0 1px 0;
	padding: 8px 0 18px 0;
	min-height: 80px;
	background: #D2C195;
	overflow: hidden;
	position: relative;
}
body#index #sidebar img{
	float: left;
	margin: 0 7px 0 7px;
	border: 1px solid #fff; 
}
body#index .bo xy{
	width: 120px;
	float: left;
	padding: 0 0 0 5px;
}
body#index #sidebar h2{
	text-align: left !important;
	font-size: .7em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	margin: 0 9px 2px 9px;
	color: #fff;
}
body#index #sidebar p{
	color:#fff;
	font-size: .7em;
	line-height: 1.1em;
	margin: 0 9px;
	text-align: left !important;
}
body#index #sidebar p.more{
	text-align: right !important;
	font-style: italic;
	font-size: .7em;
	position: absolute;
	bottom: 8px;
	right: 0;
}
body#index #sidebar p.more a{
	color: #fff;
}
*/

/* ---Subnav--- */

#subnav ul{
	
}
#subnav ul li{list-style: none;border-bottom: 1px solid #fff;padding: 5px 1px 5px 10px;}
#subnav ul li a{color: #fff;}
#subnav ul li a:hover{color: #756429;}

#subnav #sn-current{
	font-weight: bold;
}
body#nuestro-colegio li.a1 a,
body#proyecto-educativo li.a2 a,
body#plano-de-ubicacion li.a3 a,
body#instalaciones li.a4 a,
body#noticias li.a5 a,
body#noticias-medios li.a6 a,

body#oferta-academica li.a1 a,
body#educacion-primaria li.a2 a,
body#educacion-secundaria li.a3 a,
body#educacion-bachiller li.a4 a,
body#departamentos-didacticos li.a5 a,
body#departamento-psicopedagogico li.a6 a,
body#escuelas li.a7 a,

body#actividades li.a1 a,
body#salidas-extraescolares li.a2 a,
body#salidas-realizadas li.a3 a,

body#servicios-e-informacion li.a1 a,
body#biblioteca li.a2 a,
body#enfermeria li.a3 a,
body#transporte li.a4 a,
body#libros-de-texto-y-material-escolar li.a5 a,
body#calendario-escolar-y-horarios li.a6 a,
body#uniforme li.a7 a,
body#diadia li.a8 a,

body#administracion li.a1 a,
body#admision li.a2 a,
body#becas-y-ayudas li.a3 a
{font-weight: bold; color: #756429;}


/* Content */
.post{margin: 0 0 20px 0;text-align: justify;}
.post.noti{
	margin-bottom: 40px;
}
p.date{font-size: .7em;color: #888;margin: -5px 0 5px 0}
.col-1{width: 157px;float: left;margin: 0 13px 0 0;}
.col-2{float: left;}

ul.listado{
	margin: 0 0 10px 20px;
}
ul.listado li{
	color: #161691;
	line-height: 22px;
	list-style: square;
}

/* Sidebar */
ul.gallery li{
	list-style: none;
	width: 60px;
	height: 69px;
	float: left;
	margin: 0 2px 4px 4px;
}
ul.gallery li a img{
	border: 1px solid #fff; 
}
ul.gallery li a:hover img{
	border: 1px solid #ccc; 
}

ul#pag{
	height: 30px;
	position: absolute;
	top: 600px;
}
body#instalaciones.inst3 ul#pag{
	top: 385px;
}
ul#pag li{
	width: 20px;
	height: 20px;
	margin: 0 5px 0 0;
	float: left;
	list-style: none;
}
ul#pag li a{
	width: 20px;
	height: 20px;
	background: #d9ca96;
	border: 1px solid #a78f3d; 
	float: left;
	list-style: none;
	text-align: center;
	line-height: 1.5em
}
ul#pag li#curr a{
	background: #E5DBB7;
	border: 1px solid #d7c78e; 
}
/* 2b).- Secondary Divisions ------------------------------------------------------ */


/* 3.- Forms */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
form p{}
form label{}
form input{}
form textarea{}


/* 4.- Galeria */
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
* html .galleria li div span{width:400px} 
.galleria_wrapper{
	width: 236px;
	height: 256px;
	margin: 10px 0 0 0;
}
.galleria_container{
	width: 405px;
	height: 268px;
	position: absolute;
	top: 260px;
	left: 212px;
}
.galleria_container img{
	display: block;
	margin: 0 auto;
}
.galleria_container .galleria_wrapper{
	width: 405px;
}
span.caption{
	font-size: .75em;
	color:#161691; 
	margin: 20px 0 10px 0;
	width: 405px;
	color: #161691;
}

	a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#67a;}
	.caption{color:#888;position:absolute;top:250px;left:3px;width:200px;}
	
	.gallery_demo li{width:60px;height:65px;border:1px solid #eee;margin: 0 6px 5px 0;}
	.gallery_demo li.last{margin: 0 0 2px 0;}
	.gallery_demo li.hover{border-color:#000;}
	.gallery_demo li.active{border-style:solid;border-color:#222;}