/* Reset */
*,html {margin:0; padding:0;}
html {font-size:110%}
body {font-size:0.5em; text-align:left;}
ul, ol {list-style:none;}
a {text-decoration:none;}
img {border:none;}
hr {border-width:0.1em 0 0;border-style:solid;}
body {font-family:arial,sans-serif;}
input, select {font-size:1em; font-family:arial,sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:1em;}
small{font-size:0.8em;}

.preciobig{font-size:1.4em}
.preciotachado{text-decoration:line-through; color:#000}

/* Tipografías */
th, td, span, input, select, label {font-weight:bold;}
p, span, input, select, label {font-size:1.4em;}
p span, p input, p select, p label  {font-size:1em;}
label span, label input, label select  {font-size:1em;}
span span, span input, span select, span label {font-size:1em;}

/* Contenedor principal */
#main {width:79em; margin:auto; border-width:0 0.2em; border-style:solid; overflow:hidden;}

/* Ficha del hotel */
.ficha {width:55em; margin:auto; padding:1.6em; overflow:auto;}
.ficha h1 {font-size:1.4em; margin-bottom:1em;}
.ficha h1 small {font-size:1em;}
.ficha img {vertical-align:middle;}
.ficha .descripcion img {width:30px; height:30px;}
.ficha .fotos {width:17.4em; float:left; min-height:1em;}
.ficha .fotos img {display:block;}
.ficha .principal {background-color:#b3c1ce; width:14.6em; margin-bottom:1.5em; padding:0.8em; float:left;}
.ficha .principal img {width:100%;}
.ficha .miniatura {width:3.2em; margin-right:1.133em; float:left;}
.ficha .descripcion {width:34em; padding-left:1.5em; float:left;}
.ficha .descripcion p, .ficha .descripcion span {font-size:1.2em;}
.ficha .descripcion p {font-weight:normal; text-align:justify; margin:0.5em 0;}
.ficha .descripcion .equipamiento {overflow:auto;}
.ficha .descripcion .equipamiento ul {width:17em; float:left;}
.ficha .descripcion .equipamiento li {font-size:1.2em; padding-top:0.4em; width:100%; float:left; clear:both;}
.ficha .descripcion .equipamiento img {margin-top:-0.4em; float:left; clear:both;}

.numpax {float:left; width:135px}

/* Cabecera */
#logos {margin:2em 0; width:100%; overflow:auto;}
#logos img {margin:1em; display:block;}

#steps {margin-bottom:2em; padding-left:0.5em; line-height:3em; white-space:nowrap; overflow:auto;}
#steps li {background:url(/static/img/steps.png) no-repeat left bottom; width:19em; height:3em; margin-left:0.4em; float:left;}
#steps li.on {background-position:left top;}
#steps li .number {text-align:center; width:2em; float:left;}
#steps li .text {font-size:1.2em; margin-left:0.8em; width:12.7em; float:left;}
#steps div.link {cursor:pointer;}

/* Títulos */

h2, h3 {margin-top:1.5em; white-space:nowrap; overflow:hidden;}
h2 img, h3 img {vertical-align:bottom;}
h2 small, h3 small {font-size:0.8em; padding-left:0.5em;}
h2 span, h3 span {display:inline-block;} /*IE*/

.header1 {/*background:url(/static/img/header1.png)*/ repeat-x center bottom; height:4.9em; line-height:1.6em; margin:0 0 2.5em; padding:2.2em 0 0 1.6em;}
.header1 span {font-size:2em; text-transform:uppercase;}
.header1 small {font-size:0.8em; text-transform:capitalize;}

.header2 {/*background:url(/static/img/header2.png)*/  repeat-x center bottom; height:4em; line-height:2.7em; padding-left:1.6em;text-align:center;}
.header2 span {font-size:1.9em;}

.header3 {/*background:url(/static/img/header3.png)*/ repeat-x center bottom; line-height:3em;}
.header3 span {font-size:1.8em; vertical-align:bottom; padding-left:0.89em;}

.header4 {background:url(/static/img/header4.png) repeat-x center bottom; height:3em; line-height:2.7em; padding-left:1.6em;}
.header4 span {font-size:1.4em;}

.header4b {background:url(/static/img/header4b.png) repeat-x center bottom; height:4em; line-height:3em;}
.header4b span {font-size:1.8em; padding-left:1em;}

.header5 {background-color:#cc0000; line-height:3em; text-align:center}
.header5 span {font-size:1.8em; padding-left:0.5em; vertical-align:bottom;}

/* Bloque de ofertas */
#ofertas a{color:#194a7b}
#ofertas a:hover{color:#CC0000}
#ofertas span{font-size:1.1em}
#ofertas li {padding:0.4em 1em 0.4em 2em;}
#ofertas img {vertical-align:middle;}

.desc_ofertas *{font-size:12px}

/* Buscador de habitaciones */
#buscador {padding-top:1em; line-height:4em; margin-bottom:1em; overflow:hidden;}
#buscador div.col-1 {width:29em; padding-left:2em; float:left;}
#buscador div.col-2 {width:29em; padding-left:2em; float:left;}
#buscador div.col-3 {width:16em; float:left;}
#buscador div.col-4 {float:right;}
#buscador div.col-4 span{color:#CC0000}
#buscador div.col-4 div.left{float:left;line-height:1.4em}
#buscador div.col-4 div.left span{font-weight:normal;font-size:1.1em}
#buscador img {vertical-align:text-bottom; margin:0 1em;}
#buscador input {font-weight:normal;text-align:center;margin-left:5px;padding:0.1em 0.1em 0.1em; border:0; width:5.7em; border:1px dotted;background-color:#E1EFFF}

#buscador a.button-search {margin-left:15px;display: block;cursor:pointer;border:0; width:20em;height:28px;background:url(/static/img/search.gif) no-repeat 0 0}
#buscador a.button-search:hover { background-position: 0 -28px;}

#buscador input.input-noches {width:1.3em; text-align:center; border:1px dotted; }
/*#buscador #select-nights {width:3em; top:1.3em; text-align:right; position:absolute; z-index:100;}*/
.childrenAges{float:left}
.babiesAges{float:left}
.ageselect{padding-left: 0.3em; float:left;clear:both}
.agesspan{font-size:1em}
.agesrequired{color:#CC0000; font-size:1em}
#agesnote{height:23px;width:494px; margin:2px auto; background-color:#ffcf00}
#agesnote .borderleft{height:23px; width:12px;float:left;background:#ffcf00 url('/static/img/leftborder.gif') no-repeat left}
#agesnote .borderright{height:23px; width:12px;float:right;background:#ffcf00 url('/static/img/rightborder.gif') no-repeat}
#agesnote .textnote{width:470px;margin-top:4px;float:left;}
#agesnote p{text-align:center; color:#CC0000; font-size:1.2em}

/* Disponibilidad de habitaciones*/
#disponibilidad ul {border-width:0.2em 0 0; border-top:1px solid #1e5a96; width:100%; overflow:hidden}
#disponibilidad ul.cabeceras, #disponibilidad ul.first {border-width:0;}
#disponibilidad ul li {margin-bottom:5px;line-height:2em; overflow:hidden;}
#disponibilidad ul.cabeceras li{line-height:1.5em; height:5em;}
#disponibilidad .col-1 div span{font-size:1.2em}
#disponibilidad .col-1 {padding-top:0.8em;width:39em; padding-left:1.6em; padding-right:2.6em; float:left; position:relative;}
#disponibilidad .col-2 {padding-top:0.8em;width:0em; text-align:center; float:left;}
#disponibilidad .col-3 {padding-top:0.8em;width:7em; text-align:center; float:left;}
#disponibilidad .col-4 {padding-top:0.8em;width:7em; text-align:center; float:left;}
#disponibilidad .col-5 {padding-top:0.8em;width:7em; text-align:center; float:left;}
#disponibilidad .col-6 {padding-top:0.8em;width:10em; text-align:center; float:left;}
#disponibilidad .col-7 {padding-top:0.8em;width:13em; text-align:right; padding-right:1em; float:right;}
#disponibilidad div.doble {padding-top:1em; line-height:1.3em;}
#disponibilidad li.cabeceras .col-7 {text-align:center;}
#disponibilidad small {font-size:0.7em;}
#disponibilidad span.anulado {text-decoration:line-through;}
#disponibilidad div.total {margin-top:-0.2em;}
#disponibilidad .link-info {position:absolute; right:0; top:1em;}

#nodisponibilidad{margin-top:50px}
#nodisponibilidad li {width:100%; overflow:hidden; position:relative;}
#nodisponibilidad li.first {border-width:0;}
#nodisponibilidad li.cabecera {padding:0.7em 0 0.4em 1.6em; border:0; width:auto;}
#nodisponibilidad div.col-1 {padding:0.6em 0 0.6em 1.6em; width:25em; line-height:1.4em; border-width:0 0.2em 0 0; border-style:solid;}
#nodisponibilidad div.col-2 {width:52em; line-height:4em; position:absolute; right:0; top:0;}
#nodisponibilidad div.col-2 span {padding:0 1em;}
#nodisponibilidad div.col-2 span.seleccione {position:absolute; right:0; top:0;}
#nodisponibilidad div.col-2 span.motivo {display:block; line-height:2.8em; margin:0 0.5em; top:0.6em;}
#nodisponibilidad div.leyenda {float:left; margin-left:4em; line-height:2.2em;}
#nodisponibilidad div.leyenda label {font-size:1.1em; padding:0.1em 0.2em; border:0.1em solid #000000;}
#nodisponibilidad div.leyenda label.past {text-decoration:line-through;}

#explanation-onrequest {width:100%;padding-top:5px;height:8.5em;background-color:#cc0000;}
#explanation-onrequest div.text{float:left; width:49%;}
#explanation-onrequest p{font-size:1.2em; color:#FFF; text-align:justify}
#explanation-onrequest p.left{padding:0 5px 5px 10px;}
#explanation-onrequest p.right{padding:0 0 5px 10px;}

/* Calendarios de disponibilidad */
.calendario table {empty-cells:show; border-collapse:collapse; border:1px outset;width:695px;color:#01305C}
.calendario th, .calendario td {font-size:1.1em; text-align:center;border-style:inset;font-weight:normal}
.calendario td {border-width:0.1em;boder-style: inset}

#resumen ul, #resumen li {width:100%;}
#resumen li div.col {font-weight:bold; float:left;}
#resumen li.dia div.col, #resumen li.desglose div.col {padding-top:0.4em; padding-bottom:0.4em;}
#resumen li.cabeceras {height:4.5em; line-height:4.2em; overflow:auto;}
#resumen li {overflow:auto;}
#resumen li.dia {border-width:0 0 0.2em; border-style:dotted;}
#resumen div.titulo {font-size:1em; height:auto; padding-left:1.6em; padding-top:0.4em; padding-bottom:0.4em;}
#resumen .desglose {/*margin-bottom:1em;*/ height:auto;}
/*#resumen .desglose ul {margin-bottom:1em;}*/
#resumen .desglose li {border-width:0 0 0.2em; border-style:dotted; overflow:auto;}
#resumen .desglose li.cabeceras-desglose {border:0; background:url(/static/img/header4.png) repeat-x center bottom;}
#resumen a.destacado {background:url(/static/img/ico-flecha1.png) no-repeat -16px 0;}
#resumen a.destacado3 {background:url(/static/img/ico-flecha3.png) no-repeat -16px 0;}
#resumen a.abierto {background-position:0 -16px;}

#resumen .table6col .col-1 {width:32%; padding-left:2%; font-size:1.4em;}
#resumen .table6col .col-2 {width:18%; text-align:center; font-size:1.4em;}
#resumen .table6col .col-3 {width:12%; text-align:center; font-size:1.4em;}
#resumen .table6col .col-4 {width:12%; text-align:center; font-size:1.4em;}
#resumen .table6col .col-5 {width:12%; text-align:center; font-size:1.4em;}
#resumen .table6col .col-6 {width:1%; text-align:right; padding-right:1.8%; font-size:1.4em; float:right;}
#resumen .table6col li.cabeceras .col-6 {text-align:center;}

#resumen .totales {text-align:right; margin-top:1em;}
#resumen .totales span {padding-right:1.15em;}

.formulario {padding:0 1.5em;}
.formulario label {font-weight:bold; line-height:1.8em;}
.formulario label.required, .formulario span.required{color:red;}
.formulario input {font-weight:bold; padding:0.4em 0 0; border:0;}
.formulario select {font-weight:bold; background:#B2C1CE; border:1px solid #B2C1CE; width:24em; margin:0 0.1em;}
.formulario textarea {width:100%; height:6em; border:0;}
.formulario p {padding:0.6em 0;}
.formulario .longtext {font-size:1.2em; font-weight:normal; margin:0.2em 0; line-height:1.3em;}
.formulario .longtext p {font-size:1em;}
.formulario .normaltext {font-weight:normal;}
.formulario p img {margin:0.1em;}
.formulario p select {width:24.6em;}
.formulario #info-transferencia p {font-weight:normal;}

.datosreserva {padding-bottom:1.4em; overflow:hidden;}
.datosreserva ul {width:80em; overflow:auto;}
.datosreserva ul li {width:23.5em; margin:0.7em 2.8em 0 0; float:left; display:inline;}
.datosreserva input {width:16.65em; height:1.6em;}
.datosreserva select {width:16.45em; }
.datosreserva label {overflow:hidden; }
.datosreserva label span {white-space:nowrap;}

#datospersonales .info {width:18.4em; margin-top:2em; float:left;}
#datospersonales .info p {font-size:1.2em; font-weight:normal; text-align:center; line-height:1.7em;}
#datospersonales .datosprofesionales {width:55.5em; margin-top:2em; float:right;}
#datospersonales .datosprofesionales ul {width:55.5em; overflow:hidden;}
#datospersonales .datosprofesionales input {width:100%; height:1.6em;}
#datospersonales .datosprofesionales ul li {width:55.5em; margin:0;}

#formaspago {padding-bottom:1.4em;}
#formaspago ul {width:80em;}
#formaspago ul li {margin:0.7em 2.8em 0 0; float:left;}
#formaspago select {width:16.45em; }

#confirmacion {width:50em; margin:4em auto 0; padding:4em 5em 2em;}
#confirmacion h3 {text-align:center; width:25em; padding:0; margin:1em auto 1.5em;}
#confirmacion h3 span {padding:0;}
#confirmacion p {font-weight:bold; text-align:center; line-height:1.5em;}
#confirmacion .datosreserva {padding:0.5em 0;}
#confirmacion .datosreserva li {width:44em; padding:0.2em 6em 0.2em 0; position:relative;}
#confirmacion .datosreserva span.precio {text-align:right; width:6em; position:absolute; right:0; top:0;}

#confirmacion2 {text-align:center; font-size:1.1em; font-weight:bold; margin:2em; line-height:1.4em;}
#confirmacion2 .button-print {font-size:1.7em; font-weight:bold; background:url(/static/img/button3.png) no-repeat center; border:0; width:7.2em; height:2.4em;}
#confirmacion2 .condiciones{text-align:left; font-weight:normal; border-style:solid; border-width:0.1em; width:64em; height:12em; margin:5px auto; overflow:scroll;}
#confirmacion2 .condiciones p {font-size:1em;}
#confirmacion2 .condiciones span {font-size:1em;}
#confirmacion2 img{margin:1em 0.5em 0.5em; vertical-align:middle;}

#login {margin:2em auto; padding-top:1em; width:55em; position:relative;}
#login p {padding-left:3em; line-height:2.5em; width:auto;}
#login p.p2 {margin:0;}
#login hr {border:2px solid #ffffff;}
#login input {padding:0.3em 0.8em 0.2em; margin-right:1em; border:0; width:6.5em; background:url(/static/img/input2.png) no-repeat center;}
#login button {line-height:1.5em; font-weight:bold;}
#login small {font-size:0.9em;}

*#conexion {width:50em; margin:4em auto 0; padding:4em 5em 2em; text-align:center;}

li.extras{margin-top:10px;padding-left: 26em; line-height:1em;width:100%}
*li.extras{padding-left: 25em;}
li.extras div.item{float:left; margin-left:1em;}
li.extras label{font-weight:normal; font-size:1.2em}

.total {height:3.2em; line-height:3.2em; padding-right:15em; position:relative;text-align:right;}
.total span.precio {text-align:right; padding:0 0.7em; position:absolute; right:0; top:0;color:#000;font-size:2em;}
.total span.precio.doble {line-height:1.1em;}
.total span.anulado {text-decoration:line-through;}

.deposito {height:3.2em; line-height:3.2em; padding:0 1.6em; position:relative; clear:both;}
.deposito span.precio {padding:0 0.7em; position:absolute; right:0; top:0;}

.transfer {padding:1em 0 2em;}
.transfer .destacado {font-size:1.6em; padding:0 2em 1em;}
.transfer .opciones {padding:0 2em; line-height:1em;}
.transfer .opciones label {display:block; margin-bottom:1em; overflow:auto;}
.transfer .opciones img {vertical-align:middle; margin-left:1em;}
.transfer .opciones small {padding-left:0.8em;}
.transfer .subtotal {text-align:right; padding:0 2em 1em;}
.transfer .condiciones {font-size:1.2em; line-height:1.8em; padding:0 2em 1em;}

form#pro-register {padding:2em 4em;}
#register-form {width:73em; margin:1em auto; line-height:3em;}
#register-form label {width:24em; float:left; margin:0 1em;}
#register-form label span {font-weight:normal;}
#register-form label span.required {font-weight:bold;}
#register-form span {display:block; width:12em; float:left;}
#register-form label input, #register-form label select  {width:11em; padding:0; float:left;}
#register-form hr {width:70.5em; margin:1em; float:left; border-style:dashed; border-width:0.2em 0 0;}
#register-form-2 {width:68em; text-align:center;margin:auto;}

/* Bloques de texto informativo */
.msg {line-height:4em; margin-top:1.5em;position:relative;}
.msg p {width:100%; line-height:1.3em; margin-bottom:1em; text-align:right;}
.msg img {vertical-align:middle;}
.msg a.button-next {float:right;margin-left:15px;display: block;cursor:pointer;border:0; width:20em;height:28px;background:url(/static/img/next.gif) no-repeat 0 0}
.msg a.button-next:hover { background-position: 0 -28px;}

.msg input.button-book {font-size:1.8em; background:url(/static/img/button4.png) no-repeat center; border:0; width:7.2em; height:2.3em; right:0.5em; top:50%; margin-top:-1.1em;}
.msg-secure {line-height:1.5em; position:absolute; right:14.5em; top:1em;}
.msg-secure span {position:absolute; white-space:nowrap; top:1em;}
.msg-secure2 {right:11em;}

#msg-fechas p {font-size:1.2em; padding:0.5em 1.4em;; line-height:2em;}
#msg-fechas span {margin-right:2em;}

select.select-num {width:3.6em; height:1.6em; border-width:0.2em; text-align:center;}
div.select-num {width:5.7em; height:2.6em; margin:auto; text-align:center; background:url(/static/img/select1.png) no-repeat center;}

select.select-text {width:18em; height:2em; border-width:0.2em;font-size:1.2em}
div.select-text {width:19em; height:2.6em; margin:auto; background:url(/static/img/select2.png) no-repeat center;}

div.select-text2 {width:23.3em; height:3em; line-height:3em; margin:auto; background:url(/static/img/select3.png) no-repeat right center;}
div.select-text3 {width:347px; height:28px; line-height:3em; background:url(/static/img/select4.png) no-repeat right center;}

.infoBoxContainer {overflow:hidden;}
.infoBoxContent {border-width:0.15em; border-style:solid; overflow:hidden; cursor:move;}

div.selectReplacement div.etiqueta {margin-right:1.7em; white-space:nowrap; text-align:center; height:1.8em; line-height:2em; overflow:hidden;}
div.selectReplacement.text div.etiqueta {text-align:left; margin-left:0.5em;}
div.selectReplacement ol {z-index:2; position:absolute; border-width:0.1em 0.1em 0.1em 0; border-style:solid; text-align:center; overflow:auto; margin-left:-0.1em;}
div.selectReplacement ol li {width:auto !important; height:auto !important; float:none !important; line-height:1.6em !important; margin:0 !important; padding:0 0.4em !important; white-space:nowrap !important; border-width:0 0 0 0.1em !important; border-style:solid !important; display:block !important;}
div.selectReplacement.text ol li {text-align:left;}


.left {float:left;}
.right {float:right;}
.clear {clear:both; width:0; height:0;}
.nowrap {white-space:nowrap;}

#otherhotels td, #otherhotels span, #otherhotels label, #otherhotels p{font-size:1em;font-weight:normal;}
#otherhotels td.info {text-align:center;}
#otherhotels td.price {text-align:center;}
#otherhotels hr.separator {margin:10px 0 10px 0;color:#e4eff8;}