﻿/*******************ERIC MEYER'S CSS RESET STYLES********************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus {outline: 0;}
body {line-height: 1em; color:#000; background:#e1e1db;}
ol, ul, li {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*******************ERIC MEYER'S CSS RESET STYLES********************************************/

/*******************LAYOUT********************************************/
body {font-size:1em; font-family:"Trebuchet MS", "Helvetica, Arial";}

#wrapper 	{width:900px;margin:0 auto; background:#FFF; border:2px solid #ccc;}


.limpiar {clear:both; float:none;}
.screen-readers {display:block;position:absolute;width:0;overflow:hidden;}

.izquierda {float:left;}
.derecha {float:right;}
.col695 {width:695px;margin-right:25px;}
.col170 {width:170px;}
.col240 {width:240px;}
.col270 {width:270px;}
.col370 {width:370px;}
.col450 {width:450px;}
.col470 {width:470px;}
/*******************FIN LAYOUT********************************************/

/*******************HEADER********************************************/
#header {position:relative;width:100%;height:120px; background:#FFF url(/images/franja-colores-superior.jpg) no-repeat scroll 0 0;}
h1 {position:absolute;top:39px;left:28px;}

#idiomas {position:absolute;top:0;right:25px;}
#idiomas li {display:inline;font-size:6pt;color:#FFF;}

#frmsearch {position:absolute;top:30px;right:25px;text-align:right}
#frmsearch input {width:100px;padding:1px;border:1px solid #9FC0E7;font-size:9pt;background:#F6F9FC none;}
#frmsearch .boton {background:#FFF url(/images/icono-lupa.gif) no-repeat scroll right center;border:none;color:#FFF;}

#palabras {position:absolute;top: 68px;right:25px;}
#palabras li {float:left;}
/*
#palabras .movilidad {width:136px;height:40px;background:#FFF url(/images/txt-movilidad.jpg) no-repeat scroll left top;}
#palabras .sostenibilidad {width:188px;height:40px;background:#FFF url(/images/txt-sostenibilidad.jpg) no-repeat scroll left top;}
#palabras .desarrollo {width:117px;height:40px;background:#FFF url(/images/txt-desarrollo.jpg) no-repeat scroll left top;}
*/

#submenu {position:absolute;top:100px;right:25px;}
#submenu li {float:left;padding:0 8px;font-size:9pt;}
#submenu .last {padding-right:0;background:none;}
/*******************FIN HEADER********************************************/

/*******************MENU********************************************/
#menu {position:absolute;width:722px;}
#menu li {float:left;position:relative;line-height:26px;font-size:9pt;font-weight:bold;text-align:center;}
#menu a span {display:block;text-indent:-1000em;}
#menu .nosotros {width:96px;background:#002e63 url(/images/menu/menu-nosotros.gif) no-repeat scroll 19px; center;}
#menu .sectores {width:96px;background:#f17d00 url(/images/menu/menu-sectores.gif) no-repeat scroll 12px center;}
#menu .servicios {width:96px;background:#ac0da5 url(/images/menu/menu-servicios.gif) no-repeat scroll 20px; center;}
#menu .proyectos {width:96px;background:#4d590d url(/images/menu/menu-proyectos.gif) no-repeat scroll 17px; center;}
#menu .documentacion {width:96px;background:#7d212b url(/images/menu/menu-centro-documentacion.gif) no-repeat scroll 9px; center;}
#menu .principal {width:180px;text-align:left;background-position:26px center}
#menu .last {display:block;height:26px;width:27px;position:absolute;top:0;right:-26px;}
#menu .nosotros .last {background:transparent url(/images/menu/menu-esquina-nosotros.gif) no-repeat scroll 0 bottom;}
#menu .sectores .last {background:transparent url(/images/menu/menu-esquina-sectores.gif) no-repeat scroll 0 0;}
#menu .servicios .last {background:transparent url(/images/menu/menu-esquina-servicios.gif) no-repeat scroll 0 0;}
#menu .proyectos .last {background:transparent url(/images/menu/menu-esquina-proyectos.gif) no-repeat scroll 0 0;}
#menu .documentacion .last {background:transparent url(/images/menu/menu-esquina-centro-documentacion.gif) no-repeat scroll 0 0;}
#menu ul {position:absolute;left:0;padding-top:10px;}
#menu .principal ul {display:block;position:absolute;left:18px;}
#menu ul li{clear:both;float:none;text-align:left;font-size:9pt;line-height:9pt;}
.nosotros ul {display:none;width:222px;height:126px;background:transparent url(/images/menu/submenu/fondo-nosotros.png) no-repeat scroll 0 0;}
.sectores ul {display:none;width:222px;height:227px;background:transparent url(/images/menu/submenu/fondo-sectores.png) no-repeat scroll 0 0;}
.servicios ul {display:none;width:222px;height:227px;background:transparent url(/images/menu/submenu/fondo-servicios.png) no-repeat scroll 0 0;}
.proyectos ul {display:none;width:217px;height:227px;background:transparent url(/images/menu/submenu/fondo-proyectos.png) no-repeat scroll 0 0;}
.documentacion ul {display:none;width:222px;height:126px;background:transparent url(/images/menu/submenu/fondo-documentacion.png) no-repeat scroll 0 0;}
#menu .nosotros li {width:190px;margin-bottom:10px;}
#menu .sectores li {width:230px;margin-bottom:10px;}
#menu .servicios li {width:221px;margin-bottom:10px;}
#menu .proyectos li {width:220px;margin-bottom:10px;}
#menu .documentacion li {width:190px;margin-bottom:10px;}

#menu .fijo {background:transparent none;width:180px;height:auto;margin-left:-8px;}
	#menu .nosotros .fijo {border-left:2px solid #6482AB;}
	#menu .sectores .fijo {border-left:2px solid #6B470F;}
	#menu .servicios .fijo {border-left:2px solid #B5AEA8;}
	#menu .proyectos .fijo {border-left:2px solid #B0B593;}
	#menu .documentacion .fijo {border-left:2px solid #BE9196;}
#menu .fijo li {width:138px;margin:10px;}
#menu .nosotros .fijo .sel {color:#3F9BBC;margin-left:16px;}
#menu .sectores .fijo .sel {color:#9E7D0A;margin-left:16px;}
#menu .servicios .fijo .sel {color:#ADA194;margin-left:16px;}
#menu .proyectos .fijo .sel{color:#78C73B;margin-left:16px;}
#menu .documentacion .fijo .sel{color:#FA8085;margin-left:16px;}
/*******************FIN MENU********************************************/

/*******************FOOTER********************************************/
#footer {clear:both;background:#002e63 none;height:44px;text-align:center; bottom:0px;}

#footer img {margin:5px 10px;}
#footer ul {width:100%;padding:10px 0;margin:0 auto;height:20px;}
#footer li {display:inline;padding:0 5px;font-size:8pt;background:transparent url(/images/icono-blanco.gif) repeat-y scroll right top;color:#FFF;}
#footer .last {background:none;}
/*******************FIN FOOTER********************************************/

/*******************HOME********************************************/
#presentacion {position:relative;width:100%;height:254px;z-index:1}

.texto_cortinilla {position:absolute;top:0;right:0;width:200px;height:254px;background:transparent url(/images/fondo-texto-home.png) no-repeat scroll right bottom; visibility:hidden;}
h2.titulo_texto_cortinilla {margin:10px 10px 0;font-size:8pt;text-align:justify;color:#FFF;}
p.contenido_texto_cortinilla {margin:0 10px;font-size:7pt;text-align:justify;color:#FFF;line-height:9pt;}

.destacados {float:left;width:224px;height:auto;margin:20px 0;background:#FFF url(/images/icono-linea-destacados.gif) repeat-y scroll right top;}
.last {background:none;}

.destacados h2 {position:relative;width:174px;height:15px;margin:0 auto 10px;font-size:9pt;color:#FFF;text-align:center;}
h2 .izda {position:absolute;left:-3px;top:0px;display:block;width:3px;height:15px;background:transparent url(/images/destacados/esquina-izquierda-contacto.gif) no-repeat scroll left top;}
h2 .dcha {position:absolute;right:-3px;top:0px;display:block;width:3px;height:15px;background:transparent url(/images/destacados/esquina-derecha-contacto.gif) no-repeat scroll right bottom;}
.quieres-hablar {background:#002E63;}
	.hablar .izda {background-image:url(/images/destacados/esquina-izquierda-contacto.gif);}
	.hablar .dcha {background-image:url(/images/destacados/esquina-derecha-contacto.gif)}
.proyectos {background:#0073CA;}
	.proyectos .izda {background-image:url(/images/destacados/esquina-izquierda-proyectos.gif);}
	.proyectos .dcha {background-image:url(/images/destacados/esquina-derecha-proyectos.gif);}
.noticias {background:#1E94D8;}
	.noticias .izda {background-image:url(/images/destacados/esquina-izquierda-noticias.gif);}
	.noticias .dcha {background-image:url(/images/destacados/esquina-derecha-noticias.gif);}
.unete {background:#5CB8E3;}
	.unete .izda {background-image:url(/images/destacados/esquina-izquierda-unete.gif);}
	.unete .dcha {background-image:url(/images/destacados/esquina-derecha-unete.gif);}

.imagen {text-align:center;margin:10px 20px;}
.link {width:185px;}
.imagen-izda {text-align:left;margin:10px 5px;}
.imagen div {position:relative;}
.imagen .popup_1, .imagen .popup_2, .imagen .popup_3, .imagen .popup_4, .imagen .popup_5 {position:absolute;right:-220px;bottom:-20px;width:190px;height:190px;background:transparent url('/images/fondo-popup-documentacion.png') no-repeat scroll center top;}
.imagen .popup_1 .titulo, .imagen .popup_2 .titulo, .imagen .popup_3 .titulo, .imagen .popup_4 .titulo, .imagen .popup_5 .titulo {line-height:32px;font-weight:bold;color:#FFF;font-size:10pt;}
#listado-texto .imagen .popup_1 ul li, #listado-texto .imagen .popup_2 ul li, #listado-texto .imagen .popup_3 ul li, #listado-texto .imagen .popup_4 ul li, #listado-texto .imagen .popup_5 ul li {padding:0;margin:0 0 8px;text-align:left;}
.imagen .popup_1 a, .imagen .popup_2 a, .imagen .popup_3 a, .imagen .popup_4 a, .imagen .popup_5 a {display:inline;color:#002E63;}

.form-contacto {width:180px; margin:0 auto;font-size:7pt;color:#002E63;}
.form-contacto label {clear:left;float:left;width:70px;margin:0 0 4px;}
.form-contacto .linea {width:72px;line-height:8pt;}
.form-contacto .linea_unica {width:130px;}
.form-contacto input,.form-contacto select {float:right;width:106px;margin:0 0 4px;border:1px solid #5CB8E3;background:#ADDBE3 none;font-size:7pt;}
.form-contacto input.check {width:15px;background:transparent none;border:0px}
.form-contacto select {float:right;width:106px;}
.destacados .form-contacto p {margin-left:0;padding:0;}
.form-contacto .botonera {clear:both;padding:4px 0 0;text-align:right;}
.form-contacto .botonera input {clear:both;float:none;width:auto;background:#002E63 none;color:#FFF;border-color:#1A4373;}

.destacados ul {width:180px;margin:10px auto 0;}
.destacados li {list-style:square inside url('/images/icono-titulo-proyecto.gif');font-size:7pt;}
.destacados .noticias-destacadas li {margin-bottom:8px;list-style-image:url('/images/icono-titulo-noticias.gif');}
.destacados .proyecto-destacado li div.imagen {margin:0; padding:0;}
.destacados h3 {display:inline;font-size:8pt;color:#6B470F;font-weight:bold;}
.destacados h3 a {color:#6B470F;}
.destacados .noticias-destacadas h3 {color:#1E94D8;}
.destacados .noticias-destacadas h3 a {color:#1E94D8;}
.destacados .subtitulo {color:#6B470F;line-height:10pt;}
.destacados .noticias-destacadas .subtitulo {color:#1E94D8;}
.destacados .mas-info {line-height:16pt;font-size:8pt;}
.destacados p {margin-left:15px;line-height:8.5pt;}
/*******************FIN HOME********************************************/

/*******************INTERIOR********************************************/
.interior #presentacion {height:200px;}
.interior #wrapper .sin-imagen {height:40px;background:#FFF none;}

.interior .texto {position:relative;margin-bottom:30px;}
.interior .texto h2 {margin:10px 0 6px 0;padding-left:16px;font-size:9pt;font-weight:bold;color:#002E63;background:#FFF url('/images/icono-titulo-nosotros.gif') no-repeat scroll left center;}
.interior .texto .subtitulo {clear:both;float:none;color:#0073CA;font-size:11pt;font-style:italic}
.interior .migas {position:relative;float:right;top:10px;right:0;font-size:7pt;}
.interior .migas li {display:inline;color:#5F5C5A;padding-left:2px;}
.interior .texto p {margin-left:16px;font-size:8pt;margin-bottom:6px;text-align:justify;}
.interior .texto ul {margin-left:16px;font-size:8pt;margin-bottom:6px;}
.interior .texto li {list-style:disc inside none;list-style-position:outside;}
.interior .texto h3 {margin-left:16px;font-style:italic;color:#002E63;margin-bottom:2px;}
.interior .texto blockquote {
		float:left;
		width:160px;
		/*margin-left:16px;*/
		margin:0px 0px 0px 16px;
		/*padding:20px 0 0;*/
		padding:10px 0px 0px 0px;
		background:#FFF url('/images/icono-nosotros-comillas1.gif') no-repeat scroll left top;
}
.interior .texto blockquote.derecha {float:right;width:300px;}
.interior .texto blockquote.izquierda {width:300px;}
.interior .texto blockquote p {
	/*margin:0 10px;*/
	margin:0px 0px 0px 20px;
	/*padding:0 0 20px;*/
	padding:0px 25px 0px 0px;
	background:#FFF url('/images/icono-nosotros-comillas2.gif') no-repeat scroll right bottom;
	font:italic normal 10pt/12pt "Bookman Old Style", "Garamond", serif;
	color:#8096B1;
	text-align:center;
}

.interior .equipo li {float:left;width:310px;list-style:none;padding:20px 20px 20px 0;}
.equipo h4 {color:#506A90;font-weight:bold;}
.interior .texto .equipo .subtitulo {color:#506A90;line-height:10pt;font-size:8pt;font-style:normal;}
.interior .texto .equipo p {float:none;clear:none;text-align:left;}

.galeria {list-style:none;padding:20px 0;}
.galeria li {display:inline;margin-right:30px;}
.peque li	{margin-right:10px;}
.galeria .last {margin-right:0;}

.destacado-lateral {position:absolute;width:170px;left:-175px;top:140px;}
	.servicios-lateral {background:#FFF url('/images/fondo-lateral-destacado-servicios.gif') no-repeat scroll center bottom;color:#665649;}
	.proyectos-lateral {background:#FFF url('/images/fondo-lateral-destacado-proyectos.gif') no-repeat scroll center bottom;color:#4D590D;}
.destacado-lateral .lista-proyectos h3 {width:161px;margin:4px auto;line-height:28px;background:transparent url('/images/fondo-h3-lateral-servicios.gif') no-repeat scroll center top;font:normal bold 9pt/28px "Trebuchet MS";color:#FFF;text-align:center;}
	.proyectos-lateral .lista-proyectos h3 {background-image:url('/images/fondo-h3-lateral-proyectos.gif');background-position:center bottom;}
.destacado-lateral .lista-proyectos ul li {list-style:none;margin:0 0 10px 10px;}
.destacado-lateral .contacta h3 {width:161px;margin:0 auto;padding:10px 0 8px 0;border-top:2px solid #A79E94;font:normal bold 9pt/10pt "Trebuchet MS";color:#6B5C4F;text-align:justify;}
.proyectos-lateral .contacta h3 {color:#4D590D;border-top:2px solid #838B56;}
.destacado-lateral .contacta p {margin:0 0 5px 10px;font-size:10px;text-align:left;}
.proyectos-lateral .lista-proyectos p {margin:0 0 5px 10px;font-size:10px;text-align:left;}
#listado-texto li {list-style:none;margin-bottom:20px;border-bottom:2px solid #8EA3BA;}
#listado-texto .last {border-bottom:none;}
#listado-texto li li {border:none;}
#listado-texto h3,#listado-texto .subtitulo,#listado-texto h4 {color:#002E63;font:normal bold 10pt/11pt "Trebuchet MS";margin-left:16px;}

.texto .enlaces {float:none;clear:both;position:static;}
.texto .enlaces li {float:none;clear:both;position:static;padding-top:8px;padding-bottom:8px;list-style:none;background:#E6EAEF none;color:#171411;}
.texto .enlaces .par {background:#FFF none;}
.texto .enlaces li h3 a {font:normal bold 9pt/12pt "Trebuchet MS";}
.texto .enlaces li h3 span {font:normal normal 8pt/12pt "Trebuchet MS";color:#171411;}
.texto .enlaces li p {margin-bottom:0;margin-right:10px;}

.texto .listado-noticias li {float:none;clear:both;position:static;margin:8px 0;list-style:none;color:#171411;margin-left:0;background:#FFF url('/images/fondo-listado-noticias.gif') repeat-y scroll right top;}
.texto .listado-noticias li h3 {padding-bottom:20px;margin-left:0;background:#FFF none;}
.texto .listado-noticias li .imagen {margin-top:0;margin-left:0;}
.texto .listado-noticias li h3 a {font:normal bold 9pt/12pt "Trebuchet MS";}
.texto .listado-noticias li h3 span {font:normal normal 8pt/12pt "Trebuchet MS";color:#171411;}
.texto .listado-noticias li .imagen a {display:block;width:auto;float:left;margin-bottom:0px;padding:0 0px;}


#mapa-web li {list-style:none;background:none;margin-bottom:0;padding-bottom:0;font-size:12pt;}
#mapa-web ul {background:none;margin:4px 0 10px 20px;padding-bottom:0;height:auto;}
#mapa-web li li {font-size:10pt;margin-bottom:6px;}
#mapa-web .mapa-nosotros {color:#002E63;}
#mapa-web .mapa-sectores {color:#6b470f;}
#mapa-web .mapa-servicios {color:#6b5c4f;}
#mapa-web .mapa-proyectos {color:#4d590d;}
#mapa-web li ul {display:block;}
.vcard {padding:8px 10px;}
.vcard .org h3 {color:#0064C6;font-size:10pt;font-style:normal;margin-left:0;}
.texto .vcard p {line-height:9pt;margin-left:0;}
.dptos {width:180px;float:left;margin:0 10px 10px 0;background-color:#EEF8F9;}

.form-consulta{width:180px;font-size:7pt;color:#002E63;}
.form-consulta h2 {margin:10px 0 6px 4px;font-size:10pt;font-weight:bold;color:#002E63;}
.form-consulta fieldset{width:170px; margin:0 auto;background-color:#EEF8F9;}
.form-consulta fieldset legend{display:none;}
.form-consulta label {width:155px;margin:0 0 4px 4px;}
.form-consulta input,.form-consulta textarea {width:155px;margin:0 0 4px 4px;border:1px solid #5CB8E3;background:#ADDBE3 none;font-size:7pt;}
.form-consulta .linea {float:left;width:140px;margin-left:4px}
.form-consulta .check {float:left;width:auto;margin:0 0 4px;border:none;background:none;}
.form-consulta .botonera {clear:both;padding:4px 0 0;text-align:right;}
.form-consulta .botonera input {clear:both;float:none;width:auto;margin-right:10px;background:#002E63 none;color:#FFF;border-color:#1A4373;}

.form-carrera{width:420px;font-size:7pt;color:#002E63;}
.form-carrera fieldset{width:410px; margin:0 auto;background-color:#EEF8F9;margin-left:10px;}
.form-carrera fieldset legend{display:none;}
.form-carrera label {display:block;width:380px;margin:0 0 4px 4px;}
.form-carrera input,.form-carrera textarea {width:380px;margin:0 0 4px 4px;border:1px solid #5CB8E3;background:#ADDBE3 none;font-size:9pt;}
.form-carrera .fecha,.form-carrera .botonera .fecha {width:100px;border:1px solid #5CB8E3;background:#ADDBE3 none;}
.form-carrera .linea {float:left;width:140px;margin-left:4px}
.form-carrera .botonera .check {float:left;width:auto;margin:0 8px 4px 4px;border:none;background:none;}
.form-carrera .botonera {clear:both;width:340px;padding:4px 0 0;text-align:right;}
.form-carrera .botonera label {float:left;display:block;width:160px;margin:0 0 4px 4px;text-align:left;}
.form-carrera .botonera input {float:left;width:auto;margin-right:0;background:#002E63 none;color:#FFF;border-color:#1A4373;}
.form-carrera .botonera .boton {float:right;}
/*******************FIN INTERIOR********************************************/

/*******************ENLACES********************************************/
#idiomas a {color:#FFF;}

#menu a {display:block;color:#FFF;vertical-align:middle}
/*
#menu .nosotros a {width:80px;}
#menu .sectores a {width:68px;}
#menu .servicios a {width:70px;}
#menu .proyectos a {width:86px;}
#menu .documentacion a {width:168px;}
#menu .principal a {width:180px;}
*/

.principal a {margin-left:26px;}
#menu ul a {margin-left:6px;}
#menu .nosotros ul a {color:#002E63;}
#menu .sectores ul a {color:#704A24;}
#menu .servicios ul a {color:#171411;}
#menu .proyectos ul a {color:#4D590D;}
#menu .documentacion ul a {color:#7D212B;}

.mas-info a{color:#6B470F;border-bottom:1px solid #6B470F;padding-left:8px;background:#FFF url(/images/icono-masinfo-proyecto.gif) no-repeat scroll left center;}
.mas-info a:link,.mas-info a:visited {border-bottom:1px solid #6B470F;}
.mas-info a:hover,.mas-info a:active {border-bottom:none;text-decoration:none;}

.texto a {color:#002E63;text-decoration:underline;}
.texto a:link,.texto a:visited {text-decoration:underline;}
.texto a:hover,.texto a:active {text-decoration:none;}

.texto .imagen a {display:block;width:68px;float:right;margin-bottom:8px;padding:0 20px;color:#0073CA;font-size:9pt;font-weight:bold;}
.texto .imagen .descarga-documentacion_1 a, .texto .imagen .descarga-documentacion_2 a, .texto .imagen .descarga-documentacion_3 a, .texto .imagen .descarga-documentacion_4 a, .texto .imagen .descarga-documentacion_5 a {margin:0px 40px 0px 0px!important;padding:0px 0px 0px 20px!important;background:#FFF url('/images/icono-descargar.gif') no-repeat scroll left center;}
.texto .imagen .imagenes a {margin:5px 0px 0px 0px!important;padding:0px 20px 0px 0px;background:#FFF url('/images/icono-derecha.gif') no-repeat scroll right center;}
.texto .imagen .popup_1 a, .texto .imagen .popup_2 a, .texto .imagen .popup_3 a, .texto .imagen .popup_4 a, .texto .imagen .popup_5 a {display:block;width:auto;float:none;margin:0;padding:0;color:#002E63;background:none;}

#listado-texto .mas-proyectos {padding:3px 6px;background:#002E63 none;color:#FFF;}

.migas a {padding-right:10px;color:#5F5C5A;background:#FFF url('/images/icono-separador-migas.gif') no-repeat scroll right center;}
.migas span {padding-right:10px;color:#5F5C5A;background:#FFF url('/images/icono-separador-migas.gif') no-repeat scroll right center;}
#footer a {color:#FFF;}

a {color:#002E63;text-decoration:none;}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}
/*******************FIN ENLACES********************************************/

#foto_inicio {position:absolute;width:100%;height:254px;z-index:0; border:0;}


