/*-----------------------------------------------inicio del metodo de 960degrees----------------------------------*/
.container_12{ margin-left: auto; margin-right: auto; width: 960px}
.grid_1, .grid_2, .grid_3, .grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 { display: inline; float: left; margin-left: 10px; margin-right: 10px}
.container_12 .grid_3{width: 220px}
.container_12 .grid_6{width: 460px}
.container_12 .grid_9{width: 700px}
.container_12 .grid_12{width: 940px}
.container_12 .grid_1{width: 60px}
.container_12 .grid_2{width: 140px}
.container_12 .grid_4{width: 300px}
.container_12 .grid_5{width: 380px}
.container_12 .grid_7{width: 540px}
.container_12 .grid_8{width: 620px}
.container_12 .grid_10{width: 780px}
.container_12 .grid_11{width: 860px}
html body div.clear,html body span.clear{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0}
/*----------------------------------------fin del 960degrees-----------------------------------------------------------------------------------------*/

* { padding : 0; margin : 0; outline : none}
img{border:0}
body { background: #203252 url(../imagenes/body_bg.gif) repeat-x;  font: 80% Verdana, Helvetica, sans-serif; }
a { color:#78aa48; font-size:12px; }
h1{ color:#78aa48; display:block; font-size:16px; font-weight:bolder; margin: 10px; }
h2, h3{ color:#183265; display:block; font-size:12px; font-weight:bolder; margin: 10px;}
h3{ color:#78aa48}
h4{ display:block; font-size:12px; font-weight:bolder;  margin: 20px 0 0 0; color:#5a89b0; border-bottom:1px solid #333; text-align:center;}
p {margin: 5px 0; text-indent:25px;}
ul, ol {margin-left:30px; text-align:justify;}
ul li, ol li { margin: 6px 0;}
ul li ul, ol li ul, ul li ol, ol li ol {margin-left:30px; list-style-type:disc;}
ul li ul li, ol li ul li, ul li ol li, ol li ol li{ margin:0;}

table{margin:0; font-size:11px; border-spacing:0 5px; text-align:center;}
table tr{background-color:#F1F8EE;  }
table td {border-top: 5px solid #fff;  border-bottom:1px dotted #000; padding:2px; }
table th { padding-left:2px; text-align:center; background-color:#5D7090; color:#fff;}
table tr.odd {background-color:#DBE6DD;}

.profs {margin:0; font-size:11px; border-spacing:0 5px; text-align:left; width:100%;}
.profs tr{background-color:#FFFFFF;  }
.profs td {border-top: 5px solid #fff;  border:none; padding:2px; }
.profs th { padding-left:2px; text-align:center; background-color:#5D7090; color:#fff;}
.profs tr.odd {background-color:#DBE6DD;}
.profs ul li{ margin:0;}


#navigation {margin-top: 110px; float:right; color: #333; display:block; font-size:12px;}
#nav, #nav ul{ list-style: none; }
#nav li{ float: left; border-right:1px dotted #fff;}
#nav a { color: #fff; display: block; padding: 6px 16px; text-decoration:none}
#nav a:hover { color: #fff; text-decoration: underline; }

#top, #foot, #content  { background: #fff;}
#header { height : 160px; background : url(../imagenes/header.jpg) no-repeat top right; }
#footer { height:75px; background : #fff url(../imagenes/footer.jpg) no-repeat top right; }
div.spacer { background-color: #fff;  height: 10px;  }
div#carrousel{ background-color: #fff; } 

#left {background-color:#fff;} 
.ctab {background:#fff;}

#secciones{color: #333;background:#fff; font-size:11px;}
#enlaces {margin-top:15px}
#enlaces a{margin-top:15px; display:block; clear:left;}

#stabs, #ltabs ul, #ltabs, #ltabs ul{margin:0; list-style: none; }
#stabs li {width:205px; display:block;} 
#stabs li, #ltabs li{ float: left; background:#fff url(../imagenes/tab.jpg) no-repeat; margin: 0;}
#stabs a, #ltabs a { color: #000; display: block; padding: 6px 8px 6px 15px; text-decoration:none}
#stabs a:hover , #ltabs a:hover { color: #333; text-decoration: underline; }

#login .title {font-size:12px; color:#7B0E12; display:block; font-size:11px; font-weight:bolder; background-color:#D2D2D0; text-align:center; padding:3px 1px; width:260px;}
#login form {background:#dddddd url(../imagenes/box2.jpg); border: 1px solid #ccc; width:250px; margin-bottom:10px; padding:10px 0 0 10px;}
#login form label {margin-top:4px; margin-left:10px; font-size:10px; float:left; display:block; clear:left; color:#333; font-weight:bolder; width:150px;}
#login #logalu {background: url(../imagenes/alumno.png) no-repeat; padding-left:18px; margin: 3px 0;}
#login #logadmin {background: url(../imagenes/admin.png) no-repeat; padding-left:18px; margin: 3px 0;}
#login #logprof {background: url(../imagenes/profesor.png) no-repeat; padding-left:18px; margin: 3px 0;}
#login #submit{float:right;margin-right:40px;margin-top:5px;}
#login #usuario{margin:15px auto 0 auto; padding: 3px 5px 5px 25px; width: 150px; height: 15px; border: none;  display:block; font-size:11px;  background: #FFFFFF url(../imagenes/usuario.gif) no-repeat;}
#login #pass{margin:10px auto 0 auto; padding: 3px 5px 5px 25px; width: 150px; height: 15px; border: none; display:block; font-size:11px;  background: #FFFFFF url(../imagenes/pass.gif) no-repeat;}

.depto {display:block; float:left; margin:0 1px; padding:0 } 
.details { margin:10px; }
.post, .post_long { margin-left:10px; margin-top:10px; float:left; display:block;}
.post { width:280px; }
.post_long {width:560px;}
.post_long img, .post img {float:left; border: 1px #999 solid; padding:2px; margin-right: 5px; }
.entry { margin-top: 5px; text-align:justify;}
.galeria a {margin:0; padding:0; }
.galeria img {margin:0; padding:2px; border: 1px #999 solid; }

#main_content { width: 580px; background: #fff; padding: 10px; margin: 3px 0 10px 0; }
/*------ directorio --------*/
.seccion { font-size: 12px; padding:0px;  background-color:#dddddd; display:block;}
.titulo {    font-weight: bold; color: #9C231B; display:block; float:left;}
.telefono { display:block; float:right; color:#222; font-weight:bolder; }
.email{font-size: 11px; color:#657843; display:block;}
/*------fin directorio--------*/

.center {text-align:center;}
.center small {font-size:80%; color:#1B83E8;}
.columna {width: 290px; float:left; display:inline; float:left;}
#clicked {cursor:pointer;}
.dbl { float:left; width:26px; display:block; background: url(../imagenes/dbla.png) no-repeat; height:33px; min-height:33px;}
.dbr { float:left; width:7px; display:block; background: url(../imagenes/dbr.png) no-repeat; height:33px; min-height:33px;}
.dropbox { float:left; display:inline; background: url(../imagenes/dropbox.png) repeat-x; padding:8px 2px; height:33px; min-height:33px;}
.img_left {float:left;}
.img_right {float:right;}
.img_right small {float:left; font-size:80%; color:#1B83E8;}
.img_left img{float:left; clear:right;}
.img_left small {float:left; font-size:80%; color:#1B83E8;}
.borde {margin:5px; padding:5px; border: 1px #999 solid;}
.instalaciones, .stella, .himg {float:left; text-align:center; margin:5px; display:block;}
.stella {width:120px; font-size:10px;}
.himg {  width:100px;}
.instalaciones{ width:214px; margin:10px 20px; padding:10px; border:1px solid #999;}
.instalaciones img, .stella img, .himg img {margin:0; padding:0; border:1px solid #999; padding:5px; }
.pdfm {margin:0; padding-left:11px; border:0; background: url(../imagenes/pdfm.png) no-repeat; font-size:10px;}
.flashm {margin:0; padding-left:11px; border:0; background: url(../imagenes/flashm.png) no-repeat; font-size:11px;}
.instalaciones small, .stellla small, .himg small{margin:0; padding:0;font-size:11px;}

/*----------------------apf-------------------*/
.apf {list-style:none; text-align:center;   text-align:center; padding:0; margin:0; font-size:12px;}
.cargol, .cargolc, .cargo, .cargoc {width:290px; float:left; display:block; font-weight:bolder; }
.cargol, .cargolc { height:70px; min-height:70px;}
.cargo, .cargoc{ height:220px; min-height:220px;}
.cargo ul, .cargoc ul, .apf li, .apf ul {margin:0; padding:0; list-style:none;}
.apffoto, .apfnombre, .apfnombrec{font-weight:normal; color:#485926; width:145px; display:block; float:left; text-align:center;}
.apfnombre1{font-weight:normal; color:#485926; }
.cargoc, .cargolc, .apfnombrec {clear:both;}
/*--------------end apf --------------------*/
/*------------------lightbox-------------------*/
#jquery-overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px}
#jquery-lightbox{position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#jquery-lightbox a img{border: none}
#lightbox-container-image-box{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#lightbox-container-image{padding: 10px}
#lightbox-loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#lightbox-nav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#lightbox-container-image-box > #lightbox-nav{left: 0}
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width: 49%; height: 100%;  display: block; /*zoom: 1;*/}
#lightbox-nav-btnPrev{left: 0; float: left}
#lightbox-nav-btnNext{right: 0; float: right}
#lightbox-container-image-data-box{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;}
#lightbox-container-image-data{padding: 0 10px; color: #666}
#lightbox-container-image-data #lightbox-image-details{width: 70%; float: left; text-align: left}	
#lightbox-image-details-caption{font-weight: bold}
#lightbox-image-details-currentNumber{display: block; clear: left; padding-bottom: 1.0em}			
#lightbox-secNav-btnClose{width: 66px; float: right;padding-bottom: 0.7em}
/*------------------ fin de lightbox-------------------*/
.e404bg {background:url('../imagenes/404/404.png') no-repeat center top;  width:600px;margin-left:20px; float:left; }
.e404bg p{color:#4B4B4B; font-size:20px;}
.e404bg .txtbig{margin-top:230px; color:#0A4571; font-size:46px; font-weight:bolder;}
.e404ul {width:260px; display:block; float:left;}
.e404ul a {font-size:16px;}
.e404ul li{ width:250px; height:46px; margin:0; display:block; padding:20px 0 0 0; text-align:center;}
.t3{background:url(../imagenes/404/t3.png) no-repeat; }
.t1{background:url(../imagenes/404/t1.png) no-repeat; }
.t2{background:url(../imagenes/404/t2.png) no-repeat; }