/* hack plantilla */
.slotPrincipal{
	width:562px;
}
#contenedorPrincipal .columnaDerecha{		
	width:165px;
}
/* fi hack plantilla */

.reservas{
	padding:24px 0px 0px 18px;	
}
.reservas a{
	font:11px Arial, Verdana, Helvetica, sans-serif;
	color:#2696CC;
}
.reservas .navegadorTabs{		
	height:29px;
	background:url(../img/elems/tab/cuadro_gris.gif) left bottom repeat-x;
}
.navegadorTabs ul{
	list-style:none;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
}
.navegadorTabs li{				
	float:left;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
}
.navegadorTabs .on .inicio, .navegadorTabs .on .fin, .navegadorTabs .on .centro,
.navegadorTabs .off .inicio, .navegadorTabs .off .fin, .navegadorTabs .off .centro,
.navegadorTabs .off .inicioSombra{
	float:left;
	height:29px;	
}
.navegadorTabs .on .inicio{
	width:1px;
	background:url(../img/elems/tab/inicio_on.gif) left top no-repeat;
}
.navegadorTabs .on .centro{		
	background:url(../img/elems/tab/fondo_on.gif) left top repeat-x;
}
.navegadorTabs .on .centro strong{		
	float:left;
	height:20px;
	padding:9px 13px 0px 13px;		
	font:bold 14px Arial, Verdana, Helvetica, sans-serif;
	color:#165776;
}	
.navegadorTabs .on .fin{
	width:1px;
	background:url(../img/elems/tab/fin_on.gif) left top no-repeat;
}
.navegadorTabs .off .inicioSombra{
	width:4px;
	background:url(../img/elems/tab/inicio_off_sombra.gif) left top no-repeat;	
}	
.navegadorTabs .off .inicio{
	width:1px;		
	background:url(../img/elems/tab/inicio_off.gif) left top no-repeat;
}
.navegadorTabs .off .centro{
	float:left;
	height:17px;
	padding:12px 15px 0px 15px;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	color:#396471;
	background:url(../img/elems/tab/fondo_off.gif) left top repeat-x;
}
.navegadorTabs .off .fin{
	width:1px;
	background:url(../img/elems/tab/fin_off.gif) left top no-repeat;
}
.reservas #cajaSelector{		
	border-top:none;
	border-right:1px solid #B3C6CA;
	border-bottom:1px solid #B3C6CA;
	border-left:1px solid #B3C6CA;
	background-color:#FFFFFF;
	padding: 25px 0px 0px 21px;	
}

.reservas .info #primerClick,
.reservas .info #primerClickOn,
.reservas .info #segundoClick,
.reservas .info #segundoClickOn{
	display:inline;
	font:11px/12px Arial, Verdana, Helvetica, sans-serif;
	color:#000000;	
}
.reservas .info #primerClick{	
	padding-left:11px;
	background:url(../img/ico/exclamacion.gif) left top no-repeat;
	color:#000000;
}
.reservas .info #primerClickOn,
.reservas .info #segundoClickOn{
	background-color:#C80B0B;
	color:#FFFFFF;
}
.reservas #cajaSelector #selector{
	float:left;
	clear:left;
    width:100%;
    height: 219px;
}
.reservas #cajaSelector #selector .espacioH{
	float:left;
	width:28px;
	height:1px;
	overflow:hidden;
}			
.reservas #selector{
	position:relative;
    height:200px;
}

.reservas table.calendario{
	float:left;
	border-top:1px solid #B8CBCB;
	border-left:1px solid #B8CBCB;
	border-right:none;
	border-bottom:none;
	width: 149px;
	height:162px;	
}	
.reservas table.calendario caption{		
	width:148px;		
	font: bold 12px/20px Arial, Verdana, Helvetica, sans-serif;		
	color:#165776;
	padding-top:16px;
}
.reservas table.calendario td,
.reservas table.calendario th,
.reservas table.calendario th.domingo,
.reservas table.calendario td.domingo{
	font: 11px/22px Arial, Verdana, Helvetica, sans-serif;
	color:#396471;
	width:20px;
	height:22px;
	border-right:1px solid #B8CBCB;
	border-bottom:1px solid #B8CBCB;
	border-left:none;
	border-top:none;	
}	
.reservas table.calendario td.domingo{
	background-color:#FBE6E6;	
}
.reservas table.calendario th, .reservas table.calendario th.domingo{
	font-weight:bold;	
}
.reservas table.calendario th{
	border-right:none;
}
.reservas table.calendario .dia,
.reservas table.calendario .salidaOver,
.reservas table.calendario .salidaMarcado,
.reservas table.calendario .llegadaOver,
.reservas table.calendario .llegadaMarcado{
	display:block;
	width:100%;
	height:22px;	
	line-height:22px;
	text-align:center;
	text-decoration:none;
}
.reservas table.calendario td a{
    background: url(../img/ico/reservas/iconos.gif) 77px 0 no-repeat;
}
.reservas table.calendario td .dia{
	color:#396471;
}
.reservas table.calendario td.domingo .dia{
	color:#C80B0B;
}
.reservas table.calendario .disponible{
	background-color: #98EC1A;
}
.reservas table.calendario .salidaOver,
.reservas table.calendario .salidaMarcado,
.reservas table.calendario .llegadaOver,
.reservas table.calendario .llegadaMarcado{	
	font-size:0;
}
.reservas table.calendario .salidaMarcado{
    background-position: -40px 0;
}
.reservas table.calendario .llegadaMarcado{
    background-position: 0 0;
}
.reservas table.calendario .salidaOver{		
    background-position: -60px 0;
}
.reservas table.calendario .llegadaOver{
    background-position: -20px 0;
}

.reservas .botonIzq, .reservas .botonDer{	
	width: 12px;
	height: 13px;
}
.reservas .botonIzq{	
	float:left;	
	background: url(../img/elems/reservas/flecha_izq.gif) left top no-repeat;
}
.reservas .botonDer{	
	float:right;
	background: url(../img/elems/reservas/flecha_der.gif) left top no-repeat;
}

/* Elementos del formulario */
#subzona { /* Change font style and text alignment */
   font-style:italic;
   color: '#5F5F5F';
   padding-left: 20px;
}

.reservas form{
	position:relative;
	margin:0;
    padding:0;
    clear:both;
}
.reservas form div.salida{
	position:absolute;
	left:221px;	
	top:0px;
}
.reservas form div.noches{
	position:absolute;
	top:0px;
	left:445px;
}
.reservas form div.zona{
	position:relative;
	margin-top:15px;	
    clear: both;
}
.reservas form div.alojamiento{
	margin-top:15px;
}
.reservas form p{
	margin:0px 0px 5px 0px;
	padding:0px;	
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	color:#165776;	
}
.reservas form div.llegada p,
.reservas form div.salida p{	
	background-position: 0px 3px;
	background-repeat:no-repeat;
	padding-left:13px;	
}
.reservas form div.llegada p{
	background-image:url(../img/ico/llegada.gif);
}
.reservas form div.salida p{
	background-image:url(../img/ico/salida.gif);
}
.reservas form select{	
	background-color:#ECF1F2;
	font: 11px/11px Arial, Verdana, Helvetica, sans-serif;
	color:#000000;
}
.reservas form select.llegada,
.reservas form select.salida,
.reservas form select.noches{
	width:56px;
}
.reservas form select.mesLlegada,
.reservas form select.mesSalida{
	margin-left:11px;
	width:126px;
}
.reservas form select.zona{
	width:185px;
}
.reservas form .verMapa{
	position:absolute;
	left:202px;
	top:28px;
	padding-right:12px;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	color:#2696CC;		
	/*background:url(../img/ico/ver_mapa.gif) right 5px no-repeat;*/
	background:url(../img/ico/ver_mapa.gif) 100% 5px no-repeat;
	
}

.reservas .alojamiento select#numHabitaciones{
	width:56px;
}
.reservas .alojamiento .tipoCampos{
	padding: 15px 0 0 32px;	
}
.reservas .alojamiento .tipoCampos p{
	float:left;
	width: 90px;	
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #165776;
}
.reservas .alojamiento .tipoCampos p em{
	font-size: 9px;
	font-style: normal;
}
.reservas .alojamiento #unidades select{
	width:81px;
}
.reservas .alojamiento #unidades .unidad{
	float:left;
	width:100%;
	clear:both;
	padding: 0 0 18px 0;
}
.reservas .alojamiento .unidad .num{
	font:bold 11px/20px Arial, Verdana, Helvetica, sans-serif;	
	background:url(../img/elems/reservas/fondo_numero_habitacion.gif) left top no-repeat;
	color:#FFFFFF;
	text-align:center;
	width:20px;
	height:20px;
}
.reservas .alojamiento .numero{
	float:left;
}
.reservas .alojamiento .campo{
	float:left;
	margin-left:11px;
}
.reservas .alojamiento .unidad p,
.reservas .alojamiento .campo p,
.reservas .masOpciones .campoMas p{
	font:11px Arial, Verdana, Helvetica, sans-serif;	
}
.reservas .alojamiento .campo select{
	width:46px;	
}
.reservas .masReservas{
	padding-top:12px;
	font:11px Arial, Verdana, Helvetica, sans-serif;
	padding-left:11px;
	background:url(../img/ico/exclamacion.gif) 0px 12px no-repeat;
	color:#000000;
}
.reservas .masReservas a.boton{
	display:inline;
	background:url(../img/ico/reservas/mas.gif) right top no-repeat;
	padding-right:14px;
}

/* Mas opciones de búsqueda */
.reservas .masOpciones{
	padding: 22px 0 20px 0;
}
.reservas .masOpciones a{	
	font:bold 12px Arial, Verdana, Helvetica, sans-serif;
	color:#165776;
	background-position: 100% 3px;
	background-repeat: no-repeat;
	padding-right:15px;	
	text-decoration:none;
}
.reservas .masOpciones a.linkMasOpciones{		
	background-image:url(../img/ico/reservas/lupa_mas.gif);
}
.reservas .masOpciones a.linkMenosOpciones{		
	background-image:url(../img/ico/reservas/lupa_menos.gif);
}
/*.reservas .masOpciones a.desactivado{
	text-decoration:none;
	cursor:default;	
}*/
.reservas .masOpciones .opciones{
	margin-top:11px;
	display:none;
}
.reservas .masOpciones .campoMas{
	float:left;
	margin-top: 11px;
	padding: 0 10px 0 0;
}
.reservas .masOpciones .campoMas select{
	width:120px;
}
.reservas .masOpciones .campoMas select.regimen{
	width:148px;
}
.reservas .unidad .campo p{
	display:none;
}

.reservas .cajaBoton{
	padding-right:13px;
}
/* boton buscar */
.cajaBoton{
	float:right;
	margin:12px 0 12px 0px;		
}
.botonBuscar{
	background:url(../img/elems/reservas/boton_buscar_fondo.gif) left top repeat-x;			
}
.botonBuscar .der{
	background:url(../img/elems/reservas/boton_buscar_der.gif) right top no-repeat;
}
.botonBuscar .izq{		
	background:url(../img/elems/reservas/boton_buscar_izq.gif) left top no-repeat;
}
.botonBuscar a{
	display:block;
	font:bold 11px/18px Arial, Verdana, Helvetica, sans-serif;	
	color:#FFFFFF;	
	padding:0px 15px 9px 13px;
	text-decoration:none;
}