/* start sitewide */ body { background: #665533; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 10px; } h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; } a { font-family: Arial, Helvetica, sans-serif; color: #333399; text-decoration: underline; } a:hover { color: #6688cc; } #geologos, #geologos-inicio { position: relative; margin: auto; width: 960px; overflow: hidden; z-index: 1; text-align: left; font-size: 1em; } #geologos { background: #ffffff url(pics/interna-fondo.png) 0px 103px no-repeat; } #geologos-inicio { background: #ffffff url(pics/inicio-fondo.png) 0px 85px no-repeat; } #contacto { float: right; background: url(pics/contacto-fondo.png) no-repeat; padding-left: 40px; padding-top: 5px; width: 95px; height: 45px; font-size: 1.2em; } #contacto a { color: #ffffff; text-decoration: none; } #contacto a:hover { color: #ccff99; } #pais { padding-top: 10px; padding-left: 30px; font-size: 0.9em; color: #666666; } #logos { float: left; padding-left: 30px; } #logos a { display: block; float: left; padding-right: 10px; } #titulo { float: left; margin-top: -30px; } #titulo h1 { font-weight: normal; color: #666666; } #titulo h2 { font-size: 2.1em; font-weight: normal; } #titulo h3 { font-size: 1.4em; font-weight: normal; } #menu { width: 163px; background: #995c0b; padding-bottom: 20px; } #menu .categoria { padding-left: 20px; padding-top: 5px; padding-bottom: 18px; } #menu .categoria h3 { width: 130px; font-size: 1.2em; font-weight: normal; color: #ffffff; } #menu .categoria h3.activo { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dashed #000000; color: #000000; } #menu .categoria h3.activo2 { color: #000000; } #menu .categoria h3 a { color: #ffffff; text-decoration: none; } #menu .categoria h3.activo a { color: #000000; text-decoration: none; } #menu .categoria h3.activo2 a { color: #000000; } #menu .categoria h4 { background: url(pics/menu-punto.png) no-repeat; padding-left: 12px; font-size: 1em; line-height: 1.5em; font-weight: normal; } #menu .categoria h4 a { color: #ffffff; text-decoration: none; } #menu .categoria h4.activo a { color: #000000; } #menu .categoria h5 { background: url(pics/menu-punto.png) no-repeat; margin-left: 10px; padding-left: 12px; font-size: 1em; line-height: 1.5em; font-weight: normal; } #menu .categoria h5 a { color: #ffffff; text-decoration: none; } #menu .categoria h5.activo a { color: #000000; } #menu .categoria a:hover { color: #ccff99; } #pie { clear: both; background: url(pics/pie.png) left bottom no-repeat; border-top: 2px solid #e6e6e6; padding-top: 25px; padding-bottom: 30px; text-align: center; } #pie .patrocinador { float: left; padding-right: 10px; color: #666666; } #pie #direccion { clear: both; padding-top: 45px; color: #ffffff; } #pie #direccion a { color: #ffffff; } #pie #direccion a:hover { color: #ccff99; } #premper { padding-top: 80px; padding-bottom: 20px; text-align: center; font-size: 1em; color: #000000; } #premper a { color: #000000; text-decoration: none; } /* end sitewide */ /* start forms */ .set { clear: both; padding-bottom: 5px; font-size: 1.1em; } label { display: block; float: left; padding-top: 5px; padding-right: 5px; width: 100px; border: none; text-align: right; color: #000000; } .input { float: left; width: 300px; } .campocorto { display: block; border: 2px solid #e6e6e6; width: 150px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 1.1em; } .campocortoBAD { display: block; border: 2px solid #ff0000; width: 150px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 1.1em; } .campo { display: block; border: 2px solid #e6e6e6; width: 300px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 1.1em; } .campoBAD { display: block; border: 2px solid #ff0000; width: 300px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 1.1em; } .area { display: block; border: 2px solid #e6e6e6; width: 300px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 1.1em; } .areaBAD { display: block; border: 2px solid #ff0000; width: 300px; padding: 2px; margin-bottom: 5px; color: #000000; font-size: 1.1em; } .boton { background: url(pics/boton.png) no-repeat; width: 88px; height: 34px; border: none; color: #ffffff; font-size: 1.1em; font-weight: bold; } /* end forms */ /* start index */ #geologos-inicio #top { height: 112px; overflow: hidden; } #geologos-inicio #logos { } #geologos-inicio #titulo { width: 440px; } #geologos-inicio #titulo h1 { font-size: 1.2em; line-height: 1.5em; } #geologos-inicio #eslogan { float: left; padding-left: 30px; width: 310px; text-align: center; font-size: 1.2em; color: #666666; } #geologos-inicio #gestionderiesgos { background: url(pics/inicio-gestionderiesgos.png) top right no-repeat; margin-top: 20px; margin-right: 20px; padding-top: 15px; padding-right: 20px; height: 25px; text-align: right; font-size: 1.4em; } #geologos-inicio #gestionderiesgos a { color: #ffffff; text-decoration: none; } #geologos-inicio #gestionderiesgos a:hover { color: #ffff00; } #geologos-inicio #barra { float: left; width: 232px; padding-left: 2px;} #geologos-inicio #barra h2 { padding-bottom: 10px; text-align: center; font-size: 1.2em; font-weight: normal; color: #0066cc; } #geologos-inicio #barra .vertodos { text-align: right; } #geologos-inicio #barra .sinactividades { padding: 10px; font-size: 1.2em; color: #cc6633; } #geologos-inicio #eventos { background: url(pics/calendario-fondo.png) bottom left repeat-x; padding-top: 20px; } #geologos-inicio #eventos ul { padding: 0px; margin: 0px; padding-left: 15px; padding-top: 10px; padding-bottom: 20px; } #geologos-inicio #eventoactual { padding: 10px; } #geologos-inicio #noticias { background: #ccffff; margin-top: 20px; padding: 10px; } #geologos-inicio #eventoactual a, #geologos-inicio #noticias a { font-style: italic; color: #cc6633; font-size: 1.2em; } #geologos-inicio #eventoactual a:hover, #geologos-inicio #noticias a:hover { color: #993300; } #geologos-inicio #noticias .actual { padding-bottom: 10px; } #geologos-inicio #noticias .actual .fecha { padding-bottom: 5px; font-weight: bold; } #geologos-inicio #noticias .actual .fecha a { font-style: normal; font-size: 1em; color: #000000; text-decoration: none; } #geologos-inicio #noticias .actual .descripcion { font-size: 1.1em; line-height: 1.5em; } #geologos-inicio #noticias .actual .descripcion a { font-style: normal; font-size: 1em; color: #666666; text-decoration: none; } #geologos-inicio #noticias .actual .fecha a:hover, #geologos-inicio #noticias .actual .descripcion a:hover { text-decoration: underline; } #geologos-inicio #contenido { float: left; background: url(pics/inicio-contenido-fondo.png) 260px 80px no-repeat; padding-left: 30px; padding-top: 90px; width: 675px; } #geologos-inicio #seccion1 { float: left; background: url(pics/inicio-seccion1-fondo.png) 0px 128px no-repeat; padding-left: 15px; padding-top: 152px; width: 210px; } #geologos-inicio #seccion2 { float: left; padding-top: 73px; padding-left: 36px; width: 189px; } #geologos-inicio #seccion3 { float: left; background: url(pics/inicio-seccion3-fondo.png) no-repeat; padding-top: 8px; padding-left: 44px; width: 181px; } #geologos-inicio #contenido h3 { padding-bottom: 10px; font-size: 1.2em; font-weight: normal; color: #0077bb; } #geologos-inicio #contenido h3 a { color: #0077bb; text-decoration: none; } #geologos-inicio #contenido .imagen { margin-bottom: 30px; width: 160px; height: 160px; overflow: hidden; } #geologos-inicio #contenido .imagen2 { margin-bottom: 20px; width: 180px; height: 185px; overflow: hidden; } #geologos-inicio #contenido .imagencubrir { background: url(pics/inicio-seccion2-fondo.png) no-repeat; width: 180px; height: 185px; overflow: hidden; } #geologos-inicio #contenido .destacado { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #cccccc; color: #665533; } #geologos-inicio #contenido .descripcion { padding-bottom: 20px; font-size: 1.1em; color: #665533;} #geologos-inicio #contenido .descripcion a { color: #665533; text-decoration: none; } #geologos-inicio #contenido .vermas { clear: both; text-align: right; font-style: italic; font-size: 1.2em; } #geologos-inicio #contenido .vermas a { color: #cc6633; } #geologos-inicio #contenido .vermas a:hover { color: #993300; } /* end index */ /* start internal pages */ #geologos #top { height: 103px; overflow: hidden; } #geologos #logos { height: 70px; } #geologos #titulo { width: 500px; } #geologos #titulo h1 { font-size: 1.1em; } #geologos #barra { float: left; width: 164px; } #geologos #barra h2 { padding-bottom: 10px; text-align: center; font-size: 1.2em; font-weight: normal; color: #0066cc; } #geologos #publicaciones { background: url(pics/calendario-fondo.png) bottom left repeat-x; padding-top: 40px; padding-left: 15px; padding-right: 15px; padding-bottom: 40px; } #geologos #publicaciones .doc { padding-bottom: 10px; width: 128px; height: 170px; overflow: hidden; } #geologos #principal { float: left; padding-left: 30px; padding-bottom: 30px; width: 704px; } #geologos #encabezado { padding-top: 65px; width: 420px; height: 125px; overflow: hidden; color: #ffffff; font-size: 1.1em; } #geologos #encabezado h1 { padding-bottom: 12px; font-size: 1.8em; font-weight: normal; color: #99cc33; } #geologos #encabezado a { color: #ffffff; } #geologos #encabezado a:hover { color: #ccff99; } #geologos #icono { float: right; margin-top: 10px; width: 225px; height: 218px; } #geologos #iconocubrir { width: 225px; height: 218px; background: url(pics/interna-icono.png) no-repeat; } #geologos #ruta { padding-top: 20px; padding-bottom: 30px; font-size: 1em; color: #665533; } #geologos #ruta a { color: #dd7722; } #geologos #contenido { width: 740px; color: #665533; } #geologos #contenido h1 { padding-bottom: 10px; font-size: 1.8em; font-weight: normal; color: #0066cc; } #geologos #contenido h2 { padding-bottom: 10px; font-size: 1.6em; font-weight: normal; color: #0066cc; } #geologos #contenido h3 { padding-bottom: 10px; font-size: 1.4em; color: #0066cc; } #geologos #contenido h4 { padding-bottom: 5px; font-size: 1.2em; color: #0066cc; } #geologos #contenido h5 { padding-bottom: 5px; font-size: 1.1em; color: #0066cc; } #geologos #contenido h6 { padding-bottom: 5px; font-size: 1.1em; font-weight: normal; color: #0066cc; } #geologos #texto { font-size: 1.1em; text-align: justify; } #geologos #enlaces, #geologos #descargas { padding-top: 30px; padding-bottom: 10px; } #geologos #enlaces a, #geologos #descargas a { font-style: italic; color: #cc6633; font-size: 1.2em; } #geologos #enlaces a:hover, #geologos #descargas a:hover { color: #993300; } #geologos #enlaces li { padding-bottom: 10px; } #geologos #categorias { background: url(pics/categorias-fondo.png) 335px 0px repeat-y; margin-top: 40px; } #geologos #video { } #geologos #listavideos { margin-left: 415px; } #geologos #mapa { padding-left: 10px; padding-bottom: 10px; width: 730px; border-left: 5px solid #d9d9d9; border-bottom: 5px solid #d9d9d9; } #geologos .documento { clear: both; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; width: 500px; } #geologos .documento .imagen { float: left; width: 128px; height: 170px; overflow: hidden; } #geologos .documento .descripcion { margin-left: 150px; padding-top: 20px; font-size: 1.1em; } #geologos .documento .descargar { padding-top: 20px; } #geologos .fecha { color: #000000; font-size: 1.1em; } #geologos .articulo { background: url(pics/noticia-icono.png) no-repeat; border-bottom: 1px dashed #d9d9d9; margin-top: 20px; padding-left: 30px; padding-bottom: 20px; font-size: 1.1em; } #geologos .articulo .fecha, #geologos .documento .fecha { padding-bottom: 5px; } #geologos .articulo .descripcion { line-height: 1.5em; } #geologos .articulo a { font-style: italic; color: #cc6633; } #geologos .articulo a:hover { color: #993300; } #geologos .extras { background: url(pics/descargas-fondo.png) no-repeat; padding-left: 30px; padding-top: 15px; padding-bottom: 10px; width: 700px; height: 25px; font-size: 1.2em; color: #ffffff; } #geologos .descarga { margin-left: 30px; padding-left: 30px; padding-bottom: 20px; } #geologos .subcategoria { float: left; width: 260px; padding-left: 60px; padding-right: 25px; padding-bottom: 30px; } #geologos .subcategoria h4 a { color: #0066cc; text-decoration: none; } #geologos .subcategoria .descripcion { height: 100px; overflow: hidden; font-size: 1.1em; line-height: 1.5em; } #geologos .subcategoria .descripcion a { color: #665533; text-decoration: none; } #geologos .vermas { padding-top: 10px; text-align: right; font-size: 1.2em; } #geologos .vermas a { font-style: italic; color: #cc6633; } #geologos .vermas a:hover { color: #993300; } #geologos .videoactual { float: left; padding-left: 20px; padding-right: 60px; width: 315px; overflow: hidden; border-right: 1px solid #d9d9d9; } #geologos .videoactual h4 { padding-bottom: 0px; } #geologos .videoactual .descripcion { padding-top: 10px; width: 250px; text-align: right; } #geologos .videoactual .info { color: #000000; padding-bottom: 5px; } #geologos .videoactual .botondescargar { padding-top: 5px; } #geologos .videopeq { float: left; width: 150px; height: 140px; overflow: hidden; } #geologos .videopeq .imagenpeq { padding-left: 10px; width: 128px; height: 96px; overflow: hidden; } #geologos .videopeq .descripcion { padding-top: 10px; text-align: center; font-size: 1.1em; } #geologos .videopeq .descripcion a { color: #0066cc; text-decoration: none; } #geologos .mapaactual { clear: both; padding-top: 20px; } #geologos .mapaactual .descripcion { padding-top: 10px; line-height: 1.5em; font-size: 1.1em; } #geologos .mapaactual .botondescargar { text-align: right; padding-top: 5px; } #geologos .mapapeq { float: left; margin-left: 20px; padding-left: 15px; padding-bottom: 10px; width: 230px; height: 15px; overflow: hidden; background: url(pics/lista-punto.png) no-repeat; font-size: 1.2em; } #geologos .mapapeq a { font-style: italic; color: #cc6633; } #geologos .mapapeq a:hover { color: #993300; } #geologos .paginacion { padding-top: 20px; color: #006699; text-align: center; font-size: 1.1em; } #geologos .paginaactual { display: inline; font-weight:bold; } /* end internal pages */ /* start floating images */ .floatleft, .floatright { background: #ffffff url(pics/imagen-fondo.png) top right no-repeat; padding: 13px 0px 0px 0px; } .floatleft { margin-right: 10px; } .floatright { margin-left: 10px; } .floatingimage { padding: 6px; border-left: 2px solid #e6e6e6; border-right: 2px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; overflow: hidden; } .floatingimage img { border: none; } .floatingimage img#CTRLInline, .floatingimage img#CTRLOutlineI { border: 0; padding: 0px; } .floatingdesc { font-size:1em; color:#999999; text-align: center; padding-top: 5px; } div#gallery { padding-top: 10px; } div#gallery .floatleft { margin-left: 10px; margin-right: 20px; margin-bottom: 20px; } div#gallery .floatingimage { width: 128px; height: 80px; overflow: hidden; } div#gallery .floatingimage img { position: absolute; clip:rect(0px, 128px, 80px, 0px); } div#gallery .floatingdesc { width: 130px; } div#gallery .ghead { display: none; } div#gallery .gfoot { visibility: hidden; } /* end floating images */ /*----------------------- Calendario del Rabanus------------------------------------*/ #calendario td.dias { font-size: 11px; text-align: center; padding: 2px } #calendario td.cabeceras { font-size: 11px; color: #000000; padding: 2px; text-align: center } #calendario td.cabeceras { font-size: 11px; padding: 2px } #calendario td.hoy-es, td.nombre-mes { background: #dfb894;font-size: 11px; text-align: center; padding: 4px; } #calendario a.nombre-ano, td.nombre-ano { font-size: 11px; background: #b07e3e; text-align: center; padding: 4px; color: #ffffff; font-weight: bold } #calendario td.hoy-es { font-size: 11px } #calendario a { font-size: 11px; text-decoration: none; color: #000000 } #calendario td.evento a { font-size: 11px; color: #ffffff } #calendario { display: block; font-size: 11px; padding: 2px } #calendario td { margin: 2px 10 } #calendario td.evento { font-size: 11px; color: #ffffff; text-align: center; background: #0066cc } #calendario table { width: 100% }