@charset "utf-8";
/* CSS Document */
	
	body, html {
		background-color: #BFA182;
		color: #654422;
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	h1{
		 font-size:24px;
		 	margin-top:0px;
	}
	img{ border: 0px;}
	
	a, a:link, a:visited, a:active{color: #8C5823; text-decoration: underline; font-weight: bold;}
	a:hover{color: #AE6E2B; text-decoration: underline; }
	
	input{ border: #960 1px solid; margin-left: 2px; color: #006; font-size: 12px; }
	
	select{ border: #960 1px solid; margin-left: 2px; color: #006; }
	
	textarea{ border: #960 1px solid; margin-left: 2px; color: #006; font-size: 12px;}
	
	ul{ margin-bottom:0px;}
	li{ list-style-image: url(../../images/st.jpg); margin-bottom:0px; }
	
	hr{ border: #900 solid 1px;}
	
	label{ font-weight: bold;}
	label span{ color:#F00;}
	
	#maps{
		background-color: #666;
		border: #900 1px solid;
		width: 500px;
		height: 400px;
		padding: 10px;
	}
	
	/*a.reservar {
		background:url(../../images/boton.gif);
		width: 140px;
		height: 26px;
	}
	a.reservar:link{
		background:url(../../images/boton.gif);
		width: 140px;
		height: 26px;
	}
	a.reservar:hover{
		background:url(../../images/boton-b.gif) no-repeat;
		width: 140px;
		height: 26px;
	}*/
	#frame {
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		border-bottom: groove 2px #963;
		border-left: groove 2px #963;
		border-right: groove 2px #963;
		border-top: 0px;
		background-color: #F0E4CF;
	}

	/* ---------- Inicio Cabecera	----------*/
	
	#contentheader{
		background-image: url(../../images/cabecera/fondo-logo.gif);
		font-size: 14px;
		padding: 0px;
		margin: 0px;
	}
	
	#cabecera {
		clear:both;
		background: url(../../images/linea.jpg) repeat-x;
		height: 39px;
		padding-top: 15px;
	}
	
	#cabecera1 {
		clear: both;
		background-image: url(../../images/linea-1.jpg);
		background-repeat: repeat-x;
		height: 9px;
		margin-bottom: 0px;
	}
	/* ---------- Inicio Menu Cabecera -------*/
	


	div.menu_cabecera {
		width: 870px;
		font-family: Arial;
		font-size: 10pt;
		font-weight: bold;
		margin-left: 0px;
		border: solid 1px #666;
		background-color: #D2BF99;
		_background-color: #0F0;
	}
	
		div.menu_cabecera ul{margin: 0px; list-style:none;}
		
		div.menu_cabecera ul li{
			display: inline; 
			position: relative;
			padding:1px 5px;
			width:180px;
		}
		
		div.menu_cabecera ul li img{ margin-left: 25px;}
		div.menu_cabecera ul li a, a:link, a:visited, a:active{ color: #900; text-decoration: none;}
		div.menu_cabecera ul li a:hover{ color: #036; text-decoration: underline;}
		
		div.menu_cabecera ul ul{
			position: absolute;
			left:21px;
			top:-1px;
			display:none;
			list-style:none;
			border: 1px solid #0F0;
		}
		
		div.menu_cabecera ul ul li
		{
			height: 20px;
			background: #D2BF99 url(../../images/menu-4.gif);
			padding-left: 13px;
			width: 170px;
		}
	
	div.menu_cabecera ul > li > ul{
		position: absolute;
		left:-41px;
		top:119px;
		display:none;
		list-style:none;
	}
	
	div.menu_cabecera ul li:hover{ background:#aaaaff; }
	
div.menu_cabecera ul li:hover > ul{
		_display: inline;
}
div.menu_cabecera ul > li { display: inline;
_display: inline;
}
	
	
/*

	
	











*/







































	/*---------- Fin Menu Cabecera ---------*/


	
	/* ---------- Fin Cabecera -------------*/
	
	/* ---------- Inicio izquierda ---------*/

	#menu_contenedor {
		float: left;
		width: 170px;
		margin: 0px;
	}
	
	.menu_contenedor {
		float: left;
		width: 170px;
		margin-right:auto;
		margin-left:auto;
		margin-top:6px;
		margin-bottom: 0px;
		
	}
	
	.menu {
		width: 170px;
		font-family: Arial;
		font-size: 8pt;
		font-weight: bold;
		margin-left: 0px;
		border: solid 1px #666;
		background-color: #D2BF99;
	}

	.menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.menu li {
		float: none;
		width: 170px;
		text-align: left;
		margin-bottom: 0px;
		list-style: none;
		list-style-image: none;
		list-style-type: none;
	}
	
	/* SUB MENU */
		.menu li{
			position: relative;
		}	
		
		.menu li a.submenu
		{	
			background: #D2BF99 url(../../images/menu-1a.gif);
		}
		
		.menu li a:hover.submenu
		{	
			background: #D2BF99 url(../../images/menu-2a.gif);
		}
		
		.menu li ul
		{	
			position: absolute;
			left: 170px;
			top: -1px;
			display: none;
			width: 200px;
			list-style: none;
			border: solid 1px #666;
			background-color: #D2BF99;
		}
 
		
		.menu li ul li{
			width: 200px;
			height: 20px;
		}
		
		
		.menu li ul li a {
			background: #D2BF99 url(../../images/menu-4.gif);
			padding-left: 13px;
		}
		.menu li ul li a:hover {
			text-decoration: none;
			background: #E5DAC1 url(../../images/menu-3.gif);
			color: #000;
		}
		.menu li:hover > ul {
			display:block;
		}
	
	.menu a{
		display: block;
		text-decoration: none;
		background: #D2BF99 url(../../images/menu-1.gif);
		color: #642D00;
		padding-top: 2px;
		padding-bottom: 4px;
		padding-left: 15px;
		padding-right: 1px;
	}
	.menu a:hover {
		text-decoration: none;
		background: #E5DAC1 url(../../images/menu-2.gif);
		color: #000;
	}
	
	.titulomenu {
		background: #D2BF99 url(../../images/menu-0.gif);
		color: #FFF;
		font-size: 8pt;
		padding-top: 2px;
		padding-bottom: 4px;
		padding-left: 15px;
		padding-right: 1px;
	}

	/* Izquierda */
	#contenido_izquierda{
		border: 0px;
		text-align: center;
		margin-top: 10px;
	}
	#contenido_izquierda img{
		border: solid 1px #900;
	}
	/* Izquierda */
	
	
	/* ---------- Fin izquierda ------------*/
	
	/* ---------- Inicio Contenido ---------*/
	#page_content {
		height: auto;
		width: 637px;
		float: left;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		margin-left: 3px;
		background-color: #F0E4CF;
	}
	
	#page_content div.top {
		height: 19px; 
		background-image: url(../../images/arriba.gif);
		background-repeat: repeat-x;
	}
	
	#page_content img.esquina_sup_izq { float:left; }
	#page_content img.esquina_sup_der { float:right; }
	
	#page_content div.content {
		background-image:url(../../images/izquierda.gif); 
		background-repeat:repeat-y;
		margin-top:0px;
		margin-bottom: 0px;
	}
		
	#page_content div.boxcontrol {
		padding:0px 18px 0px 18px; 
		background-image: url(../../images/derecha.gif); 
		background-position: right; 
		background-repeat: repeat-y;
		text-align: justify;
	}
	
	#page_content div.bottom { height:28px; 
		background-image:url(../../images/abajo.gif); 
		background-repeat:repeat-x; 
		border:0;
		padding:0;
		margin:0;}
		
	#page_content img.esquina_inf_izq { float:left; }
	#page_content img.esquina_inf_der { float:right; }
	
		
	/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
	* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
	* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; } 
	
	.tabla {
		position: relative;
	}
	.tabla center{
			color:#900;
			font-size: 16px;
			font-weight: bold;
		}
	
	.tabla_fil3{
		position: absolute;
		border: solid 1px #900;
		margin: 5px;
	}
	
	div.hoteles{ margin-top: 10px; margin-bottom: 10px; border: #900 1px solid; font-weight: bold;}

	.hoteles_hostales{
		text-align: center;
		background: #990;
		height: 35px;
		font-size: 15px;
		color:#900;
		padding-top: 10px;
		margin: 5px;
	}
	
	
	
	.precio2{
		position:relative;
		font-weight: bold;
		text-align:center;
		height: 70px;
		margin-bottom:15px;
	}
	
	.precio2 small{
		font-size: 12px;
	}
	
	.fil1{
		position: absolute;
		top: 0px;
		width: 150px;
		height: 20px;
		color:#900;
		font-size:12px;
		background:#FCEDC6;
		border: solid 1px;
	}
	
	.fil2{
		position: absolute;
		top: 20px;
		width: 150px;
		height: 50px;
		color: #900;
		font-size: 24px;
		background: #C7AE85;
		border: solid 1px;
	}
	
	.price_out{
		font-size: 26px;
		color: #900;
		text-align: center;
		font-weight: bold;
		margin-bottom: 25px;
	}
	
	.price{
		background: url(../../images/fondo-precio.jpg) no-repeat left;
		width: 148px;
		height: 100px;
		float: left;
		padding-top: 27px;
	}
	
	div.price small{
		font-size: 12px;
	}
	
	div.precio{
		background: url(../../images/fondo-precio.jpg) no-repeat right;
		width: 148px;
		height: 100px;
		float: right;
		padding-top: 27px;
	}
	
	div.precio small{
		font-size: 12px;
	}

	/* ---------- Fin Contenido ------------*/
	
	/* ---------- Inicio Publicidad --------*/
	
	.derecha{
		width: 185px;
		height: auto;
		text-align: center;
		float: right;
		padding:0px;
		background-color: #F0E4CF;
	}
	
	.derecha a{
		text-decoration: none;
		font-size: 9px;
	}

	/* ---------- Fin Publicidad -----------*/
	/* ---------- Inicio Pie Pagina --------*/

	#footer_top1 {
		clear:both;
		background-image: url(../../images/pie-1.jpg);
		background-repeat: repeat-x;
		height: 29px;
	}
	
	#footer_top {
		clear:both;
		background-image: url(../../images/pie-pagina-1.jpg);
		background-repeat: repeat;
		font-size: 11px;
		height: 43px;
		padding-top: 15px;
		text-align: center;
	}
	/* ---------- Fin Pie Pagina -----------*/
	
	
	/* ---------- Inicio Slide Cabecera ----*/
	#s3slider {
		width: 1000px; /* important to be same as image width */
		height: 340px;; /* important to be same as image height */
		position: relative; /* important */
		overflow: hidden; /* important */
	}
	#s3slider ul{ padding-left: 0px; margin-top: 0px; padding-top: 0px; }
	#s3slider ul li{margin-top: 0px; padding-top: 0px; }
	
	#s3sliderContent {
		width: 916px; /* important to be same as image width or wider */
		position: absolute; /* important */
		top: 0; /* important */
		margin-left: 0; /* important */
	}
	
	.s3sliderImage {
		float: left; /* important */
		position: relative; /* important */
		display: none; /* important */
	}
	
/*	.s3sliderImage span {	
	position: absolute; /* important 
	left: 0;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 374px;
	background-color: #000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	/*-moz-opacity: 7.7; /* here you can set the opacity of box with text */
/*	-khtml-opacity: 7.7; /* here you can set the opacity of box with text */
	/*opacity: 7.7; /* here you can set the opacity of box with text */
/*	color: #fff;
	display: none; /* important */
	/*top: 0;
	
	/*
	if you put
	top: 0; -> the box with text will be shown at the top of the image
	if you put
	bottom: 0; -> the box with text will be shown at the bottom of the image
	*/
	/* }*/
	
	.clear{ clear: both; }
	/* ---------- Inicio Slide Cabecera ----*/