/*----- CONTENIDO DE LA Reservations -----*/
.clear {display:block; clear:both; height:0px; font-size:1px}
.reservations {background-image:url(gfx/decoracion/bgd_reservas.jpg); background-position:left top; background-repeat:no-repeat;}
.email {background-image:url(gfx/decoracion/bgd_reservas02.jpg); background-position:left top; background-repeat:no-repeat;}

#contenedorgeneral #contenido.contreservations  {margin-top:0px; width:895px; padding-bottom:0}
.colizq {float:left; width:524px}
.colder {float:right; width:228px;}
.colder h4 {color:#474747; font-family:Arial, Helvetica, sans-serif; font-size:17px; background:url(gfx/bgd-separadorpuntos.gif) 0 bottom repeat-x; margin:0 0 15px 0; padding-bottom:5px}
.colder .formulario { height:100%; width:228px; }
.colder .formulario .left {float:none}
.colder .formulario input.long4 { width:222px}
.colder .formulario .contenedorbotones { margin-left:0}
#introduccion {position:relative; width:448px; height:auto; margin:-50px 0 65px 0}
.reservations h2 {font-family:'Avenir 55 Roman', Avenir-Roman, Arial, Helvetica, sans-serif; font-size:3.75em; color:#ffffff; padding:0; margin:0 0 23px 0;}

.pasos{padding-top:0px; clear:both}
.numerosPasos{padding-top:0px; margin-left:6px; clear:both; height:80px}
.numerosPasos img{float:left;margin-right:5px}
.numerosPasos img.tres{margin-right:11px}

.asterisco { background:url(gfx/asterisco.png) 0 0 no-repeat; margin-left:0px; width:15px; height:13px; display:block}
span.obligatorio{color:#2299d1; font-family:Verdana, Arial, Helvetica, sans-serif}
.obliga {margin-left:0px; margin-bottom:0px; padding:0; color:#7d7d7d; font-size:10px}

p.fila strong {color:#666666}

a.btn {display:block; float:right; height:19px; border:none; padding:4px 11px 0 11px; margin-right:0px; background:#2299d1; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none}
a.btn:hover {text-decoration:none}

#formulario {width:524px; padding:0px; margin:0; float:left;clear:both; font-size:1em; overflow:visible}
#formulario p,fieldset, #formulario ul{}
fieldset {border:0px;color:#7F7F7F; width:100%}

.contenedorbotones{background:url(gfx/bgd-separadorpuntos.gif) left top repeat-x; padding-top:7px;  padding-left:0px; margin:20px 0 20px -65px; padding-left:63px;}
.formulario p.fila {position:static}
.formulario .pl34 { padding-left:34px; padding-bottom:25px}
.formulario .fila.left {float:left; padding:0 12px 0 0; margin:0; width:auto; clear:none}
.formulario .fila label.izq {display:block; padding:0; float:none; text-align:left;}
#formulario .calendario {display:block; width:18px; height:15px; float:left; margin:2px 0 0px 4px}
#formulario .calendario img {border:none}
#formulario	#promo_hidden_calendar1 a,
#formulario	#promo_hidden_calendar2 a {text-decoration:none}
#formulario	#promo_hidden_calendar1 a:hover,
#formulario	#promo_hidden_calendar2 a:hover {text-decoration:none}
#formulario	.CALcpMonthNavigation a {color:#ffffff}
#formulario	.CALcpMonthNavigation a:hover {color:#ffffff}


.moduloreservations {width:524px; float:left; padding:0 30px 60px 0px; margin:0 0 0px 0 }
.moduloreservations h4 {color:#474747; font-family:Arial, Helvetica, sans-serif; font-size:17px; background:url(gfx/bgd-separadorpuntos.gif) 0 bottom repeat-x; margin:0 0 20px 0; padding-bottom:5px}

#formulario h4 {color:#474747; font-family:Arial, Helvetica, sans-serif; font-size:17px; background:url(gfx/bgd-separadorpuntos.gif) 0 bottom repeat-x; margin:0 0 15px 0; padding-bottom:5px}
.textopeq {width:655px; margin:10px 0 10px 0px}
.for {width:655px; margin:20px 0 0 0px}
.for li {list-style-type:none; padding:0 0 12px 16px; background:url(gfx/blt-gris.gif) 0 3px no-repeat}


/* Calendar iframe */
#calendario01 {display:none}
#calendario02 {display:none}
#calendario03 {display:none}
.fecha {position:relative; z-index:100}
.dia {position:relative; z-index:100}
.calen {position:absolute; z-index:1000; width:436px; top:38px; left:0; display:none}
.calen iframe {border:none; background:none; width:444px; height:233px; z-index:1000}

/* Calendario */
.calendario {width:416px; height:215px; border:4px solid #bcbcbc; overflow:hidden; padding:5px 10px 5px 10px; position:relative; background:#ffffff}
.calendario .lnk_cerrar {padding:3px 20px 10px 0px; float:right; background:url(gfx/bgd-close.gif) 0 0 no-repeat; color:#567eb5; text-decoration:none; text-indent:-1000000px;}
.calendario .lnk_cerrar:hover { text-decoration:underline}
.calendario caption {border-left:1px solid #ffffff;}
.calendario caption .lnk_siguiente {color:#ffffff; float:right; display:block; padding-right:8px; font-weight:normal; text-decoration:none}
.calendario caption .lnk_anterior { color:#ffffff; float:left; display:block; padding-left:8px; font-weight:normal; text-decoration:none}
.calendario caption strong {float:left; display:block; padding-left:50px; font-size:0.9em}
.calendario table.calendar {width:202px; float:left; margin-right:10px; margin-bottom:10px}
.calendario table.calendar caption {font-size:1em; color:#ffffff; background:#686868; font-weight:bold; padding:3px 0 0px 0; border-bottom:1px solid #ffffff; height:20px}
.calendario table.calendar tr {}
.calendario table.calendar tr th {font-size:0.9em; border-left:1px solid #ffffff; font-weight:normal; color:#ffffff; text-align:center; background:#858585; padding:2px 0 2px 0; border-bottom:1px solid #ffffff}
.calendario table.calendar tr td {font-size:1em; font-weight:bold; text-align:center; border-bottom:1px solid #ffffff; border-left:1px solid #ffffff}
.calendario table.calendar tr td a {display:block; background:#c4c4c4; width:100%; height:100%; color:#ffffff; padding:2px 0 2px 0; text-decoration:none}
.calendario table.calendar tr td a:hover {background:#aaaaaa; text-decoration:none}
.calendario table.calendar tr td a.disabled {background:#dcdcdc; color:#ffffff; cursor:default}
.calendario table.calendar tr td a.disponible {background:#c4c4c4; color:#000000}
.calendario table.calendar tr td a.seleccionado {background:#2299d1; font-weight:bold; color:#ffffff}
.calendario .legend_disponible {background:#f3f7ed; padding:0 13px 0 0; margin-right:5px}
.calendario .legend_seleccionado {background:#cbdbb2; padding:0 13px 0 0; margin-right:5px}
.calendario .bot {position:absolute; bottom:5px}
.calendario table.ultimo {margin-right:0} 
.calendario input.btn {margin:0; padding:3px 6px 5px 6px; overflow:visible; background:#2299d1; border:none; color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.09em; cursor:pointer}
.calendario .left {float:left}
.calendario .left p {padding-bottom:5px}
.calendario .right {float:right}
.calendario .hide { display:none}


.email #contenedorgeneral #contenido.contreservations { margin-top:-80px}
.email h2 {font-family:'Avenir 55 Roman', Avenir-Roman, Arial, Helvetica, sans-serif; font-size:3.36em; color:#ffffff; padding:0; margin:0px 0 0px 0;}
.email .titulo {font-family:'Avenir 55 Roman', Avenir-Roman, Arial, Helvetica, sans-serif; font-size:2.27em; color:#ffffff; padding:0; margin:0 0 0px 0;}
.email .titular02 {font-family:Arial, Helvetica, sans-serif; font-size:2.27em; padding:0; font-weight:normal; margin:10px 0 0px 0; color:#7a7a7a}
.email #formulario {margin-top:8px}
.email .formulario .fila label.izq {display:block; padding:0; float:left; text-align:right;}
.email .calen {top:0; left:330px}
.email #introduccion {position:relative; width:448px; height:140px; margin:30px 0 20px 0px}

input.caja  { border-color:#bcbcbc!important}
select  { border-color:#bcbcbc!important}
textarea  { border-color:#bcbcbc!important}

/* */
.tabs {width:524px; margin:0 -7px 15px -7px; padding:0 0 0 5px; clear:both; border-bottom:1px solid #e2e2e4}
.tabs .ul-tabs {}
.tabs .ul-tabs li {position:relative; font-family:'Avenir 55 Roman', Avenir-Roman, Arial, Helvetica, sans-serif; width:auto; font-size:1.36em; color:#ffffff; background:#d0d0d0; border:none; float:left; padding:5px 10px 4px 10px; top:5px}
.tabs .ul-tabs li a {color:#ffffff; text-decoration:none}
.tabs .ul-tabs li.activo {background:#ffffff; border:1px solid #e2e2e4;  top:1px; border-bottom:none; padding-bottom:6px; padding-top:7px}
.tabs .ul-tabs li.activo a {color:#8a8a8a;}

.content-tabs .form {}
.content-tabs .form label {display:block; float:left; line-height:1.5em; padding-bottom:4px; color:#706d6c}
.content-tabs .form input.text {font-family:Arial, Helvetica, sans-serif; font-size:1.02em; color:#706d6c; padding:2px 3px 2px 3px; border:1px solid #abadb3; margin-right:3px}
.content-tabs .form select {font-family:Arial, Helvetica, sans-serif; font-size:1.02em; color:#706d6c; padding:1px 0px 1px 3px; border:1px solid #abadb3; display:inline}
.content-tabs .form select option {padding-left:5px}
.content-tabs .form input.long2 {width:76px}
.content-tabs .form input.long3 {width:123px}
.content-tabs .form input.long4 {width:207px}
.content-tabs .form select.long1 {width:46px}
.content-tabs .form select.long2 {width:41px; float:none}
.content-tabs .form select.long3 {width:121px}
.content-tabs .form input.ciudad {display:inline-block; margin:5px 0 0 0}

.content-tabs .form .date {display:block; float:left}
.content-tabs .form .ico-calendar {display:block; float:left; margin-left:2px; padding-right:12px; margin-top:3px}
.content-tabs .form .habitaciones {padding-top:5px; padding-bottom:6px; height:100%; width:489px; _width:498px }
.content-tabs .form .habitaciones .row {float:right; padding-bottom:1px; text-align:right  }
.content-tabs .form .habitaciones .row .room {display:block; float:left; padding:3px 8px 0px 0; margin-right:8px; border-right:1px solid #ada9a7;}
.content-tabs .form .habitaciones .row .room * {font-weight:normal}