/*Reseteo general*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
strong { font-weight:bold; }
em { font-style: italic; }
/* Estilos globales */
body{ background:url(../img/body_fondo.jpg) #F1F9FF repeat-x; font:12px Verdana, Arial, Helvetica, sans-serif; color:#555; }
.clear{ float:none; display:block; width:auto; clear:both; height:1px; line-height:1px; font-size:1px; }
#container{ background:url(../img/container_fondo2.png) #fff repeat-y left; width:984px; padding:0 0 15px 0 ; margin:0 auto; position:relative; border-left:1px solid #D9EFFF; border-right:1px solid #D9EFFF; }
.header{ background:url(../img/header_fondo.jpg) repeat-x top; height:156px; position:relative; }
.header h1.logo{ width:700px; height:94px; background:url(../img/logo.jpg) no-repeat left; position:absolute; display:block; top:24px; left:0; }
.header h1.logo a{ width:293px; height:94px; display:block; text-indent:-9999px; float:left }
.header h1.logo strong{ float:left; font-size:20px; color:#6BC4FF; display:block; width:400px; text-align:right; font-weight:normal; padding-top:35px; }
.header .top{ font-size:10px; padding:5px 0 0 20px; width:300px; float:left; display:block}
.header .top ul li{ float:left; width:auto; }
.header .top ul li a{ color:#fff; padding:0 8px 1px 8px; line-height:8px; border-left:1px solid #C6E7FF; text-decoration:none }
.header .top ul li.home a{ border:none; }
.header .top ul li a:hover{ text-decoration:underline; }
.header .top ul li.actual a{ color:#FCE601; }
.header .idiomas{ background:url(../img/idiomero.jpg) no-repeat center; width:184px; display:block; float:right; margin-right:20px; height:18px; padding:8px 10px 8px 17px; position:relative; }
.header .idiomas a{ height:18px; width:16px; display:block; float:left; text-indent:-9999px; margin-right:10px;}
.header .idiomas a.ca{ margin-right:12px; }
.header .idiomas a.en{ margin-right:12px; }
.header .idiomas a.de{ margin-right:12px; }
.header .idiomas a.pt{ margin-right:0; }
.header .tel{ width:280px; display:block; position:absolute; right:0; top:52px; text-align:center; font-weight: normal;}
.header .tel p{ color:#6BC4FF; font-size:14px; }
.header .tel strong{ color:#FF9B06; font-size:20px; margin-top:5px; }
.menuPrincipal{ height:30px; left:0; top:118px; position:absolute; }
.menuPrincipal ul{ height:30px; }
.menuPrincipal ul li{ height:30px; float:left; width:140px; background:url(../img/menu-li.jpg) no-repeat right; padding-right:2px;}
.menuPrincipal ul li a{ width:140px; display:block; height:30px; text-indent:-9999px; }
.menuPrincipal ul li.homeES a{ background:url(../img/li-home-es.jpg) no-repeat top; }
.menuPrincipal ul li.reservasES a{ background:url(../img/li-reservas-es.jpg) no-repeat top; }
.menuPrincipal ul li.ofertasES a{ background:url(../img/li-ofertas-es.jpg) no-repeat top; }
.menuPrincipal ul li.informacionES a{ background:url(../img/li-informacion-es.jpg) no-repeat top; }
.menuPrincipal ul li.contactoES a{ background:url(../img/li-contacto-es.jpg) no-repeat top; }
.menuPrincipal ul li a:hover{ background-position:bottom; }
.content{ padding:11px 17px 0; width:950px; }
.mainContent{ width:676px; display:block; float:right; }
.mainContent2{ width:676px; height: 453px; display:block; float:right; }
.menuBusquedas{ width:250px; float:left; }
.cBuscar{ width:250px; display:block; background:transparent url(../img/cuadro-busqueda-form-fondo.jpg) repeat-y center; margin-bottom:20px; }
.cBuscar h2{ height:40px; width:250px; text-indent:-9999px; display:block; }
.cBuscar h2.ES{ background:url(../img/busqueda-cuadro-h2-ES.gif) no-repeat center; }
.cBuscar form{ background:url(../img/cuadro-busqueda-form-abajo.jpg) no-repeat bottom center; padding:15px 22px 20px 21px; }
.cBuscar label{ font-size:11px; color:#FFF; margin-bottom:3px; padding-left:1px; display:block; clear:both; }
.cBuscar select{ width:205px; padding:1px 0; margin-bottom:11px; border:1px solid #ccc; font:11px Arial; color:#333; }
.cBuscar select.personas{ width:50px; padding:1px 0; margin-bottom:11px; border:1px solid #ccc; font:11px Arial; color:#333; }
.cBuscar .checkbox{ background-color:#FFF; width:203px; height:16px; padding:1px 0; margin-bottom:11px; border:1px solid #ccc; font:11px Arial; color:#333; }
.cBuscar .checkbox input{ margin:2px 2px 0 2px; padding:0; float:left; }
.cBuscar button.calendar{
background:url(../img/cuadro-busqueda-form-calendario.gif) no-repeat;
width:20px;
height:20px;
text-indent:-9999px;
cursor:pointer;
border:none;
position:relative;
float:left;
clear:left;
margin-left:0px;
margin-top:0px;
}
.cBuscar #hasta,
.cBuscar #desde{ float:right; clear:right; background-color:#FFF; width:183px; height:16px; padding:1px 0; margin-bottom:11px; border:1px solid #ccc; font:11px Arial; color:#333;}
.cBuscar a{ color:#fff; font:11px Arial; width:110px; display:block; float:left; clear:left; margin-top:10px; position:relative; }
.cBuscar a:hover{ text-decoration:none; }
.cBuscar .btnBuscar{ background:url(../img/cuadro-busqueda-form-btn_buscar.jpg) no-repeat center; width:90px; height:20px; border:none; color:#FCE901; font-size:11px; padding:0 0 3px; margin-top:8px; margin-left:4px; cursor:pointer; float:left; }
#personas li {
float: left;
list-style: none;
margin-right: 27px
}
#personas li.ultimo {
float: left;
list-style: none;
margin-right: 0px;
}
#lCombinaciones select{
margin-left: 20px;
margin-top: 5px;
font:11px Arial;
width: 210px;
}
#cRegimen select{
margin-left: 20px;
margin-top: 0px;
font:11px Arial;
width: 210px;
}
.btnBuscar2{
background:url(../img/cuadro-busqueda-form-btn_buscar.jpg) no-repeat center;
width:90px;
height:20px;
border:none;
color:#FCE901;
font-size:11px;
padding:0 0 3px;
margin-top:-31px;
margin-right:100px;
cursor:pointer;
float:right;
}
/*busqueda avanzada*/
.busquedaAvanzada form{ width:618px; height: 413px; display:block; margin:0 auto 5px auto; }
.busquedaAvanzada .col{ width:213px; float:left; margin-bottom:0px; display:block; }
.busquedaAvanzada .col2{ width:213px; }
.busquedaAvanzada .col3{ width:190px; clear:right; }
.busquedaAvanzada .col label{ display:block; clear:both; float:none; color:#2caaff; font-weight:bold; line-height:18px; font-size:11px; }
.busquedaAvanzada .col input.text{ font:11px Arial; border:1px solid #ccc; padding-top:2px; height:18px; width:181px; margin-bottom:20px; }
.busquedaAvanzada .col .checkbox{ font:11px Arial; border:1px solid #ccc; padding:1px 0; width:181px; height:19px; margin-bottom:20px; color:#333; background-color:#FFF;}
.busquedaAvanzada .col .checkbox input{ margin:2px 2px 0 2px; padding:0; float:left; }
.busquedaAvanzada .col select{ font:11px Arial; border:1px solid #ccc; padding:1px 0; height:23px; width:183px; clear:right; margin-bottom:20px; }
.busquedaAvanzada .col label#sabanasYtoallasl{
display:block;
clear:both;
float:none;
color:#2caaff;
margin-left: 0px;
font-weight:bold;
line-height:18px;
font-size:11px;
}
.busquedaAvanzada .col .sYtbox{
font:11px Arial;
border:1px solid #ccc;
padding:1px 0;
width:181px;
height:19px;
margin-bottom:20px;
margin-left: 0px;
color:#333;
background-color:#FFF;
}
.busquedaAvanzada .col label#internetR{
display:block;
clear:both;
float:none;
color:#2caaff;
margin-left: 0px;
font-weight:bold;
line-height:18px;
font-size:11px;
}
.busquedaAvanzada .col .internetbox{
font:11px Arial;
border:1px solid #ccc;
padding:1px 0;
width:181px;
height:19px;
margin-bottom:20px;
margin-left: 0px;
color:#333;
background-color:#FFF;
}
.busquedaAvanzada .col label#desdeRl{
display:block;
clear:both;
float:none;
margin-top: 20px;
color:#2caaff;
font-weight:bold;
line-height:18px;
font-size:11px;
}
.busquedaAvanzada #hasta{
float:left;
clear:right;
background-color:#FFF;
width:158px;
height:16px;
padding:1px 0;
margin-bottom:11px;
border:1px solid #ccc;
font:11px Arial;
color:#333;
}
.busquedaAvanzada #desde{
float:left;
clear:right;
background-color:#FFF;
width:158px;
height:16px;
padding:1px 0;
margin-bottom:11px;
border:1px solid #ccc;
font:11px Arial;
color:#333;
}
.busquedaAvanzada button.calendar{ background:url(../img/cuadro-busqueda-form-calendario.gif) no-repeat; width:20px; height:20px; text-indent:-9999px; cursor:pointer; border:none; position:relative; float:left; clear:left; margin-right:3px; }
.busquedaAvanzada .btnBuscar{ background:url(../img/cuadro-busqueda-form-btn_buscar.jpg) no-repeat center; width:90px; height:20px; border:none; color:#FCE901; font-size:11px; padding:0 0 3px; margin:0; cursor:pointer; display:block; clear:both; float:right; }
.busquedaAvanzada .col select.AdultosR{
width: 50px;
}
.busquedaAvanzada .col select.ninosR{
width: 50px;
margin-left: 13px;
margin-top: -1px;
}
.busquedaAvanzada .col label.ninosRl{
float: left;
margin-top: -18px;
margin-left: 66px;
}
.busquedaAvanzada .col label.bebesRl{
float:left;
margin-top: -61px;
margin-left: 130px;
}
.busquedaAvanzada .col select.bebesR{
float:left;
width: 50px;
margin-top: -43px;
margin-left: 132px;
}
.loMasBuscado{ background:url(../img/abajo_lomasbuscado.gif) #f8f8f8 no-repeat bottom; padding-bottom:14px; margin-bottom:16px; width:250px; display:block; }
.loMasBuscado h2{ height:40px; width:250px; text-indent:-9999px; display:block; }
.loMasBuscado h2.ES{ background:url(../img/busqueda-cuadro-h2-lomasbuscado-ES.gif) no-repeat center; }
.loMasBuscado ul li{ margin-top:10px; }
.loMasBuscado ul li h3{ background-color:#efefef; padding:5px 14px 5px 20px; height:16px;}
.loMasBuscado ul li h3 strong{ color:#0096FF; font:12px Arial; width:90px; display:block; float:left; }
.loMasBuscado ul li h3 a{ color:#a7a7a7; font:12px Arial; width:125px; display:block; float:right; text-align:right; text-decoration:none;}
.loMasBuscado ul li p{ padding:5px 18px 0 20px; font:11px Arial; line-height:16px; color:#494949;}
.loMasBuscado ul li p a{ color:#494949; }
.loMasBuscado ul li p a:hover{ text-decoration:none; }
.cabecera{ width:676px; height:204px; margin-bottom:20px; display:block; text-align:center; position:relative; }
.titulo{ background:url(../img/titulo.jpg) no-repeat; height:39px; padding-left:17px; margin-bottom:18px; display:block; clear:both; }
.titulo h2{ width:450px; display:block; float:left; text-indent:-9999px; height:39px; }
.titulo h2.ofertaEspeciaES{ background:url(../img/h2-oferta-especia-ES.jpg) no-repeat;}
.titulo h2.ofertaDestacadas{ background:url(../img/titular_ofertas.jpg) no-repeat;}
.titulo2{ background:url(../img/titulo2.gif) no-repeat; height:39px; padding-left:17px; }
.titulo2 h2{ width:450px; display:block; float:left; text-indent:-9999px; height:39px; }
.titulo2 h2.galeriaEN{ background:url(../img/h2-galeria-en.gif) no-repeat;}
.titulo2 h2.confirmeReservaES{ background:url(../img/solicitud_reserva_it_a1.jpg) no-repeat;}
.titulo2 h2.pagoTarjetaES{ background:url(../img/h2-pagoTarjeta-es.gif) no-repeat;}
.titulo2 h2.confirmacionReservaES{ background:url(../img/solicitud_reserva_it_b2.jpg) no-repeat;}
.titulo2 h2.soliciteReservaES{ background:url(../img/h2-soliciteReserva-es.gif) no-repeat;}
/* Galeria y Slider JQuery */
.galeria{ background:url(../img/galeria-abajo.gif) #F1F8FE no-repeat bottom center; padding:0 20px 19px; margin:1px 0 18px 0; overflow:auto; }
.galeria .grandeYcontrol{ width:338px; height:240px; float:left; padding-top:-19px; }
#slider {
/* You MUST specify the width and height */
width:338px;
height:205px;
position:relative;
overflow:hidden;
margin-top: 20px;
margin-left: 10px;
}
#mask-gallery {
overflow:hidden;
}
#gallery {
/* Clear the list style */
list-style:none;
margin:0;
padding:0;
z-index:0;
/* width = total items multiply with #mask gallery width */
width:500px;
overflow:hidden;
}
#gallery li {
width:338px;
height:205px;
/* float left, so that the items are arrangged horizontally */
float:left;
}
#gallery li img {
display:block;
}
.clear {
clear:both;
}
.controles{
background:url(../img/galeria-controles.gif) no-repeat;
height:22px;
width:338px;
padding:3px 0px 0 10px;
margin-left: 10px;
margin-top: 10px;
}
.controles a{ display:block; float:left; width:18px; height:19px; text-indent:-9999px; margin-right:4px; }
.controles a.prev{ background:url(../img/control-prev.gif) no-repeat; }
.controles a.pause{ background:url(../img/control-pausa.gif) no-repeat; }
.controles a.next{ background:url(../img/control-next.gif) no-repeat; }
.controles a.play{ background:url(../img/control-play.gif) no-repeat; }
#thumbs_slider {
float: right;
margin-left: 357px;
margin-top: -250px;
}
#thumbs_slider ul.thumbs{margin-top: 11px;}
#thumbs_slider ul.thumbs li{ float: left; display: block; width: 61px; height: 52px; margin: 0 9px 9px 0; border: thin solid; border-color: #87CCFF;}
#thumbs_slider ul.thumbs li.tres{margin: 0 0 7px 0;}
/* Fin Galeria y Slider JQuery */
.cuadros{ float:left; display:block; clear:left; width:410px; }
.cuadroGris{ background:url(../img/cuadro-gris-top.gif) #F8F8F8 no-repeat top; width:410px; display:block; padding:17px 0 0 0; font:11px Arial; color:#333; margin-bottom:18px; }
.cuadroGris .abajo{
background:url(../img/cuadro-gris-bottom.gif) no-repeat bottom;
height:16px;
width:410px;
margin-top:5px;
display:block;
}
.imgAbajo{
background:url(../img/cuadro-gris-bottom-chico.jpg) no-repeat bottom;
height:15px;
width:250px;
float:left;
margin-top: -20px;
margin-bottom: 14px;
}
.cuadroGris h3{ font:14px Arial; color:#0096FF; font-weight:bold; line-height:19px; padding:0 18px; }
.cuadroGris ul.caracteristicas{ margin-top:16px; padding:0 18px;}
.cuadroGris ul.caracteristicas li{ padding:4px 7px 5px; }
.cuadroGris ul.caracteristicas li.uno{ background-color:#E6F5FF; }
.cuadroGris ul.caracteristicas li.dos{ background-color:#CAEAFF; }
.cuadroGris ul.caracteristicas li strong{ display:block; width:187px; float:left; }
.cuadroGris p{ padding:13px 18px 2px; line-height:18px; }
.calendarioYbanner{
width:250px;
float:right;
clear:right;
margin-bottom:16px;
}
.calendario{
background:url(../img/calendario-abajo.gif) #E6F5FF no-repeat bottom;
padding-bottom:11px;
margin-bottom:15px;
}
.calendario p.disponible{
display:block;
clear:both;
font-size:12px;
text-align:center;
padding-top:8px;
}
.calendario p.hs72{
color:#F90;
}
.calendario p.ya{
color:#0C3;
}
.calendario h2{
width:250px;
height:40px;
margin-bottom:12px;
display:block;
text-indent:-9999px;
}
.calendario h2.EN{
background:url(../img/calendario-h2.gif) no-repeat;
}
.textCeleste{
font:11px Arial;
color:#0096FF;
margin-left: 19px;
margin-top: 70px;
}
.calendario .control{
font:11px Arial;
color:#0096FF;
height:10px;
clear:both;
display:block;
padding-left:20px;
padding-bottom: 10px;
margin-top: 10px;
}
.calendario .control strong{ width:110px; font-weight:bold; display:block; float:left; text-align:center; }
.calendario .control .prev{ background:url(../img/calendario-control-left.gif) no-repeat; display:block; width:5px; height:10px; text-indent:-9999px; float:left; margin-top:2px; }
.calendario .control .next{ background:url(../img/calendario-control-right.gif) no-repeat; display:block; width:5px; height:10px; text-indent:-9999px; float:left; margin-top:2px; }
#unMes{ width:210px; margin:0 auto; display:block; }
#unMes table{ width:210px; display:block; }
#unMes table td{ border-top:1px solid #fff; border-left:1px solid #fff; background-color:#97D6FF; color:#fff; font:11px Arial; font-weight:bold; text-align:center; vertical-align:middle; }
#unMes table td.c1{ border-left:none; }
#unMes table td .eldia{ width:29px; height:19px; padding-top:5px; }
#unMes table td.c1 .eldia{ width:30px; }
#unMes table tr.diaSemana td{ border-top:none; height:25px; color:#fff; background-color:#0099FF; }
#unMes table tr.diaSemana td.c1{ border-left:none; background:url(../img/calendario-top-left.jpg) #0099FF no-repeat top left; }
#unMes table tr.diaSemana td.c7{ background:url(../img/calendario-top-right.jpg) #0099FF no-repeat top right; }
#unMes table tr.ultima td.c1{ background:url(../img/calendarioabajo-left.jpg) #97D6FF no-repeat bottom left; }
#unMes table tr.ultima td.c7{ background:url(../img/calendarioabajo-right.jpg) #97D6FF no-repeat bottom right; }
#unMes table td.selectedV,
#unMes table tr.ultima td.selectedV{ background:#00CC00 none repeat scroll 0 0; }
#unMes table tr.ultima td.selectedV1{ background:url(../img/calendarioabajo-left.jpg) #00CC00 no-repeat bottom left; }
#unMes table tr.ultima td.selectedV7{ background:url(../img/calendarioabajo-right.jpg) #00CC00 no-repeat bottom right; }
#unMes table td.selectedVO,
#unMes table tr.ultima td.selectedVO{ background:#97D6FF none repeat scroll 0 0; }
#unMes table tr.ultima td.selectedV1O{ background:url(../img/calendarioabajo-left.jpg) #97D6FF no-repeat bottom left; }
#unMes table tr.ultima td.selectedV7O{ background:url(../img/calendarioabajo-right.jpg) #97D6FF no-repeat bottom right;}
#unMes table td.selectedR,
#unMes table tr.ultima td.selectedR{ background:#CC0000 none repeat scroll 0 0; }
#unMes table tr.ultima td.selectedR1{ background:url(../img/calendarioabajor-left.jpg) #CC0000 no-repeat bottom left; }
#unMes table tr.ultima td.selectedR7{ background:url(../img/calendarioabajor-right.jpg) #CC0000 no-repeat bottom right; }
#unMes table td.selectedRO,
#unMes table tr.ultima td.selectedRO{ background:#97D6FF none repeat scroll 0 0; }
#unMes table tr.ultima td.selectedR1O{ background:url(../img/calendarioabajo-left.jpg) #97D6FF no-repeat bottom left; }
#unMes table tr.ultima td.selectedR7O{ background:url(../img/calendarioabajo-right.jpg) #97D6FF no-repeat bottom right; }
#unMes table td div{ cursor:pointer; }
.calendario a.book{
background:url(../img/calendario-btn-book.jpg) no-repeat;
width:75px;
height:23px;
padding:7px 0 0 0;
text-align:center;
font:11px Arial;
color:#FBE903;
font-weight:bold;
display:block;
margin:11px 0 0 153px;
text-decoration:none;
}
.listadoAmplio .calendario { background:transparent none repeat scroll 0 0; float:right; padding:0 30px 0 0; width:175px; margin-top:-10px; }
.listadoAmplio .calendario p.disponible{ display:block; clear:both; font-size:11px; text-align:center; padding-top:8px; }
.listadoAmplio .calendario p.hs72{ color:#F90; }
.listadoAmplio .calendario p.ya{ color:#0C3; }
.listadoAmplio .calendario .control { clear:both; color:#0096FF; display:block; font-family:Arial; font-size:11px; font-style:normal; height:16px; line-height:16px; margin:0 auto; padding-left:0; text-align:center; width:145px; }
.listadoAmplio .calendario .control strong { float:left; font-weight:bold; text-align:center; width:135px; display:block; position:relative; }
.listadoAmplio .calendario .control .prev { background:transparent url(../img/calendario-control-left2.gif) no-repeat scroll 0 0; display:block; float:left;height:10px; margin-top:2px; text-indent:-9999px; width:5px; }
.listadoAmplio .calendario .control .next { background:transparent url(../img/calendario-control-right2.gif) no-repeat scroll 0 0; display:block; float:right; height:10px; margin-top:2px; text-indent:-9999px; width:5px; position:relative; }
.listadoAmplio .unMes { display:block; margin:0 auto; width:175px; }
.listadoAmplio .unMes table { display:block; width:175px; }
.listadoAmplio .unMes table td { background-color:#97D6FF; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; color:#FFFFFF; font-family:Arial; font-size:10px; font-style:normal; font-weight:bold; line-height:normal; text-align:center; vertical-align:middle; }
.listadoAmplio .unMes table td.c1 { border-left:medium none; }
.listadoAmplio .unMes table td .eldia { height:17px; padding-top:2px; width:24px; }
.listadoAmplio .unMes table td.c1 .eldia { width:25px; }
.listadoAmplio .unMes table tr.diaSemana td {border-top:medium none; color:#fff; background-color:#0099FF; height:25px; }
.listadoAmplio .unMes table tr.diaSemana td.c1 {background:#0099FF url(../img/calendario-top-left2.jpg) no-repeat scroll left top;
border-left:medium none;}
.listadoAmplio .unMes table tr.diaSemana td.c7 {background:#0099FF url(../img/calendario-top-right2.jpg) no-repeat scroll right top;}
.listadoAmplio .unMes table tr.ultima td.c1 {background:#97D6FF url(../img/calendarioabajo-left2.jpg) no-repeat scroll left bottom;}
.listadoAmplio .unMes table tr.ultima td.c7 {background:#97D6FF url(../img/calendarioabajo-right2.jpg) no-repeat scroll right bottom;}
.listadoAmplio .unMes table td.selectedR, .listadoAmplio .unMes table tr.ultima td.selectedR{ background:#CC0000 none repeat scroll 0 0; }
.listadoAmplio .unMes table tr.ultima td.selectedR1{ background:url(../img/calendarioabajor-left.jpg) #CC0000 no-repeat bottom left; }
.listadoAmplio .unMes table tr.ultima td.selectedR7{ background:url(../img/calendarioabajor-right.jpg) #CC0000 no-repeat bottom right; }
.listadoAmplio .unMes table td.selectedV, .listadoAmplio .unMes table tr.ultima td.selectedV{ background:#00CC00 none repeat scroll 0 0; }
.listadoAmplio .unMes table tr.ultima td.selectedV1{ background:url(../img/calendarioabajov-left.jpg) #00CC00 no-repeat bottom left; }
.listadoAmplio .unMes table tr.ultima td.selectedV7{ background:url(../img/calendarioabajov-right.jpg) #00CC00 no-repeat bottom right; }
.listadoAmplio .unMes table td div{ cursor:pointer; }
ul.listado li{ float:left; height:150px; display:block; width:212px; margin:0 20px 20px 0; }
ul.listado li.tres{ margin-right:0; }
ul.listado li strong.arriba{ background:url(../img/listado-arriba.gif) no-repeat; padding-top:8px; height:22px; display:block; font-weight:normal; color:#fff; text-align:center; font-size:11px; }
ul.listado li strong.abajo{ background:url(../img/listado-abajo.gif) no-repeat; padding:6px 9px 0 0; height:24px; display:block; font-weight:normal; color:#FCE700; text-align:center; font-size:11px; font-weight: bold;}
ul.listado li img{ border:none; width:212px; height:90px; display:block; }
.paginado_db { height: 36px; width:648px; background:url(../img/listado_amplio-paginado2.jpg) no-repeat bottom; display: block; clear:both; padding:18px 28px 0 0; text-align:right; font-weight:bold; font:11px Arial; margin-bottom:10px; }
.paginado_db a{ color:#555; text-decoration:underline; padding:0 2px; }
.paginado_db a:hover{ text-decoration:none; }
.paginado_db strong{ color:#0096FF; padding:0 2px;}
.listadoAmplio{ background-color:#E8F5FF; margin-bottom:15px; }
.listadoAmplio .resultado{ background:url(../img/listado_amplio-resultado.jpg) no-repeat top; height:56px; padding:9px 0 0 20px; font:11px Arial; color:#333; font-weight:bold; }
.listadoAmplio .resultado p.cantidad strong{ color:#0096FF; padding-left:4px; }
.listadoAmplio .resultado .orden{ padding-top:12px; }
.listadoAmplio .resultado .orden p.label{ width:183px; display:block; float:left; }
.listadoAmplio .resultado .orden p.precio{ width:90px; display:block; float:left; }
.listadoAmplio .resultado .orden p.personas{ width:138px; display:block; float:left; }
.listadoAmplio .resultado .orden p.localizacion{ width:138px; display:block; float:left; }
.listadoAmplio .resultado .orden strong{ display:block; float:left; }
.listadoAmplio .resultado .orden a{ width:10px; height:10px; display:block; float:left; text-indent:-9999px; }
.listadoAmplio .resultado .orden a.desc{ background:url(../img/orden-desc.gif) no-repeat; margin:2px 2px 0 7px; }
.listadoAmplio .resultado .orden a.asc{ background:url(../img/orden-asc.gif) no-repeat; margin-top:2px; }
.listadoAmplio h2{ margin-left:195px; padding:0px 0 25px 6px; color:#0096FF; font:13px Arial; font-weight:bold; text-decoration:underline; }
.listadoAmplio li.no-disponible h2{ color:#c00; }
.listadoAmplio li.no-disponible .datos,
.listadoAmplio li.no-disponible .img{
opacity: 0.6;
}
.listadoAmplio ul{ background:url(../img/listado_amplio-ul.gif) #fff repeat-y; }
.listadoAmplio ul li{ background:url(../img/listado_amplio-ul-li.gif) no-repeat top left; overflow:auto; padding:27px 0 20px 15px; }
.listadoAmplio ul li.primero{ background:none; padding-top:13px; }
.listadoAmplio ul li .img{ width:186px; height:145px; float:left; display:block; }
.listadoAmplio ul li .img strong { color:#0096FF; font:12px Arial; padding:0 0 4px 5px; display:block; font-weight:bold;}
.listadoAmplio ul li .img a{ color:#0096FF;}
.listadoAmplio ul li .datos{ width:250px; float:left; }
.listadoAmplio ul li .datos p{ font:11px Arial; line-height:23px; color:#555; font-weight:bold; }
.listadoAmplio ul li div.datos { font:11px Arial; line-height:23px; color:#555; font-weight:bold; }
.listadoAmplio ul li .datos select{ margin:4px 0 2px; width:200px; font-size:11px; }
.listadoAmplio ul li .datos strong.tipo{ color:#0096FF; font:12px Arial; font-weight:bold; text-decoration:underline;}
.listadoAmplio ul li .datos strong.precio{ color:#0096FF; font:14px Arial; font-weight:bold; margin-left:8px;}
.listadoAmplio ul li .datos .acciones{ width:170px; padding:0 0 0 3px; float:right; margin-top:-43px; }
.listadoAmplio ul li .datos .acciones a.enviarAmigo{ background:url(../img/enviar_amigo.gif) no-repeat left top; padding:2px 0 14px 23px; font:11px Arial; color:#0096FF; text-decoration:none; font-weight:bold; display:block; }
.listadoAmplio ul li .datos .acciones a.situacion{ background:url(../img/situacion.gif) no-repeat left top; padding:2px 0 14px 23px; font:11px Arial; color:#0096FF; text-decoration:none; font-weight:bold; display:block; }
.listadoAmplio ul li .datos .acciones label{ font:11px Arial; color:#0096FF; text-decoration:none; font-weight:bold; }
.listadoAmplio ul li .datos .acciones label input{ margin:0 7px 0 0; }
.listadoAmplio ul li .datos a.seguir{ background:url(../img/listado_amplio-seguir.jpg) no-repeat; width: 90px; padding-top: 3px; height: 17px; color: #E8F5FF; font: 11px Arial; font-weight:bold; text-decoration:none; display:block; margin-top:12px; text-align:center; }
.datos .btn_seguir{ margin-top: 12px;}
.datos .btn_seguirsp{ margin-top: 6px;}
.listadoAmplio li.no-disponible .datos a.seguir{ text-decoration:line-through; }
.listadoAmplio .paginado{ background:url(../img/listado_amplio-paginado.jpg) no-repeat; height:36px; padding:36px 28px 0 0; text-align:right; font-weight:bold; font:11px Arial; }
.listadoAmplio .paginado a{ color:#555; text-decoration:underline; padding:0 2px; }
.listadoAmplio .paginado a:hover{ text-decoration:none; }
.listadoAmplio .paginado strong{ color:#0096FF; padding:0 2px;}
.myoptions{ background:url(../img/calendario-abajo.gif) #E6F5FF no-repeat bottom; padding-bottom:28px; margin-bottom:15px; }
.myoptions h2{ width:250px; height:40px; margin-bottom:12px; display:block; text-indent:-9999px; }
.myoptions h2.EN{ background:url(../img/options-h2.gif) no-repeat; }
.myoptions .acciones{ padding:15px 0 0 20px; }
.myoptions .acciones a.enviarAmigo{ background:url(../img/enviar_amigo.gif) no-repeat left top; padding:2px 0 14px 23px; font:11px Arial; color:#0096FF; text-decoration:none; font-weight:bold; display:block; }
.myoptions .acciones a.situacion{ background:url(../img/situacion.gif) no-repeat left top; padding:2px 0 14px 23px; font:11px Arial; color:#0096FF; text-decoration:none; font-weight:bold; display:block; }
.myoptions .acciones label{ font:11px Arial; color:#0096FF; text-decoration:none; font-weight:bold; }
.myoptions .acciones label input{ margin:0 7px 0 0; }
.banners{ width:250px; height:180px; display:block; margin-bottom:15px; }
.banner-bici-EN{ background:url(../img/banner-bici-EN.jpg) no-repeat center; }
.banner-wifi-EN{ background:url(../img/banner-wifi-EN.jpg) no-repeat center; }
/*reservas*/
.cuadroBajoTitulo{ background:url(../img/galeria-abajo.gif) #F1F8FE no-repeat bottom center; padding:17px 25px 19px; margin:1px 0 18px 0; overflow:auto; font:11px Arial; color:#333; }
.datoReserva{ width:400px; margin:0 0 17px 0; font:11px Arial; }
.datoReserva td{ padding:2px 0; }
.datoReserva a{ color:#2CAAFF; text-decoration:none; }
.servExtras{ font:11px Arial; }
.servExtras td{ padding:2px 0; vertical-align:middle; }
.servExtras td.servicio{ width:153px; }
.servExtras td.servicioObj{ width:148px; }
.servExtras td.recogida{ width:88px; }
.servExtras td.devolucion{ width:88px; }
.servExtras td.unidad{ width:35px; }
.servExtras td.condiciones{ width:98px; }
.servExtras select{ width:138px; display:block; font:11px Arial; border:1px solid #ccc; height:19px;}
.servExtras .input{ width:58px; display:block; font:11px Arial; border:1px solid #ccc; float:left; clear:left; padding-top:2px; height:15px; }
.servExtras .ud{ width:23px; display:block; font:11px Arial; text-align:center; border:1px solid #ccc; height:16px; padding:1px 0; }
.servExtras button.calendar{ background:url(../img/cuadro-busqueda-form-calendario.gif) no-repeat; width:20px; height:20px; text-indent:-9999px; cursor:pointer; border:none; position:relative; float:left; margin-left:2px; clear:right; }
.servExtras a{ color:#333; }
#precios{padding:3px 0; font-weight:bold; }
#precios p{ line-height:16px; }
#precios strong{ color:#2caaff; margin-left:5px; }
#precios em{ font-weight:normal; font-style:normal; color:#2caaff; }
#comentarios_res{
float: left;
}
#comentarios_res label{
font-weight: bold;
font-style:normal;
color: #2CAAFF;
}
#comentarios_res textarea{
width: 618px;
height: 100px;
margin-top: 4px;
font:11px Arial;
border:1px solid #ccc;
}
p.txtForm{ display:block; clear:both; float:none; margin-bottom:25px; }
.persona{ width:50%; float:left; }
.persona label{ float:left; clear:left; width:90px; display:block; color:#2caaff; font-weight:bold; line-height:11px; font-size:11px; height:22px; padding-top:4px; }
.persona2 label{ padding-left:10px; width:105px; }
.persona label.doble{ padding-top:0; }
.persona input.text{ font:11px Arial; border:1px solid #ccc; padding-top:2px; height:18px; width:190px; clear:right; margin-bottom:13px; }
.persona select{ font:11px Arial; border:1px solid #ccc; padding:1px 0; height:22px; width:192px; clear:right; margin-bottom:13px; }
.condicion{ float:left; clear:left; display:block; padding-left:10px; width:414px; font-size:10px; margin-top:25px; padding-bottom:30px;}
.condicion a{ text-decoration:underline; color:#222; }
.reservarBtn{ background:url(../img/listado_amplio-seguir.jpg) no-repeat center; width:90px; height:21px; color:#F0E710; font:11px Arial; font-weight:bold; text-decoration:none; cursor:pointer; display:block; margin-top:25px; text-align:center; border:none; float:left; }
.persona3{ width:65%; float:none; clear:both; }
.persona3 label{ padding-left:10px; width:125px; clear:left; position:relative; }
.persona3 input.text{ width:250px; }
.persona3 select{ width:252px; }
.persona3 input.cvc{ width:30px; margin-right:3px; float:left; }
.persona3 .f1{ width:45px; margin-right:3px; }
.persona3 .f2{ width:200px; }
.persona3 .qesto{ width:210px; background:url(../img/tarjetas-mini.gif) no-repeat right top; display:block; float:left; clear:right; padding-top:3px; height:17px; color:#0099FF; padding-left:3px; margin-bottom:16px; }
.dos2{ margin:10px 0 35px 297px; }
p.avConfirmacion1{ color:#0099ff; font-weight:bold; font:17px Arial; text-align:center; padding:30px 0 20px 0; }
p.avConfirmacion2{ color:#0099ff; font-weight:normal; font:14px Arial; text-align:center; }
a.imprimirComprobante{ background:url(../img/icoImprimir.gif) no-repeat left top; display:block; padding-left:24px; width:150px; color:#0099ff; font-weight:bolder; height:17px; margin:20px auto; font:13px Arial; text-decoration:none; }
/*book_no*/
p.avConfirmacion3{
color:#0099ff;
float:left;
font-weight:bold;
font:14px Arial;
text-align:center;
padding:5px 10px 10px 0; }
p.avConfirmacion4{
float:left;
font-weight:normal;
font:12px Arial;
}
p.avConfirmacion5{
float:left;
font-weight:normal;
font:12px Arial;
}
p.avConfirmacion5 span.cyberpac{
font-weight: bold;
}
p.textoDatos{
color:#0099ff;
float:left;
font-weight:bold;
font:14px Arial;
padding-top:10px;
}
div.alinealidatosR{
float: left;
width: 400px;
margin-top: 40px;
margin-left: -210px;
}
ul.ulDatos{
float: left;
margin-left: 0px;
}
ul.ulDatos li{
font-family: Arial;
font-size: 12px;
font-weight: bold;
}
ul.ulDatos2{
float: left;
margin-left: 10px;
}
ul.ulDatos2 li{
font-family: Arial;
font-size: 12px;
}
div.reservasContinuar{
float: left:
margin-left: -150px;
margin-top: 225px;
}
div.reservasContinuar img{
margin-left: 20px;
}
/* footer */
#footer{ display:block; clear:both; float:none; width:auto; }
.mapaWeb{ background:url(../img/mapaweb-fondo.jpg) repeat-x center; height:185px; }
.mapaWeb .secc{ border-right:2px solid #fbfbfb; padding:18px 14px 0 32px; width:185px; height:167px; display:block; float:left; }
.mapaWeb .secc h2{ background:url(../img/mapaweb-h2.gif) no-repeat left; padding-left:10px; color:#333; font-weight:bold; }
.mapaWeb .secc ul{ padding-top:22px; }
.mapaWeb .secc ul li{ background:url(../img/mapaweb-li.gif) no-repeat left; padding:4px 0 4px 10px; font-size:11px; }
.mapaWeb .secc ul li a{ color:#707070; text-decoration:none; }
.mapaWeb .secc ul li a:hover{ text-decoration:underline; }
.mapaWeb .primero{ background:url(../img/mapaweb-fondo-primero.jpg) no-repeat left; width:215px; }
.mapaWeb .ultimo{ background:url(../img/mapaweb-fondo-ultimo.jpg) no-repeat right; border:none; width:175px;}
.footer{ background:url(../img/footer-punteado.gif) repeat-x top; margin:18px 0 0 0; padding:13px 0 0 0; }
.footer .tarjetas{ width:263px; height:52px; background:url(../img/tarjetas.gif) no-repeat; display:block; float:left; }
.footer p.datos{ color:#ccc; font-size:10px; text-align:right; padding-top:10px; line-height:16px;}
.footer p.datos a{ text-decoration:none; color:#ccc }
.footer p.datos a:hover{ text-decoration:underline; }
.banner {width: 250px; height: 150px; padding-bottom:19px; }
.text_field {width: 177px; height: 14px; margin-top:-1px; margin-bottom:22px;}
td.dia div.textBoxDiaSelD{
background-image: url(../img/desde.jpg);
}
td.dia div.textBoxDiaSelH{
background-image: url(../img/hasta.jpg);
}
/* clase para selección mes anterior */
td.dia div.textBoxDiaSelAD{
background-image: url(../img/desde.jpg);
}
td.dia div.textBoxDiaSelAH{
background-image: url(../img/desde.jpg);
}
/* clase para selección mes anterior */
/* clase para selección mes posterior */
td.dia div.textBoxDiaSelSD{
background-image: url(../img/desde.jpg);
}
td.dia div.textBoxDiaSelSH{
background-image: url(../img/desde.jpg);
}
/* clase para selección mes posterior */
td.dia div.seld{
color: yellow;
font-weight: bold;
}
td.dia div.selh{
color: yellow;
font-weight: bold;
}
#alineaPersonas li{
float: left;
list-style: none;
margin-top: 65px;
margin-left: 15px;
margin-right: 5px;
}
#alineaPersonas li label{
float: left;
color:#0096FF;
font:11px Arial;
margin-top: -10px;
margin-left: 5px;
}
#alineaPersonas select{
float: left;
font:11px Arial;
width: 50px;
margin-left: -30px;
margin-top: 4px;
}
#alineaPersonas select.selbebes{
margin-left: -17px;
}
#alineaPersonas select.selninos{
margin-left: -39px;
}
#alineaPersonas label.lblBebes{
margin-right: -10px;
}
.texVerde{
float:left;
font:11px Arial;
color:#FF9900;
margin-left: 20px;
margin-top: 10px;
}
#texTotal{
float:left;
font:12px Arial;
color:#0096FF;
margin-left: -108px;
margin-top: 25px;
font-weight:bold;
padding-left: 2px;
}
/* NUEVOS BOOK A1 */
.booka1{ padding:17px 19px 19px 11px; background-color:#F1F8FE; }
.booka1 fieldset{
background-color:#F8FCFF;
position:relative;
padding:14px 12px;
min-height:50px;
display:block;
margin-bottom:19px;
clear:both;
}
.booka1 fieldset span{
width:12px;
height:12px;
display:block;
}
.booka1 fieldset span.lt{ background:url(../img/book-corner-lt.jpg) no-repeat center; top:-14px; left:-12px; position:absolute; }
.booka1 fieldset span.rt{ background:url(../img/book-corner-rt.jpg) no-repeat center; top:-14px; right:12px; position:absolute;}
.booka1 fieldset span.lb{ background:url(../img/book-corner-lb.jpg) no-repeat center; bottom:-14px; left:-12px; position:absolute;}
.booka1 fieldset span.rb{ background:url(../img/book-corner-rb.jpg) no-repeat center; bottom:-14px; right:12px; position:absolute;}
.booka1 fieldset p.tit{ font-size:13px; color:#0095FF; font-family:Verdana, Geneva, sans-serif;}
.booka1 fieldset.estadia p.desc{ font-size:12px; color:#333; font-family:Verdana, Geneva, sans-serif; margin-bottom:10px; }
.booka1 fieldset.estadia ul li{ color:#0095FF; font-weight:bold; padding-top:5px; }
.booka1 fieldset.estadia ul strong{ display:block; float:left; font-weight:normal; color:#333; }
.booka1 fieldset.estadia ul em{ font-style:normal; color:#333; font-weight:normal; }
.booka1 fieldset.estadia .fechas{ width:195px; display:block; float:left; }
.booka1 fieldset.estadia .fechas strong{ width:96px; }
.booka1 fieldset.estadia .personas{ width:105px; display:block; float:left; }
.booka1 fieldset.estadia .personas strong{ width:65px; }
.booka1 fieldset.estadia .precios{ width:305px; display:block; float:left; }
.booka1 fieldset.estadia .precios strong{ width:65px; }
.booka1 fieldset.servicios p.tit{ margin-bottom:10px; }
.booka1 fieldset.servicios strong{ color:#0095FF; }
.booka1 fieldset.servicios a{ color:#333; }
.booka1 fieldset.servicios select.bookbicis{ margin-top: 5px; margin-left: 36px; margin-right: 5px; width: 60px; border: 1px solid #ccc; font:11px Arial; color:#333; }
.booka1 fieldset.servicios select.bookmotos{ margin-top: 5px; margin-left: 16px; margin-right: 5px; width: 60px; border: 1px solid #ccc; font:11px Arial; color:#333; }
.booka1 fieldset.servicios select.bookautos{ margin-top: 5px; margin-left: 27px; margin-right: 5px; width: 60px; border: 1px solid #ccc; font:11px Arial; color:#333; }
.booka1 fieldset.precios{ width:170px; margin-right:19px; float:left; clear:left; }
.booka1 fieldset.precios p.tit{ margin-bottom:5px; }
.booka1 fieldset.precios ul li{ color:#0095FF; font-weight:bold; padding-top:5px; text-align:right; width:150px; }
.booka1 fieldset.precios ul strong{ display:block; float:left; font-weight:normal; color:#333; width:80px; text-align:left; }
.booka1 fieldset.precios ul em{ font-weight:normal; font-style:normal; }
.booka1 fieldset.confirmacion{ width:409px; display:block; float:left; clear:right; }
.booka1 fieldset.confirmacion p.tit{ margin-bottom:10px; }
.booka1 fieldset.confirmacion p.contactos{ color:#1EA1FF; text-align:justify; margin:10px 0 0; }
.booka1 fieldset.confirmacion p.contactos a{ color:#1EA1FF; text-decoration:none; }
.booka1 fieldset.form p.tit{ margin-bottom:7px; }
.booka1 fieldset.form p.desc{ margin-bottom:15px; font-size:11px; color:#333; font-family:Arial; }
/*NUEVOS ofertas*/
.ofertasNew{ padding:0 0px 0 0; }
.ofertasNew .oferta{ background:url(../img/oferta-img-top.jpg) #F8F8F8 no-repeat top; padding:17px 18px 0 140px; margin-bottom:18px; font-size:11px; position:relative; }
.ofertasNew .oferta h3{ border-bottom:1px solid #EFEFEF; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#139FFF; font-weight:bold; padding-bottom:2px;}
.ofertasNew .oferta p{ margin:12px 0 0 0; }
.ofertasNew .oferta p .break{ color:#139FFF; font-weight:normal;}
.ofertasNew .oferta .abajo{ background:url(../img/oferta-img-abajo.jpg) no-repeat; height:19px; display:block; margin:0 -18px 0 -140px; width:676;}
.ofertasNew .oferta .imgBanner{ position:absolute; top:20px; left:20px; }
.break_link {color:#139FFF; font-weight:bold; text-decoration:none;}
.break_link:hover{ text-decoration: underline; }