*{
	margin: 0;
	padding: 0;
}
body{
	background: #fff url(bg-body.gif) repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1{
	font-family: trebuchet ms, verdana, arial, tahoma,;
	font-size: 26px;
	color: #555;
	padding: 0 0 5px 0;
}
h2{
	font-size: 20px;
	color: #39658A;
	padding: 10px 0px 3px 0;
	border-bottom: 1px solid #ededed;
	width: 350px;
	margin: 0 0 20px 0;
}
h3{
	font-size: 16px;
	color: #777;
	padding: 25px 0 10px 0;
}
h4{
	font-size: 14px;
	color: #222;
	padding: 20px 0 0 0;
}
p{
	font-size: 12px;
	color: #777;
	padding: 0 0 10px 0;
	line-height: 24px;
}
a{
	color: #39658A;
	outline: none;
}
a:hover{
	color: #AE4141;
}
ul{
}
li{
}
.stopfloat{
	clear: both;
}

/* ------------------------- Estructura ------------------------- */
/* ------------------------- Estructura ------------------------- */
/* ------------------------- Estructura ------------------------- */
#main{
	margin: 0 auto;
	padding: 0;
	width: 860px;
}
#header{
	width: 860px;
	height: 355px;
	position: relative;
	padding: 0;
	margin: 0;
	background: url(bg-header.gif) no-repeat;
}
#content{
	width: 635px;
	padding: 10px 0 10px 215px;
}
#footer{
	width: 645px;
	height: 50px;
	background: url(bg-footer.jpg) no-repeat;
	margin: 20px 0 0 0;
	padding: 10px 0 0 215px;
}
#nav-sist{
	width: 300px;
	height: 20px;
	position: absolute;
	top: 15px;
	right: 0;
	text-align: right;
}
#nav-sist p a{
	font-size: 11px;
	margin: 0 10px 0 0;
	text-decoration: none;
	color: #fff;
}
#foto{
	width: 660px;
	height: 314px;
	position: absolute;
	top: 40px;
	right: 0;
}
/* ------------------------- Estructura ------------------------- */
/* ------------------------- Estructura ------------------------- */
/* ------------------------- Estructura ------------------------- */



/* ------------------------- Contenidos ------------------------- */
/* ------------------------- Contenidos ------------------------- */
/* ------------------------- Contenidos ------------------------- */
.logo{
	position: absolute;
	top: 21px;
	left: 41px;
	width: 140x;
	height: 91px;
	border: 0;
}
#content ul{
	margin: 20px;
	list-style: none;
}
#content li{
	font-size: 13px;
	color: #333;
	background: url(list.gif) 0 3px no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 0 23px;
}
.flckr, .flckr a{
	text-align: right;
	color: #ccc;
	font-size: 11px;
	margin: -18px 0 0 0;
}
/* ------------------------- Contenidos ------------------------- */
/* ------------------------- Contenidos ------------------------- */
/* ------------------------- Contenidos ------------------------- */



/* ------------------------- Footer ------------------------- */
/* ------------------------- Footer ------------------------- */
/* ------------------------- Footer ------------------------- */
#footer p{
	font-size: 12px;
	padding: 0;
	color: #B2B2B2;
}
#footer a{
	color: #B2B2B2;
	margin: 0 5px 0 0;
}
/* ------------------------- Footer ------------------------- */
/* ------------------------- Footer ------------------------- */
/* ------------------------- Footer ------------------------- */



/* ------------------------- Nav ------------------------- */
/* ------------------------- Nav ------------------------- */
/* ------------------------- Nav ------------------------- */
#nav{
	width: 200px;
	height: 232px;
	background: url(bg-nav.gif) no-repeat;
	position: absolute;
	top: 122px;
	left: 0;
}
#nav ul{
	list-style: none;
}
#nav li{
}
#nav li a{
	display: block;
	height: 29px;
	width: 200px;
	text-indent: -99999px;
}
#la-casa a{
	background: url(la-casa.gif) no-repeat;
}
#la-casa a:hover{
	background: url(la-casa.gif) -200px 0 no-repeat;
}
#el-entorno a{
	background: url(el-entorno.gif) no-repeat;
}
#el-entorno a:hover{
	background: url(el-entorno.gif) -200px 0 no-repeat;
}
#actividades a{
	background: url(actividades.gif) no-repeat;		
}
#actividades a:hover{
	background: url(actividades.gif) -200px 0 no-repeat;	
}
#como-llegar a{
	background: url(como-llegar.gif) no-repeat;		
}
#como-llegar a:hover{
	background: url(como-llegar.gif) -200px 0 no-repeat;	
}
#tarifas a{
	background: url(tarifas.gif) no-repeat;		
}
#tarifas a:hover{
	background: url(tarifas.gif) -200px 0 no-repeat;	
}
#galeria a{
	background: url(galeria.gif) no-repeat;		
}
#galeria a:hover{
	background: url(galeria.gif) -200px 0 no-repeat;	
}
#eventos a{
	background: url(eventos.gif) no-repeat;		
}
#eventos a:hover{
	background: url(eventos.gif) -200px 0 no-repeat;	
}
#contacto a{
	background: url(contacto.gif) no-repeat;		
}
#contacto a:hover{
	background: url(contacto.gif) -200px 0 no-repeat;	
}
/* ------------------------- Nav ------------------------- */
/* ------------------------- Nav ------------------------- */
/* ------------------------- Nav ------------------------- */



/* ------------------------- Imágenes ------------------------- */
/* ------------------------- Imágenes ------------------------- */
/* ------------------------- Imágenes ------------------------- */
.fotol{
	float: right;
	padding: 5px;
	margin: 5px 0 10px 10px;
	border: 1px solid #ededed;
}
.th{
	padding: 5px;
	margin: 0 3px 0 0;
	border: 1px solid #ededed;
}
/* ------------------------- Imágenes ------------------------- */
/* ------------------------- Imágenes ------------------------- */
/* ------------------------- Imágenes ------------------------- */



/* ------------------------- Formulario ------------------------- */
/* ------------------------- Formulario ------------------------- */
/* ------------------------- Formulario ------------------------- */
#formulario-contacto form{
	margin: 0;
}
#formulario-contacto{
}
.form-element-box{
	float: left;
	margin: 0 15px 0 0;
}
#formulario-contacto p{
	padding: 0;
	margin: 10px 0 0 0;
}
.input-contacto{
	border: 1px solid #ccc;
	padding: 5px;
	width: 270px;
}
.textarea{
	border: 1px solid #ccc;
	padding: 5px;
	width: 270px;
	height: 140px;
}
.button{
	margin: 15px 0 0 0;
	width: 72px;
	height: 26px;
	border: 0;
	background: url(bg-button.gif) no-repeat;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
.mensaje-ok{
	background-color: #39658A;
	color: #fff;
	padding: 0;
	text-align: center;
	margin: 0 0 10px 0;
}
.mensaje-nook{
	background-color: #AE4141;
	color: #fff;
	padding: 0;
	text-align: center;
	margin: 0 0 10px 0;	
}
/* ------------------------- Formulario ------------------------- */
/* ------------------------- Formulario ------------------------- */
/* ------------------------- Formulario ------------------------- */



/* ------------------------- Tarifas ------------------------- */
/* ------------------------- Tarifas ------------------------- */
/* ------------------------- Tarifas ------------------------- */
.tarifas{
	border: 0;
	font-weight: bold;
}
.tab-gris{
	background: url(bg-tab-gris.gif) repeat-x;
	height: 16px;
	padding: 4px 0 0 0;
	margin: 0 0 1px 0;	
}
.tab-gris{
	font-size: 11px;
	line-height: 15px;
	color: #999;
}
.gris1{
	width: 247px;
	padding-left: 5px;
}
.gris2{
	width: 187px;
	text-align: center;
}
.tab-bluea, .tab-blueb, .tab-bluec, .tab-brown, .tab-white{
	height: 24px;
	padding: 0 0 0 0;
	margin: 0 0 1px 0;
}
.tab-bluea{
	background: url(bg-tab-bluea.gif) repeat-x;
}
.tab-blueb{
	background: url(bg-tab-blueb.gif) repeat-x;
}
.tab-bluec{
	background: url(bg-tab-bluec.gif) repeat-x;
}
.tab-brown{
	background: url(bg-tab-brown.gif) repeat-x;
}
.tab-white{
	background-color: #fff;
}
.tab-bluea, .tab-blueb, .tab-bluec, .tab-brown{
	font-size: 16px;
	line-height: 17px;	
	color: #6A7887;
	margin: 0;
	padding: 0; 
}
.tab-white{
	font-size: 12px;
	line-height: 14px;	
	color: #999;
	margin: 0;
	padding: 0;	
}
.bluea1, .blueb1, .bluec1, .brown1, .white1{
	width: 247px;
	padding-left: 5px;
	margin: 0 0 0 0;
}
.bluea2, .blueb2, .bluec2, .brown2, .white2{
	width: 60px;
	text-align: center;
	margin: 0 1px 1px 0;
}
/* ------------------------- Tarifas ------------------------- */
/* ------------------------- Tarifas ------------------------- */
/* ------------------------- Tarifas ------------------------- */