/*************************************
 * HotelanWeb
 * Copyright 2015 Landín Informática
 * http://landin.es
 *************************************/

.lan-clear {clear: both;}
#lan-div-consulta {width: 100%; padding: 0; margin: 0px auto 2px auto; font-family: Helvetica, Arial, sans-serif; background-color: #aaa; border-radius: 0px 0px 4px 4px;}
#lan-div-consulta input[type=checkbox] {width: 16px; height: 16px;}
#lan-button-resize-contents-helper {display: none;}
.lan-info-1 {text-align: center; font-size: 1.2em; color: #222; padding: 16px 0px 10px 8px;}

/* selección de fechas y tipo de habitación */

#lan-div-seleccion-habitaciones {float: left; width: 700px; padding: 4px; margin: 30px 8px 8px 8px; background-color: #ddd; border-radius: 3px; box-shadow: 0px 0px 1px 1px #777;}
#lan-div-form-disponibilidad {margin: 4px 4px 4px 4px;}
#lan-div-form-disponibilidad label {display: block; margin: 4px 0px 2px 0px;}
#lan-div-form-disponibilidad input:hover, select:hover {box-shadow: 0px 0px 1px 1px #aaa;}
#lan-div-form-disponibilidad-inner {border-radius: 3px; box-shadow: 0px 0px 1px 1px #777; padding: 12px; background-color: #f5f5f5;}
#lan-div-fecha-entrada {float: left; margin: 2px 4px 2px 2px;}
#lan-div-fecha-salida {float: left; margin: 2px;}
#lan-div-tipo-habitacion {float: left; margin: 2px;}
#lan-div-boton-consultar {float: left; margin: 2px;}
#lan-boton-consultar {padding: 4px 12px; width: 200px; font-size: 1em;}
.lan-select {border: 1px solid #aaa; padding: 5px 4px; border-radius: 2px; background-color: #fff; width: 180px; font-size: 0.9em;}
.lan-input-fecha {background: url("../img/calendar_24.png") no-repeat scroll 0px 2px #ffffff; background-position: 99%; border: 1px solid #aaa; padding: 6px 4px; border-radius: 2px; width: 110px; cursor: pointer; font-size: 0.9em;}

/* selección de habitaciones */

#lan-div-habitaciones-libres {display: none; padding: 0px 4px 4px 4px; margin: 0;}

.lan-div-tipo-hab {padding: 8px 8px 4px 8px; background-color: #bbb; border-radius: 2px; box-shadow: 0px 0px 1px 1px #999; margin: 12px 0px 4px 0px;}
.lan-div-tipo-hab-desc {float: left;}
.lan-div-tipo-hab-desc h3 {float: left; margin: 4px 0px 4px 0px; font-size: 20px; color: #111; font-weight: normal;}
.lan-div-tipo-hab-desc p {clear: both; margin: 4px 0px 4px 0px; font-style: italic;}
.lan-div-tipo-hab-img {float: right; margin: 0; padding: 0; width: 120px;}
.lan-div-tipo-hab-img img {border: 0; margin: 0; padding: 0; width: 120px; border-radius: 3px; box-shadow: 0px 0px 1px 1px #777;}

.lan-div-tarifa {background-color: #888; padding: 8px; border-radius: 3px 3px 0px 0px; margin: 4px 0px 0px 0px;}

.lan-div-regimen {border: 1px solid #999; background-color: #ddd; padding: 0; margin: 0px 0px 2px 0px;}
.lan-div-regimen-inner {background-color: #bbb; padding: 8px;}
.lan-span-regimen-1 {display: inline-block; width: 200px; margin: 4px 8px 4px 0px; font-weight: bold;}
.lan-span-regimen-2 {display: inline-block; width: 158px; margin: 4px 0px;}
.lan-span-regimen-3 {display: inline-block; width: 184px; margin: 4px 0px;}
.lan-span-regimen-3-precio {font-weight: bold;}
.lan-select-num-habitaciones {padding: 2px;}

.lan-div-suplementos {background-color: #ddd; padding: 4px; font-size: 0.8em;}
.lan-div-suplementos-habitacion {margin: 0px 0px 4px 0px;}
.lan-div-suplemento {float: left; padding: 0px; margin: 2px 2px 2px 0px; width: 180px; height: 20px;}
.lan-div-suplemento input {float: left;}
.lan-div-suplemento select {margin: 0px 0px 0px 4px;}
.lan-div-suplemento h4 {margin: 4px 0px 0px 4px; font-weight: bold;}
.lan-div-suplemento label {float: left; margin: 3px 0px 0px 0px;}
.lan-span-num-ninos {margin: 0px 4px 0px 4px;}
.lan-span-num-adultos {margin: 0px 4px 0px 4px;}
.lan-select-num-ninos {padding: 2px;}
.lan-select-num-adultos {padding: 2px;}

/* datos del cliente */

#lan-div-datos-cliente {display: none; float: left; width: 700px; padding: 4px; margin: 8px 8px 8px 8px; background-color: #c5c5c5; border-radius: 3px; box-shadow: 0px 0px 1px 1px #888;}
#lan-div-datos-cliente h2 {font-size: 1.4em; text-align: center; padding: 2px 4px; margin: 5px; color: #fff; background-color: #272727; border-radius: 3px;}
#lan-div-datos-cliente h3 {font-size: 1.4em; text-align: center; padding: 2px 4px; margin: 5px; color: #151515; background-color: #B5B5B5; border-radius: 3px;}
#lan-div-datos-cliente label {display: block; margin: 10px 2px 2px 0px; float: left; text-align: right; width: 32%; font-size: 0.92em;}
#lan-div-datos-cliente .lan-label-obligatorio {font-weight: bold;}
#lan-div-datos-cliente .lan-input-cli {margin: 4px 0px 2px 0px; float: left; text-align: left; width: 55%; border: 1px solid #aaa; padding: 6px 4px; border-radius: 2px; font-size: 0.9em;}
#lan-div-datos-cliente .lan-input-fecha {margin: 4px 0px 2px 0px; float: left; text-align: left; padding: 6px 4px;}
#lan-div-datos-cliente .lan-select {margin: 4px 0px 2px 0px; float: left; text-align: left; padding: 6px 2px;}
#lan-div-datos-cliente input:hover, #lan-div-datos-cliente select:hover {box-shadow: 0px 0px 1px 1px #aaa;}
#lan-div-cli-datos-cli {margin: 10px 6px 4px 6px; padding: 8px 8px 8px 8px; background-color: #ddd; border-radius: 2px; box-shadow: 0px 0px 1px 1px #999; text-align: center;}
#lan-div-cli-datos-tarjeta {margin: 12px 6px 4px 6px; padding: 8px 8px 8px 8px; background-color: #ddd; border-radius: 2px; box-shadow: 0px 0px 1px 1px #999; text-align: center;}
#lan-div-cli-datos-titular {margin: 12px 6px 4px 6px; padding: 8px 8px 8px 8px; background-color: #ddd; border-radius: 2px; box-shadow: 0px 0px 1px 1px #999; text-align: center;}

#lan-div-cli-notas {margin: 12px 6px 4px 6px; padding: 8px 8px 8px 8px; background-color: #ddd; border-radius: 2px; box-shadow: 0px 0px 1px 1px #999;}
#lan-div-boton-datos-cliente-siguiente-abajo {text-align: center;}
#lan-boton-datos-cliente-siguiente-abajo {padding: 6px 20px; margin: 8px 0px 4px 0px; font-size: 1.1em;}
.lan-cli-texto-pie {color: #222; font-size: 0.9em; margin: 8px 0px 8px 32%;}
.lan-cli-texto-pie label {font-size: 1.0em !important;}
.lan-cli-texto-pie input {float: left; margin: 4px 2px 4px 0px;}
#lan-recaptcha{margin: 8px 0px 8px 32%;}
#lan-cli-div-politica-privacidad label {float: left; margin: 4px 0px 0px 2px; width: auto !important;}
#lan-cli-texto-politica-privacidad {display: none;}
#lan-error-captcha{display:none; color:red; font-weight:bold; font-size: 0.8em}

/* resumen */

#lan-div-resumen {float: left; width: 270px; background-color: #c5c5c5; padding: 8px; margin: 8px 8px 8px 0px; border-radius: 3px; box-shadow: 0px 0px 1px 1px #777;}
#lan-div-resumen h2 {font-size: 1.4em; text-align: center; padding: 2px 4px; margin: 0px 0px 8px 0px; color: #fff; background-color: #272727; border-radius: 3px;}
#lan-div-resumen p {padding: 2px 4px; margin: 0;}
#lan-resumen-importe-total {font-weight: bold;}
#lan-resumen-importe-total a {color: #000; text-decoration: none;}
#lan-resumen-importe-total a:hover {text-decoration: underline;}

/* reservar confirmada */

#lan-div-reserva-confirmada {display: none; float: left; padding: 12px 16px 4px 16px; margin: 8px 8px 8px 8px; background-color: #e3e3e3; border-radius: 3px; box-shadow: 0px 0px 1px 1px #888;}
#lan-div-reserva-confirmada h3 {margin: 12px 0px; font-size: 1.2em; padding: 3px 6px; color: #fff; background-color: #3f3f3f; border-radius: 3px;}
#lan-reserva-confirmada-cabecera, #lan-div-reserva-confirmada-fechas, #lan-div-reserva-confirmada-detalles, #lan-reserva-confirmada-importe-total {margin-left: 4px;}
#lan-div-reserva-confirmada-tick {text-align: center; margin: 12px 0px 16px 0px;}
#lan-div-reserva-confirmada-fechas table {border-spacing: 0; border-collapse: collapse;}
#lan-div-reserva-confirmada-fechas table td {border: 1px solid #aaa; padding: 4px 8px;}
#lan-div-reserva-confirmada-retorno {text-align: center; margin: 32px 0px 16px 0px;}
#lan-reserva-confirmada-retorno {padding: 10px 18px; font-size: 1em; background-color: #eaeaea; border: 1px solid #bbb; border-radius: 2px; color: #111; text-decoration: none; box-shadow: 0px 0px 1px 1px #bbb;}
#lan-reserva-confirmada-retorno:hover {box-shadow: 0px 0px 1px 1px #555;}
#lan-div-generar-pdf-reserva {text-align: center; margin: 16px 0px 16px 0px;}
#lan-generar-pdf-reserva {padding: 12px 42px 12px 12px; font-size: 1em; border: 1px solid #bbb; border-radius: 2px; color: #111; text-decoration: none; background: url("../img/pdf_32.png") no-repeat scroll 0px 4px #eaeaea; background-position: 97%; box-shadow: 0px 0px 1px 1px #bbb;}
#lan-generar-pdf-reserva:hover {box-shadow: 0px 0px 1px 1px #555;}

/* botones inferiores */

.lan-div-botones {margin: 8px 2px 4px 2px; padding: 0;}
.lan-div-botones input[type=button] {padding: 6px 12px; font-size: 1em;}
.lan-div-botones input[type=button]:hover {}
#lan-boton-seleccion-habitaciones-siguiente {float: left; width: 100%;}
#lan-boton-datos-cliente-anterior {float: left; display: none; width: 49%; margin-right: 5px}
#lan-boton-datos-cliente-siguiente {float: left; display: none; width: 49%;}

/* loaders */

#lan-loader-habitaciones-libres {display: none; float: right; margin: 22px 6px 0px 0px;}
#lan-loader-habitaciones-libres img {border: none; padding: 0; margin: 0;}

#lan-loader-resumen {display: none; margin: 4px 0px 0px -8px; text-align: center;}
#lan-loader-resumen img {border: none; padding: 0; margin: 0px 0px 8px 0px;}
#lan-resumen-texto-guardando-reserva {display: none; font-weight: bold; margin: 28px 0px 10px 0px!important; text-align: center; font-size: 1.4em;}

#lan-loader-resumen-abajo {display: none; margin: 0; text-align: center;}
#lan-loader-resumen-abajo img {border: none; padding: 0; margin: 0;}
#lan-resumen-texto-guardando-reserva-abajo {display: none; font-weight: bold; margin: 0px 0px 8px 0px!important; text-align: center; font-size: 1.4em;}

/* dialogos */

#lan-dialogo-confirmacion-1 {display: none;}
#lan-dialogo-info-1 {display: none;}

@media handheld, (max-width: 800px) {
  #lan-div-datos-cliente label {width: 40%;}
  #lan-div-datos-cliente .lan-input-cli {width: 55%;}
  #lan-div-cli-notas-left {width: 1%;}
  #lan-div-cli-notas-right {width: 96%;}
}