/* * Estilos generales del sitio *******************************************************/ body {font-family: Helvetica, Verdana, sans-serif;font-size:13px;text-align: center;margin:10px auto;background:#ffffff;color:#333333;} a, a:link, a:visited {text-decoration: none;color:#0000ff;} a:hover {color:#ff0000;} img {border: 0;} h1,h2,h3,h4,h5,h6 {margin:0;} h1 {font-size:1.8em;} h2 {font-size:1.7em;} h3 {font-size:1.5em;} h4 {font-size:1.3em;} h5 {font-size:0.9em;} p {font-size:1em;} .cierra-contenidos { clear:both; } /* * Estilos del contenedor Principal ******************************************************/ #contenedor {position:relative;width:860px;margin:0 auto;text-align:left;background:#ffffff;} /* * Estilos de la cabecera del sitio *****************************************************/ #banner {position:relative;height:112px;} #menu {position:relative;background:#0E4CB8 url(../img/fondos/fondo-menu.jpg) repeat-x left top;height:33px;line-height:170%;} #menu ul {position:relative;padding:5px 0;margin:0;text-align:center;list-style-type:none;} #menu ul li {display:inline;} #menu ul li a {color:#ffffff;padding:0 8px;border-right:#89AFD3 solid 2px;} #menu ul li a.home {border-left:#89AFD3 solid 2px;} #menu ul li a.actual {color:#FF9639;} #menu ul li a:hover {color:#8AB1D5;} /* * Estilos del div principal ******************************************************/ #principal {float:left;width:645px;padding-bottom:15px;} #principal a {color:#4890E4;} #principal a:hover {color:#0000ff;} #principal h1 span {display:none;} #principal h2 span {display:none;} #principal h1 {background-repeat:no-repeat; background-position:left top;height:30px;margin:15px 0;} #principal h1.portada {background-image :url(../img/etiquetas/etiqueta-noticias.jpg);} #principal h1.infraestructura {background-image:url(../img/etiquetas/etiqueta-infraestructura.jpg);} #principal h1.medioambiente {background-image:url(../img/etiquetas/etiqueta-medioambiente.jpg);} #principal h1.empresa {background-image:url(../img/etiquetas/etiqueta-empresa.jpg);} #principal h1.servicios {background-image:url(../img/etiquetas/etiqueta-servicios.jpg);} #principal h1.nuestros-procesos {background-image:url(../img/etiquetas/etiqueta-nuestros-procesos.jpg);} #principal h1.proyecto-rexoil {background-image:url(../img/etiquetas/etiqueta-rexoil.jpg);} #principal h1.recuperacion-biogas {background-image:url(../img/etiquetas/etiqueta-proyecto-biogas.jpg);} #principal h1.planta-transferencia {background-image:url(../img/etiquetas/etiqueta-planta-transferencia.jpg);} #principal h1.spot_tv {background-image:url(../img/etiquetas/etiqueta-spot.jpg);} #principal h1.residuos-peligrosos {background-image:url(../img/etiquetas/etiqueta-residuos-peligrosos.jpg);} #principal h1.glosario {background-image:url(../img/etiquetas/etiqueta-glosario.jpg);} .cuadro-textos {position:relative;margin:10px 50px 0 50px;line-height:140%;text-align:justify;} /* * Noticias en la portada ******************************************************/ #noticia-portada {float:right;width:340px;margin:0 40px 0 0;text-align:left;line-height:130%;} #noticia-portada h2 {line-height:150%;} #noticia-portada p.bajada {font-size:1.1em;font-weight:bold;} #noticia-portada .ver_mas {display:block;text-align:left;padding-left:20px;border-bottom:#AAAAAA solid 1px;background:url(../img/icono-ver.jpg) no-repeat left 2px;} #fecha-publicacion-principal {position:relative;text-align:right;width:605px;color:#AAAAAA;} #foto-noticia-portada {float:left;margin:5px 0 0 30px;border:#CCCCCC solid 6px;} .titular-secundario {position:relative;width:580px;margin:10px 0 0 30px;padding:8px 0;color:#888888;border-top:#AAAAAA dotted 1px;border-bottom:#AAAAAA dotted 1px;} .titular-secundario h3 {font-weight:normal;padding:10px 0;} .titular-secundario a {padding-left:20px;background:url(../img/icono-ver.jpg) no-repeat 5px top;} .titular-secundario a:hover {color:#0000ff;} .fecha-publicacion {color:#AAAAAA;font-size:0.9em;} /* * *******************************************************/ #promo-spot {position:relative;text-align:right;margin-right:30px;margin-top:10px;} #spot {border:#333333 solid 1px;width:425px;margin:0 auto;} /* * Títulos secundarios - Etiquetas H2 *******************************************************/ h2.experiencia {background:url(../img/etiquetas/etiqueta-experiencia.jpg) no-repeat left top;height:25px;} h2.plantas {background:url(../img/etiquetas/etiqueta-planta.jpg) no-repeat left top;height:25px;} h2.biogas {background:url(../img/etiquetas/etiqueta-biogas.jpg) no-repeat left top;height:25px;} h2.mision {background:url(../img/etiquetas/etiqueta-mision.jpg) no-repeat left top;height:25px;} h2.vision {background:url(../img/etiquetas/etiqueta-vision.jpg) no-repeat left top;height:25px;} h2.quienes-somos {background:url(../img/etiquetas/etiqueta-quienes-somos.jpg) no-repeat left top;height:25px;} h2.equipamiento {background:url(../img/etiquetas/etiqueta-equipamiento.jpg) no-repeat left top;height:25px;} h2.el-empalme {background:url(../img/etiquetas/etiqueta-el-empalme.jpg) no-repeat left top;height:25px;} h2.politica-medioambiental {background:url(../img/etiquetas/etiqueta-politica-medioambiental.jpg) no-repeat left top;height:25px;} h2.declaracion-de-principios {background:url(../img/etiquetas/etiqueta-declaracion-principios.jpg) no-repeat left top;height:25px;} /* * Estilos Empresa ******************************************************/ #saludo-gerente {position:relative;margin-right:50px;padding-left:0;} #saludo-gerente p {line-height:140%;text-align:justify;} .firma {font-weight:bold;} /* * Estilos Servicios ******************************************************/ #servicio-el-empalme {position:relative;margin:0 30px 0 50px;background:url(../img/fondos/fondo-el-empalme.jpg) no-repeat 340px top; } #servicio-el-empalme p {width:320px;text-align:justify;line-height:140%;} ul#listado-servicios {margin:0 0 20px 0;padding:0 0 0 15px;} ul#listado-servicios li {line-height:160%;} ul#listado-servicios li a {color:#004080;font-style:normal;} /* * Estilos Infraestructura ******************************************************/ #infraestructura {position:relative;margin:0 30px 0 50px;padding-bottom:90px;background:url(../img/fondos/fondo-maquinaria-infraestructura.jpg) no-repeat right top;} #infraestructura table {width:270px;color:#000000;border-collapse:collapse;border:#9CAEC6 solid 1px;margin-top:15px;} #infraestructura table td {vertical-align:top;padding:5px 5px 5px 10px;} #infraestructura table td.color {background:#ECF7FF;} /* * Estilos Medioambiente ******************************************************/ #medioambiente {position:relative;margin:0 30px 0 50px;padding-bottom:20px;background:url(../img/fondos/fondo-medioambiente.jpg) no-repeat 340px top;} #medioambiente p {width:320px;line-height:140%;} #politica-medioambiental {position:relative;margin:0 80px 0 50px;background:url(../img/fondos/fondo-politica-medioambiental.jpg) no-repeat left 45px;} #politica-medioambiental p {line-height:140%;} #politica-medioambiental ul {margin: 0 0 0 220px;padding:0;line-height:140%;} /* * Estilos Nuestros Procesos ******************************************************/ #descripcion-de-procesos {position:relative;margin:0 30px 0 50px;background:url(../img/fondos/fondo-descripcion-procesos.jpg) no-repeat 295px top;} #descripcion-de-procesos p {width:280px;line-height:140%;} /* * Estilos Planta de Recuperación de Biogas ******************************************************/ #biogas1 {position:relative;margin:0 40px 0 50px;background:url(../img/fondos/fondo-biogas1.jpg) no-repeat 360px top;} #biogas1 p {width:330px;line-height:140%;text-align:justify;} #biogas2 {position:relative;margin:0 40px 0 50px;background:url(../img/fondos/fondo-biogas2.jpg) no-repeat left top;} #biogas2 p {margin-left:200px;margin-right:20px;line-height:140%;text-align:justify;} /* * Estilos Planta de Transferencia ******************************************************/ #galeria-fotos { position:relative; margin:10px 50px 30px 50px; } #galeria-fotos a { float:left; width:150px; text-align:center; margin:0 15px 15px 0; padding:5px; background:#333333; border:#333333 solid 1px; } #galeria-fotos a:hover { background:#000000; } #galeria-fotos a:link img { border:#000000 solid 1px; height:112px; } #galeria-fotos a:hover img { border:#999999 solid 1px; } /* * Estilos del detalle de la noticia ******************************************************/ #noticia {position:relative;margin:0 50px 0 30px; } #fecha-publicacion {position:relative;text-align:right;margin:0 10px 0 0;color:#AAAAAA; } #foto-noticia {float:left;} #foto-noticia img {border:#333333 solid 1px;padding:3px;} #noticia h2 {margin:10px 0 20px 0;color:#333333;font-size:24px;} #noticia p {margin:0 10px 0 240px;line-height:140%;text-align:justify;} #noticia p.bajada {font-weight:bold;margin-bottom:10px;font-size:14px;} /* * ******************************************************/ .cuadro-textos dl { margin:10px;} .cuadro-textos dt {margin:30px 0 10px 0;color:#004080;background:#efefef;padding:4px 10px;} .cuadro-textos dd {margin:0 10px 20px 10px;} /* * Estilos columna adicional (derecha) ******************************************************/ #adicional {float:right;width:213px;margin-top:10px;} /* * Estilos del pie de página *******************************************************/ #info-pie {clear:both;background:#3C57AE;color:#ffffff;text-align:center;padding:5px 0;margin-bottom:10px;font-size:11px;} #info-pie h5 {margin:0;font-weight:normal;} #info-pie a {color:#CCCCCC;} #info-pie a:hover {color:#AAAAAA;} /*******************************************************/