/* CSS Document */
/*#FFFEFF*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.body {
	background-image:url(img/bg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#cuerpo {
	width:772px;
	float:none;
	clear:both;
	text-align:left;
	margin:auto;
}

#header {
	float:none;
	background-image:url(img/header.jpg);
	width:772px;
	height:485px;
}

#preHeader {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:767px;
	height:20px;
	font-weight:bold;
	text-align:right;
	margin-top:30px;
	padding-right:5px;
}

#preHeader a {
	color:#FFFFFF;
	text-decoration:none;
}

#preHeader a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


#menu {
	width:772px;
	height:31px;
	background-image:url(img/bg_menu.gif);
	color:#FFFFFF;
	padding-top:13px;
}

#menu a {
	color:#FFFFFF;
	text-decoration:none;
}

#menu a:hover {
	color:#b08657;
	text-decoration:none;
}

#menu #home {
	color:#b08657;
	float:left;
	width:130px;
	height:20px;
	margin-left:40px;
	_margin-left:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#menu #habitaciones {
	color:#b08657;
	float:left;
	width:110px;
	height:20px;
	margin-left:5px;
	_margin-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#menu #servicios {
	color:#b08657;
	float:left;
	width:87px;
	height:20px;
	margin-left:5px;
	_margin-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#menu #actividades {
	color:#b08657;
	float:left;
	width:100px;
	height:20px;
	margin-left:5px;
	_margin-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#menu #localizaciones {
	color:#b08657;
	float:left;
	width:105px;
	height:20px;
	margin-left:5px;
	_margin-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#menu #contacto {
	color:#b08657;
	float:left;
	width:135px;
	height:20px;
	margin-left:5px;
	_margin-left:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}


#contenedor {
	width:772px;
	height:auto;
	background-image:url(img/bg_cuerpo.gif);
}

#fotografias {
float:left;
background-color:#443320;
width:240px;
height:auto;
margin-left:5px;
margin-top:7px;
margin-bottom:16px;
}

#izquierda {
float:left;
background-color:#443320;
width:512px;
height:auto;
margin-left:7px;
_margin-left:4px;
margin-top:7px;
margin-bottom:16px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#titulo_izq {
background-image:url(img/titulo_izq.gif);
width:494px;
height:34px;
font-size:22px;
padding-left:18px;
padding-top:9px;
}

#texto_izq {
width:494px;
height:auto;
padding:9px 9px 0 9px;
}

#footer {
background-image:url(img/bg_footer.gif);
width:772px;
height:48px;
font-size:11px;
color:#999999;
text-align:center;
padding-top:11px;
}

#footer a {
color:#999999;
text-decoration:none;
}

#footer a:hover {
color:#999999;
text-decoration:underline;
}

.fotito {
float:left;
width:90px;
height:68px;
background-image:url(img/bg_img_contenido.gif);
padding:4px 4px 4px 4px;
margin-right:8px;
}

.foto {
float:left;
width:103px;
height:79px;
background-image:url(img/bg_img_galeria.gif);
padding:5px 5px 5px 5px;
/*margin-left:10px;*/
}

.txt {
float:left;
width:500px;
height:105px;
/*padding:5px 5px 5px 5px;*/
/*margin-left:10px;*/
}

.txt_habita {
float:left;
width:500px;
height:185px;
/*padding:5px 5px 5px 5px;*/
/*margin-left:10px;*/
}

.bohemios {
float:left;
width:190px;
height:288px;
padding:5px 5px 5px 0px;
margin-left:20px;
_margin-left:10px;
}

.galeria {
float:left;
width:190px;
height:288px;
background-image:url(img/bg_galeria.gif);
padding:5px 5px 5px 5px;
margin-left:20px;
_margin-left:10px;
}

.masImagenes {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

.masImagenes a {
	color:#FFFFFF;
	text-decoration:none;
}

.masImagenes a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.links a {
color:#FFFFFF;
text-decoration:none;
}

.links a:hover {
color:#FFFFFF;
text-decoration:underline;
}

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