/*
Copyright (c) 2010, Red Universal de Marketing y Bookings Online, S.A. (Rumbo) All rights reserved.

RMBES(rumbo.es)
*/


/* Common */
ul, li{ padding:0; margin:0;list-style-type:none}
#body hr{color:#008DD6; height:1px}
#body .price{color:#008DD6; font-weight:bold}
#body .destino-hotel{color:#008dd6;font-weight:bold}
#body .locator{background-image:url(/pictures/fondo-locator.gif);background-color:#008DD6;font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:16px;color:#FFFFFF;border:solid 1px #CCCCCC;padding:5px}
#body .locator span{margin-left:8px; letter-spacing:1px}
#body .legend-hotel{font-family: Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px; font-weight: bold; color:#000000}
#body .legend-hotel-right img{float:right;margin:0}
#body .discount-text{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;color:#000000}
#body .recomendado{background-color:#EEF4FC}
#body .group-error-reserve{width:450px;padding:10px;margin:12px 0 12px 0;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:19px}
/*div error y message- disponibilidad antigua (quitar cuando se incluya un #body*/ 
#errorIH div.group.error{background-color:#FFEEEE;color:#CC0000;border:1px solid #CC0000;margin:5px 0 20px 0;width:776px} 
#errorIH div.group.error h2{background-color:#FFCCCC;border-bottom:1px solid #CC0000;color:#CC0000} 
#errorIH div.error-hotel{width:650px;border:1px solid #008DD6;background-color:#D6ECF9;padding:0 10px;text-align:justify} 
#errorIH div.error-hotel div.group.error{padding:8px 20px 8px 8px;line-height:16px} 
#errorIH div.group.message{background-color:#D8F3BC;color:#5C8433;border:1px solid #90A600;margin:5px 0 20px 0;width:776px} 
#errorIH div.group.message h2{background-color:#a0cf70;border-bottom:1px solid #90a600;color:#5c8433} /*div error y message- disponibilidad antigua (quitar cuando se incluya un #body*/

/*hotel info*/
#body #main-info{margin-top:3px;line-height:120%}
#body #main-info div.main-content{border:1px solid #008DD6;background-color:#D6ECF9;padding:0 8px;*padding:15px 8px}
#body #info-hotel{position:absolute;width:550px;left:127px;top:386px}
#body #info-hotel h1{margin:0px; display:inline}
#body .group-info{width:95%;margin:5px 0 5px 0px; position:relative;background-color:#FFFFFF; padding:10px; border:solid 2px #CCCCCC}
#body span.image-hotel{float:left;margin:2px 10px 0 0}
#body #info-hotel p{padding-top:5px}

/*SearchBox*/
#searchbox-hotel{position:relative;width:776px;height:250px}
#searchbox-filtros{position:relative;width:776px;height:40px}
#buscador{position:relative;width:100%}
#entrada{position:relative;top:-16px}
#salida{position:relative;top:-16px}
#body #searchbox-hotel div.activa{ float:left;  padding-right:10px;  padding-bottom:3px; width:100px}
#body #searchbox-hotel div.inactiva{padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:3px; background-image:url(/pictures/background-titulo-buscador.gif); background-repeat:repeat-x}
#body #searchbox-hotel h1{margin:0;color:#424242;font-size:10px;background-image:url(/pictures/background-titulo-buscador.gif); background-repeat:repeat-x}
#body #searchbox-hotel div.ciudad{ float:left; width:20%}
#body #searchbox-hotel div.alrededores{ float:left; width:14%; position:relative; top:-5px}
#body #searchbox-hotel div.hotel{ float:left; width:18%}
#body #searchbox-hotel div.entrada{ float:left; width:23%; margin-left:10px}
#body #searchbox-hotel div.salida{ float:left; width:22%; margin-left:10px}
#body #searchbox-hotel div.entrada .campo-fecha, #body #searchbox-hotel div.salida .campo-fecha{float:right}
#body #searchbox-hotel div.habitacion{ float:left; width:25%}
#body #searchbox-hotel div.adultos{ float:left; width:25%}
#body #searchbox-hotel div.categoria{ float:left; width:25%}
#body #searchbox-hotel div.regimen{ float:left; width:25%}
#body #searchbox-hotel label{padding-right:3px}
#body #searchbox-hotel div.botonbuscar{position:relative; left:687px; top:-15px}
#body #searchbox-hotel .texto-rellenar-edades{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#000000; font-size:14px; border-bottom:solid 1px #A0CF70}
#body #searchbox-hotel div.habitacion1{ float:left; width:20%}
#body #searchbox-hotel div.habitacion2{ float:left; width:20%}
#body #searchbox-hotel div.habitacion3{ float:left; width:20%}
#body #searchbox-hotel div.habitacion4{ float:left; width:20%}
#body #searchbox-hotel div.habitacion5{ float:left; width:20%}
#body #searchbox-hotel .titulo-habitacion{font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#000000; font-size:12px}
#body #searchbox-hotel fieldset{margin:3px;padding:5px;border:0}
#body #searchbox-hotel div.campo-fecha{width:100px;height:18px;background-image:url(/pictures/calendar.gif); background-repeat:no-repeat;background-position:right;padding:2px 2px 0px 2px;border:solid 1px #999999}
#body #searchbox-hotel div.activa h2{background-color:#FFFFFF; text-align:center; font-weight:bold}
#body #searchbox-filtros div.fondo{ width:100%; background-image:url(/pictures/background-titulo-buscador.gif)}
#body #searchbox-filtros div.activa{ float:left;  padding-right:10px;  padding-bottom:3px; width:100px; background-image:url(/pictures/background-titulo-buscador.gif); background-repeat:repeat-x}
#body #searchbox-filtros div.inactiva{padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:3px; background-image:url(/pictures/background-titulo-buscador.gif); background-repeat:repeat-x}
#body #searchbox-filtros h1{margin:0;padding:0;color:#424242;font-size:10px}
#body #searchbox-filtros label{padding-right:3px}
#body #searchbox-filtros div.mostrar{ float:left; width:25%}
#body #searchbox-filtros div.filtro-precio{ float:left; width:25%}
#body #searchbox-filtros div.filtro-regimen{ float:left; width:25%}
#body #searchbox-filtros div.filtro-categoria{ float:left; width:25%}
#body #searchbox-filtros{border:1px solid #A0CF70}
#body #searchbox-filtros fieldset{margin:3px;padding:5px;border:0}
#body #searchbox-filtros div.campo-fecha{width:120px;height:18px;background-image:url(/pictures/calendar.gif); background-repeat:no-repeat;background-position:right;padding:2px 2px 0px 2px;border:solid 1px #999999}
#body #searchbox-filtros div.activa h1{ text-align:center; font-weight:bold}
#body #searchboxhome-filtros .boton{margin:0 10px 15px 0;float:right}

/*hotel-avail*/
#body.hotel-avail #main #group-1{width:776px;margin:5px 0 20px 0}
#body.hotel-avail #main #group-1 #searchbox-hotel{width:100%}
#body.hotel-avail #main #group-2{width:625px;float:left}
#body.hotel-avail #main #group-2 .title-avail, #body.hotel-avail #main #group-3 .title-avail{height:20px; background-image:url(/pictures/title-avail-deg.gif); background-repeat:no-repeat;color:#FFFFFF;font-size:12px;font-weight:bold}
#body.hotel-avail #main #group-2 .title-avail .column{float:left;padding:3px 0 0 0}
#body.hotel-avail #main #group-2 .title-avail span{padding:0 0 0 8px}
#body.hotel-avail #main #group-2 .tipo-hotel{height:30px;margin:5px 0 5px 0;background-color:#EEF4FC;border:solid 1px #008DD6}
#body.hotel-avail #main #group-2 .tipo-hotel ul{list-style-type:none;padding:0 0px 0px 8px}
#body.hotel-avail #main #group-2 .tipo-hotel li{display:inline;padding:4px 0 0 8px;float:left}
#body.hotel-avail #main #group-2 li.texto-mostrar{margin:5px 0 0 0}
#body.hotel-avail #main #group-2 li.hotel{border:solid 1px #008DD6;padding:6px;margin:5px 0}
#body.hotel-avail #main #group-2 li.hotel div.oferta{float:right}
#body.hotel-avail #main #group-2 li.hotel .column{float:left}
#body.hotel-avail #main #group-2 li.hotel .info-izq{float:left;text-align:center}
#body.hotel-avail #main #group-2 li.hotel .line{float:left}
#body.hotel-avail #main #group-2 li.hotel .legend-hotel-matriz{font-size:11px;font-weight:bold;padding:0 5px 0 6px;margin:0}
#body.hotel-avail #main #group-2 li.hotel .legend-hotel-matriz img{padding:0 8px 0 8px}
#body.hotel-avail #main #group-2 li.hotel .valoracion{padding:5px 0 0 0;font-weight:bold;background-color:#FF9900;width:40px;height:20px;margin:5px 30px}
#body.hotel-avail #main #group-2 li.hotel .comentarios{color:#008DD6;padding:5px 0 5px 0;text-align:center}
#body.hotel-avail #main #group-2 li.hotel div.recomendado{color:#008DD6;font-size:9px;font-weight:bold;padding:0; margin-top:0;line-height:2em}
#body.hotel-avail #main #group-2 li.hotel div.recomendado img{float:left;margin-right:5px}
#body.hotel-avail #main #group-2 li.hotel .hotel-img{height:75px;width:100px;cursor:pointer}
#body.hotel-avail #main #group-2 li.hotel div.texto-info-hotel{width:100%;text-align:justify;float:left;padding:5px 0 0 5px}
#body.hotel-avail #main #group-2 li.hotel div.iconos-hotel span{padding:2px}
#body.hotel-avail #main #group-2 li.hotel div.iconos-hotel{padding:5px 0 10px 0}
#body.hotel-avail #main #group-2 li.hotel .texto-mostrar{text-align:right;margin:5px}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio{margin:10px 0 0 0}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio .line{margin:0 0 8px 0;padding:0}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio p{display:inline;float:left;margin:0 5px 0 5px;padding:0;line-height:17px}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio img{margin:0;padding:0}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio .precio{color:#003380;font-size:15px;font-weight:bold}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio .boton-seleccionar{width:15%;float:right;margin:0;padding:0;height:22px}
#body.hotel-avail #main #group-2 li.hotel ul.lista-reg-precio .imagen-tipo-hab{margin:0}
#body.hotel-avail #main #group-2 li.hotel .title-hab-reg p{margin:0 0 2px 0;padding:0;font-weight:bold}

/* Filter Display */
#body #main #group-3{float:right;width:140px}
#body #main #group-3 .title-avail p{text-align:center;padding:3px 0 0 0;margin:0}
#body #main #group-3 .hotel-filtros{border:solid 1px #CCCCCC;margin:5px 0 0 0}
#body #main #group-3 .filtro-box{margin:10px 0 8px 0}
#body #main #group-3 .filtro-box h2{background-color:#AECBD7;color:#000000;font-weight:bold;text-align:center;padding:2px}
#body #main #group-3 #precio ul, #body #main #group-3 #categoria ul{list-style-type:none;padding:0 0 0 8px;line-height:20px}
#body #main #group-3 .filtro-box ul{line-height:15px;margin:8px 0pt 8px;padding:0pt 0pt 0pt 8px}
#body #main #group-3 p.mapa{ text-align:center;margin:10px 0 0 0}
#body #main #group-3 .hotel-filtros .imagen-filtro{margin:5px}
#body.hotel-avail #main #group-3 span.segment img {position:relative;top:5px;margin-right:4px}
.hotel-avail .rmbSlider {padding:2px 0 2px 20px; margin-bottom:25px !important}
.hotel-avail .rmbSliderTitle {color:#000000;padding:6px 0 0 10px}
.hotel-avail .simpleSlider{text-align:center}


/* pasos compra - habitacion y titular */
#body .room-field{border-top:1px dotted #CCCCCC;border-bottom:1px dotted #CCCCCC;margin:10px 8px; background-color:#F2F2F2}
#body .room-field label{display:block;padding:0 0 2px 0}
#body .room-field .form-line{margin:0 8px 12px 10px}
#body .room-field p.room{font-weight:bold;background-color:#E2E2E2;font-size:11px;padding:4px;margin:4px 5px 12px 5px}
#body .room-field p.room .titular-reserva{margin:0 0 0 5px;text-transform:uppercase}
#body .room-field .titular{float:left;color:#008DD6;font-size:12px;font-weight:bold;width:12%;margin:5px 0 0 5px}
#body .room-field .titular p.titular-reserva{color:#000000;font-size:10px;margin:5px 0 0 0;text-transform:uppercase}
#body .room-field .titular-datos{float:left;width:85%}
#body .room-field .prefijos{padding:0 0 0 3px}
#body .room-field #divTelefonos{padding:18px 0 0 0}