/*
	Nombre: 
	Descripción: Hoja de estilos Global
	Versión: 1.0
	Codificador: MeTaL_oRgY
	URI del Codificador: http://metalize.liveonstyle.com
*/

/***** Global *****/
/* Cuerpo */
	body {
		margin: 0;
		padding: 0;
		text-align: center;
		font-size: 8pt;
		font-family: arial, verdana, serif;
		color: #000;
		background: #fefefe url('../imagenes/bg.jpg') repeat-x left top
	}

/* Encabezados */
	h2 {font-size: 150%}
	h3 {font-size: 130%}
	h4 {font-size: 110%}
	h5 {font-size: 90%}
	h6 {font-size: 70%}
	
	.titulo {
		margin: 0 0 11px 20px;
		padding: 0;
		text-indent: -9999em;
		height: 44px
	}
	
	h2.la-finca {background: #fff url('../imagenes/encabezados/la-finca.jpg') no-repeat left top}
	h2.politica {background: #fff url('../imagenes/encabezados/politica.jpg') no-repeat left top}
	h2.terminos {background: #fff url('../imagenes/encabezados/terminos.jpg') no-repeat left top}
	h2.habitaciones {background: #fff url('../imagenes/encabezados/habitaciones.jpg') no-repeat left top}
	h2.entorno {background: #fff url('../imagenes/encabezados/entorno.jpg') no-repeat left top}
h2.wellness {
	background-color: #fff;
	background-image: url(../imagenes/encabezados/wellness.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
	h2.como-llegar {background: #fff url('../imagenes/encabezados/como-llegar.jpg') no-repeat left top}
	h2.contactenos {background: #fff url('../imagenes/encabezados/contactenos.jpg') no-repeat left top}
	h2.galeria {background: #fff url('../imagenes/encabezados/galeria.jpg') no-repeat left top}
	h2.mapa-web {background: #fff url('../imagenes/encabezados/mapa-web.jpg') no-repeat left top}
	
/* Hipervínculos */
	a {outline: 0}
	a img {border: 0px; text-decoration: none}
	a:link, a:visited {color: #000; text-decoration: underline}
	a:hover, a:active {color: #fff; background-color: #979f3c; text-decoration: none}
	
/* Párrafos */
	p {
		text-align: left;
		padding: 0;
		font-size: 8pt
	}
	
	* html p {margin: 0 5% 1em 10%}
	
	div#contenido > p {margin: 0 4% 1em 10%}
	div#contenido h4{margin: 0 4% 1em 10%;font-size: 110%}
	div#contenido ul{list-style-type:disc}
	div.grande > p, div.chico > p {margin: 0 5% 1em 20%}
	
	ul {margin: 0 5% 1em 10%}
	
/* Listas */
	ul.caracteristicas {margin: 0 5% 1em 23%; padding: 0; list-style: none}
	ul.caracteristicas p {margin-top: 0; margin-bottom: 0}
	ul.caracteristicas li {margin: 0 0 5px 0; padding: 0 0 0 13px; background: #fff url('../imagenes/bullet.gif') no-repeat left 3px}
	
	ul.lista-imagenes {padding: 0; list-style-type: none; width: 398px; margin: 0 0 10px 23px}
	
	* html ul.caracteristicas {height: 1%}
	
	ul.lista-imagenes:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden
	}
	
	ul.lista-imagenes li {display: inline; float: left; margin-right: 8px}	
	ul.lista-imagenes li img {
		margin: 0 0 0 0;
		padding: 3px;
		border: 1px solid #9da447;
		width: 108px;
		height: 72px;
		opacity: .5;
		filter: alpha(opacity=50);
		-moz-opacity: 0.5
	}
	
	ul.lista-imagenes li:hover img, ul.lista-imagenes li:active img, ul.lista-imagenes li a {
		background-color: #fff;
		opacity: 1;
		filter: alpha(opacity=100);
		-moz-opacity: 1
	}
	
	
/***** Diseño del Layout *****/
	div#wrapper {
		width: 800px;
		margin: 0 auto;
		text-align: left;
		background: #fff url('../imagenes/body-bg.jpg') no-repeat left top
	}
	
/* Encabezado */
	div#header {
		width: 800px;
		height: 94px;
		position: relative
	}
	
	/* Logo */	
		h1#logo {
			margin: 0;
			padding: 0;
			position: absolute;
			top: 47px;
			left: 14px
		}
		
		h1#logo a {
			display: block;
			text-indent: -9999em;
			width: 248px;
			height: 47px;
			background: #fff url('../imagenes/header.jpg') no-repeat left top
		}
	
	/* Menú idiomas */
		ul#menu-idiomas {
			margin: 0;
			padding: 0;
			position: absolute;
			right: 10px;
			top: 36px
		}
		
		ul#menu-idiomas li {
			list-style: none;
			display: inline;
			float: left;
			margin-left: 5px
		}
		
		ul#menu-idiomas a:hover, ul#menu-idiomas a:active {background-color: inherit}
		
	/* Menú Arriba */
		ul#top-menu {
			margin: 0;
			padding: 0;
			position: absolute;
			right: 10px;
			top: 75px
		}
		
		ul#top-menu li {
			list-style: none;
			display: inline;
			float: left
		}
		
		ul#top-menu a:link, ul#top-menu a:visited {color: #666; text-decoration: none}
		ul#top-menu a:hover, ul#top-menu a:active {color: #000; background-color: inherit}
		
/* Información & Reservaciones */
	div#info-reservas {
		width: 780px;
		margin: 0 9px 0 11px
	}
	
	* html div#info-reservas {height: 1%}
	
	div#info-reservas:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden
	}
	
	/* Información */
		div#info {
			width: 383px;
			height: 138px;
			background: #f1eed6 url('../imagenes/info-bg.jpg') no-repeat right top;
			float: left
		}
		
		div#info img {float: left}
		
		div#info address {
			margin: 76px 0 0 190px;
			font-style: normal;
			color: #697c24;
			font-size: 7.5pt
		}
		
	/* Reservas */
		div#reservas {
			width: 397px;
			height: 138px;
			float: left;
			background-color: #adb42c;
			color: #fff
		}
		
		/* Encabezados */
			div#reservas h2 {
				height: 38px;
				text-indent: -9999em;
				padding: 0;
				margin: 0;
				background: #adb42c url('../imagenes/reservas-bg_es.jpg') no-repeat left top
			}
			
			div#reservas h3 {
				margin: 0;
				padding: 0;
				font-size: 8pt;
			}
			
			div#sep-llegada, div#sep-salida, .sep {clear: both}
			
		/* Pasos */
			div#paso-1 {
				width: 180px;
				margin: 0 10px 0 20px;
				float: left
			}

			div#paso-2 {
				width: 160px;
				float: left
			}
			
			* html div#paso-2 {text-align: center}
			
		/* Formularios */
			div#reservas input {
				width: 15px;
				padding: 2px;
				height: 15px;
				border: 1px solid #7f9db9
			}
			
			div#reservas select {border: 1px solid #7f9db9; height: 19px; margin: 0 0 0 2px; font-size: 8pt; padding-top: 1px}
			div#reservas option {font-size: 8pt; line-height: 18px}
			
			
			div#paso-1 label {display: block; width: 45px; clear: left; height: 19px; line-height: 21px}
			div#paso-1 input, div#paso-1 label, div#paso-1 select {float: left; margin-top: 2px}
			
			div#paso-1 input#noches {margin-top: 5px}
			
			div#paso-2 label {margin: 0 2px 0 8px}
			
			div#paso-2 button {
				display: block;
				border: 0;
				width: 71px;
				height: 19px;
				text-align: center;
				padding: 0 0 2px 0;
				margin: auto;
				margin-top: 15px;
				margin-bottom: 5px;
				background: #fff url('../imagenes/button-bg.gif') no-repeat left top;
				color: #545b06;
				font-size: 7pt
			}
			
			div#paso-2 button:active {
				padding-top: 2px;
				padding-left: 2px;
				margin-top: 16px;
				margin-bottom: 4px;
				background: #fff url('../imagenes/button-bg.gif') no-repeat left bottom;
			}
			/* Vicente */
			#submit {
				text-decoration:none;
				display: block;
				border: 0;
				width: 71px;
				height: 14px;
				text-align: center;
				padding: 3px 0 2px 0;
				margin: auto;
				margin-top: 5px;
				margin-bottom: 5px;
				background: #fff url('../imagenes/button-bg.gif') no-repeat left top;
				color: #545b06;
				font-size: 8pt
			}
			
			#submit:active {
				padding-top: 2px;
				padding-left: 2px;
				margin-top: 6px;
				margin-bottom: 4px;
				background: #fff url('../imagenes/button-bg.gif') no-repeat left bottom;
			}
			/*fin Vicente*/
			div#paso-2 span {
				display: block;
				font-size: 7pt;
				text-align: center
			}
			
/* Menú */
	ul#menu {
	margin: 3px 9px 25px 11px;
	padding: 0;
	height: 28px;
	line-height: 18px;
	clear: both;
	list-style: none;
	width: 780px;
	background: #979f3c url('../imagenes/menu-bg.jpg') repeat-x left bottom
	}
	
	ul#menu li {
		float: left;
		display: inline;
		margin: 0;
		padding: 0
	}
	
	ul#menu li a:link, ul#menu li a:visited {
	color: #fff;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	padding: 0 19px 0 19px;
	margin: 1px 0 1px 0;
	height: 18px
	}
	
	ul#menu li a:hover, ul#menu li a:active, ul#menu li.active a {background: #7e8729 url('../imagenes/menu-hover.jpg') repeat-x left top}
	
	/* Arreglando error en IE */
	* html ul#menu li a {float: left}

/* Contenido */
	div#contenido {min-height: 300px}
	
	div.reservas {background: #fff url('../imagenes/contacto/reservas-bg.jpg') no-repeat 50px 210px}
	div.contacto {background: #fff url('../imagenes/contacto/contacto-bg.jpg') no-repeat left 150px}
	
	* html div#contenido {height: 1%}
	
	/* para Internet Explorer */
	/*\*/
	* html div#contenido {
		height: 300px;
	}
	/**/
	
	div#contenido:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden
	}

	div.chico {
	width: 250px;
	float: left;
	position: relative
}
	div.grande {
	width: 525px;
	float: left
}
	
	img.primera-imagen {margin: 20px 0 5px 23px}
	p.primer-parrafo {padding: 55px 0 0 0}
	div.mapa {padding: 0 0 5px 15px}

/* Pie de Página */
	div#pie {
		min-height: 20px;
		height: 20px;
		width: 800px;
		margin: 0 auto;
		background: url('../imagenes/footer-bg.jpg') repeat-x left top;
		text-align: right;
		position: relative
	}
	
	/* Links */
		ul#menu-pie {
			margin: 0;
			padding: 0 0 15px 0;
			position: absolute;
			right: 0;
			top: 10px;
			font-size: 7pt
		}
		
		ul#menu-pie li {
			list-style: none;
			display: inline;
			float: left;
			margin: 0 6px 0 0;
			line-height: 19px
		}
		
		ul#menu-pie a:link, ul#menu-pie a:visited {color: #666; text-decoration: none}
		ul#menu-pie a:hover, ul#menu-pie a:active {color: #000; background-color: inherit}
		
		li#valentin {
			color: #999;
			padding-left: 40px
		}
		
		li#valentin span {float: left; margin-right: 5px}
		li#valentin img {float: left}
	
/***** Secciones *****/
/* Cómo Llegar */
	img.mini-mapa {
		margin: 0 15px 0 70px;
		float: left
	}
	
	div#punto-salida {
		float: left;
		width: 130px;
		margin: 0;
		padding: 50px 0 0 0
	}
	
	div#punto-salida input {float: left; clear: left; margin: 0; padding: 0}
	div#punto-salida label {width: 30px; float: left}
	
	div#punto-salida input#punto-salida-submit {
		border: 0;
		width: 71px;
		height: 19px;
		text-align: center;
		padding: 0 0 2px 0;
		margin: 15px 0 5px 40px;
		background: #fff url('../imagenes/button-bg.gif') no-repeat left top;
		color: #545b06;
		font-size: 7pt
	}
	
	div#punto-salida input#punto-salida-submit:active {
		padding-top: 2px;
		padding-left: 2px;
		margin-top: 16px;
		margin-bottom: 4px;
		background: #fff url('../imagenes/button-bg.gif') no-repeat left bottom;
	}
	
/* Contacto */
	div.chico address {
		margin: 0 0 0 20%;
		font-style: normal
	}
	
	div.chico address strong {display: block; margin: 13px 0 0 0}
	
	/* Formulario */
	div#formulario-contacto {
		width: 210px;
		margin-left: 120px; 
		position: relative;
		padding-top: 10px
	}
	
	span.obligatorios {
		color: #9aa44d;
		position: absolute;
		font-size: 7pt;
		top: 0;
		right: -35px
	}
	
	div#formulario-contacto label {display: block; margin: 4px 0 2px 0}
	div#formulario-contacto input, div#formulario-contacto textarea {margin: 2px 0 0 0; width: 200px; border: 1px solid #878787}
	div#formulario-contacto textarea {margin-bottom: 15px; height: 120px; border: 1px solid #878787}
	
	div#formulario-contacto button {
		display: block;
		border: 0;
		width: 71px;
		height: 19px;
		text-align: center;
		padding: 0 0 2px 0;
		margin: auto;
		margin-bottom: 15px;
		background: #fff url('../imagenes/button-bg.gif') no-repeat left top;
		color: #545b06;
		font-size: 7pt
	}
	
	div#formulario-contacto button:active {
		padding-top: 2px;
		padding-left: 2px;
		background: #fff url('../imagenes/button-bg.gif') no-repeat left bottom;
	}
	
	p.nota-pie {
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
		font-size: 7pt;
		color: #9aa44d;
		width: 100%
	}
	
/* Galería Fotográfica */
	img.galeria-big {
		margin: 15px 0 0 20px
	}
	
	* html img.galeria-big {margin-bottom: 10px}
	
	ul.galeria {
		margin-top: 70px;
		margin-left: 17px
	}
	
	* html ul.galeria {
		position: absolute;
		top: 0; 
		right: -35px
	}
	
	ul.galeria li {margin: 0 3px 0 3px}
	
/* Mapa Web */
	ul#mapa-web1, ul#mapa-web2 {
		list-style: none;
		margin: 0 0 0 10px;
		padding: 0
	}
	
	ul#mapa-web1 {margin-top: 30px}
	
	ul#mapa-web1 li, ul#mapa-web2 li {
		display: inline;
		float: left; 
		width: 130px;
		height: 110px;
		text-align: center
	}
	
	ul#mapa-web1 a:link,
	ul#mapa-web1 a:visited, 
	ul#mapa-web2 a:link,
	ul#mapa-web2 a:visited {text-decoration: none}
	
	ul#mapa-web1 a:hover,
	ul#mapa-web1 a:active, 
	ul#mapa-web2 a:hover,
	ul#mapa-web2 a:active {background-color: #fff; color: #9aa44d}
	
	ul#mapa-web1 img, ul#mapa-web2 img {
		padding: 3px;
		border: 1px solid #9da447
	}
	
	ul#mapa-web1 a:hover img, ul#mapa-web2 a:hover img {
		background-color: #eceed7;
		border-color: #84a448
	}
	
	ul#mapa-web1 span, ul#mapa-web2 span {
		text-align: center;
		background: #fff url('../imagenes/bullet.gif') no-repeat left center;
		padding-left: 12px
	}h2.servicios {
	background: #fff url('../imagenes/encabezados/servicios.jpg') no-repeat left top
}