@charset "utf-8";
/*------------------------------- reset ---------------------------------*/
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li{font-size:100%}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td,legend{margin:0;padding:0}
a img,:link img,:visited img{border:none}
ul,li{list-style-type:none}
fieldset{border:none} 
a{color:#8e3707;font-weight:bold}
/*------------------------------- generals ---------------------------------*/
.rojo{color:#930}
/*------------------------------- cuerpo ---------------------------------*/
body{margin:0;padding:0;background:url(../img/default/bg/body.gif) repeat-y top center #f7f7f7;font:12px Arial, Helvetica, sans-serif;text-align:center;color:#555}
/*------------------------------- container ---------------------------------*/
#container{margin:0 auto;padding:0;width:950px;text-align:left;position:relative}
/*------------------------------- head ---------------------------------*/
#head{float:right;width:950px;height:218px;position:absolute;clear:both;top:0;left:0; background:url(../img/default/bg/head-1.jpg) no-repeat}
#head .logo{display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:244px;height:111px;float:left;position:absolute;clear:both;top:0;left:0}
#head .mail{display:block;overflow:hidden;text-indent:-9999px;z-index:99;width:198px;height:22px;float:left;position:absolute;clear:both;top:145px;left:26px}
/*------------------------------- left ---------------------------------*/
#left{float:right;width:294px;display:inline}
/*------------------------------- menu ---------------------------------*/
#menu{float:left;padding:218px 0 0 26px;width:218px}
#menu p{line-height:24px}
#menu a{text-decoration:none;font-weight:normal}
#menu a:hover{text-decoration:underline}
#menu .nivel0{display:block;padding-left:27px;color:#000;border-bottom:1px dashed #ccc;background:url(../img/default/bg/arrow.gif) no-repeat;background-position:10px 10px}
#menu .nivel1{display:block;padding-left:42px;color:#999}
/*------------------------------- acceso ---------------------------------*/
#left form{float:left;width:218px;padding:25px 0 0 26px;overflow:hidden}
#left ul{background-color:#faf2f2;width:216px;border:1px solid #ddd}
#left li{padding:10px 0 10px 20px;color:#666;font-size:11px}
#left .campo{width:165px;height:22px;border:1px solid #cfc8cb}
/*------------------------------- float fix ---------------------------------*/
#content:after, #inicio:after, ul:after, li:after,  p:after{content: ".";display:block;height:0;clear:both;visibility:hidden}
#content, #inicio, ul, li, p{display: block}
/* Hides from IE-mac \*/
* html #content, * html #inicio, * html ul, * html li, * html p{height:1%}
#content, #inicio, ul, li, p{display:block}
/* End hide from IE-mac */
/* end float fix */
/*------------------------------- content-left ---------------------------------*/
#right{float:right;width:656px;display:inline}
/*------------------------------- content-inicio ---------------------------------*/
#content,#inicio,.contenidoPagina{float:left;width:626px;padding:238px 30px 0 0}
/*------------------------------- elementos inicio---------------------------------*/
#inicio .titulo{color:#900;text-decoration:none;padding:20px 0 10px 0;display:block;font-size:14px;border-bottom:1px dotted #ccc}
#inicio .subtitulo{text-decoration:none;padding:20px 0 10px 0;display:block;margin-top:0;color:#333;font:bold 21px Georgia, "Times New Roman", Times, serif}
/*------------------------------- elementos contenido---------------------------------*/
.contenidoPagina .subtitulo{color:#900;text-decoration:none;padding:20px 0 10px 0;display:block;font-size:14px;border-bottom:1px dotted #ccc;margin:0 0 20px 0}
.contenidoPagina .titulo{text-decoration:none;padding:20px 0 10px 0;display:block;margin-top:0;color:#333;font:bold 21px Georgia, "Times New Roman", Times, serif}
/*------------------------------- elementos dinamicos---------------------------------*/
#right p{text-align:justify;margin-bottom:1em;line-height:1.5em}
#right .galeria a{display:inline;float:left;width:190px;height:135px;overflow:hidden;margin: 1em 1em 0 0}
#right .links{clear:left;font-weight:bold}
#right .links ul{padding-top:1em}
#right .links li{padding-bottom:.7em;padding-left:40px}
#right .adjuntos ul{padding-top:1em}
#right .adjuntos li{padding-bottom:.7em;padding-left:40px}
#right .adjunto{color:#333;font-weight:bold}
#right .botones{clear:left;padding-top:2em}
/*------------------------------- images ---------------------------------*/
.img2{margin:1em 0;text-align:center;float:left;width:100%}
.img1{float:right;margin:1em 0 1em 2em}
.img0{float:left;margin:1em 2em 1em 0}
/*------------------------------- pie ---------------------------------*/
#pie{float:right;width:950px;background:url(../img/default/bg/pie.jpg) no-repeat top;overflow:hidden;font-size:11px;margin-top:30px;height:120px;}
#pie a{color:#fff;font-weight:normal}
#pie2{float:left;display:inline;padding:20px 30px 20px 300px;width:620px}
#pie2 li{display:block;float:left;padding:0 50px 10px 0}
/*------------------------------- servicios ---------------------------------*/
#servicios{float:left;width:626px;padding:20px 0}
#servicios .item{float:left;display:inline;margin:30px 30px 0 0;width:280px}
.titulo-servicios{font:bold 19px Georgia, "Times New Roman", Times, serif;color:#333;text-decoration:none; background-repeat: no-repeat; display: block; padding-left: 70px; line-height: 50px; background-position: left center;}
.titulo-servicios:hover{text-decoration:underline}
/*.icon-pizarra{background:url(../img/default/bg/icon-pizarra.jpg) no-repeat;padding:10px 0 10px 70px;display:block}
.icon-aulas{background:url(../img/default/bg/icon-aulas.jpg) no-repeat;padding:10px 0 10px 70px;display:block}
.icon-campus{background:url(../img/default/bg/icon-campus.gif) no-repeat;padding:10px 0 10px 40px;display:block}
.icon-extraescolares{background:url(../img/default/bg/icon-extraescolares.jpg) no-repeat;padding:10px 0 10px 50px;display:block}*/
/*------------------------------- consulta ---------------------------------*/
#consulta label { display: block; margin-bottom: 10px }
#consulta input, #consulta textarea { width: 80%; display: block; }
#consulta input.button { width: auto }
#consulta p.error { font-weight: bold; color: red }
#consulta p.alert { font-weight: bold; color: green }