@charset "utf-8";

/* CSS Document */



/***********************************************************/

/******************* ESTILOS GENERAL ***********************/

/***********************************************************/



body{

	background-image:url(../imagenes/bg.jpg);

	background-repeat:repeat-x;

	margin: 0 0 0 0;

}

#pagina{

	width:900px;

	margin:0 auto 0 auto;

}

#cabecera{

	width:900px;

	height:120px;

	position:relative;

	float:left;

}

#logo{

	width:200px;

	height:120px;

	position:relative;

	float:left;

}

#idiomas{

	margin-top:5px;

	width: 270px;

	float:right;

	position:relative;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	color:#DDD;

}

#idiomas a{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	color:#DDD;

	font-style:italic;

	text-decoration:none;

}

#chat{
	width:90px;
	height:35px;
	margin:85px 10px 0 0;
	position:relative;
	float:right;

}

#flores_reservas{

	width:170px;

	height:120px;

	position:relative;

	float:right;

}

#contenido{

	margin-top:15px;

	width:900px;

	position:relative;

	float:left;

	background-image:url(../imagenes/contenedor_bg.jpg);

	background-repeat:no-repeat;

}

/*--------------------------------------menu------------------------------------------*/

#menu{
	width:900px;
	height:80px;
	position:relative;
	float:left;
	background-image:url(../imagenes/nav_bg.jpg);
	background-repeat:repeat-x;
	display:block;
	z-index:10;

}

#menu ul{
	height:60px;
	list-style-type:none;
	width:auto;
	display:block;
	margin:0;
	padding:0;
}

#menu li {
	display:block;
	list-style-type:none;
	float:left;
	margin:20px 0 0 17px;
	padding:0;
	text-align:center;
}

/*--------------------------------------submenu------------------------------------------*/

#submenu{
	width:100px;
	height:110px;
	padding-top:10px;
	position:absolute;
	background-image:url(../imagenes/submenu_bg.png);
	background-repeat:no-repeat;
	z-index:100;
	display:none;
}

#submenu a:link,
#submenu a:visited,
#submenu a:active{
	text-decoration:none;
	color:#333;
	font-style:normal;
}

#submenu a:hover{
	color:#999;
}

#submenu ul{
	display:inline;
	margin:0;
	padding:0;
	list-style-image:none;
}

#submenu li {
	float:left;
	margin:0 0 5px 15px;;
	padding:0;
	width:100px;
	text-align:left;
}


#pie{

	width:900px;

	height:60px;

	position:relative;

	float:left;

	background-image:url(../imagenes/pie_bg.jpg);

	background-repeat:repeat-x;

	margin-bottom:25px;

}

#tripadvisor{

	width:100px;

	height:40px;

	margin:10px 0 0 10px;

	position:relative;

	float:left;

}

#pie_reservas{

	width:560px;

	height:20px;

	margin:20px 10px 0 0;

	position:relative;

	float:right;
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px

}

#final{

	width:900px;

	position:relative;

	float:right;

	background-image:url(../imagenes/final_linea.jpg);

	background-repeat:repeat-x;

	margin-bottom:20px;

}

#redes_sociales{

	width:250px;

	height:20px;

	margin:20px 0 0 20px;

	position:relative;

	float:left;

}

#redes_texto{

	width:100px;

	height:20px;

	position:relative;

	float:left;

}

#redes{

	width:25px;

	height:20px;

	position:relative;

	float:left;

}

#registro{	width:400px;height:20px;	margin:20px 20px 0 0;	position:relative; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-style:italic; color:#574940; text-align:right; font-weight:bold}
#registro a{ text-decoration:none}
#registro a:hover{ text-decoration:underline}

/***********************************************************/

/*******************  SECCIONES  ***************************/

/***********************************************************/

#imagenes{

	float:left;

	position:relative;

	widows:850px;

	height:400px;

}

#ver{

	z-index:0;

	position:absolute;	

	background-image:url(../imagenes/loading.jpg);	

}

#adelante{

	z-index:5;

	position:absolute;

	margin-top:180px;

	margin-left:815px;

}

#atras{

	z-index:10;

	position:absolute;

	margin-top:180px;

	margin-left:0px;

}

#titulo{

	float:left;

	position:relative;

	width:850px;

	height:40px;

	margin-top:410px;

}

#titulo_contacto{

	float:left;

	position:relative;

	width:850px;

	height:40px;

	margin-top:10px;

}

#titulo_prensa{

	float:left;

	position:relative;

	width:850px;

	height:40px;

	margin-top:10px;

}

#addthis{

	position:absolute;

	width:90px;

	height:20px;

	margin:10px 0 0 750px;

	z-index:10;

}

#texto{

	float:left;

	position:relative;

	widows:820px;

	margin-left:10px;

}

#subtitulo{

	float:left;

	position:relative;

	width:820px;

	height:25px;

	background-image:url(../imagenes/separador_subtitulo.jpg);

	text-align:justify;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	font-weight:bold;

	font-style:italic;

	padding-top:10px;

	color:#574941;

}

#columna{

	float:left;

	position:relative;

	width:260px;

	margin-right:20px;

	text-align:justify;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	font-style:italic;

	line-height:18px;

	color:#574941;

}
#columna_galeria{float:left;	position:relative;width:260px;margin-right:20px;text-align:justify;	font-family:Georgia, "Times New Roman", Times, serif;	font-size:11px;	font-style:italic;	line-height:18px;	color:#574941;}
#columna_galeria a, #columna_final_galeria a{ font-size:13px}
#columna2{
	float:left;
	position:relative;
	width:320px;
	margin-right:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	font-style:italic;
	line-height:18px;
	color:#574941;
}


#columna_final{

	float:left;

	position:relative;

	width:260px;

	text-align:justify;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	font-style:italic;

	line-height:18px;

	color:#574941;

}
#columna_final_galeria{

	float:left;

	position:relative;

	width:260px;

	text-align:justify;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	font-style:italic;

	line-height:18px;

	color:#574941;

}

#columna_ancha{

	float:left;

	position:relative;

	width:820px;

	text-align:justify;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	font-style:italic;

	line-height:18px;

	color:#574941;

	padding-left:5px;

}

#columna_contacto{

	float:left;

	width:555px;

	height:160px;

	text-align:justify;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	font-style:italic;

	line-height:18px;

	color:#574941;

	background:url(../ubicacion/imagenes/tiempos_bg.jpg);

	background-repeat:no-repeat;

	padding-left:5px;

	

}

#columna_1_2{

	float:left;

	position:relative;

	width:400px;

	margin:10px 20px 10px 10px;

	text-align:justify;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	font-style:italic;

	line-height:18px;

	color:#574941;

}

#columna_2_2{

	float:left;

	position:relative;

	width:400px;

	margin:10px 0 10px 0;

	text-align:justify;

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	font-style:italic;

	line-height:18px;

	color:#574941;

}

a{

	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:11px;

	font-style:italic;

	color:#7B9153;

}

/***********************************************************/

/*******************    HOME    ****************************/

/***********************************************************/

#home{
	width:850px;
	padding:5px;
	margin:80px 20px 25px 20px;
	border:thin;
	border-style:solid;
	border-color:#C2BFAD;
	background-color:#FFF;
	height:400px;
}

#home_hotel{
	width:210px;
	height:340px;
	float:left;
	position:relative;
	margin-right:3px;
}

#home_habitaciones{
	width:210px;
	height:340px;
	float:left;
	position:relative;
	margin-right:3px;
}

#home_honesty{
	width:210px;
	height:340px;
	float:left;
	position:relative;
	margin-right:3px;
}

#home_spa{
	width:210px;
	height:340px;
	float:left;
	position:relative;
}
/***********************************************************/

/*******************    HOTEL    ***************************/

/***********************************************************/

#hotel{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:600px;

}

/***********************************************************/

/*******************    GREEN    ***************************/

/***********************************************************/

#green{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:1100px;

}


/***********************************************************/

/*******************    SPA    ***************************/

/***********************************************************/

#spa{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:580px;

}

/***********************************************************/

/*******************    HONESTY    ***************************/

/***********************************************************/

#honesty{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:620px;

}

/***********************************************************/

/*******************    HABITACIONES    ***************************/

/***********************************************************/

#habitaciones{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:700px;

}

#habitaciones2{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:830px;

}
.habita1,.habita2{ text-align:center; float:left; margin-left:150px}
.habita1 a, .habita2 a{ background:#fbfae8; border:#c2bfad solid 1px; width:150px; height:15px; padding:10px; color:#574941; text-decoration:none; float:left; text-align:center}
.habita1 a:hover, .habita2 a:hover{ background:#7b9153; color:#fbfae8}

/***********************************************************/

/*******************    SERVICIOS    ***********************/

/***********************************************************/
#servicios{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:830px;

}



/***********************************************************/

/*******************    GALERIA    ***************************/

/***********************************************************/

#galeria{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:555px;

}

/***********************************************************/

/*******************    PRENSA    ***************************/

/***********************************************************/

#prensa{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:1300px;

}

#prensa2{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:830px;

}

#prensa_item{

	float:left;

	position:relative;

	width:94px;

	margin:0 8px 8px 0;

}

#prensa_item2{

	float:left;

	position:relative;

	width:197px;

	margin:0 8px 25px 0;

}

/***********************************************************/

/*******************    TARIFAS    ***************************/

/***********************************************************/

#tarifas{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:360px;

}

/***********************************************************/

/*******************    PROMOCIONES    ***************************/

/***********************************************************/

#promociones{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:730px;

}



#promociones .foto{

	width:185px;

	height:130px;

	border:#690 thin solid;

	float:left;

	position:relative;

	margin-bottom:10px;

}



#promociones .texto_prom{

	width:200px;

	height:130px;

	float:left;

	position:relative;

	margin-left:10px;

}



#promociones a{

	text-decoration:none;

}



#promociones .titulo{

	float:left;

	position:relative;

	width:850px;

	height:40px;

}

/***********************************************************/

/*******************    CONTACTO    ***************************/

/***********************************************************/

#contacto, #contacto2{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:570px;

}
#contacto2{ height:570px}
.fondoContacto{ background:url(../contacto/imagenes/contactoBG.jpg) no-repeat; height:500px; width:829px}
.contactoCont{ background:#fff; width:380px; margin:0 auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; text-align:center; font-style:italic; height:500px}

/***********************************************************/

/*******************    REGISTRO    ***************************/

/***********************************************************/

#registrate{

	width:850px;

	padding:5px;

	margin:80px 20px 25px 20px;

	border:thin;

	border-style:solid;

	border-color:#C2BFAD;

	background-color:#FFF;

	height:350px;

}

.design{ text-align:right; color:#574a41; font-size:10px; overflow:hidden; clear:left; width:120px; margin: 0 auto; padding-left:280px}
.design ul { margin:0; padding:0}
.design ul li { width:60px; float:left; list-style:none}
.design ul li .design2 { width:60px; padding-top:4px}