/***************************************** LAYOUT GENERAL ********************************************/ body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#565656;} #pagewrap {width:791px; margin:3px auto 0px auto;} #main {overflow:hidden; min-height:300px;} #footer {color:#0098D1; margin-top:15px; border-top:#0098D1 1px dashed; clear:both; overflow:hidden; position:relative; padding:4px 0px 45px 0px;} abbr, acronym {border-bottom:none;} .fLeft {float:left; margin-right:15px;} .fRight {float:right; margin-left:15px;} .tCenter {text-align:center;} /***************************************** CABECERA ********************************************/ h1 {float:left; padding-right:2px; font-size:18px; font-weight:normal;} h1 a {display:block; width:113px; height:89px;} #fondo_header {float:left; background:url(../img/bg_header.jpg) no-repeat; width:459px; height:89px;} #banners_header {float:left; width:215px; padding-left:2px; overflow:hidden; height:89px; font-size:10px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;} a#b_h1 {width:149px; height:47px; display:block; margin-bottom:2px; float:left; padding-right:2px;} a#b_h2 {width:64px; height:51px; display:block; float:left; margin-bottom:2px;} #banners_header p {clear:left; background:#00a1d5; text-align:right; line-height:38px; height:36px; color:#cdebf6; padding-right:10px;} #banners_header a {color:#fff;} #banners_header a:hover {text-decoration:underline;} #banners_header span {border-left:#cdebf6 1px solid; padding-left:7px; margin-left:5px;} #menu {clear:both; overflow:hidden; font-size:11px; letter-spacing:0px; line-height:18px; font-family: Arial, Helvetica, sans-serif; padding-bottom:8px; color:#0098D1; margin:0px; padding-top:2px;} #menu li {float:left; width:166px; background:#cdebf6; margin-left:2px; padding:0px 8px 0px 8px; overflow:hidden;} #menu .first {margin-left:0px; width:190px;} #menu .last {width:199px;} #menu .menuInferior {margin-top:1px; height:25px; line-height:25px; background:#a6dbef;} #menu li ul li {padding:0px 0px 0px 0px; width:100%; overflow:hidden;} #menu p {font-size:18px; text-transform:lowercase; font-weight:normal; line-height:22px;} #menu a {color:#005B7D;} #menu a:hover {color:#0098d1;} #menu a.aExterno {background:url(../img/icn_aExterno_menu.gif) no-repeat right; padding-right:12px;} /***************************************** CONTENIDOS - GENERAL ********************************************/ #main a {font-weight:bold; line-height:13px; height:13px; color:#fff; background:#0098d1;} #main a:hover {color:#0098d1; background:#def2fa;} #navegacion span {color:#0098D1; font-size:11px; font-weight:normal; padding:0px 0px 8px 10px; margin-right:5px; background:url(../img/icon_titleArrow.gif) no-repeat top left;} #navegacion a {color:#0098D1; font-size:11px; font-weight:normal; padding:0px 0px 8px 10px; margin-right:5px; background:url(../img/icon_titleArrow.gif) no-repeat top left; text-decoration:underline;} #navegacion a:hover {text-decoration:none;background:url(../img/icon_titleArrow.gif) no-repeat top left;} h2 {color:#0098D1; font-size:15px; font-weight:bold; padding-top:4px; padding-bottom:8px;} h3 {font-weight:bold; font-size:11px; color:#0098D1; padding-bottom:12px; clear:both;} h4 {font-weight:bold; font-size:11px; padding-bottom:12px;} #main h2 a {color:#0098D1; background:none;} #submenu1 {overflow:hidden; padding:8px 0px 0px 0px;} #submenu1 li {float:left; padding-left:16px; color:#0098d1; font-weight:bold; margin-bottom:12px;} #submenu1 .first {padding-left:0px; color:#0098d1;} #submenu1 a {color:#0098d1; background:#def2fa;} #submenu1 a:hover {color:#fff; background:#0098d1;} #submenu2 {padding-bottom:8px;} #submenu2 li {margin-bottom:10px; color:#0098d1; font-weight:bold;} #submenu2 li a {color:#35C8FF; background:none;} #submenu2 li a:hover {color:#0098d1; background:#def2fa;} #main p {padding:0px 0px 12px 0px; text-align:justify;} #main p.tCenter {text-align:center;} #main a.pdf {color:#838383; background:url(../img/icn_pdf.gif) no-repeat top left; padding-left:20px; line-height:20px; height:20px; display:inline-block;} #main a.pdf:hover {text-decoration:underline;} #main .aExterno {background:#0098d1 url(../img/icn_aExterno_contents.gif) no-repeat right; padding-right:16px;} #main .aExterno:hover {background:#def2fa url(../img/icn_aExterno_contents_over.gif) no-repeat right; padding-right:16px;} #main .resaltado {color:#FF0000; font-size:12px;} #main .resaltado_verde {color:#03c003; font-size:12px;} /***************************************** CONTENIDOS HOME ********************************************/ #home #main h2 {padding-bottom:0px; font-weight:bold; font-size:11px;} #home #main a {font-weight:bold; line-height:13px; color:#fff; background:none;} #home #destacados {float:left; width:372px;} #home #destacados p {overflow:hidden; padding-bottom:6px;} #home #video_home {width:372px; height:331px;} #home #video_home a {color:#0098d1;} #main #video_home .aExterno {background:url(../img/icn_aExterno_pie.gif) no-repeat right; padding-right:14px;} #home #destacados a#link_verVideos {float:left; width:116px; height:13px; background:#0098d1;} #home #destacados a#link_audioDesc {float:right; width:116px; height:13px; background:#0098d1;} #home #banners_destacados div {width:180px; height:198px; display:inline;} #home #banners_destacados #banner2 {padding-left:4px; padding-right:0px;} #home #noticias_home {float:right; width:392px;} #home #noticias_home a {width:108px; display:block; background:#0098D1;} #home #noticias_home ul {padding:16px 0px 0px 0px;} #home #noticias_home ul li {position:relative; padding-bottom:20px;} #home #noticias_home ul li h3 {position:absolute; top:0px; left:149px; color:#0098D1; font-size:11px; font-weight:bold;} #home #noticias_home ul li img {float:left; margin-right:8px;} #home #noticias_home ul li h4 {padding-top:14px; color:#0098D1; font-weight:normal;} #home #noticias_home ul li p {clear:left; padding:10px 0px 6px 0px;} #home #noticias_home ul li a {float:right; width:70px;} /***************************************** CONTENIDOS - CONSEJO DE ADMINISTRACION ********************************************/ #consejo h4 {height:25px; background:#a6dbef; overflow:hidden; line-height:25px; padding:0px 0px 0px 5px; margin-bottom:5px; color:#0098D1;} #consejo h4 span {display:block; float:left; height:25px; line-height:25px;} #consejo h4 span span {display:none;} #consejo h4 #titulo1 {width:331px;} #consejo h4 #titulo2 {width:425px; background:#cdebf6; padding-left:5px;} #consejo h5 {font-size:11px; color:#565656; font-weight:bold; padding:2px 0px 5px 0px; padding-left:5px;} #consejo ul li {overflow:hidden;} #consejo ul h6 {float:left; font-size:11px; color:#565656; font-weight:normal; width:331px; padding-left:5px;} #consejo ul p {float:left; width:425px; padding-left:5px;} /***************************************** CONTENIDOS - ORGANIGRAMA ********************************************/ #organigrama #main ul {padding:0px 304px; height:660px; font-family:Arial, Helvetica, sans-serif; position:relative;} #organigrama #direccion {background:url(../img/bg_organigrama.gif) no-repeat 223px 50px;} #organigrama #main ul li {position:absolute; width:134px; padding:0px; color:#0098d1; margin:0px;} #organigrama #main ul li ul {position:relative;} #organigrama #main ul li h3 {font-weight:normal; text-transform:uppercase; background:#b5e1f2; cursor:pointer; width:134px; text-align:center; padding:8px 0px; z-index:0; color:#005B7D; border:#e1f3fa 10px solid;} #organigrama #main ul #dep1 {top:10px; right:720px; z-index:200;} #organigrama #main ul #dep2 {top:10px; left:240px; z-index:100;} #organigrama #main ul #dep3 {top:95px; right:720px; z-index:100;} #organigrama #main ul .dep4 {position:absolute; top:20px; right:1194px; padding:0px 0px; z-index:0;} #organigrama #main ul #d4_1 {position:absolute; top:200px; right:0px;} #organigrama #main ul #d4_2 {position:absolute; top:270px; right:0px;} #organigrama #main ul #d4_3 {position:absolute; top:340px; right:0px;} #organigrama #main ul #d4_4 {position:absolute; top:410px; right:0px;} #organigrama #main ul #d4_5 {position:absolute; top:480px; right:0px;} #organigrama #main ul .dep5 {position:absolute; top:20px; left:241px; padding:0px 0px; z-index:0;} #organigrama #main ul #d5_1 {position:absolute; top:200px; left:0px;} #organigrama #main ul #d5_2 {position:absolute; top:270px; left:0px;} #organigrama #main ul #d5_3 {position:absolute; top:340px; left:0px;} #organigrama #main ul #d5_4 {position:absolute; top:410px; left:0px;} #organigrama #main ul #d5_5 {position:absolute; top:480px; left:0px;} #organigrama #main ul li p {position:absolute; top:36px; left:90px; width:162px; height:57px; padding:12px 18px 0px 18px; background:url(../img/bg_datosOrganigrama.png) no-repeat; z-index:9000; text-align:left; font-size:11px; line-height:22px;} #organigrama #main ul #dep2 p {position:absolute; top:36px; left:-100px;} #organigrama #main ul .dep5 li p {position:absolute; top:36px; left:-100px;} #organigrama #main p.oculto {display:none;} /***************************************** CONTENIDOS - FONDOS EUROPEOS ********************************************/ #fondos_eu #main #masInfo {padding:12px 0px 12px 0px;} /***************************************** CONTENIDOS - TIPOS DE ACTUACIONES ********************************************/ #tipos_act #main h4 {color:#0098d1;} #tipos_act .images {float:right; width:300px; height:300px; padding-left:50px; position:relative;} /***************************************** CONTENIDOS - PROYECTOS Y OBRAS - MAPA ********************************************/ #mapa #mapa_act {width:540px; height:540px; margin-left:60px;} /***************************************** CONTENIDOS - PROYECTOS Y OBRAS - BUSCADOR ********************************************/ #busqueda_act .b_form {float:left; padding:20px 60px;} #busqueda_act .b_form p {text-align:center; font-weight:bold; text-transform:uppercase; width:256px;} #busqueda_act .b_form form {overflow:hidden; background:#f5f5f5; padding:24px; width:208px; border:#000 1px solid;} #busqueda_act form select {display:block; width:208px; height:24px; margin-bottom:24px; border:#73a59b 1px solid; color:#444; line-height:28px; font-size:12px;} #busqueda_act form input {width:106px; height:24px; border:#73a59b 1px solid; background:#fff; font-size:12px; color:#444; margin:10px 0px 0px 50px; font-weight:bold; padding-bottom:4px;} #busqueda_act h3 {padding-top:8px;} #busqueda_act #b_results {border-top:#ccc 1px dotted; padding-bottom:14px;} #busqueda_act #b_results li {position:relative; border-bottom:#ccc 1px dotted; height:24px; line-height:24px;} #busqueda_act #b_results li p span {position:absolute; top:0px; left:60px;} #busqueda_act #b_results li a {background:none; color:#0098D1; display:inline-block;} #busqueda_act #b_results li a:hover {background:none; color:#0098D1;} #busqueda_act #b_results li a span {position:absolute; top:6px; left:60px;} /***************************************** CONTENIDOS - PROYECTOS Y OBRAS - PREMIOS ********************************************/ #premios h3 {padding-top:10px;} #premios .listado {width:100%; overflow:auto; padding:0px;} #premios .listado li {padding-right:70px; position:relative; text-align:justify;} #premios .listado li h3 {padding:2px 0px 4px 0px;} #premios .listado li h4 {font-weight:normal;} #premios .listado li a {color:#5fc1e6; background:none;} #premios .listado li a:hover {color:#0098d1; background:#def2fa;} #premios .listado li a.leerMas {position:absolute; right:12px; bottom:9px; background:#0098d1; color:#fff;} #premios .listado li a.leerMas:hover {color:#0098d1; background:#def2fa;} /***************************************** CONTENIDOS - NOTICIAS ********************************************/ #noticias #ultimas_noticias {overflow:hidden; margin-left:-24px; padding-bottom:6px;} #noticias #ultimas_noticias li {float:left; width:368px; padding:0px 0px 20px 26px; position:relative; overflow:hidden;} #noticias #ultimas_noticias li h3 {position:absolute; top:0px; left:175px; color:#0098D1; font-size:11px; font-weight:bold;} #noticias #ultimas_noticias li img {float:left; margin-right:8px;} #noticias #ultimas_noticias li h4 {padding-top:14px; color:#0098D1; font-weight:normal;} #noticias #ultimas_noticias li a {width:70px; position:absolute; right:0px; bottom:10px;} #noticias #archivo_noticias {width:100%; height:300px; overflow:auto; padding:0px;} #noticias #archivo_noticias li {padding-right:70px; position:relative; text-align:justify;} #noticias #archivo_noticias li h3 {padding:2px 0px 4px 0px;} #noticias #archivo_noticias li h4 {font-weight:normal;} #noticias #archivo_noticias li a.leerMas {position:absolute; right:10px; bottom:8px;} #noticias #archivo_noticias li a.leerMas:hover {color:#0098d1; background:#def2fa;} /***************************************** CONTENIDOS - MEMORIAS ********************************************/ #memorias #main ul {overflow:hidden; margin-left:-24px; padding-bottom:10px; padding-top:20px;} #memorias #main ul li {float:left; width:236px; padding:0px 0px 20px 26px; position:relative; overflow:hidden;} #memorias #main ul li h3 {position:absolute; top:10px; left:134px; color:#0098D1; font-size:11px; font-weight:bold;} #memorias #main ul li img {float:left; margin-right:8px; border:#16a0c4 1px solid;} #memorias #main ul li a {width:64px; position:absolute; top:35px; left:134px; display:block;} /***************************************** CONTENIDOS - VIDEOS ********************************************/ #video_central {float:left;} #listaVideos {float:right; width:378px; height:298px; overflow:auto;} #listaVideos li {padding-bottom:10px; width:100%; overflow:hidden; position:relative;} #listaVideos h3 {position:absolute; top:0px; left:151px;} #listaVideos img {float:left;} #listaVideos p {padding:30px 5px 0px 151px; text-align:left;} #listaVideos p span {display:block;} #listaVideos .enlacesVideos {position:absolute; bottom:10px; right:5px;} #listaVideos .enlacesVideos a {margin-left:10px;} #listaVideos .enlacesVideos a:first-child {margin-left:0px;} /***************************************** CONTENIDOS - PUBLICACIONES ********************************************/ #listaPublicaciones li {float:left; width:370px; height:157px; padding:0px 7px 20px 5px; position:relative;} #listaPublicaciones li img {border:#000 1px solid;} #listaPublicaciones li h3 {position:absolute; top:0px; left:165px;} /***************************************** CONTENIDOS - JUEGA AHORRANDO ********************************************/ #juego1, #juego2 {text-align:center;} /***************************************** CONTENIDOS - CÓMO FUNCIONA... ********************************************/ .comoFunciona #video {float:right;} /***************************************** CONTENIDOS - PERFIL DE CONTRATANTE ********************************************/ .resumen_licitacion {border-top:#ccc 1px dotted; padding-bottom:20px;} .resumen_licitacion li {position:relative; border-bottom:#ccc 1px dotted; line-height:18px;} .resumen_licitacion li p span {position:absolute; top:0px; left:60px;} .resumen_licitacion li a {background:none; color:#0098D1; display:inline-block;} .resumen_licitacion li a:hover {background:none; color:#0098D1;} .resumen_licitacion a.leerMas {position:absolute; bottom:14px; right:0px;} #formulario { border:1px dashed #0098d1; padding:10px; width:400px; } /***************************************** CONTENIDOS - SERVICIOS DE ALERTAS ********************************************/ #alertas form {width:480px; border:#000 1px solid; background:#f5f5f5; padding:0px 0px 14px 30px; margin-left:125px;} #alertas form fieldset {border:none; margin:24px 4px 8px 4px;} #alertas form label {display:block; padding:4px 0px;} #alertas form label span {display:inline-block; width:140px; padding-left:20px;} #alertas form input[type=text] {width:235px; height:14px; line-height:14px; border:#73a59b 1px solid;} #alertas form fieldset fieldset {border:#73a59b 1px solid; margin:10px 4px 10px 20px; width:360px;} #alertas form fieldset legend {font-weight:bold; font-size:12px;} #alertas form fieldset fieldset legend {font-size:11px;} #alertas form fieldset fieldset label span {width:200px;} #alertas form input[type=submit] {border:#73a59b 1px solid; background:#fff; margin-left:200px; font-size:11px; font-weight:bold; color:#555;} /***************************************** CONTENIDOS - ENLACES ********************************************/ #enlaces #leftCol {float:left; width:375px;} #enlaces #rightCol {float:right; width:375px;} #enlaces #main ul li {list-style:disc outside; margin-left:10px; padding-bottom:20px;} #enlaces #main ul li ul li {list-style:none; margin-left:0px; padding-bottom:0px;} #enlaces #main ul li h3 {color:#999; font-weight:normal;} #enlaces #main ul li a {color:#0098d1; background:#def2fa;} #enlaces #main ul li a:hover {color:#fff; background:#0098d1;} /***************************************** CONTENIDOS - CONTACTO ********************************************/ #contacto #contact_madrid {float:right; width:380px;} #contacto #contact_sur {float:left; width:370px; padding-top:42px;} #contacto #contact_este {float:right; width:380px; padding-top:10px;} #contacto h3 {padding-bottom:7px;} /***************************************** PIE DE PAGINA ********************************************/ #footer #address {float:left;} #footer a {color:#0098D1;} #footer #lang {float:left; padding-left:410px; overflow:hidden;} #footer #lang p {float:left; padding:0px 5px; border-left:#0098d1 1px solid; margin-top:2px;} #footer #lang a {color:#005B7D;} #footer #lang a:hover {color:#0098D1;} #footer #lang p:first-child {border-left:none;} #footer a#link_odm {float:right; display:block; width:20px; height:18px; background:none; padding:0px;} #footer a.aExterno {background:url(../img/icn_aExterno_pie.gif) no-repeat right; padding-right:14px;}