@import url(http://fonts.googleapis.com/css?family=Rosario:400,400italic,700,700italic);

/* Pagina principal */
*{ margin:0; padding:0;}
body{font-family: Rosario, Arial, Helvetica, sans-serif;max-width:920px;position:relative;margin:0px auto 0px auto;}
div#derecha { width:78%; height:820px; float:right; position:relative; }
div#izquierda {width:20%; height:820px; float:left; position:relative;}

/* Barra izquierda */

div#izquierda h1 { text-align:center; margin-top: 10px;}
div#izquierda h2 {font-size:25px; text-align:center;margin-top:25px; color:#666; border-bottom:2px solid #98cb32; padding-bottom: 25px;}

nav.proyectosespeciales { width:100%; height:585px; float: right; position:relative; margin-top:25px;background: #fa9d38;}
nav.proyectosespeciales img {float: right; width:100%; margin: 20px 0 20px 0 ;}
nav.proyectosespeciales p.titulobco {margin-top:10px;}


/* Menu */

div#derecha header  { width:100%; height:100px; float: left; position:relative; margin: auto 0 10px 0;}
header nav{ float:right; margin:35px 35px 0 0;}
header nav ul li{ float: left; list-style-type:none;margin:35px 10px 0 10px;}
header nav ul li a{ color:#98cb32; text-decoration:none; padding:10px; margin:10px;}


/* imagen grande */
div#derecha section article { width:100%; height:400px; float: left; position:relative; margin: 10 px;}
nav.cajatextofoto {
	float: left;
	width: 200px;
	height: 353px;
	position: absolute;
	left: 491px;
	top: 22px; }

h1.textoenfoto {font-size:24px; color:#FFF; padding: 30px 20px 20px 20px; font-weight:700;}
p.textoenfoto {font-size:13px; color:#FFF; padding: 0 20px 0 20px; font-weight:400;}
/* Columnas */

nav.columnauno { width:31%; height:280px; float: left; position:relative;background: #FFF; margin-top:10px; }
nav.columnados { width:31%; height:280px; float: left; position:relative;background: #FFF; margin: 10px 25px 0 25px;}
nav.columnatres { width:31%; height:285px; float: right; position:relative; margin-top:10px;background: #98cb32;}

									


nav.columnauno img {float: right; width:100%; margin: 10px 0 10px 0 ;}
p.titulo { font-size:20px; color:#666; border-top:#98cb32 solid 3px; border-bottom:1px solid #98cb32; margin: 0 10px 0 0; 
padding: 5px 0 5px 0; font-weight:700;}
p.texto { font-size:13px; color:#666; margin: 20px 10px 10px 0; font-weight:400;}
nav.columnados img {float: right; width:100%; margin: 10px 0 10px 0 ;}
nav.columnatres img {float: right; width:100%; height:140px; margin: 0 0 10px 0 ;}
p.titulobco { font-size:20px; color:#FFF;  border-bottom:1px solid #FFF; margin: 0 10px 0 10px; padding: 5px 0 5px 0; font-weight:700;}
p.textobco {font-size:13px; color:#FFF; margin: 10px 10px 0 10px; font-weight:400;}




/* Footer */
footer{ width:98%; height:50px; display:table; float:left; background:#666; margin: 10px 0 0 0; padding:10px;}
footer p { font-size: 13px; color:#FFF; text-align:center; margin: 5px auto auto 20px}
footer p.legales { font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#FFF; text-align:center; margin: 20px 0 0 0;}
footer p a img {padding: 0 20px 0 20px; }
/* Menu */

/* Menu izquierdas*/

nav.barraizqnosotros { width:100%; height:585px; float: right; position:relative; margin-top:25px;}

nav.barraizqnosotros ul li{ float: left; list-style-type:none;margin:30px 0 0 0;}
nav.barraizqnosotros ul li a{ color:#666; text-decoration:none; padding:10px 0 0 0 ; margin:20px ;font-size:15px;}
div#derecha section.nosotros { width:100%; height:1020px; }
div#derecha section.nosotros article.docentes { width:100%; height:100px; margin: 20px 0 20px 0;}

div#derecha section nav.docentescol1 { width:150px; height:150px; float: left; position:relative; margin:58px 28px 19px 0;}
div#derecha section nav.docentescol1 p.nombresdocentes { font-size: 12px; color:#666; font-weight:700;}
div#derecha section nav.docentescol1 p.cargodocente {font-size: 10px; color:#666}
div#derecha section nav.docentescol1 p.comisiones1 a { font-size: 14px; color:#FFF; margin: 63px 0 0 0;background: #98cb32; padding:5px; text-align:center; text-decoration:none; float:left;}
div#derecha section nav.docentescol1 p.comisiones2 a { font-size: 14px; color:#FFF; margin: 63px 0 0 0;background: #fa9d38; padding:5px; text-align:center; text-decoration:none; float:left;}