html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent}
body{line-height: 1}
ol, ul{list-style: none}
ins{text-decoration: none}
del{text-decoration: line-through}
table{
border-collapse: collapse;
border-spacing: 0}
html { min-height: 100%; margin-bottom: 1px; }
body{
font-size: 0.75em;
font-family: Arial, Helvetica, sans-serif}
a{color: #009edf}
a:hover{text-decoration: none}
a.enlace-oculto{
text-indent: -9000px;
float: left;
height: 0}
.oculto{display: none;}
.derecha{text-align: right;}
#contenedor{
width: 955px;
margin: 0 auto;
text-align: left;
padding: 5px 0 0 0;
background: url(../img/bg-cabecera.jpg) repeat-x}
#contenedor.home{
background: url(../img/bg-home.jpg) no-repeat;
min-height: 1000px;
padding-top: 25px !important;
margin-top: 8px}
#cabecera{
position: relative;
height: 5.5em}
#contenedor.home #cabecera h1{
margin: 5px 0 0 30px}
#cabecera ul#idiomas{
position: absolute;
top: 14px;
right: 70px}
#contenedor.home #cabecera ul#idiomas{right: 70px}
#cabecera ul#idiomas li{
float: left;
margin-left: 13px;
background: url(../img/separador-cabecera.gif) no-repeat right 3px;
padding: 0 14px 0 0}
#contenedor.home #cabecera ul#idiomas li{background: url(../img/separador-cabecera-b.gif) no-repeat right 3px}
#cabecera ul#idiomas li.ultima,
#contenedor.home #cabecera ul#idiomas li.ultima{
padding-right: 0;
background: none}
#cabecera ul#idiomas li a{
text-decoration: none;
text-transform: uppercase;
font-size: 0.9em;
color: #000}
#contenedor.home ul#idiomas li a{
color: #fff;
font-weight: bold}
#cabecera ul#idiomas li a:hover{color: #009edf}
#contenedor.home #cabecera ul#idiomas li a:hover{color: #000}
#cabecera div#idiomas{
position: absolute;
top: 10px;
right: 10px}
#cabecera form{
position: absolute;
right: 0;
bottom: 0;
float: left}
#contenedor.home #cabecera form{display: none}
#cabecera form label {
margin: 6px 10px 0 0;
float: left}
#cabecera form input#campo-buscar{
float: left;
color: #999;
width: 15em;
margin: 2px 7px 0 0}
#cabecera form input#boton-buscar{float: left}
#cabecera ul#medidas{
position: absolute;
bottom: 100;
right: 10px;
float: left}
#contenedor.home #cabecera ul#medidas{right: 16px}
#cabecera ul#medidas li{float: left}
#cabecera ul#medidas li span{
width: 1.2em;
height: 30px;
display: block;
position: relative;
margin: 0 0 0 2px}
#cabecera ul#medidas li span.primera{width: 1em}
#cabecera ul#medidas li a{
display: block;
position: absolute;
bottom: 0;
left: 0;
font-weight: bold;
text-decoration: none;
margin-bottom: 0px;
border-bottom: 2px solid #333;
color: #333}
#cabecera ul#medidas li a:hover{
border-bottom: 2px solid #009edf;
color: #009edf}
#contenedor.home #cabecera ul#medidas li a:hover{
border-bottom: 2px solid #fff;
color: #fff}
#cabecera ul#medidas li a.seleccionada{
color: #009edf;
border-bottom: 2px solid #fff}
#contenedor.home #cabecera ul#medidas li a.seleccionada{
color: #fff;
border-bottom: 2px solid transparent}
#cabecera ul#medidas li a.little{font-size: 1.4em}
#cabecera ul#medidas li a.medium{font-size: 1.9em}
#cabecera ul#medidas li a.big{font-size: 2.3em}
#cabecera div#el-tiempo {
position: absolute;
top: 5px;
left: 250px}
#cabecera div#el-tiempo span.grados{
font-weight: bold;
display: block;
float: left;
margin: 4px 5px 0 0}
#cabecera div#botones {
position: absolute;
top: 70px;
left: 640px}
#cabecera div#botones a{
display: block;
float: left;
color: #fff;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font-weight: bold;
line-height: 19px;
margin-left: 5px;
}
#cabecera div#botones a.newsletter{
background: url(/img/newsletter-cabecera.png) no-repeat;
width: 98px;
height: 27px;
}
#cabecera div#botones a.la-teva-experiencia{
background: url(/img/tu-experiencia-cabecera.png) no-repeat;
width: 148px;
height: 27px;
}
#cabecera p.breadcrumb {
font-size: 0.9em;
padding: 0;
margin: 40px 0 20px 10px;
}
/*home*/
#contenido-home{}
#contenido-home #movie{
float: left;
margin: 170px 0 0 0}
ul#enlaces-home{
float: right;
width: 362px;
margin: 80px 11px 100px 0}
ul#enlaces-home li{margin: 0 0 7px 0}
ul#enlaces-home span{
margin: 0 5px 0 0}
ul#enlaces-home span.titulo{
font-size: 1.4em;
font-weight: bold;
color:#fff;
position: absolute;
width: 110px;
margin: 15px 0px 0 5px}
/*fin home*/
#navegacion{
float: left;
padding: 8px;
width: 955px}
#navegacion ul#navegacion-principal,
#navegacion ul#navegacion-principal li,
#navegacion ul#navegacion-secudaria,
#navegacion ul#navegacion-secundaria li {
margin: 0;
padding: 0;
background: none}
#navegacion ul#navegacion-principal {
float: left;
width: 100%}
#navegacion ul#navegacion-principal li{
float: left;
margin: 0 10px 0 0;
padding: 0 0 13px 0}
#navegacion ul#navegacion-principal li.seleccionada{background: url(../img/fletxa.gif) no-repeat bottom center}
#navegacion ul#navegacion-principal li.sin-submenu{background: none !important}
#navegacion ul#navegacion-principal li.seleccionada a,
#navegacion ul#navegacion-principal li.seleccionada span{
background: #56554d;
color: #fff}
#navegacion ul#navegacion-principal li.seleccionada span{
margin: 0 0 0 0;
padding: 1.1em 3.5em 0.8em 3.5em;
font-weight: bold;
font-size: 1em;
float: left}
#navegacion ul#navegacion-principal li.seleccionada a:hover{text-decoration: none}
#navegacion ul#navegacion-principal li a{
background: #fff;
float: left;
margin: 0 0 0 0;
padding: 1.1em 3.5em 0.8em 3.5em;
text-decoration: none;
color: #56554d;
font-weight: bold;
font-size: 1em}
#navegacion ul#navegacion-principal li a:hover{text-decoration: underline}
#navegacion ul#navegacion-secundaria {
background: #fff ;
padding: 1em 0.8em;
margin: 6px 50px 0 0;
float: right;
font-size: 0.9em}
#navegacion ul#navegacion-secundaria.izquierda {
float: left !important;
margin-left: 50px;}
#navegacion ul#navegacion-secundaria.derecha {float: right !important}
#navegacion ul#navegacion-secundaria li{
float: left;
background: url(../img/separador-menu.gif) no-repeat 0 2px;
padding: 0 0 0 12px;
margin: 0 10px 0 0}
#navegacion ul#navegacion-secundaria li.primera{background: none}
#navegacion ul#navegacion-secundaria li.seleccionada{
font-weight: bold;
color: #333}
#navegacion ul#navegacion-secundaria li a{
color: #333;
text-decoration: none}
#navegacion ul#navegacion-secundaria li a:hover{text-decoration: underline}
#contenido.contenido-textual h2 {
margin: 25px 0 15px 0;
font-weight: lighter;
font-size: 2em;
font-family: Arial, Helvetica, Verdana, sans-serif;
text-transform: uppercase}
#contenido.contenido-textual h3 {
margin: 30px 0 15px 0;
border-bottom: 1px solid #333;
padding-bottom: 5px;
font-size: 0.95em}
#contenido.contenido-textual h4 {
margin: 23px 0 15px 0;
font-size: 1em}
p {
margin: 0 0 1em 0;
line-height: 1.5em;
color: #333}
#contenido.contenido-textual ul{color: #333}
#contenido.contenido-textual ul li{
margin: 0 0 15px 0;
padding: 0 0 0 14px;
background: url(../img/punto-lista.jpg) no-repeat 0 5px}
#contenido{margin: 15px 0 0 0}
#contenido p.breadcrumb {
font-size: 0.9em;
padding: 0;
margin: 0 0 5px 8px}
#contenido p.texto-sobre-imagen{
float: left;
text-indent: -9000em}
#contenido #contenido-inner{
padding: 3px 10px;
overflow: hidden}
#columna-fina{
float: left;
width: 150px;
margin: 5px 0 0 0;
padding: 8px 10px 0 0;
border-right: 1px solid #56554d}
#columna-fina.sin-borde{border-right: none}
p.titulo-columna-fina{
background: #56554d;
padding: 1px 5px 0 5px;
color: #fff}
#contenido #contenido-inner #columna-fina ul#listado{
margin: 0;
padding: 0}
#contenido #contenido-inner #columna-fina ul#listado li{
margin: 0;
padding: 0;
background: none;
line-height: 1.2em;
font-size: 0.95em;
margin: 0 0 0.8em 0;
color: #555}
ul#menu-interior{
margin: 0;
padding: 0}
ul#menu-interior li{
margin: 0;
background: none;
line-height: 1.2em;
font-size: 0.95em;
margin: 0 0 0.8em 0}
ul#menu-interior li a{
padding: 0 0 0 15px;
display: block;
color: #4d7c8a;
text-decoration: none}
ul#menu-interior li a:hover{color: #182e35}
ul#menu-interior li.seleccionada{background: url(../img/flecha-menu-interior.jpg) no-repeat left center !important}
ul#menu-interior li.seleccionada a{
color: #182e35;
font-weight: bold}
#columna-derecha-ancha{
width: 758px;
float: right;
padding: 0}
#columna-derecha-ancha-textos{
float: left;
width: 395px;
margin: 6px 0 0 0;
padding: 7px 0 0 0;
text-align: justify;
line-height: 1.5em;
color: #333}
#columna-derecha-ancha-textos h2{
color: #4d7c8a;
font-size: 1.3em;
margin: 0 0 0.6em 0}
#columna-derecha-ancha-textos p{margin: 0 10px 0.7em 0}
#columna-derecha-ancha-imgs{
float: right;
width: 360px}
#columna-derecha-ancha-imgs img{float: right}
#contenedor-form-grande{
overflow: hidden;
padding: 10px 0 10px 0;
border-bottom: 1px solid #999}
#contenedor-form-grande div.form-grande{
width: 305px;
margin: 0 8px 0 0;
float: left}
#contenedor-form-grande.form-comer div.form-grande{width: 259px}
#contenedor-form-grande div.form-pequenyo{
width: 132px;
margin: 0 8px 0 0;
float: left}
#contenedor-form-grande form input#nombre,
#contenedor-form-grande form select#sector,
#contenedor-form-grande form select#zona{
width: 263px;
margin: 0 7px 0 0;
float: left;
clear: left;
color: #666}
#contenedor-form-grande form input#nombre-comer,
#contenedor-form-grande form select#especialidad-comer,
#contenedor-form-grande form select#precio-comer,
#contenedor-form-grande form select#zona-comer{
width: 217px;
margin: 0 7px 0 0;
float: left;
clear: left;
color: #666}
#contenedor-form-grande form select#precio-comer{width: 90px}
#contenedor-form-grande form input#nombre-comer{width: 211px !important}
#contenedor-form-grande form input#nombre{width: 254px !important}
#contenedor-form-grande form select#especialidad-comer,
#contenedor-form-grande form select#precio-comer,
#contenedor-form-grande form select#zona-comer,
#contenedor-form-grande form select#sector,
#contenedor-form-grande form select#zona{padding: 2px 0 1px 0}
#contenedor-form-grande form input.boton{float: left}
#contenedor-form-grande form label{
margin: 0 0 5px 2px;
padding: 0;
float: left;
font-size: 0.9em;
color: #333}
#contenedor-form-grande div.primer-form{margin-right: 8px !important}
#contenedor-form-grande div.ultimo-form{margin-right: 0 !important}
#cabecera-resultados{
margin: 15px 0 0 0;
float: left;
width: 100%}
#cabecera-resultados p.p-resultado{
float: left;
margin-top: 4px;
color: #555}
#cabecera-resultados #contenedor-navegacion-paginacion{
float: right;
position: relative}
#cabecera-resultados #paginacion{
float: right;
margin: 2px 90px 0 0}
a.enlace-cuadrado{
color: #fff;
float: left;
background: #555;
padding: 4px 5px;
text-decoration: none;
font-size: 0.9em;
font-weight: bold}
#cabecera-resultados #paginacion ul{
float: left;
margin: 3px 0 0 0}
#cabecera-resultados #paginacion ul li{
float: left;
margin: 0 10px 0 0;
background: url(../img/separador-paginacion.gif) no-repeat left center}
#cabecera-resultados #paginacion ul li.primera{background: none}
#cabecera-resultados #paginacion ul li a{
float: left;
text-decoration: none;
font-weight: bold;
padding-left: 10px;
display: block;
color: #009edf}
#cabecera-resultados #paginacion ul li a.seleccionada{color: #333}
a.imprimir{
float: right;
display: block;
padding: 9px 27px 4px 0;
margin: 0 0 0 15px;
text-decoration: none;
color: #000;
font-size: 0.9em;
font-weight: bold;
background: url(../img/imprimir.jpg) no-repeat right top;
position: absolute;
top: 0;
right: 0}
#resultados {
float: left;
width: 100%}
#resultados div.contenido-resultado {
position: relative;
border-top: 1px solid #ccc;
padding: 10px 0 10px 0;
float: left;
width: 100%}
#resultados div.contenido-resultado p {
margin: 0;
padding: 0}
#resultados div.contenido-resultado a.ver-mas{
position: absolute;
top: 16px;
right: 1px}
#resultados div.contenido-resultado p.titulo-resultado {
font-weight: bold;
color: #555;
background: url(../img/flecha-resultado.jpg) no-repeat 0 1px;
padding: 0 0 0 16px}
#resultados div.contenido-resultado div.contenido-desplegable-grande {padding: 10px 2px}
/*.js #resultados div.contenido-resultado div.contenido-desplegable-grande {display: none}*/
#resultados div.contenido-resultado a.ver-mas {visibility: hidden}
.js #resultados div.contenido-resultado a.ver-mas{visibility: visible}
.js #resultados div.contenido-resultado div.contenido-desplegable-grande iframe{
display: block;
margin: 5px 0}
#resultados div.contenido-resultado div.contenido-desplegable-grande p {margin-bottom: 1em}
#resultados div.contenido-resultado p.subtitulo-resultado {
color: #c39865;
font-weight: bold;
font-size: 0.9em}
#contenido #bloque-imagen{
min-height: 347px;
height: 347px;
width: 955px;
position: relative}
#contenido.como-llegar #bloque-imagen{background: url(../img/bg-como.jpg) no-repeat}
#contenido.como-llegar-general #bloque-imagen{
background: url(../img/bg-llegar.jpg) no-repeat;
min-height: 451px;
height: 451px}
#contenido.como-llegar-general #paginacion{margin-right: 0}
#menu-listado-blanco{
width: 345px;
float: right;
background: #fff;
margin: 20px 25px 0 0;
font-size: 0.9em}
#menu-listado-blanco p{
margin: 0 0 7px 0;
line-height: 1.2em;
color: #55564d}
#menu-listado-blanco ul{margin: 20px 0 0 0}
#menu-listado-blanco ul li{
padding: 0 0 0 15px;
margin: 0 0 6px 0}
#menu-listado-blanco ul li.seleccionada{background: url(../img/flecha-resultado.jpg) no-repeat left center}
#menu-listado-blanco ul li.seleccionada a{font-weight: bold}
#menu-listado-blanco ul li a{
color: #55564d;
text-decoration: none}
#menu-listado-blanco ul li a:hover{font-weight: bold}
#contenido.buscar #bloque-imagen{
background: url(../img/bg-buscar.jpg) no-repeat;
min-height: 255px;
height: 255px}
#contenido.que-hacer-compras #bloque-imagen{background: url(../img/bg-quehacer-compras.jpg) no-repeat;}
body.en #contenido.que-hacer-compras #bloque-imagen{background: url(../img/bg-quehacer-compras-en.jpg) no-repeat !important;}
body.ca #contenido.que-hacer-compras #bloque-imagen{background: url(../img/bg-quehacer-compras-ca.jpg) no-repeat !important;}
#contenido.quehacer-playas #bloque-imagen{background: url(../img/bg-quehacer-playas.jpg) no-repeat;}
#contenido.donde-comer #bloque-imagen{background: url(../img/bg-comer.jpg) no-repeat;}
body.en #contenido.donde-comer #bloque-imagen{background: url(../img/bg-comer-en.jpg) no-repeat !important;}
body.ca #contenido.donde-comer #bloque-imagen{background: url(../img/bg-comer-ca.jpg) no-repeat !important;}
#contenido.quehacer #bloque-imagen{background: url(../img/bg-quehacer.jpg) no-repeat;}
#contenido.negocios #bloque-imagen{background: url(../img/bg-negocios.jpg) no-repeat;}
/* DONDE DORMIR RESERVAS */
#contenido.donde-dormir #bloque-imagen{
background: url(../img/bg-reservas.jpg) no-repeat;
min-height: 620px;
height: 620px}
div#form-reservas{
background: #56554d;
border: 1px solid #efefef;
padding: 12px 15px 10px 15px;
float: left;
margin: 0 0 0 9px;
position: relative;
width: 351px;
font-size: 0.9em}
div#form-reservas label,
div#form-reservas span.etiqueta{
color: #fff;
float: left;
font-size: 0.9em}
div#form-reservas span.etiqueta{
margin-bottom: 5px;
width: 330px}
div#form-reservas select{padding: 2px 0}
div#form-reservas div.caja-campos{
float: left;
clear: left}
div#form-reservas div.mitad{
float: left;
margin: 0 15px 10px 0}
div#form-reservas div.mitad-ultimo{margin-right: 0 !important}
div#form-reservas div.mitad label{
display: block;
margin: 0 0 4px 0}
div#form-reservas div.mitad select{
float: left;
clear: left;
width: 160px}
div#form-reservas div.completo{
float: left;
clear: left;
margin: 0 0 10px 0}
div#form-reservas div.completo label{
display: block;
float: left;
margin: 0 0 4px 0;
width: 330px}
div#form-reservas div.fecha-agrupada label{display: none}
div#form-reservas div.completo select{
float: left;
clear: left}
div#form-reservas div.completo select#hotel-reserva{
float: left;
width: 335px}
div#form-reservas div.completo select#fecha-llegada-dia-reserva,
div#form-reservas div.completo select#fecha-salida-dia-reserva{
float: left;
clear: left;
margin-right: 10px}
div#form-reservas div.completo select#fecha-llegada-mes-reserva,
div#form-reservas div.completo select#fecha-salida-mes-reserva{
float: left;
clear: none !important;
margin-right: 10px;
width: 120px}
div#form-reservas div.completo select#fecha-llegada-anyo-reserva,
div#form-reservas div.completo select#fecha-salida-anyo-reserva{
float: left;
clear: none !important}
div#form-reservas div.completo div{width: 330px}
div#form-reservas div.ultimo{
float: left;
clear: left;
width: 330px}
div#form-reservas div.ultimo div{
float: left;
width: 150px;
height: 28px;
line-height:18px}
div#form-reservas div.ultimo label{
float: left;
width: 105px;
margin-bottom: 2px}
div#form-reservas div.ultimo label.adultos{clear: left}
div#form-reservas div.ultimo select{
float: left;
width: 40px;
margin-bottom: 2px}
div#form-reservas div.ultimo input{
float: left;
margin-bottom: 2px}
#boton-reservas{
position: absolute;
bottom: 10px;
right: 10px}
#boton-todos{
position: absolute;
top: 270px;
left: -1px;
border: 1px solid #fff}
/*donde dormir --> resultados */
#contenido.resultados-dormir #bloque-imagen{
min-height: 350px;
height: 350px}
#contenido-resultados-dormir{
clear: left;
overflow: hidden;
margin: 10px 0 0 0}
#resultados-dormir-i{
float: left;
width: 245px;
padding: 0 15px 0 20px}
#resultados-dormir-d{
float: right;
width: 670px}
form.formulario-orden{
float: left;
width: 260px}
form.formulario-orden label{
float: left;
color: #333;
font-weight: bold;
margin: 3px 0 0 0}
form.formulario-orden select{
float: left;
padding: 2px 1px 1px 2px;
margin: 0 5px 0 5px}
form.formulario-orden input.boton{float: left !important}
.js form.formulario-orden input.boton{display: none}
#resultados-dormir-d #cabecera-resultados{
margin-top: 0;
margin-bottom: 15px;
padding-bottom: 25px;
border-bottom: 1px solid #333}
#resultados-dormir-d div.bloque-resultado-dormir{
border-bottom: 1px solid #333;
padding: 0 0 0 0;
margin-bottom: 15px;
overflow: hidden}
#resultados-dormir-d div.bloque-resultado-dormir div.info-hotel{
width: 500px;
float: left}
#resultados-dormir-d div.bloque-resultado-dormir div.info-hotel p.nombre-hotel{
color: #56554d;
font-weight: bold;
font-size: 1.2em;
margin: 0;
padding: 0}
#resultados-dormir-d div.bloque-resultado-dormir div.info-hotel p.nombre-hotel a{
color: #56554d;
text-decoration: none}
#resultados-dormir-d div.bloque-resultado-dormir div.info-hotel p.ubicacion-hotel{
color: #c39a66;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0}
#resultados-dormir-d div.bloque-resultado-dormir div.info-hotel div.contenido-hotel{}
#resultados-dormir-d div.bloque-resultado-dormir div.info-hotel div.contenido-hotel p{
margin: 0 0 10px 0;
line-height: 1.2em}
img.foto-hotel{float: right}
ul.detalles-hotel{
clear: both;
margin: 10px 0 15px 0 !important;
float: left;
width: 670px}
ul.detalles-hotel li{
width: 670px;
position: relative;
margin: 0 0 5px 0;
display: block}
ul.detalles-hotel li p{
background: red;
width: 550px;
margin: 0;
padding: 0 0 0 15px;
font-weight: bold;
background: url(../img/flecha-resultado.jpg) no-repeat left center}
ul.detalles-hotel li span{
display: block;
position: absolute;
top: 0;
right: 0;
padding: 3px 5px;
font-weight: bold;
color: #fff;
background: #555}
#resultados-dormir-d div.bloque-resultado-dormir div.info-hotel p.derecha{
margin: 0;
padding: 0;
line-height: 1em}
#resultados-dormir-d div.bloque-resultado-dormir div.info-hotel p.derecha a{
font-size: 0.9em;
color: #333}
/*fin resultados*/
/* --- FIN DONDE DORMIR RESERVAS --- */
/* --- que hacer --- */
div#form-quehacer{
background: #56554d;
border: 1px solid #efefef;
padding: 12px 15px 10px 15px;
float: left;
width: 905px;
margin: 0 0 0 9px;
position: absolute;
bottom: 15px;
left: 0}
div#form-quehacer label,
div#form-quehacer span.etiqueta{
color: #fff;
font-size: 0.9em;
display: block;
margin: 0 0 5px 0}
div#form-quehacer select{padding: 2px 0}
div#form-quehacer div.evento-box,
div#form-quehacer div.llegada-box,
div#form-quehacer div.partida-box{
float: left;
padding: 7px 12px 12px 0}
div#form-quehacer div.evento-box{
border-right: 1px solid #ccc;
margin: 0 14px 0 0}
div#form-quehacer div.evento-box select{width: 285px}
div#form-quehacer div.llegada-box label,
div#form-quehacer div.partida-box label{display: none}
div#form-quehacer div.llegada-box select,
div#form-quehacer div.partida-box select{margin: 0 2px 0 0}
div#form-quehacer div.llegada-box select#fecha-llegada-mes,
div#form-quehacer div.partida-box select#fecha-partida-mes{width: 120px}
div#form-quehacer div.llegada-box{margin-right: 4px}
div#form-quehacer input#boton-quehacer{margin: 23px 0 0 0}
#contenido.quehacer #resultados-dormir-i{
border-right: 1px solid #333;
width: 225px}
#contenido.quehacer #cabecera-resultados{
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
margin-bottom: 0}
div.bloque-resultado-quehacer{
border-bottom: 1px solid #ccc;
overflow: hidden;
padding: 3px 0;
position: relative}
div.bloque-resultado-quehacer a{
color: #56554d;
font-weight: bold}
#contenido.negocios p.titular-quehacer{margin-bottom: 3px}
#contenido.negocios p.titular-quehacer a{font-size: 1.1em}
div.bloque-resultado-quehacer a.comprar{
position: absolute;
right: 0;
top: 12px;
float: left;
display: block;
background: url(../img/carro.jpg) no-repeat right center;
padding: 10px 33px 2px 0;
color: #333}
div.bloque-resultado-quehacer a.reservar{
position: absolute;
right: 0;
top: 12px;
float: left;
display: block;
background: url(../img/reservar.jpg) no-repeat right center;
padding: 10px 33px 2px 0;
color: #333}
div.bloque-resultado-quehacer img{float: left}
div.bloque-resultado-quehacer div.info-espectaculo{
padding: 0 0 0 60px;
width: 525px;
font-size: 0.9em}
div.bloque-resultado-quehacer p{
margin: 0;
padding:0;
line-height: 1.3em}
div.bloque-resultado-quehacer p.fecha-quehacer{
color: #56554d;
font-size: 0.9em;
font-weight: bold}
div.bloque-resultado-quehacer p.descripcion-quehacer{
font-size: 0.9em;
font-weight: bold;
color: #c39a66}
/* --- fin que hacer --- */
/* que hacer actividades */
#menu-meses{
width: 140px;
float: left;
margin-top: 10px}
#menu-meses ul{margin: 10px 0 0 0}
#menu-meses ul li{
margin: 0 0 4px 0;
font-size: 0.9em;
padding-right: 10px;
height: 1%}
#menu-meses ul li.seleccionado{background: url(../img/flecha-resultado.jpg) no-repeat right center}
#menu-meses ul li.seleccionado a{
color: #fff;
background: #56554d}
#menu-meses ul li a{
color: #56554d;
background: #f5f5f5;
text-decoration: none;
font-weight: bold;
display: block;
padding: 3px 6px}
#menu-meses ul li a:hover{
color: #fff;
background: #56554d}
#menu-meses span.year-actividades{
font-weight: bold;
color: #56554d;
margin: 0 31px}
#resultados-por-meses{
width: 455px;
margin: 0 10px 0 0;
float: right}
#resultados-por-meses #cabecera-resultados-meses{
position: relative;
padding: 10px 0 15px 0;
border-bottom: 1px solid #ccc;
margin-bottom: 1px}
#resultados-por-meses div.contenido-desplegable-grande{font-size: 0.9em}
#resultados-por-meses div.contenido-resultado{
border-bottom: 1px solid #ccc;
border-top: none}
img.foto-contenido-interior{
float: right;
margin: 0 0 25px 0}
#resultados-por-meses div.contenido-desplegable-grande a.comprar{
float: right;
clear: right;
margin-bottom: 15px;
display: block;
background: url(../img/carro.jpg) no-repeat right center;
padding: 10px 33px 2px 0;
color: #333}
#resultados-por-meses div.contenido-desplegable-grande p{padding-right: 110px}
#resultados-por-meses div.contenido-desplegable-grande span{
font-weight: bold;
color: #c39a66}
#resultados-por-meses #cabecera-resultados-meses h2{
color: red;
font-size: 1.1em;
color: #56554d}
/* --- fin que hacer actividades --- */
#contenido.pagina-generica{}
#contenido.pagina-generica h2, h3, h4, h5{
margin: 15px 0 10px 0;
color: #333;
}
#contenido.pagina-generica p{
margin: 0 0 10px 0;
}
/* mapa web */
#contenido.mapa-web {padding: 25px 0 20px 0}
#contenido.mapa-web img{float: left}
div.columna-mapa{
width: 232px;
float: left;
margin: 2px 2px 0 0}
div.columna-mapa-ultima{margin-right: 0 !important}
div.columna-mapa ul{
margin: 0 0 0 10px;
float: left}
div.columna-mapa ul li{margin: 5px 0 0 0}
div.columna-mapa ul li a {
color: #666;
padding: 0 0 0 13px}
div.columna-mapa ul li a:hover {text-decoration: none}
div.columna-mapa ul li.principal{margin: 18px 0 0 0}
div.columna-mapa ul li.principal a{
text-transform: uppercase;
font-weight: bold;
background: url(../img/flecha-resultado.jpg) no-repeat 0 0}
/* fin mapa web */
#pie{
padding-bottom: 70px;
color: #333;
margin: 20px 0 0 0;
clear: both;
float: left}
#pie ul li{display: inline}
/* Newsletter */
#contenido.newsletter #bloque{height:380px;}
#contenido.newsletter #titulo{float:left;
margin-top:-18px;}
#contenido.newsletter #bandaGris{float:left;
background-color:#333333;
width:1px;
height:300px;
margin-left:10px;}
#contenido.newsletter #bloqueFormulario{float:left;
margin:20px 0 0 40px;
width:600px;}
#contenido.newsletter #bloqueTexto{float:left;
margin:-10px 0 0 20px;
width:600px;}
div#titulo{
color: #999;
font-size: 1.7em;
margin:10px 0 0 20px;}
div#cuerpo{
color: #666;
font-size: 1.2em;
margin:10px 0 0 20px;
width:450px;
line-height:150%; }
div#form-newsletter{
padding: 12px 15px 10px 15px;
float: left;
margin: 30px 0 0 9px;
position: relative;
font-size: 0.9em}
div#campo-form-newsletter{
margin:20px 0 0 0;
}
div#form-newsletter label{
color: #111;
float: left;
font-weight:bold;
font-size: 1.2em}
#form-newsletter form input#campo-nombre{
border:1px solid #c9986f;
margin:-5px 0 0 80px;
width:200px;}
#form-newsletter form input#campo-apellido{
border:1px solid #c9986f;
margin:-5px 0 0 50px;
width:200px;}
#form-newsletter form input#campo-email{
border:1px solid #c9986f;
margin:-5px 0 0 73px;
width:200px;}
div#form-newsletter span{
margin:-15px 0 0 330px;
color: #111;
float:left;
font-weight:bold;
font-size: 0.9em}
#boton-enviar-newsletter{
margin:10px 0 0 265px;
}