/* Body */ body { font-size: small; background: #69002A url(../img/v0/fondos/header-bkgnd.png) repeat-x; } /* format */ .clear { clear: both; } .adjust { width: 778px; margin: auto; } .linea-fondo { background: url(../img/v0/fondos/linea-fondo-body.gif) repeat-y center; height: 100%; overflow: hidden; } /* formato sin estilo */ .unstyle { display: none; } html { height: 100%; } body { text-align: center; background: #78072A url(../img/v0/fondos/header-bkgnd-v3.png) repeat-x; height: 100%; } #container { background: url(../img/v0/fondos/linea-fondo-body.gif) repeat-y center; margin: auto; width: 100%; height: 100%; min-width: 778px; } #header { position: relative; } #header #main-header { width: 778px; margin: auto; position: relative; } #header #logo { width: 185px; float: left; height: 110px; background: url(../img/v0/logos/logo-turismo-header3.gif) no-repeat center center; } #header #title { width: 591px; float: right; text-align: left; margin-top: 10px; margin-right: 1px; } #header #title h1 { font-size: 240%; margin-left: 10px; } #header #title h1 a { color: #E7BD15; } #header #title h1 a:hover { text-decoration: underline; } #header #title h2 { color: #FFF; font: 85% Verdana, Geneva, sans-serif; padding-left: 10px; padding-top: 10px; padding-bottom: 5px; } #header #date { font: 80% Verdana, Geneva, sans-serif; color: #FFF; margin: 0px; padding: 0px; position: absolute; top: 10px; right: 10px; } #header #lang { clear: left; width: 185px; float: left; background: url(../img/v0/logos/logo-turismo-header3-cont.gif) repeat-y; color: #FFF; font: 75% Verdana, Geneva, sans-serif; } #header #lang div.choose { margin-bottom: 5px; font-weight: bold; } #header #lang ul { margin-top: 5px; margin-bottom: 5px; } #header #lang ul li { display: inline; margin-right: 3px; margin-left: 3px; } #header #lang ul li a { color: #FFF; } #header #lang ul li a:hover { color: #FC0; text-decoration: underline; } #header #nav { width: 591px; float: right; text-align: left; font: bold 75% Verdana, Geneva, sans-serif; color: #CC6699; padding-top: 5px; padding-bottom: 5px; margin-right: 1px; } #header #nav #nav-text { margin-left: 10px; margin-right: 10px; } #header #nav a { color: #CC6699; } #header #nav a:hover { color: #D89A1D; } #header #bar { clear: both; background: #000 url(../img/v0/fondos/linea-fondo-body.gif) repeat-y center; height: 20px; width: 100%; min-width: 778px; } #header #banner { width:100%; background: #F4EFE8 url(../img/v0/fondos/banner.jpg) no-repeat 576px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; clear: both; float: left; height: 70px; } #header #banner #flash-section { width:576px; float: left; } #header #subheader { width:100%; clear: both; float: left; background: #6a002b url(../img/v0/fondos/sombraSeccion.jpg) repeat-x top; display: inline; } #header #subheader #search { width: 185px; float: left; font: 75% Verdana, Geneva, sans-serif; color: #CCC; padding-top: 10px; padding-bottom: 5px; text-align: right; background: url(../img/v0/fondos/sombraSeccion.jpg) repeat-x top; display: inline; } /* display: inline Solves IE6 Duplicate Characters Bug */ #header #subheader #search label { margin-right: 10px; } #header #subheader #search input.text { font: 100% Verdana, Geneva, sans-serif; color: #CCC; background: #333; border: 1px solid #D89A1D; width: 6em; } #header #subheader #path { width: 581px; float: right; text-align: left; font: 75% Verdana, Geneva, sans-serif; color: #CCC; margin-right: 1px; padding-top: 10px; padding-bottom: 5px; } #header #subheader #path span { } #header #subheader #path a { color: #CCC; text-decoration: underline; } #header #subheader #path a:hover { color: #FFF; } #main-body { border-top: 1px solid #E98519; border-bottom: 1px solid #E98519; clear: both; background: #6a002b url(../img/v0/fondos/linea-fondo-body-filled.gif) repeat-y center; } /* SECCIONES */ #main-body #contents { width: 591px; float: right; text-align: left; margin-right: 1px; } #main-body #contents #section { width: 100%; margin-top: 5px; margin-bottom: 5px; } #main-body #contents #section #section-title { padding: 5px 10px; } #main-body #contents #section #section-title h1 { font: bold 150% Arial, Helvetica, sans-serif; color: #FFF; } #main-body #contents #section #subtitle { font: 85% Verdana, Geneva, sans-serif; clear: both; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; color: #CCC; } #main-body #contents #section #subtitle h4 { font: 85% Verdana, Geneva, sans-serif; color: #CCC; } #main-body #contents #section #controls { float: right; display: none; } #main-body #contents #section #controls div { font: 75% Verdana, Geneva, sans-serif; color: #000; padding-bottom: 5px; } #main-body #contents #section #controls a.print { background: url(../img/v0/ico/print-big.gif) no-repeat left center; text-indent: -9999px; padding-top: 3px; padding-bottom: 3px; } #main-body #contents #section #controls a.send { background: url(../img/v0/ico/mail.gif) no-repeat left center; padding-top: 3px; padding-bottom: 3px; } #main-body #contents #section #alert { padding-left: 15px; padding-right: 15px; } #main-body #contents #section #section-body { clear: both; background: #E9E2D8 url(../img/v0/fondos/fondo-info.gif) repeat-y; height: 1%; } /* height: 1% gives hasLayout to avoid Pekaboo bug in IE6 */ #main-body #contents #section #info-header { background: url(../img/v0/fondos/fondo-info-top.gif) no-repeat top; height: 3px; font-size: 0px; margin-bottom: 10px; } /* font-sixe: 0px; para evitar margenes indeseados en capas sin texto */ #main-body #contents #section #images { float: right; margin-left: 10px; margin-right: 16px; width: 231px; overflow: hidden; display: inline; } /* display: inline avoids IE5/6 Doubled Float-Margin Bug */ #main-body #contents #section #images img { border: 1px solid #000; margin: 0px; padding: 0px; } #main-body #contents #section #images #big { } #main-body #contents #section #images #big-foot { font: 75% Verdana, Geneva, sans-serif; color: #333; margin-bottom: 10px; } #main-body #contents #section #images #list { padding: 6px 2px 2px 6px; border: 1px solid #999; margin-top: 5px; } #main-body #contents #section #images span a { font: 75% Verdana, Geneva, sans-serif; } #main-body #contents #section #resources { clear: both; margin: 10px 16px; } #main-body #contents #section div.box-resources { margin-top: 1em; border: 1px solid #999; position: relative; padding: 0.6em 6px 6px; } #main-body #contents #section div.title-resources { font: bold 75% Verdana, Geneva, sans-serif; color: #333; background: #E9E2D8; top: -1em; left: 5px; position: absolute; padding: 2px 5px; } #main-body #contents #section #resources a { display: block; font: 75% Verdana, Geneva, sans-serif; background: #CCC; padding: 4px; margin-top: 2px; } #main-body #contents #section #resources a:hover { background: #FFF8CC; } #main-body #contents #section .contact-data { font: 100% Verdana, Geneva, sans-serif; color: #333; padding: 10px; background: #D7CAB7; border-bottom: 2px solid #B39A75; margin-top: 10px; margin-bottom: 15px; overflow: hidden; } #main-body #contents #section .contact-data span { } #main-body #contents #section .contact-data span.name { font-weight: bold; } #main-body #contents #section #info { font: 90% Arial, Helvetica, sans-serif; color: #333; text-align: justify; padding-right: 15px; padding-left: 15px; } #main-body #contents #section #info .list-subsections { border-bottom: 1px solid #CCC; vertical-align: middle; padding-top: 3px; padding-bottom: 3px; background: url(../img/v0/formato/vineta-listado-secciones.gif) no-repeat left center; padding-left: 25px; overflow: hidden; } #main-body #contents #section #info .list-subsections a { } #main-body #contents #section #info .list-subsections a:hover { font-weight: bold; } #main-body #contents #section #info .list-subsections a:visited { color: #069; } #main-body #contents #section #info-footer { background: url(../img/v0/fondos/fondo-info-bottom.gif) no-repeat bottom; padding: 5px 15px; text-align: justify; margin-top: 10px; } #main-body #contents #section #info-footer p { border-top: 1px solid #333; padding-top: 5px; } #main-body #contents #section #info-footer a { font: bold 85% Verdana, Geneva, sans-serif; } #main-body #contents #section #info .level-0 .title { } #main-body #contents #section #info .level-0 .text { } #main-body #contents #section #info .level-0 .contact-data { font-size: 90%; } #main-body #contents #section #info .level-0 .contact-data .name { } #main-body #contents #section #info .level-0 .contact-data .address { } #main-body #contents #section #info .level-0 .contact-data .telephones { } #main-body #contents #section #info .level-0 .contact-data .faxes { } #main-body #contents #section #info .level-0 .contact-data .webs { } #main-body #contents #section #info .level-0 .contact-data .emails { } #main-body #contents #section #info .level-1 .title h2 { font: bold 150% Arial, Helvetica, sans-serif; color: #990066; margin-top: 10px; margin-bottom: 5px; display: inline-table; border-bottom: 1px dotted #990066; padding-bottom: 1px; overflow: hidden; text-align: left; } #main-body #contents #section #info .level-1 .title h3 { font: bold 150% Arial, Helvetica, sans-serif; color: #990066; margin-top: 10px; margin-bottom: 5px; display: inline-table; border-bottom: 1px dotted #990066; padding-bottom: 1px; overflow: hidden; text-align: left; } #main-body #contents #section #info .level-1 .text { } #main-body #contents #section #info .level-1 .contact-data { font-size: 90%; } #main-body #contents #section #info .level-1 .contact-data .name { } #main-body #contents #section #info .level-1 .contact-data .address { } #main-body #contents #section #info .level-1 .contact-data .telephones { } #main-body #contents #section #info .level-1 .contact-data .faxes { } #main-body #contents #section #info .level-1 .contact-data .webs { } #main-body #contents #section #info .level-1 .contact-data .emails { } #main-body #contents #section #info .level-2 { margin-right: 10px; margin-left: 10px; } #main-body #contents #section #info .level-2 .title h3 { font: bold 120% Arial, Helvetica, sans-serif; color: #000000; margin-top: 10px; margin-bottom: 5px; text-align: left; } #main-body #contents #section #info .level-2 .text { } #main-body #contents #section #info .level-2 .contact-data { font-size: 90%; } #main-body #contents #section #info .level-2 .contact-data .name { } #main-body #contents #section #info .level-2 .contact-data .address { } #main-body #contents #section #info .level-2 .contact-data .telephones { } #main-body #contents #section #info .level-2 .contact-data .faxes { } #main-body #contents #section #info .level-2 .contact-data .webs { } #main-body #contents #section #info .level-2 .contact-data .emails { } #main-body #contents #section #info .level-3 { margin-right: 20px; margin-left: 20px; } #main-body #contents #section #info .level-3 .title h3 { color: #000000; margin-top: 10px; margin-bottom: 5px; } #main-body #contents #section #info .level-3 .text { } #main-body #contents #section #info .level-3 .contact-data { font-size: 90%; } #main-body #contents #section #info .level-3 .contact-data .name { } #main-body #contents #section #info .level-3 .contact-data .address { } #main-body #contents #section #info .level-3 .contact-data .telephones { } #main-body #contents #section #info .level-3 .contact-data .faxes { } #main-body #contents #section #info .level-3 .contact-data .webs { } #main-body #contents #section #info .level-3 .contact-data .emails { } #main-body #contents #section #info #FLVPlayer { margin-left: 60px; } #main-body #contents #section #url { font: 90% Arial, Helvetica, sans-serif; color: #333; text-align: justify; padding-right: 15px; padding-left: 15px; } #main-body #contents #section #url p, #main-body #contents #section #url form { margin-top: 10px; margin-bottom: 10px; } /* ACCESIBILIDAD */ /*#main-body #contents #section #info table { width: 90%; padding:0; border-collapse: collapse; border: 1px solid #999; margin: 10px auto; font: 95% Verdana, Geneva, sans-serif; } #main-body #contents #section #info table caption { text-align: center; font-family: Verdana, Geneva, sans-serif; font-weight: bold; margin-top: 5px; margin-bottom: 5px; } #main-body #contents #section #info table thead { } #main-body #contents #section #info table th { padding: 5px; border-bottom: 1px solid #999; border-right: 1px solid #999; color: #000; background: #f4efe8; text-align: center; } #main-body #contents #section #info table td { padding: 5px; border-bottom: 1px solid #999; border-right: 1px solid #999; text-align: left; } #main-body #contents kbd { font-size: 120%; } #main-body #contents #section #info table .tabla-tam-txt-raton #main-body #contents #section #info table .tabla-tam-txt-raton*/ /* ALOJAMIENTOS */ #main-body #contents #section #url #accomodation-table { font: 90% Verdana, Geneva, sans-serif; border-top: 1px solid #999; width: 100%; } #main-body #contents #section #url #accomodation-table tr.even { background: #F2F1F1;} #main-body #contents #section #url #accomodation-table tr td.name { background: url(../img/v0/formato/vineta-listado-alojamientos.gif) no-repeat left center; padding-left: 20px; font-weight: bold; } #main-body #contents #section #url #accomodation-table tr td.ico { } #main-body #contents #section #url #accomodation-table tr td.address { } #main-body #contents #section #url #accomodation-table tr td.category { } #main-body #contents #section #url #accomodation-table tr td.category-lvl { } #main-body #contents #section #url #accomodation-table tr.odd { background: #CCC; } #main-body #contents #section #url #accomodation-table td { border-bottom: 1px solid #999; padding-top: 3px; padding-bottom: 3px; } #main-body #contents #section #url #accomodation-table td span { display: list-item; list-style: none; } /* RESTAURANTES */ #main-body #contents #section #url #restaurants-table { font: 90% Verdana, Geneva, sans-serif; border-top: 1px solid #999; width: 100%; } #main-body #contents #section #url #restaurants-table caption { font-weight: bold; margin-top: 10px; margin-bottom: 10px; } #main-body #contents #section #url #restaurants-table .header { font-weight: bold; margin-top: 10px; margin-bottom: 10px; border-style: none; } #main-body #contents #section #url #restaurants-table tr.even { background: #F2F1F1;} #main-body #contents #section #url #restaurants-table tr td.name { background: url(../img/v0/formato/vineta-listado-alojamientos.gif) no-repeat left center; padding-left: 20px; font-weight: bold; } #main-body #contents #section #url #restaurants-table tr.odd { background: #CCC; } #main-body #contents #section #url #restaurants-table td { border-bottom: 1px solid #999; padding-top: 3px; padding-bottom: 3px; } #main-body #contents #section #url #restaurants-table td span { display: list-item; list-style: none; } /* NOTICIAS */ #main-body #contents #section-news { width: 100%; margin-top: 5px; margin-bottom: 5px; } #main-body #contents #section-news #news-title { padding: 5px 10px; } #main-body #contents #section-news #news-title h1 { font: bold 150% Arial, Helvetica, sans-serif; color: #FFF; } #main-body #contents #section-news #subtitle { clear: both; margin: 10px 15px 20px; padding-top: 10px; border-top: 1px solid #999; } #main-body #contents #section-news #subtitle h4 { text-align: left; font: bold 100% Arial, Helvetica, sans-serif; color: #990066; } #main-body #contents #section-news #controls { float: right; display: none; } #main-body #contents #section-news #controls div { font: 75% Verdana, Geneva, sans-serif; color: #000; padding-bottom: 5px; } #main-body #contents #section-news #controls a.print { background: url(../img/v0/ico/print-big.gif) no-repeat left center; text-indent: -9999px; padding-top: 3px; padding-bottom: 3px; } #main-body #contents #section-news #controls a.send { background: url(../img/v0/ico/mail.gif) no-repeat left center; padding-top: 3px; padding-bottom: 3px; } #main-body #contents #section-news #alert { padding-left: 15px; padding-right: 15px; } #main-body #contents #section-news #data { margin-right: 15px; margin-left: 15px; margin-bottom: 10px; font: 85% Verdana, Geneva, sans-serif; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding-top: 5px; padding-bottom: 5px; } #main-body #contents #section-news #data #fecha { background: url(../img/v0/ico/calendario.gif) no-repeat left center; padding-left: 25px; } #main-body #contents #section-news #data #hora { background: url(../img/v0/ico/hora.gif) no-repeat left center; padding-left: 25px; } #main-body #contents #section-news #data #lugar { background: url(../img/v0/ico/lugar.gif) no-repeat left center; padding-left: 25px; } #main-body #contents #section-news #data #precio { background: url(../img/v0/ico/euro.png) no-repeat left center; padding-left: 25px; } #main-body #contents #section-news #news-body { clear: both; background: #E9E2D8 url(../img/v0/fondos/fondo-info.gif) repeat-y; height: 1%; } /* height: 1% gives hasLayout to avoid Pekaboo bug in IE6 */ #main-body #contents #section-news #info-header { background: url(../img/v0/fondos/fondo-info-top.gif) no-repeat top; overflow: hidden; padding-top: 10px; padding-right: 15px; padding-left: 15px; } /* font-sixe: 0px; para evitar margenes indeseados en capas sin texto */ #main-body #contents #section-news #info-header #newInfo-bar { width: 50%; float: left; overflow: hidden; } #main-body #contents #section-news #info-header #newInfo-bar span { font: 80% Verdana, Geneva, sans-serif; color: #333; } #main-body #contents #section-news #info-header #addThis-bar { width: 50%; float: right; overflow: hidden; } #main-body #contents #section-news #info-header #addThis-bar a { float: right; } #main-body #contents #section-news #images { float: right; margin-left: 10px; margin-right: 16px; width: 231px; overflow: hidden; display: inline; } /* display: inline avoids IE5/6 Doubled Float-Margin Bug */ #main-body #contents #section-news #images img { border: 1px solid #000; margin: 0px; padding: 0px; } #main-body #contents #section-news #images #big { } #main-body #contents #section-news #images #big-foot { font: 75% Verdana, Geneva, sans-serif; color: #333; margin-bottom: 10px; } #main-body #contents #section-news #images #list { padding: 6px 2px 2px 6px; border: 1px solid #999; margin-top: 5px; } #main-body #contents #section-news #images span a { font: 75% Verdana, Geneva, sans-serif; } #main-body #contents #section-news #resources { clear: both; margin: 10px 16px; } #main-body #contents #section-news div.box-resources { margin-top: 1em; border: 1px solid #999; position: relative; padding: 0.6em 6px 6px; } #main-body #contents #section-news div.title-resources { font: bold 75% Verdana, Geneva, sans-serif; color: #333; background: #E9E2D8; top: -1em; left: 5px; position: absolute; padding: 2px 5px; } #main-body #contents #section-news #resources a { display: block; font: 75% Verdana, Geneva, sans-serif; background: #CCC; padding: 4px; margin-top: 2px; } #main-body #contents #section-news #resources a:hover { background: #FFF8CC; } #main-body #contents #section-news #info { font: 90% Arial, Helvetica, sans-serif; color: #333; padding-right: 15px; padding-left: 15px; } #main-body #contents #section-news #info-footer { background: url(../img/v0/fondos/fondo-info-bottom.gif) no-repeat bottom; padding: 5px 15px; text-align: justify; margin-top: 10px; } #main-body #contents #section-news #info-footer p { border-top: 1px solid #333; padding-top: 5px; } #main-body #contents #section-news #info-footer a { font: bold 85% Verdana, Geneva, sans-serif; } /* DIRECTORIO */ #section ul.directory { } #section ul.directory li { list-style: url(../img/v0/formato/vineta-directorio.gif) inside; padding-bottom: 4px; border-bottom: 1px solid #999; padding-top: 4px; } #section ul.directory li span { color: #000; font: 90% Verdana, Geneva, sans-serif; } #section ul.directory li span.name { color: #990066; font: bold 100% Arial, Helvetica, sans-serif; } #section ul.directory li span.address {} #section ul.directory li span.tel { font-weight: bold; } /* ENLACES */ #section dl.links { } #section dl.links span { } #section dl.links dt { padding-left: 15px; background: url(../img/v0/formato/vineta-enlaces.gif) no-repeat left 0.3em; } #section dl.links dd { margin-bottom: 5px; border-bottom: 1px solid #CCC; padding: 3px 15px 5px; } #section dl.links dt a { font: bold 100% Arial, Helvetica, sans-serif; } #section dl.links dd span.description { color: #000; font: 100% Verdana, Geneva, sans-serif; } /* CONTACTO */ #section #contact { margin: 15px 20px 20px; font: 95% Verdana, Geneva, sans-serif; } #section #contact p.error { clear: both; margin-bottom: 10px; } #section #contact p span.error { color: #F00; } #section #contact p.image { float: left; margin-right: 10px; margin-bottom: 10px; } #section #contact p.image img { border: 1px solid #000; } #section #contact p.text { margin-bottom: 10px; } #section #contact form { } #section #contact form fieldset { border: 1px dotted #999; background: #EEEEEE; color: #000; font: 95%/2em Verdana, Geneva, sans-serif; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } #section #contact form legend { font-weight: bold; } #section #contact form input.boton { } /* VISITAS VIRTUALES */ #main-body #contents #section #info #virtual-visit { text-align: center; margin-top: 20px; width: 320px; margin-bottom: 10px; font: 90% Verdana, Geneva, sans-serif; padding-left: 50%; margin-left: -160px; } #main-body #contents #section #info #virtual-visit #object { border: 1px solid #990066; } #main-body #contents #section #info #virtual-visit .alt-text { padding: 10px; background: #CCC; } #main-body #contents #section #info #virtual-visit #instructions { text-align: left; margin-right: -30px; margin-left: -30px; } #main-body #contents #section #info #virtual-visit #instructions h3 { font-weight: bold; padding-top: 20px; font-size: 130%; } #main-body #contents #section #info #virtual-visit #instructions dl { margin-top: 10px; margin-bottom: 10px; } #main-body #contents #section #info #virtual-visit #instructions dl dt { font-weight: bold; margin-bottom: 10px; } #main-body #contents #section #info #virtual-visit #instructions dl dd { margin-bottom: 5px; margin-left: 10px; } #main-body #contents #section #info #virtual-table { border-top: 1px solid #999; width: 100%; margin-top: 15px; margin-bottom: 15px; } #main-body #contents #section #info #virtual-table tr.odd { background: #EEEEEE; } #main-body #contents #section #info #virtual-table tr td.name { background: url(../img/v0/formato/vineta-listado-visitas-virtuales.gif) no-repeat left 5px; font: bold 100% Arial, Helvetica, sans-serif; padding-top: 5px; padding-left: 20px; } #main-body #contents #section #info #virtual-table tr td.description { font: 90% Verdana, Geneva, sans-serif; border-bottom: 1px solid #999; padding-bottom: 5px; padding-left: 20px; } /* VIDEOS */ #main-body #contents #section #info #video { text-align: center; margin-top: 20px; width: 400px; margin-bottom: 10px; font: 90% Verdana, Geneva, sans-serif; padding-left: 50%; margin-left: -200px; } #main-body #contents #section #info #video #object { } #main-body #contents #section #info #video .alt-text { padding: 10px; background: #CCC; } #main-body #contents #section #info #video #instructions { text-align: left; margin-right: -30px; margin-left: -30px; } #main-body #contents #section #info #video #instructions h3 { font-weight: bold; padding-top: 20px; font-size: 130%; } #main-body #contents #section #info #video #instructions dl { margin-top: 10px; margin-bottom: 10px; } #main-body #contents #section #info #video #instructions dl dt { font-weight: bold; margin-bottom: 10px; } #main-body #contents #section #info #video #instructions dl dd { margin-bottom: 5px; margin-left: 10px; } #main-body #contents #section #info #video-list { border-top: 1px solid #999; width: 100%; margin-top: 15px; margin-bottom: 15px; } #main-body #contents #section #info #video-list .odd { background: #EEEEEE; } #main-body #contents #section #info #video-list .name { background: url(../img/v0/formato/vineta-listado-visitas-virtuales.gif) no-repeat left 5px; font: bold 100% Arial, Helvetica, sans-serif; padding-top: 5px; padding-left: 20px; padding-right: 10px; } #main-body #contents #section #info #video-list .description { font: 90% Verdana, Geneva, sans-serif; border-bottom: 1px solid #999; padding-bottom: 5px; padding-left: 20px; padding-right: 10px; } /* MAPA WEB */ #section ul.webmap-list-cont { margin-right: 5px; margin-left: 20px; } #section ul.webmap-list-cont li.webmap-cont { list-style: url(../img/v0/formato/vineta-mapaweb-cont.gif) outside; margin: 6px; } #section ul.webmap-list-cont li.webmap-cont .webmap-cont-nombre { color: #000; font: bold 100% Arial, Helvetica, sans-serif; } #section ul.webmap-list-cont li.webmap-cont a:hover { text-decoration: underline; } #section ul.webmap-list-cat { margin: 4px; } #section ul.webmap-list-cat li.webmap-cat { list-style: url(../img/v0/formato/vineta-mapaweb-cont.gif) outside; margin-left: 20px; } #section ul.webmap-list-cat li.webmap-cat .webmap-cat-nombre { color: #000; font: 100% Arial, Helvetica, sans-serif; } #section ul.webmap-list-sec { margin: 4px; } #section ul.webmap-list-sec li.webmap-sec { list-style: url(../img/v0/formato/vineta-directorio.gif) outside; margin-left: 20px; margin-top: 2px; } #section ul.webmap-list-sec li.webmap-sec a { color: #000; font: 100% Arial, Helvetica, sans-serif; } #section ul.webmap-list-sec li.webmap-sec a:hover { text-decoration: underline; } /* WEBCAM */ #section #info.webcam p { text-align: center; margin-top: 5px; margin-bottom: 5px; } #section #info.webcam img.logo { vertical-align: middle; } /* SECCIONES ESPECIALES */ /* Situacion */ #section #info img.espana { margin: 1px; border: 1px solid #000; } #section #info img.cyl { margin: 1px; border: 1px solid #000; } #section #info .google { margin: 1px; border: 1px solid #000; } /* Distancias km */ #section #info div.cyl { font: 95% Verdana, Geneva, sans-serif; } #section #info div.cyl h3 { font: bold 130% Arial, Helvetica, sans-serif; color: #990066; } #section #info div.cyl li { border-bottom: 1px solid #999; padding-bottom: 3px; padding-top: 3px; position: relative; } #section #info div.cyl li span { font-weight: bold; position: absolute; left: 15em; } #section #info div.otras { font: 95% Verdana, Geneva, sans-serif; } #section #info div.otras h3 { font: bold 130% Arial, Helvetica, sans-serif; color: #990066; } #section #info div.otras li { border-bottom: 1px solid #999; padding-bottom: 3px; padding-top: 3px; position: relative; } #section #info div.otras li span { font-weight: bold; position: absolute; left: 15em; } #section #info div.municipios { font: 95% Verdana, Geneva, sans-serif; } #section #info div.municipios h3 { font: bold 130% Arial, Helvetica, sans-serif; color: #990066; } #section #info div.municipios li { border-bottom: 1px solid #999; padding-bottom: 3px; padding-top: 3px; position: relative; } #section #info div.municipios li span { font-weight: bold; position: absolute; left: 15em; } /* ------ INDEX ------ */ #main-body #contents #home { width: 100%; margin-top: 5px; margin-bottom: 5px; } #main-body #contents #home #alert { background: #FFC; margin: 5px; font: 80% Verdana, Geneva, sans-serif; padding: 5px; border: 1px dashed #333; } #main-body #contents #home #info { font: 90% Arial, Helvetica, sans-serif; color: #333; background: url(../img/v0/fondos/fondo-index-middle.gif) repeat-y; } /* Main and secondary windows */ #main-body #contents #home #info #main { float: left; width: 375px; background: #6A002B; } #main-body #contents #home #info #secondary { float: right; width: 211px; background: #6A002B; } /* Footer */ #main-body #contents #home #info-footer { clear: both; margin-left: 5px; margin-right: 5px; background: #E6DCCF url(../img/v0/fondos/fondo-index-footer-top.png) no-repeat top; text-align: justify; height: 3px; } #main-body #contents #home #info-footer p { } /* MAIN SECTIONS */ /* Enhanced sections */ #enhanced { margin-left: 5px; } #enhanced dl { margin-bottom: 5px; } #enhanced dl .fondo { background: url(../img/v0/fondos/fondo-index-left-middle.gif) repeat-y; } #enhanced dl dt.top { background: url(../img/v0/fondos/fondo-index-left-top.gif) no-repeat top; height: 3px; font-size: 0px; } /* font-size: 0px; Evita que la capa crezca con el tamaņo de la fuente en IE6 aunque tenga altura fija */ #enhanced dl dd.bottom { background: url(../img/v0/fondos/fondo-index-left-bottom.gif) no-repeat bottom; height: 3px; font-size: 0px; } /* font-size: 0px; Evita que la capa top crezca con el tamaņo de la fuente en IE6 aunque tenga altura fija */ #enhanced dl dt { font: bold 160%/1em "Palatino Linotype", "Book Antiqua", Palatino, serif; padding-left: 115px; padding-right: 15px; } #enhanced dl dt a { color: #78072A; } #enhanced dl dt a:hover { color: #E7BD15; } #enhanced dl dd { font: 85% Verdana, Geneva, sans-serif; color: #78072A; padding-left: 120px; padding-right: 15px; text-align: left;} #enhanced dl dt.fondo { padding-top: 3px; } #enhanced dl dd.fondo { padding-top: 2px; padding-bottom: 3px; } #enhanced dl.descubre { background: #F2F1F1 url(../img/v0/titulos/descubre.png) no-repeat; } #enhanced dl.virtual { background: #E6DCCF url(../img/v0/titulos/virtual.png) no-repeat; } #enhanced dl.plano { background: #F2F1F1 url(../img/v0/titulos/plano.png) no-repeat; } #enhanced dl.visita { background: #E6DCCF url(../img/v0/titulos/visita.png) no-repeat; } /* News and Agenda */ #main-body #contents #home #info #main .group { background: #E6DCCF url(../img/v0/fondos/fondo-index-left-middle.gif) repeat-y; margin-left: 5px; position: relative; } /* position: relative avoids the IE/Win Disappearing List-Background Bug */ #main-body #contents #home #info #main .group .top { background: url(../img/v0/fondos/fondo-index-left-header-bot.png); height: 5px; font-size: 0px; } /* font-size: 0px; Evita que la capa crezca con el tamaņo de la fuente en IE6 aunque tenga altura fija */ #main-body #contents #home #info #main #news .bottom { background: url(../img/v0/fondos/fondo-index-left-bottom.gif); height: 3px; font-size: 0px; } /* font-size: 0px; Evita que la capa crezca con el tamaņo de la fuente en IE6 aunque tenga altura fija */ #main-body #contents #home #info #main .group .group-content { padding-left: 15px; padding-right: 10px; padding-top: 5px; height: 1%; } /* height: 1% gives hasLayout to avoid Pekaboo bug in IE6 */ #main-body #contents #home #info #main .group .group-content dl { padding-top: 5px; border-bottom: 1px solid #CCC; padding-bottom: 10px; } #main-body #contents #home #info #main .group .group-content .record-header { } #main-body #contents #home #info #main .group .group-content .title { font: bold 95% Verdana, Geneva, sans-serif; } #main-body #contents #home #info #main .group .group-content dd { font: 95% Verdana, Geneva, sans-serif; margin-top: 5px; color: #333; } #main-body #contents #home #info #main .group .group-content .date { font: 90% Verdana, Geneva, sans-serif; } #main-body #contents #home #info #main .group .group-content .summary { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCC; } #main-body #contents #home #info #main .group .group-content img { border: 1px solid #000000; float: left; margin-right: 5px; } #main-body #contents #home #info #main .group .group-content .underlined { border-bottom: 1px solid #000000; } #main-body #contents #home #info #main .group .group-header { background: #770729 url(../img/v0/fondos/fondo-index-left-titulo.png) no-repeat left top; padding-bottom: 3px; margin-top: 5px; } #main-body #contents #home #info #main .group .group-header h3 { position: relative; margin-left: 8px; padding-top: 5px; padding-bottom: 3px; font: bold 140% Arial, Helvetica, sans-serif; color: #E7BD15; } #main-body #contents #home #info #main .group .group-header h3 span { position: absolute; width: 100%; height: 100%; } /* Gilder/Levin method of image replacement */ #main-body #contents #home #info #main .group .group-header h3 span.news-esp { background: url(../img/v0/titulos/news-esp.png) no-repeat left top; } #main-body #contents #home #info #main .group .group-header h3 span.news-eng { background: url(../img/v0/titulos/news-eng.png) no-repeat left top; } #main-body #contents #home #info #main .group .group-header h3 span.news-por { background: url(../img/v0/titulos/news-por.png) no-repeat left top; } #main-body #contents #home #info #main .group .group-header h3 span.news-fra { background: url(../img/v0/titulos/news-fra.png) no-repeat left top; } #main-body #contents #home #info #main .group .group-header h3 span.agenda-esp { background: url(../img/v0/titulos/agenda-esp.png) no-repeat left top; } #main-body #contents #home #info #main .group .group-header h3 span.agenda-eng { background: url(../img/v0/titulos/agenda-eng.png) no-repeat left top; } #main-body #contents #home #info #main .group .group-header h3 span.agenda-por { background: url(../img/v0/titulos/agenda-por.png) no-repeat left top; } #main-body #contents #home #info #main .group .group-header h3 span.agenda-fra { background: url(../img/v0/titulos/agenda-fra.png) no-repeat left top; } #main-body #contents #home #info #main .group .group-footer { font: bold 95% Verdana, Geneva, sans-serif; padding: 5px 15px; } /* SECONDARY SECTIONS */ #main-body #contents #home #info #secondary .group { background: #E6DCCF url(../img/v0/fondos/fondo-index-sec-middle.png) repeat-y right; margin-right: 5px; position: relative; } /* position: relative avoids the IE/Win Disappearing List-Background Bug */ #main-body #contents #home #info #secondary .group .top { background: url(../img/v0/fondos/fondo-index-sec-header-bot.png); height: 5px; font-size: 0px; } /* font-size: 0px; Evita que la capa crezca con el tamaņo de la fuente en IE6 aunque tenga altura fija */ #main-body #contents #home #info #secondary #dont-miss .bottom { background: url(../img/v0/fondos/fondo-index-right-bottom.gif); height: 3px; margin-bottom: 5px; font-size: 0px; } /* font-size: 0px; Evita que la capa crezca con el tamaņo de la fuente en IE6 aunque tenga altura fija */ #main-body #contents #home #info #secondary .group .group-content { padding-left: 10px; padding-right: 10px; padding-top: 5px; height: 1%; } /* height: 1% gives hasLayout to avoid Pekaboo bug in IE6 */ #main-body #contents #home #info #secondary .group .group-content h4 { font: bold 120% Arial, Helvetica, sans-serif; } #main-body #contents #home #info #secondary .group .group-content p { font: 95% Verdana, Geneva, sans-serif; margin-top: 5px; margin-bottom: 5px; color: #333; } #main-body #contents #home #info #secondary .group .group-content p.date { color: #000; } #main-body #contents #home #info #secondary .group .group-content p.summary { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCC; } #main-body #contents #home #info #secondary #dont-miss .group-content img { background: #FFFFFF; padding: 4px; border: 1px solid #CCCCCC; margin: 5px auto; } #main-body #contents #home #info #secondary .group .group-header { background: #770729 url(../img/v0/fondos/fondo-index-sec-tit.png) no-repeat left top; padding-bottom: 3px; } #main-body #contents #home #info #secondary .group .group-header h3 { position: relative; margin-left: 8px; margin-right: 5px; padding-top: 5px; padding-bottom: 3px; font: bold 140% Arial, Helvetica, sans-serif; color: #E7BD15; } #main-body #contents #home #info #secondary .group .group-header h3 span { position: absolute; width: 100%; height: 100%; } /* Gilder/Levin method of image replacement */ #main-body #contents #home #info #secondary .group .group-header h3 span.dont-miss-esp { background: url(../img/v0/titulos/dont-miss-esp.png) no-repeat left top; } #main-body #contents #home #info #secondary .group .group-header h3 span.dont-miss-eng { background: url(../img/v0/titulos/dont-miss-eng.png) no-repeat left top; } #main-body #contents #home #info #secondary .group .group-header h3 span.dont-miss-por { background: url(../img/v0/titulos/dont-miss-por.png) no-repeat left top; } #main-body #contents #home #info #secondary .group .group-header h3 span.dont-miss-fra { background: url(../img/v0/titulos/dont-miss-fra.png) no-repeat left top; } #main-body #contents #home #info #secondary .group .group-header h3 span.also-esp { background: url(../img/v0/titulos/ytambien-esp.png) no-repeat left top; } #main-body #contents #home #info #secondary .group .group-header h3 span.also-eng { background: url(../img/v0/titulos/ytambien-eng.png) no-repeat left top; } #main-body #contents #home #info #secondary .group .group-header h3 span.also-por { background: url(../img/v0/titulos/ytambien-por.png) no-repeat left top; } #main-body #contents #home #info #secondary .group .group-header h3 span.also-fra { background: url(../img/v0/titulos/ytambien-fra.png) no-repeat left top; } #main-body #contents #home #info #secondary .group .group-footer { border-top: 1px solid #CCC; font: 85% Verdana, Geneva, sans-serif; margin: 10px 15px 5px; padding-top: 5px; } /* MAIN MENU */ #main-body #main-menu { width: 185px; float: left; text-align: left; } #main-body #main-menu #categories ul.primary { text-align: right; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; } #main-body #main-menu #categories ul.primary li.primary-option { margin-top: 4px; margin-bottom: 4px; border: 1px solid #000; padding: 2px 5px; } #main-body #main-menu #categories ul.primary #li-1 { background: #333 url(../img/v0/fondos/menu-logo.png) no-repeat 0px 0px; } #main-body #main-menu #categories ul.primary #li-2 { background: #333 url(../img/v0/fondos/menu-logo.png) no-repeat 0px -25px; } #main-body #main-menu #categories ul.primary #li-3 { background: #333 url(../img/v0/fondos/menu-logo.png) no-repeat 0px -50px; } #main-body #main-menu #categories ul.primary #li-4 { background: #333 url(../img/v0/fondos/menu-logo.png) no-repeat 0px -75px; } #main-body #main-menu #categories ul.primary #li-5 { background: #333 url(../img/v0/fondos/menu-logo.png) no-repeat 0px -100px; } #main-body #main-menu #categories ul.primary #li-6 { background: #333 url(../img/v0/fondos/menu-logo.png) no-repeat 0px -125px; } #main-body #main-menu #categories ul.primary #li-7 { background: #333 url(../img/v0/fondos/menu-logo.png) no-repeat 0px -150px; } #main-body #main-menu #categories ul.primary #li-8 { background: #333 url(../img/v0/fondos/menu-logo.png) no-repeat 0px -175px; } #main-body #main-menu #categories ul.primary #li-9 { background: #333 url(../img/v0/fondos/menu-logo.png) no-repeat 0px -200px; } #main-body #main-menu #categories ul.primary li.primary-option a { font: bold 90% Arial, Helvetica, sans-serif; color: #FFF; } #main-body #main-menu #categories ul.primary li.primary-option a.selected, #main-body #main-menu #categories ul.primary li a:hover { color: #FF9900 } #main-body #main-menu #categories ul.secondary { text-align: left; height: 1%; } /* height gives Layout to avoid IE6 Peekaboo Bug and first empty line bug */ #main-body #main-menu #categories ul.secondary li.secondary-option { padding-right: 5px; padding-left: 5px; margin-bottom: 5px; border-left: 1px solid #000; border-bottom: 1px solid #000; } #main-body #main-menu #categories ul.secondary li.secondary-option a { color: #FFF; font: 85% Verdana, Geneva, sans-serif; } #main-body #main-menu #categories ul.secondary li.secondary-option a.selected, #main-body #main-menu #categories ul.primary li a:hover { color: #FF9900 } #main-body #main-menu #updated { } #main-body #main-menu #updated ul { } #main-body #main-menu #updated ul li { } #main-body #main-menu #galeria { background: url(../img/v0/titulos/galeria.png) no-repeat; text-indent: -9999px; height: 76px; } /* FOOTER */ #footer { clear: both; background: url(../img/v0/fondos/linea-fondo-body.gif) repeat-y center; } #footer #footer-contents { background: #4C001F url(../img/v0/fondos/backgnd-footer.gif) repeat-x bottom; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; } #footer #footer-contents #nav a { color: #CC6699; } #footer #footer-contents #nav a:hover { color: #D89A1D; } #footer #footer-contents #footer-info { font: 75%/1.6em Verdana, Geneva, sans-serif; color: #FFF; margin-top: 10px; } #footer #footer-contents #footer-info span { } #footer #footer-contents #footer-info span a { font: bold 85% Verdana, Geneva, sans-serif; color: #FFF; } #footer #footer-contents #footer-info span a:hover { text-decoration: underline; } #footer #footer-contents #footer-info span b { color: #CC9900; } #footer #footer-contents #imgs { width: 725px; margin: auto; font: bold 75% Verdana, Geneva, sans-serif; color: #FFF; margin: 10px auto auto; } #footer #footer-contents #imgs img, span { vertical-align: middle; } #footer #footer-contents #imgs a { font: bold 75% Verdana, Geneva, sans-serif; color: #FFF; margin: 2px; } #footer #footer-contents #imgs a:hover { text-decoration: underline; } #footer #footer-contents #imgs .validation { } #footer #footer-contents #imgs .logos { }