@charset "UTF-8";
/* CSS Document */

body {background-color: #FFFFFF; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
a img {border: 0;}
a:link, a:visited {text-decoration: none; color: #BBBBBB; font-weight: bold;}
a:hover, a:active {text-decoration: none; color: #000000; font-weight: bold;}
h2 {font-size: 16px; text-align: center; margin: 0;}
h3 {font-size: 18px; text-align: right; color: #FFFFFF; padding-right: 5px; border-bottom: 1px dashed #FFFFFF;}
h5 {font-size: 12px; text-align: right; margin: 0;}
h6 {font-size: 11px; font-weight: normal; margin: 0 0 10px 0;}
p {margin: 0 6px;}
/* ESTRUCTURA GENERAL BIENVENIDO */
#contSup {position: relative; width: 100%; background-color: #FFFFFF;}
#logotxt {position: absolute; top: 16px; left: 10px;}
#logotxt h1 {font-style: italic; font-size: 12px; font-weight: bold; margin: 0;}
#menu {width: 100%; height: 56px; background-color: #FFFFFF;}
#menuCont {width: 780px; height: 56px; margin-left: auto; margin-right: auto; position: relative;}
#contenidoSup {clear: both; width: 100%; background-color: #990000; border-top: 10px solid #951616;}
#separador {clear: both; width: 100%; background-color: #CC9900; padding: 3px 0;}
#contenidoSupCont {width: 780px; height: 300px; margin-left: auto; margin-right: auto; background: url(../images/head_hotel.jpg) no-repeat bottom right;}
#slogan {width: 480px; height: 100px; padding-right: 300px; padding-top: 20px; font-size: 40px; font-weight: bold; color: #FFFFFF;}
#banderas {position: absolute; width: 96px; height: 19px; top: -20px; left: 664px; z-index: 10;}
.bandera {float: left; margin-left: 5px;}
#contInf {clear: both; position: relative; margin-left: auto; margin-right: auto; width: 780px;	background-color: #FFFFFF;}
#left {float: right; width: 530px; margin-top: 20px; margin-right: 20px;}
#right {float: left; padding: 0 6px; width: 218px; margin-top: 20px; min-height: 350px; background: url(../images/f_der.png) no-repeat;}
#rightHead {width: 206px; height: 50px; padding-top: 20px; margin: 15px 6px 10px 6px;}
#right p {margin: 0 0 0 10px; padding-bottom: 10px;}
.enclose {float: left; width: 170px; margin-bottom: 10px; background: url(../images/f_art_bot.png) no-repeat bottom right;}
.enclose2 {float: left; width: 170px; margin-bottom: 10px; margin-left: 10px; background: url(../images/f_art_bot.png) no-repeat bottom right;}
.enopen {width: 146px; height: 241px; padding: 12px; background: url(../images/f_art_top.png) no-repeat;}
.encont {position: relative; width: 136px; height: 111px; padding: 5px; color: #FFFFFF;	font-size: 16px; font-weight: bold;	background-color: #990000; z-index: 1;}
.eneuro {position: absolute; top: 90px; right: 10px; font-size: 28px; font-weight: 900; text-align: right;}
#txtinf {position: relative; clear: both; width: 530px; margin-bottom: 10px; z-index: 1;}
#footer {clear: both; width: 100%;}
#footerCont {width: 780px; padding-top: 15px; text-align: center; color: #FFFFFF; margin-left: auto; margin-right: auto; border-top: 10px solid #000000; background-color: #990000;	padding: 15px 0;}
#footerCont a {color: #FFFFFF; font-weight: normal;}
.red {float:left; width:245px; font-size: 12px; color: #FFFFFF;}
.red a {color: #FFFFFF !important; font-size: 10px;}
/* NAVEGADOR */
.boton {float: right;}
.bot_izq {margin-top: 26px; float: left; width: 13px; height: 30px; background: url(../images/bot_izq.png) no-repeat;}
.bot_back {margin-top: 26px; float: left; height: 20px; padding-top: 10px; font-weight: bold; color: #FFFFFF; background: url(../images/bot_back.png) repeat-x;}
.bot_back a {font-size: 12px !important;}
.bot_der {margin-top: 26px; float: left; width: 13px; height: 30px; background: url(../images/bot_der.png) no-repeat;}
#menuCont a {color: #FFFFFF;}
#submenu {clear: both; width: 780px; margin: 0 auto; text-align: right; font-size: 14px; color: #C70D72; position: relative;}
#submenu a:link, #submenu a:visited {color: #C70D72; padding: 0 10px; font-size: 14px; font-weight: normal;}
#submenu a:hover, #submenu a:active {color: #000000; padding: 0 10px; font-size: 14px; font-weight: normal;}
/* BANNERS */
.banneropen {background: url(../images/f_hart_top.png) no-repeat; margin-bottom: 10px; color: #FFFFFF;}
.bannerclose {width: 506px; height: 138px; padding: 12px; background: url(../images/f_hart_bot.png) no-repeat bottom right;}
.banner_coches {position: relative;	float: left; width: 249px; height: 128px; padding: 5px; font-size: 18px; background: #FF7E00; cursor: pointer;}
.banner_cruceros {position: relative; float: left; width: 249px; height: 128px;	padding: 5px; font-size: 18px; background: #0032F2; cursor: pointer;}
.banner_hoteles {position: relative; float: left; width: 249px; height: 128px; padding: 5px; font-size: 18px; background: #990000; cursor: pointer;}
.banneropen a {color: #FFFFFF;}
.bannereuro {position: absolute; top: 100px; right: 10px; font-size: 32px; font-weight: 900; text-align: right;}
/* ESTRUCTURA FECHAS */
#buscacoches {position: relative; z-index: 1; background: url(../images/f_big_top.png) no-repeat; padding: 12px;}
#buscacoches a {color: #666666;}
#buscacoches a:hover {color: #000000;}
#backart_fechas {float: left; position: relative; z-index: 15; width: 530px; min-height: 120px; background: url(../images/f_big_bottom.png) no-repeat bottom right;	margin-bottom: 20px;}
#backart_links {float: left; position: relative; width: 780px; min-height: 120px; background: url(../images/f_big_bottom.png) no-repeat bottom right; margin-bottom: 20px;}
#backart_faqs {width: 780px; min-height: 200px; background: url(../images/f_column.png) no-repeat bottom right;	margin-bottom: 20px;}
#backart_der {float: right; position: relative; width: 230px; min-height: 120px; background: url(../images/f_column.png) no-repeat bottom right;}
#articulo {position: relative; min-height: 120px; clear: both; width: 506px; margin-bottom: 15px; background: url(../images/f_big_top.png) no-repeat;}
	#articulo #backart {width: 506px;}
#backart {float: left; position: relative; width: 756px; min-height: 120px; padding: 12px; background: url(../images/f_big_bottom.png) no-repeat bottom right;}
.foto {float: left; width: 120px; margin: 0 10px 0 0;}
.foto img {width:120px; min-height: 100px; display:block; background: white url(../sin_foto.jpg) no-repeat top left;}
.descripcion {float: left; width: 352px; padding: 10px; color: #FFFFFF; background-color: #993333; min-height: 160px;}
.descripcion form {margin: 0;}
.modelo {font-size: 20px; font-weight: bold; text-align: left; color: #FFFFFF;}
.modelo span {display:block; font-size:11px !important;}
.precio {font-size: 30px; font-weight: bold; text-align: right; color: #FFFFFF;}
.submit_b {background: #993333; font-size: 16px; font-weight: bold; border: none; color: #CC9900; cursor: pointer;}
.masinfo_b {background: #993333; font-size: 12px; font-weight: bold; border: none; color: #CC9900; cursor: pointer;}
/* ESTRUCTURA FORM */
#backart_form {float: left; position: relative; width: 300px; min-height: 120px; background: url(../images/f_hart_bot.png) no-repeat bottom right;}
#backart_form_r {float: left; position: relative; width: 480px; padding-bottom: 15px; min-height: 120px; margin-bottom: 10px; background: url(../images/f_hart_bot.png) no-repeat bottom right;}
.dat_p {padding-top: 12px; float: left; width: 276px; padding-left: 12px; padding-right: 12px; min-height: 300px; background: url(../images/f_der.png) no-repeat;}
.dat_per {padding-top: 12px; float: left; width: 456px; padding-left: 12px; padding-right: 12px; min-height: 350px; background: url(../images/f_der.png) no-repeat;}
.dat_faqs {width: 756px; padding: 12px; background: url(../images/f_der.png) no-repeat;}
#contInf_art {clear: both; position: relative; margin-left: auto; margin-right: auto; padding-top: 10px; width: 780px; background-color: #FFFFFF; min-height: 500px;}
.boton_cal_rec, .boton_cal_ent {position: relative; margin-bottom: -2px;}
.hotel_destacado {padding:5px 0;}
.hotel_destacado_borde {border-top:3px double #FF0000; border-bottom:3px double #FF0000; padding:5px 0;}
.clear {clear:both;}
#buscandohoteles {display:block; width:510px; height:320px; position:absolute; top:10px; left:10px; background:white url(../buscandohoteles.gif) top center no-repeat; z-index:1000; overflow:visible !important;}
.buscar_ficha_noencontrado {padding:5px; margin:10px 0; border:1px solid #FF9F9F; background-color:#FFCCCC; color:#990000;}
.lista_destinos_separador {clear:both;}
.lista_destinos ul {float:left; width:32%; margin-right:1%; display:block; list-style:circle;}
.lista_hoteles_paises .indice {list-style:none;}
.grupo a {font-weight: normal; line-height: 20px;}
.grupo {margin: 0 0 20px 0;}
.lista_destinos h3 {text-align:left; display:block; color:#000000;}
.lista_destinos h2 {margin: 0 0 5px 0 !important;}
.indice h3 {margin: 0;}
.lista_hoteles_zonas ul, .lista_hoteles_destinos ul, .lista_hoteles_hoteles ul {}
.comentariosbusqueda {padding:10px; margin-bottom:20px; font-size:10; color:#999999;}
.tpv_pagar {padding:10px; font-size:16px;}
.lista_hoteles_hoteles ul {width:auto;}
.total_cont {border: 1px dashed #330000; background: #fff; padding: 10px;}
.total {font-size: 14px; text-align: center;}
.total strong, .total b {font-size: 24px;}
.boton_tpv {background: #c90; padding: 5px !important; border: 1px solid #300; font-weight: bold; font-size: 16px; color: #fff; margin-bottom: 10px; cursor: pointer;}
.det_tpv h4 {margin: 0; font-size: 14px; color: #000; text-align: left; border-bottom: 1px dashed #000;}

/* IMAGENES HOTEL */
.hotel_imagenes {border:1px solid #CCCCCC; padding:5px; margin-bottom:10px;}
.hotel_imagenes_pequenas {border:1px solid #CCCCCC; padding:5px; margin-bottom:10px;}
.hotel_imagenes_pequenas img {height:60px; width:auto; cursor:pointer;}
.hotel_imagen {}
.hotel_imagen_grande {}
#ht_img_gr {width:auto; height:auto;}
#formreservahotel ul, li{margin:0; padding:0; list-style:none;}
#formreservahotel {padding:5px; border:3px double #CCCCCC; margin-bottom:20px;}

.form_continuar {background: #990000; padding: 5px 10px !important; border: 1px solid #300; font-weight: bold; font-size: 16px; color: #fff; margin: 5px 0; cursor: pointer;}
.huespedes_extra {background: #BFBF00; padding: 5px;}
.error{border: 1px solid #990000; background-color: #FFB3B3; color: #FF0000; padding: 5px;}
#cargando{background: white url(http://www.hotelestu.com/buscandohoteles.gif) center top no-repeat; height: 140px;}
#cargando span {display: none;}
#busquedavanzada{padding: 10px 10px 20px 10px;} #rebuscar {position: relative;}
#selrango {display: none;}
#rangopreciotxt {color: #FF6600; font-size: 14px; font-weight: bold;}
.rescatnum {display: none;}
#selcategorias {margin-top: 10px; display: block; position: relative;}
#seltipos {margin-top: 10px; display: block; position: relative;}
.clearrango {clear: both;}
.clear {clear: both;}

/* COCHES */
.listacochesreservados {border: 1px solid #C9D7F1; padding: 3px; text-align: left;}
.cochealquilado {background-color: #C9D7F1; color: #0000CC; padding: 5px;}
.enbrevecoche {background-color :#FFF9DD; padding:5px;}
.loscochesreservados {color: #FF7800;}
#coches {display: block; overflow: auto; height: 200px;}
.tablacoches {width: 100%;}
.celdacoches1 td, .celdacoches2 td {padding: 5px;}
.celdacoches1 td {background-color: #DDF4FF;}
.celdacoches2 td {background-color: #D2F0FF;}
.tablacoches .imput {width:20px;}
.tablacoches .imput imput {width: 98%; height: 98%; display: block; cursor: pointer;}
.tablacoches .nombre {}
.tablacoches .precio {text-align: right; font-weight: bold; font-size: 16px; color: #990000;}
#divcoches form {padding: 0 !important; margin: 0 !important; background: none !important;}
#coches {display: block; position: relative; overflow: auto; height: 120px;}
.tablacoches {width: 100%;}
.celdacoches1 td, .celdacoches2 td {padding: 5px;}
.celdacoches1 td {background-color: #DDF4FF;}
.celdacoches2 td {background-color: #D2F0FF;}
.tablacoches .imput {width: 20px;}
.tablacoches .imput imput {width: 98%; height: 98%; display: block; cursor: pointer;}
.tablacoches .nombre {}
.tablacoches .precio {text-align: right; font-weight: bold;}
#listadocoches{margin: 0 0 20px 0; background-color: #FFFFFF; color: #333333;}
.del td {background-color: #FFB0B0 !important; color: #990000 !important;}
.selcoche {padding-left: 25px !important; cursor: pointer; background-image: url(/imagenes/iconos/ico-info.gif); background-position: center left; background-repeat: no-repeat;}
.sobretr td {background-color: #D7FFD7;}
#cocheseleccionado {border: 5px solid #CCCCCC;}
.detalles_coche {position: relative;}
.detalles_coche h3 {margin: 0; padding: 0; font-size: 14px; color:#009900;}
.detalles_coche_precio {width: 120px; text-align: center;}
.detalles_coche h2 {margin: 0; padding: 0; font-size: 22px; color:#009900;}
.cerrar_coche {color: #FF0000; font-size: 10px; display: block;}
.reserva_coche {display: block; background-color: #0066CC; padding: 3px 10px; color: #FFFFFF; font-size: 14px; text-align: center;}
#tablareservacoches {width: 100%;}
#totalpreciocoches {font-size: 16px; color: #00CC00;}
#reservarcoche {border: 2px solid #CCCCCC;}
.alerta {color: #FF0000;}
.verextras {border-top: 1px solid #FFF9DD;}
.trcochesextras table {width: 100%;}
.trcochesextras table td {border: 1px solid #CCCCCC; padding: 5px;}
.fechascoche {font-size: 10px; font-weight: bold;}
/**/.detalle {width: 20px; background: transparent url(detalle.gif) center right no-repeat;}
/**/.extras {display: block; width: 130px;}
.extras .item {display: inline-block; width: 22px; height: 22px; margin-rigth: 1px; position: relative;}
.item .t {display: none;}
.item_asientos {background: transparent url(/imagenes/iconos/ico_asientos.png) top left no-repeat;}
.item_puertas {background: transparent url(/imagenes/iconos/ico_puertas.png) top left no-repeat;}
.item_aire {background: transparent url(/imagenes/iconos/ico_aa.png) top left no-repeat;}
.item_radio {background: transparent url(/imagenes/iconos/ico_cd.png) top left no-repeat;}
.item_abs {background: transparent url(/imagenes/iconos/ico_abs.png) top left no-repeat;}
.item .r {position: absolute; right: 1px;top:1px; font-size: 9px;}
.item .r_X, .detallecoches .r_X {right:-3px;top:-3px;overflow:visible !important;z-index:10;display:block;width:13px;height:13px;margin:0;padding:0;background:transparent url(/imagenes/iconos/X.gif) top left no-repeat;}
.item .r_-, .detallecoches .r_- {right:-3px;top:-3px;overflow:visible !important;z-index:10;width:13px;height:13px;margin:0;padding:0;background:transparent url(/imagenes/iconos/-.gif) top left no-repeat;}
.item .r__ {width: 13px; height: 13px; margin: 0; padding: 0; background: transparent url(/imagenes/iconos/_.gif) top left no-repeat;}
.detallecoches ul , .detallecoches li {list-style: none; margin: 0; padding: 0; display: inline;}
.detallecoches span {display: inline;}
.detallecoches .r_-, .detallecoches .r_X {display: inline-block; right: auto !important; top: auto !important;}
.detalles_coche .proveedor {color: #0066CC; margin: 3px 0;}
.cuadrocoches {border: 3px solid #CCCCCC; margin-top: -5px; padding: 5px; margin: 0 0 20px 0; background-color: #FFFFFF; color: #333333;}
.quierocoche {border: 3px solid #CCCCCC; border-bottom: 3px solid #FFFFFF; padding: 2px 20px; overflow: visible; background-color: #FFFFFF;}
#buscahotelcoches {margin-top: 10px; display: none;}
#destinocoches {padding-left: 25px; margin: 3px; background: transparent url(/imagenes/iconos/ico-info.gif) center left no-repeat;}
#destinocoches div {display: inline;}
.modificarbusqueda {color: #0066FF; text-decoration: underline; cursor: pointer;}
.loadingcir {text-align: center; padding: 20px;}

/**/
.detalles_coche a {text-decoration: none;}
.detalles_coche {min-height: 85px; text-align: right; font-size: 12px !important; font-family: Arial, Helvetica, sans-serif; padding: 5px;}
	.detalles_coche .proveedor {text-align: left;}
	.detalles_coche img {float: left; margin: 5px;}
	.detalles_coche h1, #tablareservacoches #totalpreciocoches {margin: 0; font-size: 22px !important; color: #f90 !important; background: none !important; font-weight: bold;}
	.detalles_coche h3 {margin: 0; font-size: 14px !important;}
	.detalles_coche small {font-size: 10px;}
	.detalles_coche .cerrar_coche {color: #888; float: right;}
	.detalles_coche .reserva_coche {color: #fff; font-size: 12px;}
.r_X, .r_x {font-style: normal;}
	.r_-, .r__ {font-style: normal; display: none;}
	
.e_- {display: none;}

#reservarcoche {position: relative;}
#tablareservacoches {font-family: Arial, Helvetica, sans-serif; padding: 5px; font-size: 12px;}
	#tablareservacoches h3 {text-align: left; margin: 0 !important; color:#990000;}
	#tablareservacoches .quitar_coche {position: absolute; top: 5px; right: 7px;}
	#tablareservacoches #reservavehiculos, #tablareservacoches .preciocoche {display: none !important;}
	#tablareservacoches .verextras {position: absolute; top: 5px; right: 30px;}
	#tablareservacoches .trcoches, #tablareservacoches .trcoches td {display: block; font-size: 14px; font-weight: bold;}
	#tablareservacoches a {font-size: 12px; font-weight: normal;}
	#tablareservacoches #totalcoche {display: block; border-top: 1px dotted #f90; text-align: right;}
	#tablareservacoches #totalcoche td {display: inline;}
	
.listacochesreservados{position: relative; border: 1px solid #FF9900; padding: 10px; }
	.cochealquilado{font-size: 14px; padding-left: 22px; border-bottom: 1px dotted #FF9900; background: url(/image/h1.png) no-repeat 0 2px;}
	.enbrevecoche{font-size: 11px;}
	.loscochesreservados{color: #FF9900;}

/**/

.masinformacion{border:none; background:white url(/imagenes/iconos/ico-info.gif) center left no-repeat; color:#0066CC; margin:0; padding:2px 0 2px 20px; cursor:pointer;}

.listado_hoteles {width: 352px; margin: 10px 0; border: 1px solid #c90; border-bottom: none; font-size: 11px;}
.listado_hoteles td {border-bottom: 1px solid #c90; padding: 2px; margin:0; border-collapse:collapse;}
	.T_titulos td {background-color: #c90; font-size: 10px; color: #900; font-weight: bold;}
	.preciopersona {font-size: 12px;}
	.preciodescuento {font-size: 14px;}
#formreservahotel .listado_hoteles {width: 100%;}

#formcoches{
margin:0;
padding:0;
}
#formcoches #cocherecogida{width:99%;}
#formcoches #from{width:90px;}
#formcoches .ui-datepicker-trigger{width:20px; padding:0; background-color:transparent; border:none;}
#formcoches #cocheentrega{width:99%;}
#formcoches #to{width:90px;}
#formcoches .ui-datepicker-trigger{width:20px; padding:0; background-color:transparent; border:none;}

#ui-datepicker-div {display: none; position: relative; z-index: 100 !important;}
.ui-autocomplete {z-index: 100 !important;}
/* 09-08-2011 */
.vermapa {background: #993333; font-size: 12px; font-weight: bold; border: none; color: #CC9900; cursor: pointer;}
.listahotelmapa {background: #c90;}
	.listahotelmapa span {font-size: 10px;}
		.listahotelmapa .direccionmapa {width: 200px; float: left; color: #fff; padding: 4px; font-weight: bold; font-size: 12px; text-align: left;}
		.listahotelmapa .cerrarmapa {width: 15px; height: 15px; float: right; background: url(../imagenes/back-map-button.png) no-repeat; margin: 4px; cursor: pointer; font-size: 10px !important line-height: 1000px !Important; overflow: hidden;} .listahotelmapa .cerrarmapa span {line-height: 1000px;}
	#map_canvas {clear: both;}
	.preciototal {font-size: 14px;}
	
	span.cajavaloracion {display: block; width: 100px; height: 10px; border: 1px solid #c90; margin: 2px 0 0 0px;}
		span.cajavaloracion .valoracion {display: block; height: 8px; background-color: #c90; border: 1px solid #933; margin: 0;} span.cajavaloracion.n_0 {display: none;}

#opcionhabitaciones .listado_hoteles {width: 100%; background: #BFBF00;}
#opcionhabitaciones .listado_hoteles .T_titulos td {color: #fff; background: #933;}

#right #form_buscar table {width: 206px !important; margin: 0 6px;}
#right .form_buscar_destino.ui-autocomplete-input {width: 200px !important;}

#mapa {margin: 10px 0;}
	
.puntuacion {border: 1px solid #900; padding: 5px; width: 290px; float: left; margin: 0 10px 5px 0;}
	.puntuacion .media {width: 47px;}
	.puntuacion .resumen {width: 95px !Important; border-right: 1px solid #900; padding-left: 5px !important;}
	.puntuacion p {margin: 0 0 0 5px !important;}
	.puntuacion b {display: block; font-size: 24px; line-height: 26px; background: #900; color: #fff; padding: 2px 4px; margin: 0 0 5px 0;}
	.puntuacion .valoracion {font-size: 10px; line-height: 12px; color: #900;}

.posiblesdestinos, .posibleshoteles {padding-top: 10px;} .posiblesdestinos form, .posibleshoteles form {padding-bottom: 10px; font-size: 10px;}
	.posiblesdestinos input, .posibleshoteles input {font-size: 12px; padding: 0; margin: 0; border: none; background: none; color: #bbb; cursor: pointer; font-weight: bold;}
		.posiblesdestinos input:hover, .posibleshoteles input:hover {color: #000;}
	.posiblesdestinos h3, .posibleshoteles h3 {margin: 5px 0; font-size: 16px; line-height: 18px; text-align: left; color: #bbb;}
	.talvezdestino {margin: 0; font-size: 14px;}

.hotelnodisponible p {margin: 0; padding-bottom: 10px;}

.buscador_tipodest_h{
	padding-left:15px !important;
	background-image:url(/imagenes/icon_cama.png) !important;
	background-position:center left !important;
	background-repeat:no-repeat !important;
}
.buscador_tipodest_d{
	padding-left:15px !important;
	background-image:url(/imagenes/icon_destino.png) !important;
	background-position:center left !important;
	background-repeat:no-repeat !important;
}
.buscador_tipodest_r{
	padding-left:15px !important;
	background-image:url(/imagenes/icon_region.png) !important;
	background-position:center left !important;
	background-repeat:no-repeat !important;
}