/* Elementos que queremos limpiar completamente: */

* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */
}

ul {
	list-style: none;
	list-style-type: none;
}

/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight:bold;
	margin: 0 0 16px 0;
}

cite, em, dfn {
	font-style: italic;
}

sup {
	position: relative;
	bottom: 7px;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.6px;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 16px;
}

code, kbd, samp, pre, tt, var, input[type='text'], textarea {
	font-size: 12px;
	font-family: monaco, "Lucida Console", courier, mono-space;
}

del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 10px;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: .4px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a abbr, a acronym {
	border: none;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 29px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 19px;
}

h6 {
	font-size: 16px;
}

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
	/*
	Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga
	*/
}

/* Formularios */

label, button {
	cursor: pointer;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}

/* Clases útiles */

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* Para empezar un layout centrado: */

body {
	background-image:url(../images/back.jpg);
	background-repeat:repeat-x;
	background-color:#000;
	text-align: center;/* Hack para que IE6 no de problemas */	
}

.wrapper {
	margin: 0 auto;
	text-align: left;
	width:850px;
	height:auto;
	overflow:hidden;
	background-color:#FFE297;
}

.menu{
	margin:0 auto;
	width:850px;
	height:558px;
	/*background-color:#FFE297;*/
	background-image:url(../images/costaverde_panoramica.jpg);
	background-repeat:no-repeat;
	background-position:0 80px;
}

.menu#complejo{
	background-image:url(../images/costaverde_pan_complejo.jpg);
	background-repeat:no-repeat;
	background-position:0 80px;
	height:423px;
}

.menu#cabanias{
	background-image:url(../images/costaverde_pan_cabanias.jpg);
	background-repeat:no-repeat;
	background-position:0 80px;
	height:428px;
}

.menu#servicios{
	background-image:url(../images/costaverde_pan_servicios.jpg);
	background-repeat:no-repeat;
	background-position:0 80px;
	height:399px;
}

.menu#ubicacion{
	background-image:url(../images/costaverde_pan_ubicacion.jpg);
	background-repeat:no-repeat;
	background-position:0 80px;
	height:524px;
}

.cuerpo{
	width:850px;
	height:auto;
}

/*RECUADRO IZQUIERDO INDEX*/
.recuadro_1{
	width:260px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:19px 0 19px 19px;
	_margin:4px 0 0 9px;
	_padding-bottom:16px;
}

	#rec_1_sup{
		height:17px;
		background-image:url(../images/recuadro_sup.jpg);
		background-repeat:no-repeat;
	}

	#rec_1_medio{
		height:auto;
		overflow:hidden;
		background-image:url(../images/recuadro_medio.jpg);
		background-repeat:repeat-y;
	}

	#rec_1_inferior{
		height:17px;
		background-image:url(../images/recuadro_inf.jpg);
		background-repeat:no-repeat;
	}


/*RECUADRO DERECHO INDEX*/
.recuadro_2{
	width:538px;
	height:auto;
	overflow:hidden;
	float:right;
	margin:19px 19px 19px 0;
	_margin:4px 9px 8px 0;
	_padding-bottom:12px;
}

	#rec_2_sup{
		height:17px;
		background-image:url(../images/recuadro_2_sup.jpg);
		background-repeat:no-repeat;
	}

	#rec_2_medio{
		height:auto;
		overflow:hidden;
		background-image:url(../images/recuadro_2_medio.jpg);
		background-repeat:repeat-y;
	}

	#rec_2_inferior{
		height:17px;
		background-image:url(../images/recuadro_2_inf.jpg);
		background-repeat:no-repeat;
	}
	

/*PIE*/
.pie p{
	margin:0 auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	margin-top:13px;
	line-height:150%;
}

p{
	font-size:12px;
	margin:16px;
	line-height:150%;
}

h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	color:#FF4000;
	font-size:23px;
	text-align:center;
	letter-spacing:-1px;
}

p.texto_gral{
	text-align:center;
}

ul{
	margin:0 10px 5px 15px;
}

li{
	margin:0 10px 5px 15px;
	padding-bottom:10px;
	border-bottom:2px solid #FCD695;
	list-style-image:url(../images/item.jpg);
	list-style-position:outside;
	line-height:120%;
}

img.prim{
	margin:12px 6px 6px 18px;
	float:left;
}

img.sec{
	margin:12px 0 6px 0;
	float:left;
}

img.terc{
	margin:12px 0 6px 6px;
	float:left;
}

img.primabajo{
	margin:0 6px 6px 18px;
	float:left;
}

img.secabajo{
	margin:0 6px 6px 0;
	float:left;
}

p.indicacion{
	text-align:center;
	color:#FF4000;
	border-top:2px solid #E7BA69;
	border-bottom:2px solid #E7BA69;

}

/*RECUADROS PARA SECCION CABAÑAS*/
.recuadro_cab{
	width:161px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:19px 5px 19px 0;
	_margin:4px 5px 8px 0;
	_padding-bottom:12px;
}

#rec_cab_sup{
		height:14px;
		background-image:url(../images/rec_cab_sup.jpg);
		background-repeat:no-repeat;
	}

	#rec_cab_medio{
		height:auto;
		overflow:hidden;
		background-image:url(../images/rec_cab_med.jpg);
		background-repeat:repeat-y;
	}

	#rec_cab_inferior{
		height:14px;
		background-image:url(../images/rec_cab_inf.jpg);
		background-repeat:no-repeat;
	}
	
.titulo_cabania{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FF4000;
	text-align:center;
	margin:0 4px 10px 4px;
}

img.cabania{
	border-top:2px solid #FFC866;
	border-bottom:2px solid #FFC866;
	width:138px;
	height:93px;
	margin-left:13px;
	padding-top:10px;
	padding-bottom:10px;
}

ul.cabanias{
	margin:10px 10px 5px 15px;
}

ul.cabanias li{
	padding-bottom:4px;
	list-style-image:url(../images/item.jpg);
	list-style-position:outside;
	line-height:120%;
	border-bottom:none;
}

.boton{
	width:120px;
	height:23px;
	background-color:#FFD186;
	margin:0 auto;
	border-top:2px solid #FFC866;
	border-bottom:2px solid #FFC866;
	margin-top:10px;
}

.boton p{
	margin:3px 0 0 0;
	padding:0;
	text-align:center;
	font-size:10px;
}

a.boton{
	cursor:pointer;
}


/*PAGINAS INDIVIDUALES DE CABAÑAS QUE SE CARGAN EN VENTANA NUEVA*/
.ventana_gral{
	width:812px;
	height:auto;
	margin: 0 auto;
	text-align: left;
	overflow:hidden;
	background-color:#FFE297;
	margin-bottom:20px;
	_padding-bottom:20px;
}

.cabanias_rec_sup{
	width:812px;
	height:15px;
	background-image:url(../images/cabanias_rec_sup.jpg);
	background-repeat:no-repeat;
}

.cabanias_rec_med{
	width:812px;
	height:auto;
	background-image:url(../images/cabanias_rec_med.jpg);
	background-repeat:repeat-y;
	overflow:hidden;
}

.cabanias_rec_inf{
	width:812px;
	height:15px;
	background-image:url(../images/cabanias_rec_inf.jpg);
	background-repeat:no-repeat;
}

/*DIVS DE LA PAGINA DE CADA TIPO DE CABAÑA*/
.cab_fotos{
	width:480px;
	height:auto;
	float:left;
	border-right:2px solid #FFC566;
	margin:10px 0 0 18px;
	_margin:10px 0 0 9px;
}

	.cab_img_prim{
		width:154px;
		height:152px;
		float:left;
		border-bottom:2px solid #FFC566;
		border-right:2px solid #FFC566;
	}

	.cab_img_sec{
		width:161px;
		height:152px;
		float:left;
		border-bottom:2px solid #FFC566;
		border-right:2px solid #FFC566;
	}

		.cab_img_sec img{
			margin-left:6px;
		}

	.cab_img_terc{
		width:155px;
		height:152px;
		float:left;
		border-bottom:2px solid #FFC566;
	}

		.cab_img_terc img{
			margin-left:6px;
		}
		
	.cab_img_cuar{
		width:154px;
		height:152px;
		float:left;
		border-right:2px solid #FFC566;
	}
	
		.cab_img_cuar img{
			margin-top:6px;
		}
		
	.cab_img_quin{
		width:161px;
		height:152px;
		float:left;
		border-right:2px solid #FFC566;
	}

		.cab_img_quin img{
			margin-left:6px;
			margin-top:6px;
		}
		
	.cab_img_sext{
		width:155px;
		height:152px;
		float:left;
	}

		.cab_img_sext img{
			margin-left:6px;
			margin-top:6px;
		}
		
	.cab_img_sept{
		width:154px;
		height:152px;
		float:left;
		border-right:2px solid #FFC566;
		border-top:2px solid #FFC566;
		margin-top:6px;
	}

		.cab_img_sept img{
			margin-top:6px;
		}
		
	.cab_img_oct{
		width:160px;
		height:152px;
		float:left;
		border-right:2px solid #FFC566;
		border-top:2px solid #FFC566;
		margin-top:6px;
	}

		.cab_img_oct img{
			margin-top:6px;
			margin-left:6px;
		}
		
	.cab_img_nov{
		width:155px;
		height:152px;
		float:left;
		border-top:2px solid #FFC566;
		margin-top:6px;
	}

		.cab_img_nov img{
			margin-top:6px;
			margin-left:6px;
		}



		
		
/*Descripción de Comodidades y Servicios*/
.cab_descripcion{
	width:272px;
	height:auto;
	float:right;
	margin:5px 18px 0 0;
	_margin:5px 18px 0 22px;
	border-bottom:2px solid #B88058;
}

	.cab_descripcion h3{
		font-size:16px;
		font-weight:bold;
	}
	
	.cab_descripcion p.click_fotos{
		font-size:11px;
		font-weight:bold;
		color:#FF4000;
	}
	
	
/*Formulario*/
.cab_formulario{
	width:272px;
	height:auto;
	float:right;
	margin:15px 18px 0 0;
	_margin:15px 18px 0 22px;
	clear:right;
}

	.cab_formulario h2{
		font-size:14px;
		font-weight:bold;
		color:#FF4000;
	}	
	
	.cab_formulario table{
		width:251px;
		margin-top:-10px;
	}
	
	.cab_formulario td{
		font-size:11px;
		color:#3F3F3F;
		font-weight:bold;
	}
	
	.cab_formulario tr{
		height:31px;
	}

	.cab_formulario input{
		width:146px;
		height:20px;
		background-color:#FFCE83;
		border:1px solid #FFF;
	}
	
	.cab_formulario textarea{
		width:146px;
		height:75px;
		background-color:#FFCE83;
		border:1px solid #FFF;
		margin-top:5px;
	}

	input.boton_enviar{
		width:90px;
		height:27px;
		background-color:#FFD186;
		margin:0 auto;
		border-top:2px solid #FFC866;
		border-bottom:2px solid #FFC866;
		margin-top:10px;
		cursor:pointer;
	}
	

/*Tarifas*/
.cab_tarifas{
	width:480px;
	height:auto;
	float:left;
	_float:none;
	margin:24px 0 0 18px;
	_margin:24px 0 0 17px;
}

	.cab_tarifas table{
		width:469px;
		height:118px;
		text-align:left;
	}

	.cab_tarifas td{
		border-bottom: 1px solid #B88058;
		font-size:11px;
		font-weight:bold;
		height:22px;
	}
	
	.cab_tarifas th{
		height:26px;
		border-bottom: 1px solid #B88058;
		border-top: 1px solid #B88058;
		font-weight:bold;
		color:#FF4000;
		font-size:14px;
	}
	
	.boton_volver{
		width:120px;
		height:27px;
		background-color:#FFD186;
		margin:0 auto;
		border-top:2px solid #FFC866;
		border-bottom:2px solid #FFC866;
		margin-top:15px;
		cursor:pointer;
	}

	.boton_volver p{
		margin:3px 0 0 0;
		padding:0;
		text-align:center;
		font-size:10px;
	}
	
	
.enviado p{
	width:400px;
	text-align:center;
	margin:0 auto;
	float:left;
}


/*FOTOS PAGINA SERVICIOS*/
.servicios_fotos{
	width:330px;
	height:auto;
	float:right;
	margin:20px 18px 0 20px;
	_margin:20px 18px 0 5px;
}

	.servicios_fotos img{
		width:159px;
		height:80px;
		margin:0 6px 6px 0;
		float:left;
	}
	

/*PAGINA UBICACION*/
.mapa_dibujo{
	width:404px;
	height:514px;
	float:left;
	margin:15px 0 0 18px;
	_margin:15px 0 0 9px;
}

.mapa_derecha{
	width:350px;
	float:right;
	margin:15px 18px 150px 0;
	_margin:15px 9px 0 0;
}

.mapa_google{
	width:349px;
	height:360px;
	margin:0 auto;
	border:2px solid #FFF;
}

.vigencia{
	font-size:9px;
}

td.inicial{
	font-size:24px;
	text-align:center;
}

.comentarios{
	 width:700px;
	 margin:0 auto;
}

	.comentarios a{
		font-size:14px;
		font-style:italic;
		color:#990000;
	}
	
.separador_horizontal{
	clear:both;
}