/* Diseņo por Alfaweb www.alfawebcr.com para
Termales el Guayacan www.termaleselguayacan.com */


*{
margin:0;
padding:0;
}
.limpia{
clear:both;
height:1px;
}
ul{
list-style:inside;
}

p{
margin:10px 0;
}
a{
color:#6C8C4C;
font-weight:bold;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a:visited{
color:#666;
}
body{
	background: #73870A url(../img/bg-termales.jpg) repeat-x;
	font: 12px/1.6em "Arial", Helvetica, sans-serif;
	color: #000;
}

#wrap{
	width:770px;
	margin:0 auto;
}

#encabezado{
	width:770px;
	height:187px;
	position:relative;
}

h1{
	width:329px;
	height:180px;
	position:absolute;
	top:0;
	left:0;
}

h1 a{
	width:329px;
	height:180px;
	display:block;
	text-indent:-1000em;
	background: url(../img/h1-logo.gif) no-repeat;	
}

h2{display:block; overflow:hidden; text-indent:-10000em; margin:5px 0 10px 0px;
}
.h2-elguayacan{width:268px; height:37px;background: url(../img/h2-termales.gif) no-repeat;}
.h2-leofrecemos{width:235px; height:35px;background: url(../img/h2-leofrecemos.gif) no-repeat;}
.h2-reservaciones{width:145px; height:22px;background: url(../img/h2-reservaciones.gif) no-repeat;}
.h2-ubicacion{width:105px; height:22px;background: url(../img/h2-ubicacion.gif) no-repeat;}
.h2-contacto{width:123px; height:22px;background: url(../img/h2-contactos.gif) no-repeat;}

.foto-encabezado{
	width:410px;
	height:287px;
	position:absolute;
	top:0;
	right:0;
	background: url(../img/foto-top.png) no-repeat;	
	z-index:10;
}
/*-------------Menu-------------*/
#nav{
	width:770px;
	height:40px;
	margin-bottom:50px;
	background: url(../img/bg-menu.gif) no-repeat;
	position:relative;
}

#nav ul{
	width:343px;
	height:40px;
}

#nav ul li{
margin: 0; padding: 0; list-style: none; position: absolute; top: 1px;
}

#nav ul li a{ height: 40px; display: block; text-indent: -99999em; overflow: hidden;}

#main1 { left: 0px; width: 69px;}
#main2 { left: 69px; width: 84px; }
#main3 { left: 153px; width: 85px; }
#main4 { left: 238px; width: 84px; }

/*-------Fin Menu-----------*/

#contenido{
	width:770px;
	margin-bottom:10px;
}

.flash{
	width:760px;
	height:160px;
	background-color:#000;
	border:5px solid #fff;
	margin-bottom:20px;
}
.actividades{
	float:left;
	width:380px;
	height:200px;
	padding:10px;
	background: #D2D79B url(../img/bg-adorno.gif) no-repeat left bottom;
}

.noticias{
	float:right;
	width:340px;
	height:200px;
	background: url(../img/bg-noticias.gif) repeat-x;	
	padding:10px;
}
#pie{
	width:770px;
	height:55px;
	background: #293006 url(../img/bg-pie.gif) no-repeat left top;
	position:relative;
	text-align:center;
	color:#f2f2f2;
}


/*-----------------Particulares--------*/
ul.detalles{
margin:0;
padding:0;
list-style:none;
}

ul.detalles li, .masinfo{
	background: url(../img/icono-tree.gif) no-repeat;
	padding-left:23px;
	height:20px;
	margin-bottom:5px;
}

.alfaweb{
	position:absolute;
	bottom:0;
	right:0;
	text-indent:-1000em;
	width:120px;
	height:40px;
	display:block;
	background: url(../img/alfaweb-logo.gif) no-repeat;
}

.centrado{
width:496px;
margin:10px auto;
}
.mapa{
border:1px solid #ccc;
padding:2px;
}


body#interior .actividades{
	width:165px;
	height:auto;
}

body#interior .noticias{
	width:545px;
	height:auto;
	background-color:#fff;
	background-position:left bottom;
}

.left{
float:left;
margin:0 15px 10px 0;
}

ul#fotos{
list-style:none;
width:400px;
margin:10px auto;
}

ul#fotos li{
display:inline;
margin-left:15px;
}

ul#fotos li img{
border:1px solid #ccc;
padding:2px;
}