z @charset "utf-8"; * { font-style: normal; list-style: none; margin: 0; outline: none; padding: 0; text-decoration: none; } #fltLft{float:left;} #fltRgt{float:right;} #clr{overflow:hidden; clear:both; height:10px; margin:-1px 0 0 0; font-size:1px;} #spc10{float:left; width:10px; margin:-1px 0 0 0; font-size:1px;} #spc20{float:left; width:20px; margin:-1px 0 0 0; font-size:1px;} #spc40{float:left; width:40px; margin:-1px 0 0 0; font-size:1px;} #spc60{float:left; width:60px; margin:-1px 0 0 0; font-size:1px;} #capaPagina { position:relative; width: 850px; margin-left: auto; margin-right: auto;} #capaHead { width:850px; height:108px; margin-left: auto; margin-right: auto; } #capaBgBody { float:left; width:850px; background-image:url(../img/bg-body.gif); background-repeat: repeat-y; margin-left: auto; margin-right: auto; } #capaBody { padding-left: 12px; padding-top: 10px; height:auto;} #capaCentral { float:left; margin-left:auto; margin-right:auto; text-align:left; margin-right: auto; width:585px;} #capaNav{ padding-bottom:3px;} #capaDerecha { float:right; width:250px; margin-left:auto; margin-right:auto; text-align:left;} #separador-h { float:left; background:url(../img/separador-h.png) repeat-x; height:1px; width:780px; margin-left: 20px; margin-right: 20px; margin-top: 5px;} #capaFooter {float:left; text-align:center; margin-left:20px; margin-right:20px; margin-top: 5px; } #capaBgFooter {float:left; width: 850px; height: 25px; background-image: url(../img/foot.gif); background-repeat: no-repeat; margin-left: auto; margin-right: auto; } #capaEspera { width:550px; margin:0pt auto; padding:10px;} /* Buscador */ capaBuscador { float:left; width: 565px; height: 246px; } #capaBgTitulo { height: 25px; background-image:url(../img/bg-tituloPrincipal.gif); background-repeat:repeat-x; padding-top: 5px; padding-left: 5px;} #capaBgBuscador { background-color:#e9e9e9; height: 216px;} #capaDonde { float:left; background-image:url(../img/bg-donde.gif); background-repeat:no-repeat; width: 164px; height: 160px; margin-top: 7px; margin-left: 7px;} #filaDestino {float:left; margin-top: 35px; margin-left: 7px;} #filaZona { float:left; margin-top: 10px; margin-left: 7px;} #capaCuando{ float:left; background-image:url(../img/bg-cuando.gif); background-repeat:no-repeat; width: 164px; height: 160px; margin-top: 7px; margin-left: 7px;} #filaEntrada {float:left; margin-top: 35px; margin-left: 7px; } #filaSalida { float:left; margin-top: 10px; margin-left: 7px;} #capanoches{float:left; margin-top: 10px; margin-left: 45px; color:#ffffff; font-size:16px; font-weight:bold;} #capaCuantos { float:left; background-image:url(../img/bg-cuantos.gif); background-repeat:no-repeat; width: 206px; height: 160px; margin-top: 7px; margin-left: 7px;} #filaHabitaciones {float:left; margin-top: 35px; margin-left: 10px; } #filaNHabitaciones {float:left; width: 182px; margin-left: 10px; margin-top: 6px;} #filaHab {float:left; width: 30px; margin-top: 17px; margin-right: 5px;} #filaHab2 {float:left; width: 30px; margin-top: 2px; margin-right: 5px;} #filaAdultos {float:left; width: 40px; margin-top: 1px; margin-bottom: 6px; margin-right: 9px;} #filaNinos { float:left; width: 45px; margin-top: 1px; margin-left: 4px; margin-bottom: 6px; } #capaConsejo {float:left; background-image:url(../img/bg-gastarte.gif); background-repeat:no-repeat; width: 335px; height: 36px; margin-top: 7px; margin-left: 7px; } #capaConsejoContenido{ margin-top: 8px; margin-left: 35px;} #capaBuscar {float:left; width: 100px; margin-top: 13px; margin-left: 40px;} /* Buscador Disponibilidad */ #capaBuscadorDisp { float:left; margin-left: 3px; margin-right: auto; margin-top: 5px; margin-bottom: 10px;} #capaCuandoDisp{ float:left; width: 185px; margin-top: 5px; margin-left: 1px;} #filaEntradaDisp {float:left; margin-left: 10px; } #filaSalidaDisp { float:left; margin-left: 10px; margin-top: 10px;} #capaCuantosDisp { float:left; margin-top: 5px; margin-left: 5px;} #filaHabitacionesDisp {float:left; width: 90px; margin-top: 20px; margin-left: 2px; margin-right: 2px;} #filaNHabitacionesDisp {float:left; margin-left: 2px; margin-right: 10px;} #filaAdultosDisp {float:left; margin-left: 5px;} #filaNinosDisp {float:left; margin-left: 2px;} /* Capa Media */ #capaMedia { float:left; width: 565px; padding-bottom: 10px; } /* Hoteles de Costas */ #capaHotelesCosta { float:left; width: 335px; } #listaCosta1 { float: left; width: 185px; padding-top: 8px; line-height: 15pt;} #listaCosta2 { float: left; padding-top: 8px; line-height: 15pt;} /* Banner Guia Playas*/ #capaBannerGuiaPlayas { float:right; width: 215px; } /*Capa Recomendados*/ #capaRecomendados {float:left; width:566px; height:180px;} #listaRecomendados {float:left; width:270px; padding-left: 10px; padding-top: 5px;} #filaRecomendados { width:270px; float:left; padding-bottom: 8px; } #detallesRecomendados { width:208px;} #tituloHotelRecomendados{ width:215px; float:left; font-size: 12px; color: #0091d7; font-weight: bold;} #zonaRecomendados{ width:215px; float:left; font-size: 10px; color: #FF6600; font-weight: normal; padding-top: 1px; } #reservarRecomendados{ width:105px; float:right; font-size: 11px; color: #FF6600; font-weight: bold; padding-top: 5px; text-align: right;} #precioRecomendados{ width:80px; float:left; font-size: 11px; color: #333333; font-weight: normal; padding-top: 3px; } #precioRecomendados span.precio2{ font-size: 16px; color: #FF0000; font-weight: bold;} #fotoRecomendados {width:52px; height: 52px; float:left; padding-right: 3px;} #fotoRecomendados div.img{ float:left; width:50px; height: 50px; border: 1px; border-style: solid; border-color:#000033; } /*Capa Banners*/ #capaBanners {float:left; width:566px; height:80px;} #bannerIzq {float:left; width:270px; padding-left: 6px; padding-right: 6px;} #bannerDer {float:left; width:270px; padding-left: 6px; } /*Capa Ofertas Destacadas*/ #capaOfertasDestacadas { float:left; width:240px ; height:170px;} #listaPoblacionIzq { float: left; } #filaPoblacion {float:left; margin-left:5px; margin-right:5px; margin-bottom: 0px; margin-top: 2px; margin-bottom: 2px;} #poblacion { float: left; } #ofertaDprecio { float: right; width: 25px; } #linea-space-vertical { float: left; width: 1pt; height:140px; background:url(../img/separador-v.png) repeat-y; margin-left: 1pt; margin-right: 1pt; } /*Capa Apartamentos*/ #capaApartamentos { float:left; width:239px ; height:170px;} #listaApartamentos { float: left; width: 117px; padding-top: 5px; line-height: 14pt; margin: 0px;} #apartamento { float: left; width: 80px; padding-top: 4px;} #precio { float: left; width: 25px; padding-top: 4px;} #linea-space { float: left; height: 1px; background-color: #e1e1e1; width:234px; margin: 0px; padding: 0px;} /*Capa Resultado General*/ #capaResultadoGeneral {float:left; width: 570px; margin: 0; padding: 0;} #capaFilaHotel { float:left; z-index:0; height: 90px; width: 570px; padding-top: 6px; padding-left: 0px; background-color:#d8eaf9;} #capaDescripcionHotel { float: left; width: 325px; height:42px; text-align: left; margin: 0; padding: 0;} #capaFotoHotel {float: left; width: 112px; height:82px; padding-left: 6px;} #capaOtrosPrecios {float: left; width: 300px; height:10px; padding-top: 5px; padding-left: 5px;} #capaRegimenHotel { float: left; width: 110px; height:90px; margin: 0pt; padding: 0pt; } #capaDetallesRegimen{ float: left; height:60px; text-align:center; width: 110px; margin: 0; padding: 0;} #capaBotonContinuar {float: left; height:10px;width: 110px; margin: 0pt; padding: 0;} #capaResOferta{position:absolute; z-index:1; width: 77px; height:69px; margin-left:492px;} //*Capa Detalles Reserva y Hotel*/ #capaDetalles {float:left; width: 565px;} #capaDatos {float:left; background-color:#F2FBFF; width: 563px; padding-top: 10px; padding-left: 2px;} #capaDetallesHotel { float:left; height:184px;} #capaDetallesImg { float:left; width:140px; height:112px; padding-left:20px; padding-top: 10px;} #img { border: double; border-color:#FF9900; width:140px; height:112px;} #capaDetallesHotelDatos { float:left; width:390px; height:130px; padding-left: 10px;padding-top: 10px;} #capaDetallesReserva { float:left; width:500px; } #capaDetReservaDatos { float:left; width:450px; padding-left: 20px;padding-top: 10px;} #capaDetTipoRegimen { float:left; width:180px; padding-left: 50px; padding-top: 5px;} #capaDetRegimenPrecio { float:left; width:70px; padding-left: 5px; padding-top: 5px;} #capaDetRegimenBoton { float:left; width:50px; padding-left: 5px; padding-top: 5px;} /*Capa Informacion*/ #capaInformacion {float:left; width: 575px;} #capaDatosInformacion {float:left; background-color:#F2FBFF; width: 573px; padding-top: 10px; margin-left: 2px;} #capaInformacionHotel { float:left; } #capaInformacionHotelDatos { float:left; width:550px; margin-left: 8px; padding-top: 5px;} #capaInformacionImg { float:left; width:180px; height:130px; margin-top: 5px; margin-right: 5px;} #imgInfo { border: double; border-color:#FF9900; width:180px; height:130px;} #capaInfoReservaDatos { float:left; width:500px; margin-left: 5px;padding-top: 0px;} #capaInfoTipoRegimen { float:left; width:240px; margin-left: 10px; padding-top: 5px;} #capaInfoRegimenPrecio { float:left; width:90px; margin-left: 5px; padding-top: 5px;} #capaInfoRegimenBoton { float:left; width:50px; margin-left: 5px; padding-top: 5px;} #capaInformacionHotelMas { float:left; width: 570px; margin-top: 10px;} #capaDisponibilidad { float:left;width:520px; line-height: 14pt; margin-left: 2px; padding-top: 10px; padding-bottom: 10px;} #myGallery{float:left; width:520px; margin-left: 10px; margin-top: 10px; margin-bottom: 10px;} #imgElement{ float:left; margin-left:5px; margin-bottom:5px; border: 3px; border-style: solid; border-color: #FF9900; } #capaListaServicios1 { float:left;width:160px; line-height: 14pt; margin-left: 15px; padding-top: 6px;} #capaListaServicios2 { float:left;width:160px; line-height: 14pt; margin-left: 15px; padding-top: 6px;} /* Lista de Costas, Zonas, Hoteles*/ #capaListaZonas1 { float:left; line-height: 14pt; margin-left: 5px; padding-top: 6px;} #capaListaZonas2 { float:left; line-height: 14pt; margin-left: 15px; padding-top: 6px;} /*Capa Form Datos Reserva*/ #listaCamposForm1{float: left; width: 400px; padding-left: 12px;} #listaCamposForm2{float: right; width: 200px;} #listaCamposForm3{float: left; width: 420px; padding-top: 5px; padding-left: 12px;} #capaFilaDatForm { float: left; padding-top: 7px;} /*Capa Pasarela*/ #capaPasarela{float:left; width:450px; height:70px; margin-left: auto; margin-right: auto;} /*CSS Meneame style pagination*/ #pagination {padding: 3px; margin: 3px;text-align:center; color:#0066FF; font-size:80%;} #pagination a { border: 1px solid #0066FF; margin-right:3px; padding:5px 7px;background-image:url(../img/meneame.jpg); background-position:bottom; text-decoration: none; color: #0066FF; } #pagination a:hover, div.meneame a:active { border: 1px solid #0066FF; background-image:none; background-color: #C7EAFC; color: #0066FF; } #pagination span.current { margin-right:3px;padding:5px 7px;border: 1px solid #0066FF; font-weight: bold; background-color: #ffbe94;color: #0066FF; } #pagination span.disabled { margin-right:3px; padding:5px 7px; border: 1px solid #ffe3c6; color: #ffe3c6; } /*layers de aviso para el formulario de contacto*/ dl { position: relative; width: 350px;} dt { clear: both; float:left; width: 130px; padding: 4px 0 2px 0; text-align: left;} dd { float: left; width: 200px; margin: 0 0 8px 0; padding-left: 6px;} /*Banners*/ #capaInscribete {float:left; background-image:url(../img/banner-Inscribete.gif); width: 237px; height:114px;} #inputEmail {float:left; width: 170px; margin-top: 85px; margin-left: 5px;} #botonEmail {float:left; width: 50px; margin-top: 83px; margin-left: 5px;} input.calendar, select.calendar { width: 80px; } button.calendar { background: url(../img/calendar-icon.gif); border: 0; cursor: pointer; float: left; height: 20px; margin-right: 6px; width: 20px; } button.calendar:hover, button.calendar.active { background-position: 0 20px; } div.calendar { font-family: Arial, Helvetica; font-size: 12px; background: url(../img/calendar.png); height: 195px; padding: 0 6px; text-align: center; width: 147px; } div.calendar div { background: none !important; cursor: move; height: 185px; overflow: hidden; padding-top: 10px; position: relative; width: 147px; } div.calendar caption { color: #333; font: normal 12px/16px Arial, Helvetica, sans-serif; padding-top: 6px; text-align: center; width: 100%; } div.calendar caption a { cursor: pointer; display: block; height: 12px; overflow: hidden; position: absolute; text-indent: -100px; top: 17px; width: 11px; } div.calendar caption a.prev { background-image: url(../img/calendar-prev.gif); left: 0; } div.calendar caption a.next { background-image: url(../img/calendar-next.gif); right: 0; } div.calendar caption a:hover { background-position: 0 12px; } div.calendar caption span { height: 25px; position: relative; text-align: center; } div.calendar caption span.month { padding-right: 8px; } div.calendar caption span.month:after { content: ','; } div.calendar table { background: #FFF; border: 0; border-collapse: collapse; border-spacing: 0; cursor: default; margin: 0 auto; overflow: hidden; width: 147px; } div.calendar td, div.calendar th { border: 0; color: #0597DB; font: normal 12px Arial, Helvetica, sans-serif; height: 21px; text-align: center; width: 21px; } div.calendar td { background: url(../img/calendar-td.gif); color: #FFF; font-size: 11px; } div.calendar td.invalid { color: #999; } div.calendar td.valid { background: url(../img/calendar-valid.gif); color: #0597DB; cursor: pointer; } div.calendar td.hilite { background: url(../img/calendar-hilite.gif); } div.calendar td.inactive { background: url(../img/calendar-td.gif) 0 100%; color: #FFF; } div.calendar td.active, div.calendar td.hover { background: url(../img/calendar-valid.gif) 0 100%; color: #FFF; cursor: pointer; }