/* CSS Document */ * {margin:0; padding:0} .sn { display:none} .floatleft {float:left} .floatright {float:right} img {border:0; vertical-align:middle} a {text-decoration:none} a:hover { text-decoration:underline} form, fieldset, input {border:0} .clearboth {clear:both} .texto-ctd {text-align:center} .texto-dch {text-align:right} abbr, acronym {border:none} /* ESTILOS BODY *********/ body {font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background:#BBB9BD url(../../../img/fondo-contenedora.jpg) repeat-y center top; text-align:center; margin:0 auto; color:#58595b;} /* ESTILOS ESTRUCTURA ********/ #contenedora {width:999px; text-align:left; margin:0 auto; overflow:hidden;} #contenedora-in {padding: 0 1px; background:#fff} #cabecera {height:101px; overflow:hidden; border-bottom:1px solid #dde0e4; margin-bottom:1px; position:relative} #cabecera img#logo { position:absolute; left:0} #cabecera #lateral-derecho {width:7px; height:101px; position:absolute; right:0; background:url(../../../img/img-lateral-cabecera.gif) no-repeat} /* BOTONERA CABECERA */ #cabecera #botonera { width:535px; height:30px; position:absolute; right:3px; top:67px; color:#fff; line-height:3.6em; text-transform:uppercase; font-size:.9em} #botonera .inicio-boton { width:5px; height:30px; background:url(../../../img/inicio-boton.gif) no-repeat;float:left} #botonera a{color:#fff; height:30px; background:url(../../../img/final-boton.gif) no-repeat right top;float:left; padding:0 10px 0 10px;} #botonera .boton { float:left; background:url(../../../img/fondo-boton.gif) repeat-x;} #botonera #buscador {width:185px; height:30px; float:left; background:url(../../../img/fondo-buscador.gif) no-repeat; padding-top:1px; margin-top:1px} #botonera label {width:153px} #botonera .caja-input { background:url(../../../img/caja-input.gif) no-repeat; float:left; width:142px; height:15px; margin-top:3px; padding:0 3px 0 8px;font-size:10px} #botonera .boton-buscar {background:url(../../../img/boton-buscar.gif) no-repeat; width:14px; height:15px; cursor:pointer; float:left; margin-top:3px} #botonera fieldset {padding:2px 0 0 8px} /* FIN BOTONERA */ #menu-principal { height:31px; background:#f5f5f5; margin-bottom:1px; font-family:Helvetica, Arial, sans-serif; font-size:1.4em} #menu-principal-in {padding:2px 12px 2px 0} #menu-principal-in a { color:#58595b} #titulo-pagina { height:48px; border-top:2px solid #ffba00; font: normal 3em Helvetica, Arial, sans-serif; line-height:1.5em; border-bottom:1px solid #dde0e3 } #titulo-pagina-in {margin: 1px 0; background:#363636; color:#fff; padding: 0 11px; height:46px} #titulo-pagina-in #decora-titulo {background:url(../../img/gif-tres-cuadros.gif) no-repeat 0 0; float:right; width:23px; height:28px; margin-top: 10px; display:inline} #titulo-pagina-in p {float:left} #caja-contenido {margin-left:9px; float:left; display:inline; background:#fabada url(../../img/fondo-contenido.gif) repeat-y} /* columna izquierda */ #columna-izq {width:656px; background:#fff; float:left; margin:10px 11px 10px 0; display:inline; padding-bottom: 10px} /* columna derecha */ #columna-dch { width:321px; border-top:1px solid #3f4041; background:#494949; float:left; margin:-1px 0 0 0; display:inline} #columna-dch .caja-coldch {float:left; width:305px; border-bottom:solid 1px #a3a3a3; padding:8px;} #columna-dch .caja-ultimos-proy {background:#fff; float:left; width:301px} #columna-dch .caja-ultimos-proy h3 {font:bold 1.7em Arial, Helvetica, sans-serif; color:#fff; width:294px; background:#ef7c00; padding: 7px 0 7px 7px; margin-bottom:5px} #columna-dch .caja-ultimos-proy .caja-proyecto {float:left; margin:5px 9px; background:url(../../img/linea-gris.gif) repeat-x 0 bottom; display:inline; width:94.0%} .caja-memoria {float:left; width:99%; margin:10px 0 5px 0} #columna-dch .caja-ultimos-proy .caja-proyecto a, .caja-memoria a {color:#58595b} #columna-dch .caja-ultimos-proy .caja-proyecto a:hover, .caja-memoria a:hover {text-decoration:none} #columna-dch .caja-ultimos-proy h4, .caja-memoria h3 {margin:0px; font:bold 1.2em Arial, Helvetica, sans-serif} #columna-dch .caja-ultimos-proy p, .caja-memoria p {font-size:1.1em;} #columna-dch .caja-ultimos-proy p.grande, .caja-memoria p.grande {font-size:1.2em; padding-bottom:11px; text-decoration:underline} #columna-dch .caja-ultimos-proy img, .caja-memoria img {float:left; margin-right:11px} #columna-dch #caja-validacion {text-align:center} #columna-dch #caja-validacion img {padding:5px} /*estructura subcolumnas */ .subcolumna {width:313px; float:left;} .calle {margin-right:16px} /* PIE ***************************/ #pie { height:70px; background:url(../../img/fondo-pie.gif) repeat-x; clear: both; float:left; width:100%} #pie ul {list-style:none; padding:32px 140px; background:url(../../img/logo-pie.gif) no-repeat 10px 20px; float:left} #pie ul li {float:left; display:inline} #pie ul li a{font-weight:bold; text-transform:uppercase; color:#6d6e71; display:inline; float:left;} #pie ul span{padding: 0 8px;display:inline; float:left; font-size:3em; line-height:0.4em} #pie a img {float:right; padding:35px 15px 0 0} /* CONTENEDORES ************************************************* */ /* contenedor sectores */ .contenedor-rojo {width:100%; height:28px; margin:1px 0; background:#880e1c; float:left; color:#fff;} .contenedor-rojo a {color:#fff} .contenedor-rojo-in {padding:10px} /* contenedor actualidad isdefe */ .contenedor-actualidad {float:left; width:100%;} .contenedor-actualidad-in {padding: 12px 0px 12px 7px;} /*contenedor naranja */ .contenedor-naranja {float:left; overflow:hidden; background:#ef7C00; width:100%; color:#fff} .contenedor-naranja a {color:#fff} /*contenedor sub-menu */ .contenedor-submenu {width:100%; overflow:hidden; height:28px; background:#a5a5a5; border-top:1px solid #8e9193; border-bottom:2px solid #fff} /*contenedor-parrafos */ .contenedor-parrafos {float:left; width:100%; clear:both;} .contenedor-parrafos-in {padding:6px 0px 0 7px;} /* contenedor gris **/ .cont-gris {float:left; width:299px; background:#a8a8a8; color:#fff; font:oblique bold 1.1em arial; text-align:center; padding:5px} .cont-gris-largo {width:621px; background:#a8a8a8; color:#fff; font:oblique bold 1.1em arial; text-align:center; padding:5px;} .cont-gris a, .cont-gris-largo a {color:#fff; text-decoration:none} .contenedor-gris {float:left; width:100%; background:#7f7f7f; text-align:center; margin:10px 0} /*estilos contenedor rojo proyecto pag.index */ div#proyecto-destacado {float:left; font:normal 1.7em Georgia; padding:5px 0 0 12px} div#descarga-proyecto {float:right; font:bold 1.1em arial; padding:7px 12px 0 0} span#descarga-proyecto a {color:#fff} /* estilos contenedor naranja */ .contenedor-naranja p {font-size:1.2em;} .contenedor-naranja p a:hover{text-decoration:underline} .contenedor-naranja-in {padding:4px} /* estilos contenedor parrafos */ .contenedor-parrafos p {font-size:1.2em; margin-bottom:10px} .contenedor-parrafos p.ultimo {margin-bottom:0px} /* ENCABEZAMIENTOS ***************************************************************************************** */ h2 {font: normal 2.8em Helvetica, Arial, sans-serif; color:#808285; float:left;} h3 {font: normal 1.8em Georgia; color:#820014; margin-bottom:10px} h3 a{color:#820014;} h3 a:hover{text-decoration:underline} h4 {font: normal 1.8em Georgia; margin-bottom:10px} h2.parrafo {font: normal 1.8em Georgia; color:#820014; margin-bottom:5px; width:95%} h3.parrafo {font: normal 1.7em Georgia; color:#820014; margin-bottom:5px; width:100%} h2.subtitulo {font: normal 1.8em Helvetica, Arial; color:#820014; margin-bottom:5px; width:95%} h4.titulo-seccion {font:bold 1.4em Arial; color:#58595b} /* LISTAS ***************************************************************************************** */ ol {font-size:1.2em; margin-left:17px; margin-bottom:10px} ul#segundonivel {margin:10px; font-size:1em; list-style-type:none} /* lista menu principal ***** */ #menu-principal-in ul { list-style-type:none; height:27px;} #menu-principal-in li { display:inline; line-height:1.9em; height:27px; border-right:1px solid #dadada; float:left; padding:0 10px} #menu-principal-in li.ultimo {border-right:0} /* lista contenedor sectores */ .contenedor-rojo ul { list-style-type:none; width:652px} .contenedor-rojo li { display:inline; font: normal 1.2em Arial; line-height:2.5em; overflow:hidden; border-right:1px solid #fff; padding:0 12px} /* lista submenu */ ul.submenu { list-style-type:none; width:100%; overflow:hidden; float:left} ul.submenu li { display:inline; font-size:1.2em; font-family:Arial; line-height:2.5em; overflow:hidden; border-right:1px solid #fff; padding:0 7px; color:#fff} ul.submenu li a{color:#fff} ul.submenu li.ultimo { border-right:none} /* lista pagina empleo calidad, listas con bullet etc. */ ul.emp-calidad { font-size:1.2em; margin-left:0px; list-style-type:none} ul.emp-calidad li {width:600px; margin-bottom:25px; background:url(../../img/img-bullet.gif) 0px 4px no-repeat; padding-left:18px} ul.con-bullet { font-size:1.2em; margin-left:0px; list-style-type:none} ul.con-bullet li {width:90%; margin-bottom:10px; background:url(../../img/img-bullet.gif) 0px 4px no-repeat; padding-left:12px} ul.equipo {font-size:1.2em; margin:10px 0 0 0; list-style-type:none; float:left;} ul.equipo li {width:220px; margin-bottom:10px; background:url(../../img/img-bullet.gif) 0px 4px no-repeat; padding-left:10px} a.link-caja-gris100 {float:left; width:100%; background:#a8a8a8; color:#fff; font-style:italic; font-size:1.1em; font-weight:bold; padding: 7px 5px; overflow:hidden} /* menu lista publicaciones *******************/ ul.publicaciones { list-style-type:none; width:100px; clear:both; display:inline} ul.publicaciones li { width:208px; height:47px; border:1px solid #d6d6d6; padding:1px; margin:10px 10px 0 0; float:left; font:bold 1.7em arial} ul.publicaciones li a{display:block; background:#b9b9b9 url(../../img/bullet-blanco.gif) no-repeat 8px; height:33px; padding:14px 0 0 35px; color:#fff; text-decoration:none} ul.publicaciones li a:hover, ul.publicaciones li a.activo{background:#ef7c00 url(../../img/bullet-blanco.gif) no-repeat 8px; height:33px; padding:14px 0 0 35px;} ul.publicaciones li.ultimo {margin-right:0} /* estilos listas sin bullet */ .link {color:#58595b; text-decoration:underline} ul.sinbullet {font-size:1.2em; line-height:1.4em; list-style-type:none} ul.sinbullet li {margin-bottom:7px} /* VARIOS ***************************************************************************************** */ .linea-verde {width:100%; background:url(../../img/linea-verde.gif) repeat-x; clear:both; font-size:1px; float:left;} .linea-gris {width:100%; background:url(../../img/linea-gris.gif) repeat-x; clear:both; font-size:1px; float:left} .colorgris {color:#808285} .colorrojo {color:#820014} .recuadroe4 {border:1px solid #e4e5e4; padding:1px; float:left} .recuadro8c {border:1px solid #8c8c8c; padding:1px} li.activo { font-weight:bold;} li.activo-submenu { font-weight:bold; text-decoration:underline; color:#fff} .margintop10 {margin-top:10px} .marginleft7 {margin-left:7px;} .marginh2 {margin:0 0 5px 7px} .separacion-linea {margin:12px 0} .width100 {width:100%} .separacion-updown {margin-top:10px; margin-bottom:5px} a.link-caja-gris {float:left; width:96.8%; background:#a8a8a8; color:#fff; font-style:italic; font-size:1.1em; font-weight:bold; padding: 7px 5px} .link {color:#58595b; text-decoration:underline} /* IMAGENES ************************************************************************************** */ /* imagen principal sector */ .img-sector {float:left; margin:8px 0 1px 0} /* imagen proyecto destacado */ .contenedor-naranja img {float:left; border-right:1px solid #fff; margin-right:13px} /* titulares, parrafos etc. ********************************************************************** */ /* estilos contenedor actualidad */ .contenedor-actualidad .titular {font-weight:bold; font-size:1.1em; text-transform:uppercase; margin-bottom:13px; width:100%} .contenedor-actualidad img {float:left; margin-right:10px; border:1px solid #e4e5e4; padding:1px} .contenedor-actualidad p {color:#58595b; font-size:1.2em} .contenedor-actualidad p a {color:#58595b} .contenedor-actualidad p a:hover{text-decoration:underline} /* estilo para el texto pie imagen diagramas */ .texto-pie-img {font-size:.9em; padding-left:452px} /* estilo para letra peque�a */ .letra-peque {font:normal 1em arial} /* estilos actualidad ********************************************/ #caja-menu-vertical {float:left; width:212px; margin:20px 10px 10px 0} #colum-dch-menu {float:left; width:434px; margin:20px 0 10px 0} #caja-menu-vertical ul { list-style-type:none} #caja-menu-vertical ul li{float:left; width:212px; height:38px; margin-bottom:2px; font:bold 1.4em arial; line-height:3em;} #caja-menu-vertical li.linaranja {background:#f4a34c url(../../img/bullet-naranja.gif) no-repeat 190px 15px; color:#820014; height:38px;} #caja-menu-vertical li.linaranja a{color:#820014; text-decoration:none; display:block;height:18px; padding:0 30px 0 10px} #caja-menu-vertical li.linaranja a:hover, #caja-menu-vertical li.linaranja-on{background:#820014 url(../../img/bullet-rojo.gif) no-repeat 190px 15px; color:#f4a34c; height:38px; padding:0 30px 0 10px; width:172px} #caja-menu-vertical li.ligris {background:#e5e5e5; color:#a6a6a6; height:38px;} #caja-menu-vertical li.ligris a{color:#58595b; text-decoration:none; display:block;height:18px; padding:0 30px 0 10px} #caja-menu-vertical li.ligris a:hover, #caja-menu-vertical li.ligris-on{background:#a6a6a6; color:#fff; height:18px; padding:0 30px 0 10px; width:172px} #caja-menu-vertical li.ligris2 a{color:#58595b; text-decoration:none; display:block;height:18px; padding:0 30px 0 10px} #caja-menu-vertical li.ligris2 a:hover, #caja-menu-vertical li.ligris-on2{background:#a6a6a6; color:#fff; height:38px; padding:0 30px 0 10px; width:172px} /* por si piden la linea subrayada del menu vertical estos son los estilos #caja-menu-vertical ul li p{display:block; border-top:1px solid #fff} .linea-gris-menu {width:100%; background:#fff url(../../img/linea-gris.gif) repeat-x; clear:both; font-size:1px; float:left;} /*** ***/ /** estilos para fecha titular y enlace de actualidad*********************************************************/ #colum-dch-menu p.fecha, .caja-licit p.fecha{font:normal 12px arial; color:#58595b; margin:15px 0 3px 0} #colum-dch-menu p.titulo, .caja-licit p.titulo {font: bold 14px Georgia; color:#820014; margin-bottom:3px} #colum-dch-menu p.titulo a, .caja-licit p.titulo a{color:#820014} #colum-dch-menu p.enlace a, .caja-licit p.enlace a{font:normal 1em arial; color:#58595b; text-decoration:underline} .caja-licit {float:left; width:99%; margin-bottom:10px;} /* buscador , y estilos formularios ************************************/ .caja-buscador {width:130px; border:1px solid #cecece; border-top:1px solid #8e8e8e; font: normal 1.1em arial; color:#333} .bot-buscador {background:url(../../img/boton-buscador.gif) no-repeat 0 -1px; width:10px; height:21px; cursor:pointer; margin:0 0 0 5px} .form-buscador {float:right; margin-top:10px; width:225px;} label{font:normal 1.3em arial; color:#58595b; width:100%; margin-bottom:10px; float:left} label span.ancho {margin-right:10px; float:left; display:block; width:185px;} input.empleo {width:448px; height:17px; border:1px solid #e3e3e3; border-top:1px solid #8f8f8f; float:left} textarea.perfil {width:447px} .enviar-formulario {float:right; width:94px; height:17px; cursor:pointer; background:url(../../img/boton-enviar-form_eng.gif) no-repeat} label#noticias-buscador {width:81%; float:left; margin-left:23px} /* COMO LLEGAR */ #comollegar {background:#a8a8a8; width:97%; float:left; padding: 8px 0 8px 8px; margin: 8px 0} #comollegar label {color:#fff; margin:0px; font-size:1.3em; font-weight:bold; float:left; width:255px} #comollegar #cont-buscar {padding:3px; width:113px} #comollegar #boton-envio {background:url(../../img/fond-bot-envio.gif) no-repeat; width:13px; height:27px;} .link { font-family:Arial, Helvetica, sans-serif; color:#58595b;} input.proveedores {height:17px; border:1px solid #e3e3e3; border-top:1px solid #8f8f8f; float:left; width:100%;}