/* SECCIÓN: ELEMENTOS GENERALES DE LA PÁGINA */

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
    font-size: 95%;
    line-height: 1.6em;
	color: #000000;
	background-color:#ffffff;
}
body, input, textarea, select, optgroup {
	font-family: Georgia, Times, sans-serif;
	text-align: left;
}
input, textarea, select, optgroup, table, tr, th, td  {
	font-size: 100%;
	font-family: Georgia, Times, sans-serif;
}
p, ul, ol, li, dl, dt, dd, form, fieldset, blockquote, cite, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
ul, ol, li, dl, dt, dd {
	list-style: none;
}
img, a img {
	border: none;
}
/* SECCIÓN: CLASES GENERALES DE LA PÁGINA */
.clearall {
	clear: both;
	height: 0.0000101em;
	line-height: 0.0001em;
	font-size: 0.0001em;
}
/*SECCIÓN: ESTILOS DEL ARMAZÓN DE LA PÁGINA*/
#web {
	width: 100%;
	position: absolute;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	text-align:left;
}

#contenedor {
	min-height: 100%;
	background-image:url(../images/cabecera.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width: 1024px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	padding-bottom: 13em;
	/*padding-left:20px;*/
	}
	/**************************** CABECERA****************************/
	
#cabecera{
	float:left;
	width:954px;
	margin-left:70px;
	height:83px;
	}
.logo_cabecera{
	margin-top:40px;
	padding-left:60px;
	height:30px;
	width:400px;
}
.logo_cabecera img,  a:focus{
	outline: none;
	height:30px;
	width:270px;
	margin-top:0px;
}
.boton_contacto{
	float:right;
	background-image:url(../images/pestana_contacto.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin:0px;
	padding:0px 0px;
	color:#FFFFFF;
	text-align:center;
	width:75px;
	height:32px;
	line-height:1.8em;
	}
.boton_contacto a{
	margin:0px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	}
.boton_contacto a:hover{
	background-image:url(../images/pestana_contacto02.gif);
	background-repeat:no-repeat;
	background-position:right;
	display:block;
	width:75px;
	height:32px;
	text-align:center;
	}
#todo{
	float:right;
	padding-right:8px;
	width:100px;
	height:228px;
	top:0px;
	right:78px;
	z-index: 10100;
	position: absolute;
	}
.idioma{
	float:right;
	margin:0px;
	height:32px;

}	
.idioma p{
	color:#a1a1a1;
	text-align:right;
	padding-right:10px;
	padding-bottom: 0px;
}
.idioma p a{
	background-image:url(../images/piti_idiomas.gif);
	background-position:left 0.7em;
	background-repeat:no-repeat;
	padding-left:15px;
	color:#a1a1a1;
	text-decoration:none;
}
.idioma p a:hover{
	color:#000000;
}
#lista_idioma {
	margin-top:-3px;
	float:right;
	margin-right:3px;
	width:100px;
	}

.lista_idioma {
	display:none;
	border:solid 1px #A1A1A1;
	float:right;
	height: 190px;
	margin:0px 0px 0 0px;
	padding:0px ;
	background-color:#ffffff;
	text-align:right;
	z-index: 10000;
	position: absolute;
}

.lista_idioma ul {
	padding: 0 8px 5px 15px;
}
.lista_idioma ul li {
	line-height: 1.5em;
}
.lista_idioma ul li a{
	background-image:none!important;
	background-color:none!important;
	color:#a1a1a1;
	text-decoration:none;
	}
.lista_idioma ul li a:hover{
	color:#000000;
	}
	
	
/*******************************MENU*************************/
#menu{
	float:left;
	margin-left:70px;
	width:954px;
	
	}
#menu ul{
	float:right;
	margin:0px 0px 0px 0;
	padding:0px;
	height: 38px;
	position:relative;

}
#menu  li{
	font-size:104%;
	float: left;
	padding:8px 19px 8px 19px;
	margin-left:1px;
	border-bottom:solid 3px #990000;

}
#menu li.amarillo{
	border-bottom:solid 3px #FFcf00;
	color:#FFcf00;
}
#menu li.naranja{
	border-bottom:solid 3px #FF9A00;
	color:#FF9A00;
}
#menu li.rojo{
	border-bottom:solid 3px #FF6500;
	color:#FF6500;
}
#menu li.verde{
	border-bottom:solid 3px #63CF00;
	color:#63CF00;
}
#menu li.verdeOscuro{
	border-bottom:solid 3px #009A31;
	color:#009A31;
}
#menu li.azul{
	border-bottom:solid 3px #319AFF;
	color:#319AFF;
	}
#menu li.azulOscuro{
	border-bottom:solid 3px #00309C;
	color:#00309C;
	}
#menu li a{

	color:#000000;
	text-decoration:none;
	}
#menu li.amarillo a:hover{
	color:#FFcf00;
	}
#menu li.naranja a:hover {
	color:#FF9A00;
	}
#menu li.rojo a:hover {
	color:#FF6500;
	}
#menu li.verde a:hover {
	color:#63CF00;
	}
#menu li.verdeOscuro a:hover {
	color:#009A31;
	}
#menu li.azul a:hover {
	color:#319AFF;
	}
#menu li.azulOscuro a:hover {
	color:#00309C;
	}
.fuerte{
	font-weight:bold;
	font-size:90%;
	}
	/**********************************CONTENIDO HOME**************************/
#contenido_home{
	float:left;
	margin:5px 0px 0 70px;
	width:954px;
	}
.imagen_home{
	height:415px;
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-left:0px;
	}
.fondo1{
	background-image:url(../images/fondo_home01.jpg);
	}
.fondo2{
	background-image:url(../images/fondo_home02.jpg);
	}
.fondo3{
	background-image:url(../images/fondo_home03.jpg);
	}
.fondo4{
	background-image:url(../images/fondo_home04.jpg);
	}
	
.slogan{
	padding:30px 0 0 180px;
	float:left;
	/*width:450px;*/
	}
.imagen_home .texto{
	color:#FFFFFF;
	width:198px;
	float:right;
	margin-top:28px;
	padding-right:25px;
}
.destacados{
	float:left;
	width:954px;
	padding-left:50px;
	margin-top:1px;
}
.destacado_amarillo{
width:280px;
	float:left;
	background-image:url(../images/taco_amarillo.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:#F6EB14;
	padding:25px 25px 10px 20px;
	margin-right:1px;
}
.destacado_verde{
	width:280px;
	float:left;
	background-image:url(../images/taco_verde.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-color:#60950D;
	padding:25px 20px 10px 20px;
	margin-right:1px;
	color:#FFFFFF;
}
.destacado_blanco{
	float:left;
	padding:25px 5px 10px 10px;
	width:260px;
	margin-left:8px;
	/*height:300px;*/
}
.actividades{
	margin:0px 0px 18px 0px;
}
.actividades img{
	float:left;
	margin-right:10px;
	margin-top:3px;
}
.actividades p{
margin-bottom:5px;
	margin-top:0px;
	line-height:1.1em;
}
.titulo{
	font-size:200%;
	padding:0px 50px 20px 0px;
}
 .tex{
	font-size:110%;
	padding:0px 0px 0px 0px;
}
 .tex span{
	 font-size:95%;
 }
 .separata{
	 background-image:url(../images/separata.gif);
	 background-repeat:no-repeat;
	 margin-left:0px;
	 margin-top:12px;
	 }
.enlace_oferta{
	  margin-left:0px;
	 background-image:url(../images/piti.gif);
	 background-repeat:no-repeat;
	 background-position:left;
	 padding-left:10px;
	 margin-top:-15px;
	 }
.enlace_oferta a{
	color: #000000;
	}
.enlace_oferta a:hover{
	text-decoration:none;
	}
.enlace_oferta2{
	  margin-left:0px;
	 background-image:url(../images/piti_blanco.gif);
	 background-repeat:no-repeat;
	 background-position:left;
	 padding-left:10px;
	 margin-top:-15px;
	 }
.enlace_oferta2 a{
	color: #ffffff;
	}
.enlace_oferta2 a:hover{
	text-decoration:none;
	}
	/*****************************MIGAS*****************/
	
#migas{
	float:left;
	width:904px;
	height:30px;
	margin-left:0px;
	padding-bottom:20px;
	border-bottom:solid 1px #CFCFCF;
	margin-bottom:30px;
}
#migas ul{
	margin:20px 0px;
}
#migas ul li{
	color:#7e7e7e;
	display:inline;
	background-image:url(../images/piti_verde.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:8px;
	margin-right:15px;
	line-height:0.7em
}
#migas ul li a{
	color:#7e7e7e;
}
#migas ul li a:hover{
	text-decoration:none;
}
/*****************************CONTENIDO************/
#contenido{
	float:left;
	margin:10px 0px 0 70px;
	padding-left:50px;
		width:904px;
	}
.imagen_deco{
	float:left;
	margin-left:0px;
	margin-top:25px;
}
h2{
	font-size:250%;
	margin:15px 0px 30px 0;
	font-weight:normal;
}
h2.tarif{
	color:#FFcf00;
}
 h2.serv{ 
 	color:#FF9A00;
}

.destacados_cont{
	float:left;
	width:904px;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:20px;
}

#menu_pestana {
	margin:0px 0 0px 0px;
	padding: 0px 0 0px 0px;
	height: 44px;
	
}
.pestana {
	font-weight:bold;
	font-size:95%;
	font-style:italic;
	color:#656565;
	text-align:center;
	line-height:2.8em;
	margin:0px;
	height:44px;
	padding: 0px 0 0px 0px;
}
.marron {
	color:#BB9801!important;
}
.pestana a{
	text-decoration:none;
	color:#000000;
}
#pestana_1{
	float:left;
	background-image:url(../images/pestana1_02.gif);
	background-position:left;
	background-repeat:no-repeat;
	width:298px;
	height:44px;
	display:block;
}
#pestana_2{
	float:left;
	background-image:url(../images/pestana2_01.gif);
	background-position:left;
	background-repeat:no-repeat;
	width:213px;
	height:44px;
	display:block;
}
#pestana_3{
	float:left;
	background-image:url(../images/pestana3_01.gif);
	background-position:left;
	background-repeat:no-repeat;
	width:299px;
	height:44px;
	display:block;
	border-bottom: transparent;
}
#cuadro_tarifas{
	margin: -1px 0px 0px 0px;
	border:solid 1px #c3c3c3;
	padding:30px 0 30px 30px;

}
#cuadro_interior{
	display:block;
}
#item_1{
	display: block;
}

#item_2, #item_3 {
	display: none;
}
#cuadro_tarifas table{
	font-size:95%;
	margin:25px 20px 25px 0px;
	border:none;
	padding: 0px;
}
#cuadro_tarifas tr{
	margin:0px;
	border:none;
	padding:0px;
}
#cuadro_tarifas td{
	border-bottom:solid 1px #c3c3c3;
	border-left:solid 1px #c3c3c3;
	margin:0px;
	padding:10px;
	text-align:center;
	font-weight:normal!important;
	line-height:1.3em;
	vertical-align:top;
}
#cuadro_tarifas th{
border-bottom:solid 1px #c3c3c3;
	border-left:solid 1px #c3c3c3;
	margin:0px;
	padding:0px;
	font-weight:normal!important;

}
th.centrar{
	text-align:center;
	margin:0px;
	border-left:solid 1px #c3c3c3;
	padding:0px 8px 10px 8px!important;
	line-height:1.3em;
}
.rojotabla{
	color:#FF0000;
}
.azultabla{
	color:#0084FF;
}
.sin{
	border-left:none!important;
	text-align:left;
	padding:15px 5px 15px 0!important;
	line-height:1.3em;
}
.sinabajo{
	border-bottom:none!important;
	padding-bottom:0px!important;
}
.dentro{
	padding-left:55px;
}
/********************SERVICIOS**************************/
.servicios{
	border-top:solid 1px #CFCFCF;
	border-bottom:solid 1px #CFCFCF;
	margin:15px 0;

}
.bloque_servicios{
	float:left;
	width:220px;
	margin:10px 25px 20px 0px;
	}
	.bloque_ancho{
	width:300px;
	}
.bloque_servicios img{
	margin-right:8px;
	float:left;
	margin-top:2px;
}
/********************************BUNGALOWS*******************************/
 h2.bungalows{ 
 	color:#FF6500;
}
.bloqueBungalows{
	margin:20px 0px;
	border-bottom:solid 1px #CFCFCF;
}
 span.bungalows{
	color:#FF6500;
}
.plano_bungalows{
	float:right;
	margin-right:0px;

}
.titBungal{
	font-size:180%;
	font-style:italic;
	margin-bottom:15px;

}
.gris{
	color:#999999;
	margin:20px 0px;
}
.foto{
	float:left;
	margin:10px 5px 30px 0;
}
ul.bungalows{
	margin:10px 0px 0px 0px;
}
ul.lista_bungalows li{
	background-image:url(../images/piti_cruz.gif);
	background-position:left 0.7em;
	background-repeat:no-repeat;
	padding-left:10px;
}
ul.lista_bungalows li ul li{
	background-image:none;
	margin-left:30px;
}
/**************************************UBICACION******************/
h2.ubicacion{ 
	color:#009A31;
}
.alto{
	margin-top:60px;
}
.ubicacion a{
	color:#7e7e7e;
}
.ubicacion a:hover{
	text-decoration:none;
}
.google{
	margin:30px 0px;

}
.bloqueUbicacion{
	float:left;
	margin:20px 100px 0px 10px;
}
.bloqueUbicacion a{
	color:#009A31;
}
.ubicacion ul{
	margin:10px;
}
.ubicacion ul li{
	background-image:url(../images/piti.gif);
	background-position:left 0.7em;
	background-repeat:no-repeat;
	padding-left:10px;
	}
.taco{
	width:100%;
	float:left;
	margin:15px 0px;
	background-color:#F3F3F4;
}
.bloque_boton_ubi{
	margin:0px 0px;
	padding-bottom:10px;
}
.boton_ubicacion{
	background-image:url(../images/boton_actividades.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#FFFFFF;
	text-align:center;
	width:141px;
	margin:0px 0px ;
	font-size:90%;
}
.boton_ubicacion a{
	color:#FFFFFF;
	text-decoration:none;
}
/**************************************ACTIVIDADES******************/
h2.activ{ 
	color:#319AFF;
}
.bloque_boton_acti{
	border-bottom:solid 1px #CFCFCF;
	margin:10px 0px;
	padding-bottom:10px;
}
.sin_borde{
	border-bottom:none;
}
.boton_actividades{
	background-image:url(../images/boton_actividades.gif);
	background-repeat:no-repeat;
	background-position:left;
	color:#FFFFFF;
	text-align:center;
	width:141px;
	margin:10px 0px ;
	font-size:90%;
}
.boton_actividades a{
	color:#FFFFFF;
	text-decoration:none;
}
.bloque_actividades{
	float:left;
	margin:10px 25px 20px 0;
	width:275px;
	line-height:1.5em;
	font-size:85%;
}
.bloque_actividades a{
	color:#000000;
}
 span.activid, span.activid a{
	color:#319AFF;
}
.bloque_actividades a:hover{
	 text-decoration:none;
 }
.bloque_actividades img{
	margin-bottom:15px
}
/**************************************FOTOS******************/
h2.fotos{ 
	color:#63CF00;
}
.bloque_fotos{
	float:left;
	margin:10px 25px 20px 0;
	width:275px;
	line-height:1.5em;
	font-size:85%;
}
.bloque_fotos img{
	margin-bottom:15px
}
.oculta{
	display:none;
	}
/**************************************RESERVAS******************/
h2.reservas{ 
	color:#00309C;
}
.bloque_reservas{
	
	margin:10px 0px;
	padding-bottom:20px;
	}
	p.reservas {
	width:570px;
	padding-bottom:0px;
	/*border-bottom:solid 1px #CFCFCF;*/
	}
.taco_reservas{
		float:right;
		background-color:#00309C;
		background-image:url(../images/taco_reservas.gif);
		background-repeat:no-repeat;
		background-position:right bottom;
		padding:15px;
		margin:0 0 0 10px;
		color:#FFFFFF;
	}
.reser{
	font-size:150%;
	margin-bottom:10px;
	margin-top:5px;
	
	}

ul.aviso{
	margin:12px;
}
ul.aviso li{
	background-image:url(../images/piti_verde.gif);
	background-repeat:no-repeat;
	background-position:left 0.7em;
	padding-left:10px;
	margin-top:8px;
}
p{
margin-bottom:10px;
}
p a, ul.aviso a{
	color:#000000;
	}
p a:hover, ul.aviso a:hover{
	text-decoration:none;
}
.taco_Rosa{
		/*float:left;
		background-color:#00309C;*/
		width:436px;
		background-image:url(../images/taco_rosa.gif);
		background-repeat:no-repeat;
		padding:10px 40px 10px 70px;
		line-height:1.5em;
		margin:0 0 20px 60px;
		color:#FFFFFF;
		font-size:120%;
	}
.bloqueCalendario{
width:300px;
		float:right;
		padding:0px;
		margin:0 0 0 10px;
		color:#FF0000;
	}
.tituloCalendario{
	color:#00309C;
	margin-bottom:20px;
	font-size:160%;
	
	}
	.tituloCalendario2{
	color:#70af03;
	margin-bottom:20px;
	font-size:140%;
	font-style:italic;
	margin-top:15px;
	}
.fondo_calendario{
float:left;
	background-image:url(../images/fondo_calendario.gif);
	background-repeat:no-repeat;
	background-position:left;
	width:299px;
	height:250px;
	margin-bottom:20px;
	
	}
/*************************FORMULARIO**********************************/
.formulario{
float:left;
	width:570px;
	margin-top:10px;
	margin-left:0px;
}
.formulario .campo {
	clear:left;
	font-size:88%;
	margin-bottom:5px;
}
.formulario .campo img{
	padding-left:8px;
}
.formulario label {
	float: left;
	display:block;
	width:250px;
	text-align:right;
	margin-right:10px;	
	}
.formulario input.error{
	background: #ffefef;
}
	
.txt{
	width:250px;
	border:solid 1px #D0CCC7;
	padding:2px;
}
.corto{
	width:100px;
}
.separata_form{
	width:100%;
	margin:15px 0;
	background-image:url(../images/separata_form.gif);
	background-repeat:repeat-x;
	background-position:left;
}
.opcion{
	margin-left:75px;
}
.reserva_txt{
	float:left;
	margin-left:60px;
	width:100px;
	text-align:right;
	margin-right:30px;
}
.campo_reservas{
	clear:left;
	float:left;
	margin:0 0 20px 0;
	padding:10px;
	width: 465px;
	background: url(../images/fnd_reserva_de.gif) 5em 0.2em no-repeat;
	position: relative;
}
.campo_reservas .borde_der{
	position: absolute;
	top: 3px;
	right: 0;
}
.reserva_opcion{
	float:left;
	margin:0;	
}
.reserva_opcion input{	
	margin: 5px 0 0 0;
}
 label.opcion_txt{
	float: left;
	width: auto;
	margin:0 10px 0 15px;
}

.caja_opcion{
	width:40px;
	border:solid 1px #D0CCC7;
	padding:2px;
}
.ancho{
	border:solid 1px #D0CCC7;
	width:550px;
	height:100px;
}
.botones {
	margin: 15px 0px 10px 40px;
	text-align:center;
	}
.botones input {
	width:81px;
	border:none;
	background-color:transparent;
	cursor:pointer;
	text-decoration:none;
	height:26px;
	padding-bottom:5px;
	font-size:95%;
	background-image:url(../images/boton_enviar.gif);
	background-position:left ;
	background-repeat:no-repeat;
	text-align:center;
	color:#ffffff;
	}
#reserva_1{
	display: block;
}
#reserva_2 {
	display: none;
}
/* MENSAJES ERROR FORMULARIO */
.mensajesErrorok{
	color:#000000;
	padding: 15px 0 5px 0px;
}
.mensajesErrorok a{
	color:#000000;
	text-decoration:underline;
}
.mensajesErrorok a:hover{
	text-decoration:none;
}
.mensajesError {
	color:#ffffff;
	background-color:#FF0000;
	width:450px;
	margin:20px auto 30px 0px;
	}

.mensajesError p {
	color:#ffffff;
	font-size: 150%;
	padding: 15px 15px 5px 20px;
	}
.mensajesError ul{
	padding:0 15px 15px 20px;
	
	}
.mensajesError li {
	padding-left:0px;
	font-size:90%;
	color:#ffffff;
	margin-left:0px;
	}

	/***********************************************PIE*************************/
	
#pie{
	position: absolute;
	left: 0;
	bottom: 0px;
	font-size: 95%;
	height:185px;
	width:100%;
}
#pie_contenedor{
	width: 1024px;
	margin: 0px  auto 0 auto;
	position: relative;
	padding:0 0 0 0px;
	}
#contenido_pie{
	width: 904px;
	float:left;
	padding-left:70px;
	margin-left:0px;
	}
.pie_contenido{
	float:left;
	width: 924px;
	margin:20px 0px 0 50px;
	padding:0 0 0 0px;
	border-top:solid 1px #CFCFCF;
	height:185px;
	}
.pie_contenido p{
	color:#7e7e7e;
	margin-top:10px;
	}
.pie_contenido p a{
	color:#7e7e7e;
		}
.pie_contenido p a:hover{
	text-decoration:none;
		}
 span.verdepie{
	color:#60950D;
		}
span.negropie{
	color:#000000;
		}
.pie_contenido_der{
	float:right;
	margin-top:10px;
	width:400px;
}
.pie_contenido_der img{
	float:right;
	margin-left:20px;
}
.pie_contenido_der p {
	margin-top:0px;
	text-align:right!important;
	}
.pie_contenido_der p a{

	color:#7e7e7e;
	text-decoration:none;
}
.pie_contenido_der p a:hover{
	text-decoration:underline;
}


label {
	cursor: pointer;
}