/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline }
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden;  }
/* Global properties ======================================================== */
body {background:url(../images/bg.png) top center repeat-x;border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#575652;line-height:22px; z-index:10000}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.css3 {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}
/* Global Structure ============================================================= */
.main {margin:0 auto;width:940px; background:url(../images/bg2.png) top center repeat-x;}
/*.body1 {background:url(../images/bg_top.gif) top repeat-x}*/
/* ============================= main layout ====================== */
a {color:#575652;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {float:left;padding:0 0 0 0}
h2 {font-size:28px;color:#575652;font-weight:400;line-height:1.2em;letter-spacing:-1px;padding-bottom:12px}
h2 span {font-weight:300}
h2 strong, .box1 h2 strong {font-weight:700;display:inline-block;width:36px;color:#fff;text-align:center;background:url(../images/bg_title1.gif) 0 4px repeat-x;margin-right:3px}
h2.color2 strong {background-image:url(../images/bg_title2.gif)}
h2.color3 strong {background-image:url(../images/bg_title3.gif)}
h3 {font-size:35px;color:#dad6cc;font-weight:400;line-height:1.2em;padding:5px 0 0 35px;float:left;letter-spacing:-1px}
h4 {color:#dad6cc;font-weight:300;font-size:35px;line-height:1.2em;padding:0 0 7px 0;letter-spacing:-1px}
h4 span {color:#F3CE1D;font-weight:400}
h4.color2 span {color:#789C23}
h4.color3 span {color:#00659F}
h4.color4 span {color:#002863}
.color4 .accordion-opener { color:#002863; text-decoration:none}
.color4 .accordion-opener:hover { text-decoration:underline}

#page4 h4, #page5 h4 {padding:25px 10px 16px 10;margin-left:-3px}
p {padding-bottom:22px}
strong {color:#dcd9cf}
/* ============================= header ====================== */
header {z-index:100}
#logo {background:url(../images/logo.png) 0 0 no-repeat;width:210px;height:160px;text-indent:-9999px; float:left; }


#menu {float:right;padding:5px 10px 15px; margin-top:43px; background:#fff }
#menu li {float:left;  display: block;  position: relative;}
#menu li a {display:block; padding:0 15px; height:42px;font-size:16px;color:#00659F;line-height:42px;text-transform:uppercase;text-decoration:none;font-weight:400; }
#menu li a:hover {background:url(../images/menu_active2.gif) top repeat-x;color:#F4CF1C;  } 
#menu #menu_active a {background:url(../images/menu_active.gif) top repeat-x;color:#fff; }

#menu li ul {  position: absolute;  top: 30px; z-index:100} 
#menu li ul li {   height: 10px; /* no son visibles */
    overflow: hidden;
    padding: 0; } 
	
	
#menu li:hover > ul li {     height: 36px; /* los mostramos */
    overflow: visible;
    padding: 0; } 




#top_nav {float:right;padding:40px 0 0 0}

#top_nav li {float:left;padding:12px 0 0 0;margin-right:25px; }


#top_nav .end {padding-right:0;margin-right:0;background:none}
.slider {position:relative;z-index:1;width:100%;height:465px;overflow:hidden;margin-bottom:10px}
.slider .items {display:none; }
.pic {float:right;position:relative}
.mask {left:auto !important;right:0;width:720px !important}
.pagination {position:absolute;left:0;top:0;z-index:3}
.pagination li {width:250px;height:120px}

.pagination a {display:block;position:relative;cursor:pointer;padding:29px 0 0 13px;font-size:30px;line-height:1.2em;font-weight:600;color:#fff;
text-decoration:none;text-transform:uppercase;letter-spacing:-1px;height:126px}

.pagination a span {display:block;font-weight:300;font-size:22px;line-height:0em;margin-top:-8px;letter-spacing:0}

#banner1 {background:url(../images/banner1.png) 0 0 no-repeat}
#banner1 a {background:url(../images/banner1_active.png) -250px 0 no-repeat}
#banner2 {background:url(../images/banner2.png) 0 0 no-repeat}
#banner2 a {background:url(../images/banner2_active.png) -250px 0 no-repeat}
#banner3 {background:url(../images/banner3.png) 0 0 no-repeat}
#banner3 a {background:url(../images/banner3_active.png) -250px 0 no-repeat}
#banner4 {background:url(../images/banner4.png) 0 0 no-repeat}
#banner4 a {background:url(../images/banner4_active.png) -250px 0 no-repeat}

.pagination #banner1:hover, .pagination #banner1.current, .pagination #banner2:hover, .pagination #banner2.current, .pagination #banner3:hover, .pagination #banner3.current {}

.banner {position:absolute;z-index:2;right:0;bottom:0;margin:0 10px 10px 0}
.banner span {float:right;padding:0 32px;margin-bottom:5px;background:#000;font-size:40px;line-height:56px;height:56px;font-weight:400;color:#dad6cc;line-height:1.2em}
.banner em {font-style:normal;text-transform:uppercase}
.banner strong {float:right;padding:0 28px;background:#000;font-size:40px;line-height:56px;font-weight:300;color:#dad6cc}

.banner wrapper a { color:#f00;}



/* ============================= content ====================== */
#content { background:#fff}
.pad_left1 {padding-left:26px}
.pad_left2 {padding-left:36px}
.pad_bot1 {padding-bottom:14px}
.pad_bot2 {padding-bottom:4px}
.marg_right1 {margin-right:37px}
.box1 {background:url(../images/bg_box1.jpg) top center no-repeat #dad6cc;border-top:5px solid #cdc8bc;padding:15px 30px 29px}
.box1 strong {color:#3f3f3f}
.box1 figure {box-shadow:0 0 3px #a4a19a;-moz-box-shadow:0 0 3px #a4a19a;-webkit-box-shadow:0 0 3px #a4a19a;position:relative}
.box2 {padding:10px 20px 10px; 20px background:#fff}
.box2 .line1, .box2 .line2 {background-image:url(../images/line_vert2.gif)}
#page4 .box2 {margin-top:7px;padding-top:30px;padding-bottom:28px}
.line1 {background:url(../images/line_vert1.gif) 289px 0 repeat-y}
.line2 {background:url(../images/line_vert1.gif) 591px 0 repeat-y}
#page3 .line1 {background-position:282px 0}
.relative {position:relative}
.button1 {color:#dddad1;text-decoration:none;background:#000;line-height:18px;padding:0 9px;margin-top:2px; width:60px; margin-top:20px; }
* + html .button1 {margin-top:-20px}
.button1 {color:#dddad1; display:block}
.button1:hover {background:#F3CE1D;color:#fff}
.button1.color2 {color:#dddad1}
.button1.color2:hover {background:#789C23;color:#fff}
.button1.color3 {color:#dddad1}
.button1.color3:hover {background:#00659F;color:#fff}
.button2 {display:inline-block;font-size:15px;color:#fff;text-transform:uppercase;text-decoration:none;padding:0 21px;height:36px;line-height:34px;font-weight:400;background:url(../images/button1_bg.gif) top repeat-x;letter-spacing:-1px}
.button2.color2 {background-image:url(../images/button2_bg.gif)}
.button2.color3 {background-image:url(../images/button3_bg.gif)}
.button2:hover {background:#000}
.color0 {color:#616161;text-decoration:none}
.link1 {text-decoration:none}
.link1:hover {text-decoration:underline}




#lema { text-align:center; width:100%; margin:auto;  }
.quot { margin-top:10px;padding:12px 0 17px 41px;font-style:italic;background:url(../images/quot1.png) 0 0 no-repeat;text-align:center;  }
.quot img {display:inline-block;margin:4px 0 0 9px}

#page2 .quot {padding-bottom:7px}
.list1 {margin-top:-2px;margin-bottom:-2px}
.list1 li {line-height:26px}
.list1 li a {color:#dcd8cf;padding-left:22px;background:url(../images/marker_1.gif) 0 3px no-repeat}
.list1 .color2 a {background-position:0 -23px}
.list1 .color3 a {background-position:0 -49px}
/*--- tabs begin ---*/
.tabs {}
.tabs ul.nav {padding:27px 0 27px 2px;overflow:hidden}
.tabs ul.nav li {float:left;padding-left:31px}
.tabs ul.nav li a {font-size:35px;color:#ddd9cf;font-weight:400;text-decoration:none;line-height:1.2em;letter-spacing:-1px}
.tabs ul.nav .selected a, .tabs ul.nav a:hover {color:#ffc11e}
.tabs .tab-content {}
/*--- tabs end ---*/
.address {float:left;width:80px}
.img1 {position:absolute;right:0;top:32px}
/* ============================= footer ====================== */
footer {background:#000;padding:21px 36px 4px}
#footer_logo {float:left;font-size:46px;font-weight:300;text-transform:uppercase;color:#dedbd2;line-height:1.2em;text-decoration:none;letter-spacing:-3px;margin-left:-4px}
#footer_logo span {color:#ffc11e}
#icons {float:right;padding:20px 0 0 0}
#icons li {float:left;padding-left:4px}
/* Tooltips */
.aToolTip {background:#ffc11e;color:#fff;font-weight:bold;margin:0;padding:2px 10px 3px;font-size:11px;position:absolute;line-height:17px}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0}

.telefono {float:right;margin-top:15px;background:url(../images/bot_icon.gif) 0 5px no-repeat;padding:0 0 0 38px;font-size:20px;line-height:1.2em;color:#dedad1;letter-spacing:-2px;font-weight:300}
.telefono span {color:#ffc11e}

.fax {float:right;margin-top:4px;background:url(../images/fax_icon.gif) 0 5px no-repeat;padding:0 0 0 38px;font-size:20px;line-height:1.2em;color:#dedad1;letter-spacing:-2px;font-weight:300}
.fax span {color:#ffc11e}

footer nav {float:left}
#footer_menu {float:left;padding:15px 0 10px 0;margin-left:-1px}
#footer_menu li {float:left;padding-right:29px;background:url(../images/menu_line.gif) right 0 no-repeat;margin-right:19px}
#footer_menu li a {display:block;color:#fff;text-decoration:none;line-height:20px}
#footer_menu li a:hover, #footer_menu .active a {color:#575652}
#footer_menu .end {background:none;padding-right:0;padding-left:0}
#footer_text {padding-top:18px;border-top:1px solid #0d0d0d;text-align:center}
#footer_text a {color:#fff;text-decoration:none}
#footer_text a:hover {text-decoration:underline}

#footer_text2 {padding-top:18px;border-top:1px solid #0d0d0d;text-align:center; font-size:12px;}
#footer_text2 a {color:#fff;text-decoration:none}
#footer_text2 a:hover {text-decoration:underline}


/* ============================= forms ============================= */
#ContactForm {width:555px;overflow:hidden;padding-bottom:36px}
#ContactForm .wrapper {height:26px}
#ContactForm span {float:left;width:70px;line-height:24px}
#ContactForm .textarea_box {width:100%;overflow:hidden;min-height:103px;padding-bottom:5px}
#ContactForm {}
#ContactForm a {margin-left:10px;width:72px;text-align:center;float:right}
#ContactForm .input {width:470px;background:#eee;padding:3px 5px;color:#575652;font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;height:14px}
#ContactForm textarea {overflow:auto;width:470px;background:#eee;padding:3px 5px;color:#575652;font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;height:91px}




.masnoticias { float:right; margin-top:25px;}

.masnoticias a { text-decoration:none; background:#595959; padding:5px; color:#fff;   }
.masnoticias a:hover { text-decoration:none; background:#000; padding:5px; color:#fff;  }


#top_nav li a { color:#fff; text-decoration:none; margin-top:-15px; }
#top_nav li a:hover { text-decoration:overline; } 
 

.logo_junta {float:right; position:relative; top:35px; margin-top:-15px }


.imgform {position:relative; float:left}







/* GMAPS */

.overlay{
  display:block;
  text-align:center;
  color:#fff;
  font-size:60px;
  line-height:20px;
  opacity:0.8;
  background:#4477aa;
  border:solid 3px #336699;
  border-radius:4px;
  box-shadow:2px 2px 10px #333;
  text-shadow:1px 1px 1px #666;
  padding:0 4px;
  width:150px;
  padding:10px
}

.overlay_arrow{
  left:50%;
  margin-left:-16px;
  width:0;
  height:0;
  position:absolute;
}
.overlay_arrow.above{
  bottom:-15px;
  border-left:16px solid transparent;
  border-right:16px solid transparent;
  border-top:16px solid #336699;
}



#fbusqueda input { background:#eee; float:right; position:relative; top:49px;  }
#fbusqueda input.buscar { background:#fff url(../images/buscar.png) left top no-repeat; width:25px; height:23px; cursor:hand; }



div.lista_planta ul { margin-left:35px;}
div.lista_planta ul li { list-style:disc; }


div#edificios_enlaces a { margin-left:20px; line-height:20px;
	color:#eee; text-decoration:none;
  opacity:0.8;
  background:#4477aa;
  border:solid 3px #336699;
  border-radius:4px;
  box-shadow:2px 2px 10px #333;
  text-shadow:1px 1px 1px #666;
  padding:0 4px;
  width:150px;
  padding:10px
  }


div#edificios_enlaces a:hover { margin-left:20px; line-height:20px;
	color:#fff; text-decoration:none;
  opacity:1;
  background:#4477aa;
  border:solid 3px #336699;
  border-radius:4px;
  box-shadow:2px 2px 10px #333;
  text-shadow:1px 1px 1px #666;
  padding:0 4px;
  width:150px;
  padding:10px
  }




div#noticias_enlaces a { 
  margin-left:40px; 
  line-height:20px; 
   margin-top:25px;
  color:#eee; text-decoration:none;
  opacity:0.8;
  background:#002863;
  border:solid 3px #002863;
  border-radius:4px;
  
  width:150px;
  padding:20px
  }


div#noticias_enlaces a:hover {  margin-left:40px; 
  line-height:20px; 
   margin-top:25px;
	color:#fff; text-decoration:none;
  opacity:1;
  background:#336699;
  border:solid 3px #336699;
  border-radius:4px;
  width:150px;
  padding:20px;
  }
  
  
  
  


div#edificio_enlaces a { 
  margin-left:40px; 
  line-height:20px; 
   margin-top:45px;
  color:#eee; text-decoration:none;
  opacity:0.8;
  background:#789C23;
  border:solid 3px #789C23;
  border-radius:4px;
  
  width:150px;
  padding:20px;
  }


div#edificio_enlaces a:hover {  margin-left:40px; 
  line-height:20px; 
	color:#fff; text-decoration:none;
  opacity:1;
  background:#A3D136;
  border:solid 3px #A3D136;
  border-radius:4px;
  width:150px;
  padding:20px;
  border-radius:8px;-moz-border-radius:
  8px;-webkit-border-radius:8px;
  box-shadow:0 0 4px rgba(0, 0, 0, .4);
  -moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);
  -webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);
  }
  

 #calendario_enlaces { margin-top:30px;}

  div#calendario_enlaces a { 
  margin-left:0px; 
  line-height:20px; 
   margin-top:25px;
  color:#eee; text-decoration:none;
  opacity:0.8;
  background:#002863;

  width:100px;
  padding:20px 15px
  }
   
  
div#calendario_enlaces a:hover { 
  line-height:20px; 
   margin-top:25px;
	color:#fff; text-decoration:none;
  opacity:1;
  background:#336699;
 font-size:18px;  
  width:100px;
  padding:20px 15px;
  border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);
  } 
   
   
   
#instalaciones_enlaces { margin-top:30px;}

  div#instalaciones_enlaces a { 
  margin-left:0px; 
  line-height:20px; 
   margin-top:25px;
  color:#eee; text-decoration:none;
  opacity:0.8;
  background:#F3CE1D;
  color:#333;
  font-weight:600;

  width:100px;
  padding:20px 10px
  }


div#instalaciones_enlaces a:hover { 
  line-height:20px; 
   margin-top:25px;
	color:#fff; text-decoration:none;
  opacity:1;
  background:#F7DB57;
 font-size:18px;  
  width:150px;
  padding:20px;
  
  border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);
  

  }


.Instalaciones {color:#F3CE1D;}
.Edificios {color:#789C23;}
.Actividades {color:#00659F;}
.Calendario {color:#002863;}

.bInstalaciones {background:#F3CE1D;}
.bEdificios {background:#789C23;}
.bActividades {background:#00659F;}

.bCalendario {background:#002863;}


.slideshow { background:#fff; margin-left:30px}


.slide_inner { height:200px;}


.alignleft { float:left; padding-left:5px; }

.aligncenter { float:left; padding-left:5px; }

.alignright { float: right; padding-right:5px; }


#footer_text span { color:#bababa;}


.texto_enlace {width:550px; float:right; font-size:12px; font-style:oblique}
ul.panel { margin:0px 0;}
ul.panel li{ margin-bottom:15px;}

p.des_enlace { font-variant:small-caps;}

.handle { font-size:18px;}

.accordion { margin-bottom:40px;}

.handle { background:#ededed; margin-top:25px;}

.borde_noticia { padding:10px; border:1px solid #dedede;}


.tipo_documento { float:right;}
.enlace_documento { margin-left:60px;}

.borde_noticia p { text-align:justify;}


img.plano_instalaciones {float:right; margin-right:140px; margin-top:-60px    }
img.plano_edificios {float:right; margin-right:140px; margin-top:30px    }
div#noticias_enlaces { margin-top:80px;  float:left}



#sticky_navigation{
	 z-index:9999;
	 
}

#sticky_navigation2{
	 z-index:9999;
		margin-top:-150px;
}


 #menu_active a.enlace_arriba{ 
padding: 0;
height: 22px;
font-size: 12px;
line-height: 22px;
text-transform:none;
text-align:center;
text-decoration: none;
font-weight: 400;

color:#595959;

}


table#large { font-size:16px; margin-top:10px; margin-bottom:50px; color:#333333}
table#large td{ padding:10px; }

table#large th { padding-bottom:15px;}
table#large th a{ padding:10px; color:#002863; text-decoration:none; font-size:20px }
table#large th.centro_centro { width:180px; text-align:left;}
table#large th.centro_centro a{ background:url(../images/arriba.png) top right no-repeat; width:100% }
table#large th.titulo_titulo { width:250px; text-align:left}
table#large th.titulo_titulo a{ background:url(../images/arriba.png) top right no-repeat; width:100% }

a.enlace_centro { text-decoration:none; font-size:13px; text-align:center; }
td.detalle_titulacion { font-size:13px;}
td.td_edad { font-size:13px;}

td.td_centro { font-size:19px;}
td.td_titulo { font-size:17px; }


tr.ceppicacho { background:#fff;border:1px solid #fff; color:#555}
tr.picacho {background:#EEE; border:1px solid #fff; color:#444}
tr.colon {background:#ddd;border:1px solid #fff; color:#333}
tr.pacheco {background:#ccc;border:1px solid #fff; color:#222}
tr.donana {background:#bbb;border:1px solid #fff; color:#111}
tr.cano{ background:#aaa;border:1px solid #fff; color:#000}

li.educacion { margin-left:50px; font-size:16px}
li.educacion span{ margin-left:50px; font-size:14px}


#fbusqueda { float:right; margin-right: 25px;}

.color1 { color:#F3CE1D;}
.color2 {color:#789C23}
.color3 {color:#00659F}
.color4 {color:#002863}



div#edificio_enlaces {  margin-top:50px; width:450px; float:left; }
div#instalaciones_enlaces { background:#F3CE1D; text-align:center;  opacity:0.9; }