#contenedor{width: 980px; height:100%; background: #fff;margin: auto;overflow: auto;}

#contenido{width: 980px; height:100%; background: #fff url("../imagenes/pie_contenido.png") center bottom no-repeat; padding: 0 0 200px 0; overflow: auto;}

/**************************** CABECERA *************************************/
#cabecera{
	position: relative;
	width:932px;
	height: 110px;
	background: url("../imagenes/cabecera.png") center top no-repeat;
	margin: auto;
}
#banderas{position: absolute;top:10px;right: 0px;}
#banderas img{border: 0; padding: 0; margin: 2px;}
#banderas img.activo{border: 1px solid #a59f8f;margin: 1px;}

/**************************** MENU *************************************/
#menu{
	position: absolute;
	top: 83px;
	right: 00px;
	z-index:10;
	margin: 0;
}
	#menu ul li {
		float: left;
		margin:0 0 0 2px;
		height: 31px;
		background: url("../imagenes/menu_grad.png") 0px -31px;
		color: #fff;
		font-size: 16px;
		font-style: italic;
		text-transform: capitalize;
		font-weight: normal;
		line-height: 30px;
	}
	
	#menu ul li.activo{background: url("../imagenes/menu_grad.png") 0 0px;}
	#menu ul li a,#menu ul li a:hover{
		text-decoration: none;
		margin: 0 0px;
		display: inline;
		float: left;
		color: #fff;
	}
	#menu ul li.activo a,a:hover{color: #761402;}
	#menu ul li .borde_li_izdo_on{background: url("../imagenes/menu_botones_corner.png") 0px 0px; width:5px; height: 31px;float: left}
	#menu ul li .borde_li_izdo_off{background: url("../imagenes/menu_botones_corner.png") 0px -31px;float: left;width:5px; height: 31px;}
	#menu ul li .borde_li_dcho_on{background: url("../imagenes/menu_botones_corner.png") -5px 0px; width:5px; height: 31px;float: left;position: relative;top:0px}
	#menu ul li .borde_li_dcho_off{background: url("../imagenes/menu_botones_corner.png") -5px -31px;float: left;width:5px; height: 31px;}

/**************************** COL_IZDA *************************************/

#col_izda{
	width: 300px;
	height: auto;
	margin: 32px 0 0px 23px;
	padding: 0px 32px;
	border-right: 2px solid #e8e4d5;
	float: left;
}
#col_izda h2{font-weight: bold;font-size: 14px; font-style: italic; text-transform: uppercase; color: #99886f;margin: 0 0 10px 0;}
#col_izda h3{font-weight: bold;font-size: 12px; font-weight: bold; text-transform: capitalize; color: #99886f;margin: 0;}
	#welcome{width: 300px;color: #000;width: 300px;text-align: justify; color: #4f4f4f;}
	#welcome p{float:left; line-height: 16px; font-size: 11px; text-align: justify;display: block;width:300px}
	#welcome a,#welcome a:hover{color: #913026;}
	
	#welcome span.tipos{text-transform: capitalize;}
	#alojamientos{width:300px; float: left; margin:25px 0 0 0;position: relative;}
	.alojamiento{background: #e8e4d5; height: 80px; width: 300px; float: left;padding: 0 7px 7px 0; margin:0 0  15px 0;}
	.alojamiento img{float:left;margin:0 7px 0 0;}
	.alojamiento h3{font-style: italic; font-size: 16px; color: #8b4a04;margin: 0 0 5px 0;text-transform: capitalize;}
	.alojamiento p{font-size: 11px; color: #65604a; display: inline;}	
	.alojamiento p a{color:#65604a;}
	.alojamiento .fotos{float:right;display: block; color: #B51002;}
	
	#alojamientos form{padding: 0px; border: 0; line-height: 25px;font-size: 11px;}
	#alojamientos input,#alojamientos textarea,#alojamientos select{position: absolute; margin: 2px 0 0 0; left: 120px;vertical-align: middle; border: 1px solid #a5acb2;}
	#alojamientos input.boton_reserva{ position:absolute;background: #dae0e5; color: #000;top: 240px;left:120px}
	#alojamientos input.boton_reserva:hover{background: #dae0e5; color: #000;}
	#alojamientos input.boton_precios{ position:absolute;background: #dae0e5; color: #000;top: 240px;left:80px; }
	#alojamientos input.boton_precios:hover{background: #dae0e5; color: #000;}
	
	h3#atencion{color:#900; font-size: 20px}
	h3#atencion img{vertical-align: middle;float:left}
	
/**************************** COL_DCHA *************************************/

#col_dcha{
	width: 507px;
	height: 497px;
	margin: 32px 32px 0px 32px;
	float: left;
	background: #fff;
	position: relative;
}
	/*#col_dcha img{margin: 0 0 20px 0; float: left;height:317px ; width:507px}*/
	#col_dcha img{margin: 0 0 20px 0; float: left;height:28px ; width:28px}
	#col_dcha_img2{margin: 0 0 20px 0; float: left;height:28px ; width:28px}
	#destacado{margin: 0 0 32px 0;}
	
	#info_flotante{position: absolute;z-index: 2;top: 217px;left: 36px;width: 133px; height: 57px; }
	#info_flotante #fondo{width: 133px; height: 57px; background: #fff;position: absolute;z-index: 3; }
	#info_flotante #texto{width: 133px; height: 57px;position: absolute;z-index:4;}
	#info_flotante #texto p{font-size: 9px; text-align: justify;padding: 5px;}
	#info_flotante #texto p:first-line{color: #f00;}

/**************************** OFERTAS *************************************/
	#ofertas{
		background: #e8e4d5;
		width: 221px;
		min-height: 234px;
		float: left;
		position: relative;
	}
	
 	#col_dcha h2{color: #8b4a04; font-size: 16px; font-style: italic; border-bottom: 1px solid #fff; text-transform: uppercase; padding: 6px 9px;}
	.textos{line-height: 14px; padding: 6px 9px;font-size: 11px;text-align: justify;}
	.textos a{text-transform: ;}
	.textos h3{font-weight: bold;font-family: verdana; text-transform: uppercase; color: #8b4a04;}
	.textos p{color: #65604a;}
	#ofertas a,#ofertas a:hover{text-decoration: underline;color: #B71202;}
	#ofertas a.dcha,#ofertas a.izda{margin: 6px 1px;font-weight: bold}
	#ofertas img{width: 221px; height: 147px;margin: 0 0 10px 0 ;}
	#ofertas form{padding: 10px; border: 0; line-height: 25px; position:absolute;bottom:0px}
/**************************** RESERVAS *************************************/
	#reservas{
		float: right;
		width: 270px;
		height: 330px;
		background: #ed8c16 url("../imagenes/fondo_reserva.png") repeat-x;
		position: relative;
	}
	#reservas h2{color: #61170a;}
	#reservas form{padding: 10px; border: 0; line-height: 22px;}
	#reservas label{font-size: 14px;color:#4f4f4f; margin: 0 10px 0px 0;}
	#reservas input,#reservas select,#reservas textarea{border: 1px solid #61170a;}
	#reservas input.texto,#reservas textarea.texto,#reservas select{position: absolute; left: 110px; vertical-align: middle;margin: 2px 0 0 0;}
	#reservas input.boton_reserva{ position:absolute;background: #e6b121; color: #61170a;bottom: 10px;right:10px;width: 150px;}
	#reservas input.boton_reserva:hover{background: #61170a; color: #fff;}
	#reservas input.boton_precios{ position:absolute;background: #e6b121; color: #61170a;bottom: 10px;left:10px; width: 90px;}

	#reservas select.dia{left: 110px;font-size: 10px;width:50px}
	#reservas select.mes{left:160px;font-size: 10px;width:50px}
	#reservas select.anio{left: 210px;font-size: 10px;width:50px}

	
/**************************** PIE *************************************/

#pie{width: 936px; height:180px; background: #fff; padding: 22px 22px 5px 22px;position: relative;color:#65604a; margin: 10px auto ;}

	#pie .columna1{width: 600px; padding: 0 30px 22px 0; float: center;list-style: none;}
	#pie ul{list-style: none; display: inline;}
	#pie ul li{display: block;}
	#pie ul a,#pie ul a:hover{color:#65604a; text-transform: capitalize; font-size: 11px}
	#pie ul.sublista{position: absolute;center: 150px; list-style: none; display: inline;}
	#pie ul.sublista li{
	list-style: none;
	display: inline;
	color:#B51002;
}
	#pie ul.sublista a,#pie ul.sublista a:hover{color:#9a9683; text-transform: capitalize; font-size: 11px}
	#pie #datos{border-top:1px solid #807c68; width: 936px; text-align: center; padding: 10px 0 ; clear: both;}
#pie ul.sublista2 a, #pie ul.sublista2 a:hover {
	color:#C5C5C5;
	text-transform: capitalize;
	font-size: 11px
}
#pie ul.sublista2{
	position: absolute;
	center: 150px;
	list-style: none;
	display: inline;
	color: #C5C5C5;
}
	#pie ul.sublista2 li{
	list-style: none;
	display: inline;
	color:#C5C5C5;
}

