@charset "UTF-8";
/* CSS Document */
body {margin: 0; font-family: Arial, Verdana, Arial, sans-serif; font-size: 12px; background: url(../images/body_back.jpg);}
p {margin: 10px;}
a:link, a:visited {text-decoration: none; color: #666666;}
a:hover, a:active {text-decoration: none; color: #000000;}
a img {border: 0;}
form {margin: 0;}
h2 {font-size: 14px; text-align: left; font-weight: normal; color: #000000; margin: 0;}
h3 {position: relative; margin: 0 0 -6px 0; font-size: 24px; font-weight: bolder;}
h4 {position: relative; margin: 0 0 0 0; color: #FFFFFF; text-align: right; font-size: 20px; font-weight: bold;}
h5 {margin: 0; font-size: 12px; text-align: right;}
h6 {font-size: 14px; text-align: center; margin: 0;}
#enlaces_f {position:relative; width: 780px; color: #FFFFFF; font-size: 10px; background-color: #993333;}
#enlaces_f a {color: #FFFFFF;}
/* ESTRUCTURA GENERAL */
#contenedor {position: relative; width: 100%; height: 437px; background: url(../images/background.jpg) no-repeat right top #FFFFFF;}
#contenedor_s {position: relative; width: 100%; height: 146px; background: #FFFFFF;}
#superior {margin: 0 auto 0 auto; width: 780px;}
#navigation {width: 760px; height: 40px; padding: 10px 10px 0 10px; margin: 0 auto 0 auto;}
#logo {margin-left: auto; margin-right: auto; width: 780px; height: 235px; margin-bottom: 40px;}
#logo_s {position: relative; float: right; margin: 10px 10px -113px 420px; width: 350px; height: 137px;}
#base {position: relative; width: 100%; background: url(../images/b_back.jpg) repeat-x;}
#inferior {position: relative; margin-left: auto; margin-right: auto; width: 780px;}
#footer {clear: both; padding: 20px; text-align: center;}
#footer a {color: #000000;}
/* PÁGINAS FECHAS */
#hotel {float: left; width: 780px; background: url(../images/head_centre.jpg) top left no-repeat #FFFFFF;}
#hotel_clear {float: left; width: 780px; background: #FFFFFF;}
#hotel_head {margin: 0 auto 0 auto; width:  780px; height: 80px; background-color: #993333;	border-bottom: 10px solid #000000;}
.hotel_body {width: 510px; padding: 10px 10px 10px 260px;}
.hotel_clear {width: 760px; padding: 10px 10px 10px 10px;}
#hotel_body {width: 510px; float: left;}
#hotel_head h4 {position: relative; margin: 0 0 0 85px; color: #FFFFFF; text-align: left; font-size: 20px; font-weight: bold;}
/* ARTICULOS LISTADO */
#articulos {border: 1px solid #000; margin: 10px; width: 520px;}
.hotel_destacado #articulos {background: #FFE8DF;}
#articulo {margin: 0 10px; width: 520px;}
#articulo p {margin: 10px 0;}
.buscar_ficha_noencontrado {width: 500px; border: 1px solid #933; background: #FFE8DF; padding: 10px; margin-left: 10px; font-weight: bold;}
#precio {clear: both; margin: 0 15px; width: 500px; position: relative;}
#precio .euro {position: relative; margin: -20px 0 0 0; text-align: right; font-size: 14px; font-weight: bold; color: #666666;}
#precio .total {position: relative; float: right; width: 260px; height: 50px; margin-top: -3px; margin-right: 20px; color: #FF6600; text-align: right; font-size: 40px; font-weight: bold;}
#descripcion {clear: both; position: relative; width: 750px; margin: 20px 10px 0 10px;}
#descripcion h1 {font-size: 24px; margin: 0 0 3px 0; border-bottom: 1px solid #666; color: #666;}
#descripcion h1 img {position: relative; top: -5px;}
#artTable {clear: both; width: 490px; margin: 15px 15px 0 15px; text-align: left; border: none;}
#artTable .titulo {font-size: 18px; font-weight: bold; text-align: left; color: #666666;}
#artTable .datos {font-size: 12px; text-align: left;}
#artTable .datos p {margin: 0;}
#artTable .datos ul {margin: 0; padding-left: 0 !important; display: block; list-style: none;}
#artTable .precio {font-size: 40px; text-align: right; color: #FF6600; font-weight: bold;}
#descripcion .titulo {width: 570px; height: 15px; text-align: center; font-size: 10px; font-weight: normal; color: #666666; background-color: #D7ECF8;}
#salto {clear: both; text-align: right; height: 33px; background-color: #993333; border-left: 10px solid #000000;}
#saltoFicha {clear: both; float: left; text-align: right; margin: -3px 0 0 0; width: 770px; height: 33px; background-color: #993333; border-left: 10px solid #000000; border-bottom: 1px solid #000000;}
#saltoForm {clear: both; text-align: right; color: #FFFFFF; margin: 20px 0 10px 0; width: 770px; height: 23px; padding-top: 10px; background-color: #993333; border-left: 10px solid #000000; border-bottom: 1px solid #000000;}
#saltoForm_s {text-align: right; color: #FFFFFF; margin: 20px 0 10px 0; width: 510px; height: 23px; padding-top: 6px; background-color: #993333; border-left: 10px solid #000000; border-bottom: 1px solid #000000; float: right;}
.submit_b {float: right; height: 33px; color: #FFFFFF; text-align: right; font-weight: bold; margin: 0 20px 0 5px; padding-right: 38px; cursor: pointer; background: url(../images/b_mas.png) right no-repeat; border: 0;}
.form_table {width: 510px; float: right; margin-right: 10px;}
.masInfo_b {height: 33px; color: #993333; text-align: right; font-weight: bold; padding-right: 38px; cursor: pointer; background: url(../images/mas_inf.png) right no-repeat; border: 0;}
#precio h6 {font-size: 15px; text-align: right; color: #FFFFFF; margin: 4px 4px 0 0;}
.explica {padding: 10px 0; clear: both; color: #FFFFFF; background-color: #000000;}
#formreservahotel {background: #FFE8DF; border: 1px solid #000;}
#formreservahotel p {margin: 10px !important;}
#formreservahotel li {font-size: 14px; font-weight: bold;}
/* BUSCADOR */
#form_buscar {position: relative;}
#buscador_der {position: absolute; left: 540px; top: 85px; width: 220px; padding: 5px;}
.boton_cal {position: relative; bottom: -5px; left: 3px;}
.campo {width: 90%;}
.box {position: absolute; border: 1px solid #000; top: 10px; left: 10px; width: 750px; font-size: 14px; color: #FFF; text-align: center; background: #f77; border-left: 10px solid #000;}
/* PRELOADER */
#buscandohoteles {display: block; position: fixed; height: 100%; width: 100%; top: 0; left: 0; background: url(/hotel/images/transpa.png); overflow:visible !important; 	z-index: 1000;}
#buscandohoteles span {display: block; position: relative; width: 220px; height: 80px; margin: 20% auto;}
#buscandohoteles span img.precarga {position: absolute; top: 35px; left: 28px; border: none;}
#buscandohoteles span h3 {display: block; position: absolute; top: 19px; right: 32px; font-size: 12px;}
/* PAGINADOR */
.paginador {clear:both; padding: 10px; color:#000;}
.paginador a {padding:2px 3px; border:1px solid #CCC;}
.paginador b {padding:2px 3px; border:1px solid #999; background-color:#933; color: #fff;}
.paginador ul, li {margin:0; padding:0; list-style:none;}
.comentariosbusqueda {display: none;}
.hotel_imagen img {height: 60px;}
/* DESTINOS */
ul.grupo {display: block; width: 33%; float: left; list-style: none; padding: 0; font-size: 10px; margin: 0 0 20px 0; line-height: 14px;}
ul.grupo a {display: block; padding: 5px; width: 90%; margin-bottom: 5px; border: 1px solid #ccc; color: #000;}
ul.grupo a:hover {color: #fff; background: #222;}
.lista_destinos.lista_hoteles_hoteles ul.grupo {width: 100%;}
.lista_destinos h3 {font-size: 14px; margin-bottom: 5px; border: 1px solid #000; width: 90%; color: #FFF; background: #933; padding: 5px;}
.lista_destinos h2 {font-size: 14px; margin-bottom: 5px; border: 1px solid #000; width: 498px; color: #FFF; background: #933; padding: 5px;}
.clear {clear: both; border: none;}
.hextra_nombre {width: 180px;}
.hextra_apellidos {width: 180px;}
.cancelacion {background: #FFE8DF; border: 1px solid #933; padding: 5px; margin-bottom: 10px;}
.comentariosdelhotel {background: #FFE8DF; border: 1px solid #933; padding: 5px; margin-bottom: 10px;}
.formulario_errores {float: right; width: 493px; margin: 15px 15px 0 0; border: 1px solid #933; padding: 5px; background: #FFE8DF; color: #F00; font-weight: bold;}
.huespedes_extra h4 {color: #000; font-size: 12px; text-align: left; margin: 0 0 10px 0;}
.huespedes_extra p {margin: 20px 0 0 0;}
.campo100, campo, camporojo {width: 350px;}
.campo100rojo {width: 350px; border: 2px solid #f00;}
.campotext100rojo {border: 2px solid #f00;}

#cargando {background: white url(http://www.telres.co.uk/hotel/images/preloader.gif) center 40px no-repeat; height: 100px; width: 520px;}
#cargando span {display: none;}
#selrango {display: none;}
#rangopreciotxt {color: #FF6600; font-size: 14px; font-weight: bold;}
.rescatnum {display: none;}
#busquedavanzada {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px double #C9D7F1;}

.listado_hoteles {margin-top: 10px; border: 1px solid #933; width: 100%; border-bottom: none; font-size: 11px;}
	.listado_hoteles td {border-bottom: 1px solid #933; padding: 3px;}
	.T_titulos td {background: #933; font-size: 10px; color: #fff;}
	.preciodescuento {font-size: 14px;}

#formreservahotel .listado_hoteles {border: none;}