@charset "utf-8";
/* CSS Document */
body{font:normal 11px Arial, Helvetica, sans-serif; color:#656565;}
ul{list-style:none;}
li{margin:0;}
p{line-height:1.6em; text-align:justify;}
.link1 a{ background:url(../i/link1.gif) right center no-repeat ; padding-right:15px; color:#990099; font-weight:bold;}
.link1 { background:url(../i/link1s.gif) left center no-repeat; padding-left:5px;}
/* top */

h1 {float:right; margin:27px 0  0 0;}
h1 a{display:block; text-indent:-9999em; background:url(../i/logo.gif) no-repeat; width:180px; height:56px;}

.top{}
	.top ul{ display:block; float: left; width:692px; margin-top:60px; margin-bottom:10px; }
		.top li {float:left;}
		.top li a{display:block; background:url(../i/lng/es/menu.gif) no-repeat; text-indent:-9999em;height:19px;}
		
		.top .mn1 a{ width: 57px; }
		.top .mn1 a:hover,.mn1 a.on{ background-position:0 -23px;}
		
		.top .mn2 a{ width: 133px; background-position:-57px 0; }
		.top .mn2 a:hover,.top .mn2 a.on{ background-position:-57px -23px;}
		
		.top .mn3 a{ width: 97px; background-position:-190px 0; }
		.top .mn3 a:hover,.top .mn3 a.on{ background-position:-190px -23px;}
		
		.top .mn4 a{ width: 186px; background-position:-287px 0; }
		.top .mn4 a:hover,.top .mn4 a.on{ background-position:-287px -23px;}
		
		.top .mn5 a{ width: 53px; background-position:-473px 0; }
		.top .mn5 a:hover,.top .mn5 a.on{ background-position:-473px -23px;}
		
		.top .mn6 a{ width: 81px; background-position:-526px 0; }
		.top .mn6 a:hover,.top .mn6 a.on{ background-position:-526px -23px;}
		
		.top .mn7 a{ width: 85px; background-position:-607px 0; }
		.top .mn7 a:hover,.top .mn7 a.on{ background-position:-607px -23px;}
		
	.top img{float:left; clear:left; margin-bottom:10px;}



.weather{ display:block; float:left; width:229px; height:91px; background:url(../i/weather.jpg) no-repeat; margin-top:12px; padding-left:23px; padding-top:12px; position:relative; }
	.weather span{display:block; float:left; font-size:14px; font-weight:bold; color:#FFFFFF; width:57px;} 
	.weather .sp1{ width:140px; text-transform:uppercase;}
	.weather .sp2{ font-size:24px; margin-top:5px;}
	.weather u{ display:block; font-size:11px; font-weight:normal;}
	.weather a{ position:absolute; left:200px; top:50px;}
	
/* reservas */

.reservas {background:url(../i/rallado_horizontal.gif) repeat-x bottom; float:right; margin-bottom:10px; padding-bottom:10px;}
	.reservas fieldset{ display:block; float:left; background:url(../i/lng/es/txt_reservas.gif) left center no-repeat; padding-left:120px; margin:20px 0 0 0;}
	.reservas label{ display:inline-block; margin:10px 0 10px 0; float:left;}
	.reservas .lbl_dispobibilidad{ background:url(../i/lbl_disponibilidad.gif) left center no-repeat; padding: 0px 0 0 10px; margin:7px 0 0 10px; height:25px; }
	.reservas label select{ border:solid 1px #999999; margin-right:5px; font-size:11px;}
	.reservas span{ display:inline-block; margin:0 5px 0 10px;}
	.reservas input{width:20px;  font-size:11px;}
	
/* main */
.main{ float:right; margin-top:10px; }
	.blq strong{ display:block; color:#0094B9; width:150px;}
	.border_top{background:url(../i/rallado_horizontal.gif) top repeat-x; padding-top:20px; margin-top:10px;}
	.sirueta{ background:url(../i/sirueta.jpg) no-repeat 0 170px;}
	.ul_mn_hotel{ display:block; float:left; width:280px; margin-right:15px;}
		.ul_mn_hotel li {float:left; margin-bottom:19px;}
		.ul_mn_hotel li a{display:block; background:url(../i/lng/es/mn_hotel.gif) no-repeat; text-indent:-9999em; width:280px; height:25px;}
		
		.ul_mn_hotel .mn1 a:hover,.ul_mn_hotel a.on{ background-position:-281px 0px;}
		
		.ul_mn_hotel .mn2 a{ background-position:0px -45px; }
		.ul_mn_hotel .mn2 a:hover,.ul_mn_hotel .mn2 a.on{ background-position:-280px -45px;}

		.ul_mn_hotel .mn3 a{ background-position:0px -90px; }
		.ul_mn_hotel .mn3 a:hover,.ul_mn_hotel .mn3 a.on{ background-position:-281px -90px;}
		
		.ul_mn_hotel .mn4 a{ background-position:0px -135px; }
		.ul_mn_hotel .mn4 a:hover,.ul_mn_hotel .mn4 a.on{ background-position:-280px -135px;}
		.main p strong{ display:block; color:#0094B9; }
		.main .dv1{display:block; float:right; width:580px;}
			.main .dv1 li,.main .ul_flechas li{display:inline-block; background:url(../i/li_flecha.gif) no-repeat left center; width:120px; margin-bottom:5px; padding-left:10px; float:left; }
			.main .ul_flechas li{width:570px; float:right;}
			.main .border_bottom{ background:url(../i/rallado_horizontal.gif) repeat-x bottom; padding-bottom:10px; margin-bottom:15px; }	
			.main .dv_ocio_l{ width:533px; float:left;}
			.main .dv_ocio_r{ width:273px; }
			.main .dv_ocio_r a{color:#656565; text-decoration:none;}
			.main .dv_contacto_l{ width:417px; float:left;}
			.main .dv_contacto_l .borde{ margin-top:20px; background:url(../i/rallado_horizontal.gif) repeat-x top; padding-top:10px;}
			.main .dv_contacto_r{ width:433px; }
			.main .dv_contacto_r fieldset,.main .dv_contacto_r label{ width:100%; float:left; margin-bottom:10px;}
			.main .dv_contacto_r fieldset span{ width:70px; display:block; float:left;}
			.main .dv_contacto_r input,.main .dv_contacto_r textarea{ width:321px;}
			.main .dv_contacto_r  a{float:right;}
			
		.main .precios strong{ color:#0094B9; display:block; float:left; clear:left; margin-bottom:5px;}
		.main .precios span{float:left; display:block; margin-bottom:5px; background:url(../i/li_flecha.gif) no-repeat left center; padding-left:10px; margin-left:5px;}
		
		/*.listado_gastronomia{ display:block; background:url(../i/ul_gastronomia.gif) repeat-x; display:block; float:left; width:580px; }	*/
		.listado_gastronomia{ display:block; display:block; float:left; width:580px; }	
			.listado_gastronomia li{display:block; float:left; width:290px;    min-height:200px; /* For modern browsers */   height: auto !important;   height: 200px; /* For IE 6 */ margin-top:13px;}	
			.listado_gastronomia strong{ color:#0094B9; display:block; margin:5px 0 5px 0;}
			.listado_gastronomia p{width:90%;}
			.listado_gastronomia .li_aux1{ margin-top:0;min-height:20px; /* For modern browsers */   height: auto !important;   height: 20px; /* For IE 6 */ width:100%;}
	
			.mod_ofertas_y_paquetes{ width:890px; }
				.mod_ofertas_y_paquetes li{position:relative;}
				.sp_precio{position:absolute; left:215px; top:50px; background:url(../i/sp_precio.png) no-repeat; width:62px; height:52px; display:block; text-align:center; color:#FFFFFF; font-size:10px; padding-top:10px;}
				.bloques{ left:210px;}
					.sp_precio strong{ font-size:18px; color:#FFFFFF; margin:0; width:auto; }
						.sp_precio strong strong{ font-size:14px;display:inline;}
		
		.paginador{ width:100%; float:left; margin:15px 0 0 0; }
			.paginador li{display:block; float:left; width:auto; height:auto; min-height:11px;}
			.paginador  a{ width:11px; height:11px; background:url(../i/paginador_punto_off.gif) no-repeat center; text-indent:-9999em; float:left; display:block; text-transform:uppercase;}
			.paginador a.pre {font:bold 8px Verdana, Arial, Helvetica, sans-serif; color:#990099; background:url(../i/flecha_izq.gif) no-repeat left center; padding-left:15px; width:auto; text-indent:0; padding-right:10px; }
			.paginador a.next {font:bold 8px Verdana, Arial, Helvetica, sans-serif; color:#990099; height:auto; margin:0; background:url(../i/link1.gif) no-repeat right center; padding-left:8px; width:auto; text-indent:0; padding-right:15px; }
			.paginador .a_on{background:url(../i/paginador_punto_on.gif) no-repeat center;}
		
	.ul_mn_apartamentos{ display:block; float:left; width:280px; margin-right:15px;}
		.ul_mn_apartamentos li {float:left; margin-bottom:19px;}
		.ul_mn_apartamentos li a{display:block; background:url(../i/lng/es/mn_apartamentos.gif) no-repeat; text-indent:-9999em; width:280px; height:25px;}
		
		.ul_mn_apartamentos .mn1 a:hover,.ul_mn_apartamentos a.on{ background-position:-281px 0px;}
		
		.ul_mn_apartamentos .mn2 a{ background-position:0px -45px; }
		.ul_mn_apartamentos .mn2 a:hover,.ul_mn_apartamentos .mn2 a.on{ background-position:-280px -45px;}
		
		
		
	.ul_tarifas{width:100px; float:left;}	
		.ul_tarifas strong{ color:#0094B9; display:block; margin-bottom:5px;}
/* pie */
.pie{ margin-top:20px; background: url(../i/rallado_horizontal.gif) top repeat-x; float:right; padding-top:10px;}
	.pie span{ display: inline-block; margin-right:23px; float:left; }
	.pie strong{ display:block; color:#666666; font-size:11px;}
	.pie a{ display:block; color:#666666; font-size:10px; text-decoration:none;}
	.pie a:hover{text-decoration:underline;}
	.pie .copy{ float:right; margin-right:0; background:url(../i/rallado_vertical.gif) left repeat-y; padding-right:15px; display:block; width:145px;}
	.pie .copy strong{ font-style:normal; background:url(../i/flecha_copy.gif) left center no-repeat; padding-left:15px; padding-right:7px; color:#4AC9EF; font-size:9px; float:right;}
	.pie .copy a{ color:#4AC9EF; text-decoration:underline; background:url(../i/rallado_vertical.gif) left repeat-y; margin-left:10px; padding-left:10px; float:right;}
	
	
	
/* GBOOK */
#applet-container select,#applet-container input{ border:solid 1px #999999; font:normal 11px Arial, Helvetica, sans-serif; float:left; margin-right:0px;}
#applet-container span{float:left; display:block; margin-right:4px; margin-left:2px;}
#applet-container #applet-from-date-calendar button,#applet-container #applet-to-date-calendar button{ display:block; float:left; width:16px; height:16px; background:url(/i/cal.gif) no-repeat; text-indent:-9999em; margin-left:5px; }
#applet-container label{display:block; float:left; margin-right:10px; margin-bottom:10px;}
#applet-container .button{display:block; width:79px; height:19px; background:url(/i/lng/es/btn_continuar.gif) no-repeat; text-indent:-9999em; float:right; margin-top:9px;}
#applet-container h2{ text-indent:-9999em; display:none; width:150px; height:20px; float:left; }
#applet-container  #applet-child-count{display:none;}
.paso1 #applet-container #applet-to-date span,.paso1 #applet-container #applet-from-date span{ width:70px;}
.paso1 #applet-container #applet-to-date span.input-date,.paso1 #applet-container #applet-from-date span.input-date{ width:150px;}
.paso1 #applet-container .button{float:left; clear:left; }
.paso1 #applet-container h2{ font-size:11px; color:#0094B9; text-transform:uppercase; text-indent:0; display:inline; }

.paso1 #applet-container #applet-to-date{ clear:left; width:270px;}
.paso1 #applet-container #applet-adult-count{clear:left; width:100px;}
.paso1 #applet-container #applet-child-count{width:150px;}

#gbook-container {position:relative;    min-height:250px; /* For modern browsers */   height: auto !important;   height: 250px; /* For IE 6 */ margin-top:10px;}
#gbook-container h2{ display:block; position:absolute; width:62px; height:252px; left:-190px; top:10px; text-indent:-99999em;  }
#gbook-container h2.step-1{background:url(/i/paso_1.gif) no-repeat; }
#gbook-container h2.step-2{background:url(/i/paso_2.gif) no-repeat; }
#gbook-container h2.step-3{background:url(/i/paso_3.gif) no-repeat; }

#gbook-container h3{color:#0094B9; font-size:11px; text-transform:uppercase;}
#gbook-container a{color:#0094B9;}
#gbook-container .combination-list{display:block; float:left; width:520px;}
#gbook-container .combination-list ul,#gbook-container .variation-list ul{display:block; float:left;  background:url(../i/rallado_horizontal.gif) top repeat-x; padding-top:10px; margin-bottom:0;}
#gbook-container .combination-list ul li,#gbook-container .variation-list ul li{ background:url(../i/rallado_horizontal.gif) bottom repeat-x; display:block; float:left; width:520px; margin-bottom:10px; }
#gbook-container .combination-list ul li .from,.total-container .total{ display:block; height:16px; background-color:#ECF9FD; float:left; font-size:12px; font-weight:bold; color:#007997; line-height:16px; padding:10px; clear:left; margin-bottom:0; }
#gbook-container .combination-list ul li .from{ float:right; clear:right;}
.total-container .total{ float:right; clear:right;}

#gbook-container .combination-list ul li .reserve-combination {float:right; margin-right:20px;}
#gbook-container .combination-list ul li .reserve-combination a{ display:block; width:79px; height:19px; background:url(/i/lng/es/btn_continuar.gif) no-repeat; text-indent:-9999em; float:right; margin-top:9px;}

#gbook-container .combination-list ul li ul{margin:0; width:520px; display:block; float:left; background:none;}
#gbook-container .combination-list  ul li .variation-list ul li{background: url(/i/cama_1.gif) no-repeat 0 3px; padding-left:137px; width:250px; padding-top:20px;}
#gbook-container .combination-list ul li ul li.bed_2{ background:url(/i/cama_2.gif) no-repeat 0 3px;}
#gbook-container .combination-list ul li ul li.bed_3{ background:url(/i/cama_3.gif) no-repeat 0 3px;}
#gbook-container .combination-list ul li ul li.bed_4{ background:url(/i/cama_4.gif) no-repeat 0 3px;}
#gbook-container .combination-list ul li ul li.bed_5{ background:url(/i/cama_5.gif) no-repeat 0 3px;}
#gbook-container .combination-list ul li ul li.bed_6{ background:url(/i/cama_6.gif) no-repeat 0 3px;}




#gbook-container .combination-list ul li ul li p{ display:inline-block; float:left; margin-right:3px; line-height:10px; height:26px; margin-bottom:0; width:auto;}
#gbook-container .combination-list .guest-outline-description{width:60px;}
#gbook-container  .request-info ul li span{display: inline-block; width:70px; font-weight:bold;}


#gbook-container .variation-list {float:left; width:520px;background:url(../i/rallado_horizontal.gif)  bottom repeat-x; padding-bottom:15px;}
#gbook-container .variation-list-sub{display:block; float:right; width:400px; margin-bottom:15px;}
.additional-options , .login ,.guest-information,.payment-method {float:left; width:100%;background:url(../i/rallado_horizontal.gif)  top repeat-x; padding-top:10px; margin-top:10px;}
#gbook-container label{ display:block; float:left; width:100%; margin-bottom:5px;}
.additional-options span, .login span,.guest-information span,.payment-method span{ display:block; float:left; width:100px;}
.taxes{ float:right; margin-bottom:5px; clear:right; width:200px; text-align:right;}
.total-container{float:left; margin:0; width:520px;}
#gbook-container .variation-list ul li {padding:55px 0 0 10px;}
#gbook-container  .variation-list ul li.bed_2{ background:url(/i/cama_2.gif) no-repeat 0 10px;}
#gbook-container  .variation-list ul li.bed_3{ background:url(/i/cama_3.gif) no-repeat 0 10px;}
#gbook-container .variation-list ul li.bed_4{ background:url(/i/cama_4.gif) no-repeat 0 10px;}
#gbook-container .variation-list ul li.bed_5{ background:url(/i/cama_5.gif) no-repeat 0 10px;}
#gbook-container .variation-list ul li.bed_6{ background:url(/i/cama_6.gif) no-repeat 0 10px;}
#gbook-container .variation-list ul li {padding:25px 0 0 0px;}
#gbook-container .variation-list ul li  span{padding:0px 0 0 130px;}

.rate-table{ display:block;  width:100%;  }
	.rate-table tr{ display:block; float:left; width:100%;  }
	.rate-table label{ display:block; float:left; margin-top:10px; background:url(/i/li_flecha.gif) no-repeat left; padding-left:10px; }
	.rate-table .boader{ display:none;}
#gbook-container .rate-table .select-radio{width:15px; margin:0; border:none;}
.request-info{ background-color:#ECF9FD; padding:10px ; width:210px; margin-bottom:20px;}
	.request-info ul{margin-bottom:0;}
	.first .rate-table {background:url(../i/rallado_horizontal.gif)  bottom repeat-x; padding-bottom:20px; margin-bottom:0; width:520px;}
	.rate-table td{padding:3px; float:left;}
	.rate-table-description{ width:50%; text-align:left;}
	.rate-table-subtotal{ color:#007997; padding-left:5px; width:15%; text-align:right;}
	.rate-table-to-date,.rate-table-from-date{ color:#BC1F9C;}
	.rate-table-to-date{padding-right:6px;}
	.rate-table-from-date{width:65px;}
	.rate-table-to-date{width:80px;}
#gbook-container .variation-list ul li.grouped_by_combination{background:url(../i/rallado_horizontal.gif) repeat-x scroll center top; padding-top:0;}
#gbook-container textarea, #gbook-container input, #gbook-container select{ border:solid 1px #9A9A9A; font:10px normal Arial, Helvetica, sans-serif; float:left; margin-right:5px; } 
#gbook-container textarea{width:70%; clear:left; height:80px; }
#gbook-container input{width:220px;}
#gbook-container .select-checkbox {width:15px;}
#gbook-container .checkbox input {width:15px;}
#gbook-container .checkbox span{ width:25px;}
#creditos{ display:none; width:294px; height:169px; position:absolute; background:url(../i/creditos.png) no-repeat; left:120px; top:300px;  line-height:1.2em; padding:60px 0 0 70px; font-size:11px;}

#creditos h3{ display:block; width:90%; border-bottom:solid 1px #666; padding-bottom:2px; float:left; margin-bottom:10px;}
		#creditos h2{ font-size:11px; display:inline;}
		#creditos  a,#creditos  strong{ color:#5B3E9F}
		#creditos strong{display:block;}
		#creditos a.cerrar{position:absolute; left:280px; top:155px;  width:40px; height:40px; text-indent:-99999em;}
		
		
#dv_only{display:none; padding:10px; border:solid 1px #999999; background-color:#FFFFFF; color:#333333; position:absolute; width:150px; left:800px; top:40px;}

.btn{display:block; float:left; margin-top:10px;}
.btn a{ display:block; height:19px; line-height:19px; font-size:10px; background:url(/i/btn_left.gif) no-repeat left; float:left; color:#990099; text-decoration:none; padding:0 10px 0 10px; text-transform:uppercase;}
.btn span{ display:block; height:19px; width:1px; background:url(/i/btn_right.jpg) no-repeat; float:left;}
#gbook-container .btn a{color:#990099;}

.availability-calendar-container{display:block; background:url(/i/rallado_horizontal.gif) repeat-x top; padding-top:15px; margin-top:15px; position: relative; float:left; width:480px;}
.availability-calendar-container table{display:block; float:left; font-family:Arial, Helvetica, sans-serif; margin:0 0px 0 30px;}
.availability-calendar-container table .month th,.availability-calendar-container table .weekdays th{ font-size:11px; color:#0094B9; font-weight:bold; padding:3px; text-align:center;}
.availability-calendar-container table td{text-align:center; font-size:10px;}
.availability-calendar-container table td.last-month,.availability-calendar-container table td.next-month{ color:#CCCCCC;}
.availability-calendar-container table td.high-availability{ color:#009900;}
.availability-calendar-container table td.low-availability{ color:#FFFF00;}
.availability-calendar-container table td.no-availability{ color:#FF0000;}
.availability-calendar-container table td.past{ color:#999999;}


.availability-calendar-container p.last-month-button{position: absolute; left:0; top:60px;}
.availability-calendar-container p.last-month-button a{ display:block; text-indent:-99999em; background:url(/i/left.png) no-repeat; width:23px; height:24px;}
.availability-calendar-container p.next-month-button{position: absolute; left:440px; top:60px;}
.availability-calendar-container p.next-month-button a{ display:block; text-indent:-99999em; background:url(/i/right.png) no-repeat; width:23px; height:24px;}




