/* 
CSS con los estilos utilizados en reservas. Se puede modificar para adaptar al estilo requerido
*/

#contenido-reservas{
	margin-right: auto;
    margin-left: auto;
    color:#222;
	width:700px;
}

/* --------------------------------------------------------------------------- Elementos de tipografia y espaciado
*/
#contenido-reservas a{
    text-decoration:none;
    color:#222;
	cursor:pointer;
}

#contenido-reservas a:hover{
    text-decoration:underline;
	color:#444;
}

#contenido-reservas a img{
    border:0;
}

#contenido-reservas h1{
    font-size:2em;
	line-height:1;
}

#contenido-reservas h2{
    font:2.7em/1 Arial, Helvetica, sans-serif;
	color:#4c4c44;
	font-weight:normal;
	text-transform:uppercase;
	display:block;
	margin-bottom:3px;
}
#contenido-reservas h3{
	font-weight:normal;
	font-size:1.1em;
}
#contenido-reservas h3 span{
	display:block;
	min-height:18px;
	padding:2px 2px 0 20px;
	color:#FFF;
	background:#666;
}
#contenido-reservas h3 a{
	display:block;
	min-height:18px;
	text-decoration:none !important;
}
* html h3 span,
* html h3 a{
	height:18px;
}
h3 span + img{
	display:block; /* hack FF */
}
#contenido-reservas h4{
	font:1.2em/1.2 Arial, Helvetica, sans-serif;
	color:#FFF;
    background-color: #0AB3D2;
}
#contenido-reservas .reservar-2 h4,
#contenido-reservas .reservar-3 h4 {
	padding:2px 0 2px 20px;
	clear:left;
}
#contenido-reservas h4 *{
	font-family:Arial, Helvetica, sans-serif;
}
#contenido-reservas h4 small{
	font-size:0.65em;
	color:#222;
	margin-left:5px;
}
#contenido-reservas h4 a:hover{
    text-decoration:none;
}
#contenido-reservas h4 a.showPanel{
    color:#fff;
    background:url(../img/panel-off.png) no-repeat 100% 5%;
}
#contenido-reservas h4 a.active{
    background:url(../img/panel-on.png) no-repeat 100% 5%;
}
* #contenido-reservas a.showPanel{
	background-image:url(../img/panel-off.gif);
}
* #contenido-reservas a.active{
	background-image:url(../img/panel-on.gif);
}
#contenido-reservas h5{
	font:bold 1em Arial, Helvetica, sans-serif;
}
#contenido-reservas h6{
	font:bold 1em Arial, Helvetica, sans-serif;
}

#contenido-reservas p{
    margin-bottom:0.8em;
	font-size:0.92em;
}

#contenido-reservas table{
    border-collapse:collapse;
}


#contenido-reservas sup{
    vertical-align:text-top;
    font-size:0.75em;
}

#contenido-reservas sub{
    vertical-align:text-bottom;
    font-size:0.75em;
}
#contenido-reservas big{
	font-size:1.3em;
}
.address{
	font-style:normal;
}
.address a{
	color:#918560;
	text-decoration:underline;
}
.address p{
	margin-bottom:1.2em;
}
#contenido-reservas small{
	font-size:0.7em;
}
#contenido-reservas fieldset{
	border:0;
}
#contenido-reservas form input,
#contenido-reservas form textarea{
	padding:3px 0 3px 3px;
}
#contenido-reservas form select{
	height:19px;
}
#contenido-reservas label{
	display:block;
}
#contenido-reservas input.hidden,
#contenido-reservas input[type=hidden]{
    display:none !important;
}
#contenido-reservas form button{
	cursor:pointer;
}
.boton{
	font-weight:normal;
	padding:1px 8px;
	border:0;
	background:#0AB3D2;
	color:#FFF !important;
	text-align:center;
	-moz-border-radius:0 8px 0 8px;
	-webkit-border-radius:0 8px 0 8px;
	text-decoration:none !important;
}
*:first-child+html a.boton{
	padding:0 8px 0 0 !important;
	background:url(../img/bgBoton.png) 100% 0;
}
*:first-child+html a.boton span{
	padding:1px 0 1px 8px !important;
	zoom:1;
	background:#C5C7C9 url(../img/bgBoton.png) 0 100%;
}
*:first-child+html .celda a.boton span{
	background-color:#FFF;
}
* a.boton{
	padding:0 8px 0 0 !important;
	background:url(../img/bgBoton.png) 100% 0;
}
* a.boton span{
	padding:1px 0 1px 8px !important;
	zoom:1;
	background:#C5C7C9 url(../img/bgBoton.png) 0 100%;
}
#contenido-reservas button.ui-datepicker-trigger{
	padding:0;
	border:0;
	margin:0;
	vertical-align:top;
	background:none;
}
.celda{
	margin-bottom:10px;
	background:#FFF;
	position:relative;
}
.fBox{
	padding:15px 20px;
}
.flecha{
	text-align:right;
	padding-right:12px;
	margin-bottom:0;
}
a.verMas{
	font-weight:bold;
	background:url(../img/icoSiguiente.gif) no-repeat 100% 65%;
	padding-right:13px;
}
span.unaLinea{
	display:block;
	white-space:nowrap;
}
.reservas h2{
	font-size:1.9em;
	text-transform:none;
	margin:15px 0 10px 0;
}

/* --------------------------------------------------------------------------- Buscador
*/
.buscador fieldset{
	margin:0 8px 0 20px;
	padding:10px 0 15px;
}
.buscador input,
.buscador select,
form.infoHusa input,
form.infoHusa textarea{
	background:#FFF;
	color:#222;
	border:1px solid #999;
	margin:0 -1px;
}
.buscador input,
.buscador select{
	width:35px; /* solo afecta al SELECT */
	color:#808080;
}
.buscador input.principal{
	width:180px;
}

form.infoHusa{
	margin:15px 0;
}
form.infoHusa label,
.pseudoLabel{
	margin-bottom:15px;
}
form.infoHusa input{
	width:220px;
}
.buscador label span,
form.infoHusa label span,
.pseudoLabel span{
	display:block;
	text-transform:uppercase;
	font-size:1em;
	margin:5px 0 2px 0;
}
.buscador label em{
	display:block;
	font-size:0.82em;
	font-style:normal;
	line-height:1.2em;
}
.buscador .fechasRelacionadas input{
	width:140px;
}
.buscador .fechasRelacionadas button{
	margin-left:13px;
}
.seleccionarPax{
	margin:8px 0;
}
.seleccionarPax select{
	margin-right:5px;
}
.buscador div.enviar{
	font-size:1.1em;
	margin-left:-12px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}

.checkList input{
	width:auto !important;
	vertical-align:middle;
	border:none !important;
	display:inline;
	margin-top:0;
	margin-bottom:0;
}
#buscadorDisponibilidad .boton{
	padding-right:2px;
	padding-left:2px;
}
div.mejorPrecio{
	background:url(../img/bannerMejorPrecio.gif) no-repeat 0 0;
	height:30px;
	margin-bottom:8px;
	text-align:center;
	font-size:1.1em;
	line-height:1.1em;
}
div.mejorPrecio span{
	color:#FFF;
	font-weight:bold;
}
div.mejorPrecio a{
	display:block;
}
div.mejorPrecio a:hover{
	text-decoration:none;
}
/* respuestas de formulario */
div.ok ul,
div.ko ul{
	text-align:left;
    width:383px;
    min-height:2.4em;
    padding:1em 1em 1em 5em;
    margin-bottom:2em;
    background:#793635 url(../img/bgDivKo.gif) no-repeat 0 0;
    color:#FFF;
}
div.ok ul{
	background-color:#04BA4D;
	background-image:url(../img/bgDivOk.gif);
}
div.ko li{
	margin-bottom:0.25em;
}

/* preseleccion de fechas y pax */
#contenido-reservas .fechasRelacionadas label,
#contenido-reservas .seleccionarPax,
#contenido-reservas .enviar{
	float:left;
	display:inline;
	width:230px;
	margin-right:70px;
}
#contenido-reservas .seleccionarPax{
	clear:left;
}
#contenido-reservas .enviar{
	font-size:0.9em;
	margin-top:2.6em;
	margin-left:0;
	text-align:left;
}

/* listado pasos */
#formReserva-pasos{
	font-size:1.2em;
	height:30px;
	background:transparent url(../img/bgPasos.png) no-repeat 0 0;
}
#formReserva-pasos a{
	color:#FFF;
	text-decoration:none !important;
}
.reservar-2 #formReserva-pasos{
	background-position:0 -31px;
}
.reservar-3 #formReserva-pasos{
	background-position:0 -62px;
}
#formReserva-pasos li{
	display:inline;
	float:left;
	width:233px;
	line-height:1.3em;
	padding-top:7px;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
#formReserva-pasos big{
	vertical-align:middle;
	margin-right:0.25em;
}

#formReserva h3 span{
	background-image:none;
}
#formReserva h4{
	margin-bottom:0;
}

/* tabla de disponibilidad:
 * layout general de celdas
 */
#formReserva-disponibilidad table{
	width:100%;
}
#formReserva-disponibilidad caption{
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
	padding:10px 0 15px 20px;
	color:#FFF;
	background:url(../img/tit700.gif) repeat-y;

}
#formReserva-disponibilidad .precio,
#formReserva-disponibilidad .accion{
	text-align:right;
	padding-right:20px;
	width:65px;
}
#formReserva-disponibilidad .accion{
	width:75px;
}
#formReserva-disponibilidad td,
#formReserva-disponibilidad th{
	padding:3px;
}
#formReserva-disponibilidad thead th{
	padding-top:8px;
	padding-bottom:8px;
}
#formReserva-disponibilidad thead img{
	vertical-align:middle;
}
#formReserva-disponibilidad thead .panel{
	font-weight:normal;
	padding-top:5px;
	line-height:1.1em;
	font-size:0.82em;
	width:375px;
}
#formReserva-disponibilidad td.first,
#formReserva-disponibilidad th.first{
	padding-left:20px;

}
#formReserva-disponibilidad tr>:first-child{
	padding-left:20px;
}

/* tabla de disponibilidad:
 * estilos de cupo de habitaciones
 */
#formReserva-disponibilidad thead th{
	color:#FFF;
	background:#8F8F8F;
	border-bottom:1px solid #8F8F8F;
	padding:9px 0;
	font-size:1.1em;
}
#formReserva-disponibilidad thead th span{
	font-size:0.72em;
	font-weight:normal;
}
tr.cupoHab td{
	cursor:pointer;
	background:#C9C9C7;
	padding-top:12px !important;
	padding-bottom:12px !important;
	border-top:1px solid #222;
}
tr.cupoHab:hover td{
	background:#B8B8B6;
}
tr.cupoSeleccionado td{
	background-color:#D1B230 !important;
}
#formReserva-disponibilidad del{
	color:#900;
	display:block;
}

/* tabla de disponibilidad:
 * estilos de listado de habitaciones
 */
tr.interruptorHab td,
tr.encabezadoHab th.first,
tr.habitacion td.first{
	padding-left:40px !important;
}

tr.interruptorHab td{
	background:#DAC159 url(../img/flechaNegraOn.png) no-repeat 669px 50%;
	cursor:pointer;
}
tr.interruptorHabOff td{
	background-image:url(../img/flechaNegraOff.png);
}
tr.encabezadoHab th{
	background:#E3D183;
	border-bottom:2px solid #E3D183 !important;
}
tr.habitacion td{
	padding-top:12px !important;
	padding-bottom:12px !important;
	border-top:2px solid #BBB8AB;
}
tr.habitacion td,
tr.infoSuplementos{
	background:#F6F0D6;
}
tr.infoSuplementos h4 a.active{
	background-image:url(../img/flechaNegraOn.png);
}
tr.infoSuplementos h4 a{
	padding:2px 0 2px 20px;
	margin:2px 0;
	color:#222;
	background:#E4E4E3 url(../img/flechaNegraOff.png) 600px 50% no-repeat;
}
tr.habitacion a.showPanel{
	font-size:0.9em;
	color:#666;
}
tr.habitacion em{
	text-transform:uppercase;
	font-size:0.9em;
	font-style:normal;
	color:#7A3635;
}
tr.habitacion em.oferta,
tr.habitacion em.mejorprecio,
tr.habitacion em.contrato{
	color:#D3792F;
	text-align:center;
	display:block;
}
tr.habitacion em.mejorprecio{
	color:#E0A16D;
}
tr.habitacion em.contrato{
	color:#C4440C;
}


/* tabla de disponibilidad:
 * estilos de informacion adicional y suplementos
 */
tr.infoSuplementos td{
	padding:0 20px 0 60px !important;
}
tr.infoSuplementos h4{
	font-size:1.1em;
}
tr.infoSuplementos .panel{
	padding-left:20px;
}
tr.infoSuplementos ul.suplementos li{
	border-top:2px solid #E6E6E6;
	padding:5px 0;
}
tr.infoSuplementos ul.suplementos li.first{
	border:0;
}
#formReserva-disponibilidad ul.suplementos div{
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
	width:440px;
	zoom:1;
	*display:inline;
}
#formReserva-disponibilidad ul.suplementos div.accion{
	padding:0;
	width:155px;
}

ul,ol{
	list-style:none outside;
}

tr.infoSuplementos ul.suplementos img{
	float:left;
	margin-right:1em;
}
tr.infoSuplementos ul.suplementos p,
tr.infoSuplementos ul.suplementos h5{
	width:445px;
}

tr.infoSuplementos ul.suplementos big{
	display:block;
	width:155px;
	font-size:1.2em !important;
}

tr.infoSuplementos ul.suplementos span{
	width:100px;
	padding-left:30px;
	margin-top:6px;
	color:#888;
}
tr.infoSuplementos ul.suplementos select{
	color:#888;
	border:1px solid #888;
	margin-top:1px;
	min-width:40px;
}
tr.infoSuplementos ul.suplementos span.multi{
	text-align:left;
	font-size:0.9em;
}
tr.infoSuplementos ul.suplementos span.multi select{
	width:100px;
	font-size:1.11em;
}
tr.infoSuplementos img{
    max-width:85px;
    _width:85px; /* hack IE6 */
}

/* tabla de disponibilidad:
 * estilos de subtotales
 */
#calculosReserva{
	font-size:1.1em;
	padding:2em 0 2em 330px;
	overflow:hidden;
}
#calculosReserva dt,
#calculosReserva dd{
	float:left;
	display:inline;
	text-align:right;
	width:260px;
	padding:2px 0;
}
#calculosReserva dd{
	width:100px;
	padding-right:10px;
	font-weight:bold;
}
#calculosReserva .odd{
	background:#F2F2F2;
}
#ddTotal{
	color:#7A3635;
}
#dtTotal,
#ddTotal{
	font-size:1.4em;
	font-weight:bold;
	padding-top:1em !important;
	border-top:1px solid #222;
}
#formReserva .submit{
	position:relative;
	width:680px;
	padding:0 10px 1em;
	text-align:right;
}
#formReserva div.submit .ok ul,
#formReserva div.submit .ko ul{
	position:absolute;
	bottom:0;
	left:15px;
	width:228px;
}

#condicionesReserva h4{
	margin-bottom:2px;
}
#condicionesReserva .panel,
#actividadesNoReservables .panel{
	padding:5px 20px 2em;
}

/* paso 2 de la reserva */
#formReserva .miniResumen{
	margin:0.5em 0 0;
}
#formReserva.reservar-2 p big{
	color:#222;
}
#formReserva .miniResumen strong,
#formReserva.reservar-2 p big strong,
#formReserva.reservar-2 h5 strong{
	color:#7A3635;
}
#formReserva .miniResumen a{
	font-size:0.9em;
}
#formReserva.reservar-2 label img{
	vertical-align:top;
	margin-left:0.5em;
}
#formReserva.reservar-2 label,
#formReserva.reservar-2 .pseudoLabel{
	width:48%;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align:top;
}
#formReserva.reservar-2 span.panel{
	margin-right:1em;
	padding:5px;
	border:1px solid #999;
	text-transform:none;
}
#formReserva.reservar-2 .checkList label{
	display:block;
	width:auto;
}
#formReserva.reservar-2 .textoBreve{
	width:8em;
}
#formReserva.reservar-2 select{
	min-width:8em;
}
#formReserva.reservar-2 h5{
	font-size:1.5em;
	margin-bottom:1em;
}
#formReserva.reservar-2 .parrafosDestacados{
	padding:3em 0 1em;
	font-size:1.1em;
}

#condicionesReserva ul li{
	margin:0  0 15px 8px;
}

#formReserva.reservar-2 .boton {
	font-size:1.7em;
}

/* confirmacion de la reserva*/
.reservar-3 h5{
	font:bold 1.3em/1.5em Verdana, sans-serif;
	text-transform:uppercase;
}
.reservar-3 h5 strong{
	font-size:1.2em;
	color:#7A3635;
}
.reservar-3 h6{
	font:bold 1.3em Verdana, sans-serif;
	margin:2em 0 1em;
	border-top:2px solid #AAA;
	padding-top:1.8em;
}
.reservar-3 big{
	color:inherit !important;
}
.reservar-3 .txtLegal{
	font-weight:normal;
	font-size:10px;
	text-transform:none;
	line-height:1.1em;
	display:block;
}
.reservar-3 .address{
	width:290px;
	padding-right:20px;
}
.reservar-3 .address span,
.reservar-3 dl{
	display:block;
	margin:0 0 1em;
	overflow:hidden;
}
.reservar-3 dd,
.reservar-3 dt{
	display:inline;
	float:left;
	padding:0 0.5em 1px 0;
}
.reservar-3 dt{
	clear:left;
}
.reservar-3 dd{
	*display:block;
	*float:none;
	font-weight:bold;
}
.reservar-3 em.oferta,
.reservar-3 em.comision{
	text-transform:uppercase;
	color:#D3792F;
	font-style:normal;
}
.reservar-3 em.comision{
	color:#0067B1;
}

.reservar-3 dl.suplementosXHab{
	padding-bottom:1.5em;
}
.reservar-3 dd.listadoSupl{
	clear:left;
	margin-left:1em;
	font-weight:normal;
}

#importeTotalReserva{
	margin:1em 0 2em;
}

.inlineList li {
    display: inline;
    padding-right:0.5em;
    border-right:1px solid;
    margin-right:0.5em;
}
.inlineList li.last,
.inlineList li:last-child{
    padding-right:0;
    border-right:0;
    margin-right:0;
}
.floatLeft {
    float: left;
    display: inline;
}

.floatRight {
    float: right;
    display: inline;
}

@media print {
    .lda-noprint{display:none !important}
    #lda-print{display:block;text-align:left;}
}
@media screen {
    #lda-print{display:none !important}
}

#bg #page .panel {
	display:none;
}
#bg #page .shown{
	display:block;
}