* { margin:0; padding:0; outline:none } img { border:none }

body { background-color:#A0B324; font-size:.9em; font-family:Georgia; color:#797460; padding-bottom:20px }

#pagina { width:762px; height:472px; margin:20px auto 0; background:url(../img/fondo.jpg) no-repeat }
#paginata { width:762px; height:472px; margin:20px auto 0; background:url(../img/fondo-comentarios.jpg) no-repeat;}
#paginata table{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#paginata td {border-bottom:1px solid #DEDEBE}

#encabezado { height:139px;  position:relative }

#logo a { display:block; overflow:hidden; height:0; padding-top:43px; background:url(../img/logo.png); width:716px; position:absolute; top:35px; left:50%; margin-left:-358px }

#menu {
	height:23px;
	position:absolute;
	left:50%;
	top:112px;
	margin-left:-319px;
	visibility: visible;
}
#menu li{list-style:none;float:left;display:inline }
#menu a {
	display:block;
 	float:left;
   	height:0;
	overflow:hidden;
	text-decoration:none;
	padding-top:23px
}
#menu a:hover, #menu a.activo,#contacto a.activohover  {background:transparent url(../img/menu-hover.png) no-repeat }
#menu a.activo { cursor: default }
.dos #menu a.activo { cursor: pointer }

 #el-lugar {width:71px}
 #imagenes {width:74px;position:relative;left:105px  }
 #actividades {width:97px;position:relative;left:206px  }
 #contacto {width:120px;position:relative;left:294px  }

 #el-lugar a, #el-lugar a.activo {width:79px}
 #imagenes a, #imagenes a.activo {width:74px  }
 #actividades a, #actividades a.activo {width:97px  }
 #contacto a, #contacto a.activo {width:120px  }

 #el-lugar a:hover, #el-lugar a.activo  {background-position: 0 0 }
 #imagenes a:hover,  #imagenes a.activo {background-position: -176px 0 }
 #actividades a:hover, #actividades a.activo {background-position: -351px 0 }
 #contacto a:hover,  #contacto a.activo, #contacto a.activohover {background-position: -536px 0; cursor:default }
 
.sub-menu {
 margin:26px 0 0 -14px;_margin:-71px 0 0 -14px;_position:relative
}


#menu .sub-menu li { float:none;display:block }

#menu .sub-menu li a { 
	background:white;	
	text-align:center;
	font-size:.8em;
	height:15px;
	padding:5px;
	border-top:1px solid #ededed;border-right:1px solid #ededed;border-left:1px solid #ededed;
	text-decoration:none;
	color:#797460;
	cursor:pointer
}
#menu .sub-menu li a.ultimo {border-bottom:1px solid #ededed; }
#menu .sub-menu li a:hover { 
	color:white;
	border-top:1px solid #797460;border-right:1px solid #797460;border-left:1px solid #797460;
	background:#797460;	
}
#menu .sub-menu li.activo a { font-weight:bold; background:white;color:#797460 }
#menu .sub-menu li.activo a:hover {border-top:1px solid #ededed;border-right:1px solid #ededed;border-left:1px solid #ededed; }

#menu .sub-menu li a.ultimo:hover {border-bottom:1px solid #797460; }
#menu .sub-menu li.activo a.ultimo:hover {border-bottom:1px solid #ededed; } 
/**********************************************************************************************************/

#contenedor { margin-top:20px; height:309px; /*position:relative;*/ z-index:1 }

#columna-izquierda { width:160px; height:290px; float:left;padding:0 3px 0 24px;position:relative  }

#contenido { float:left; padding:0 25px;_padding:0 22px; width:515px; line-height: 12px; }

#columna-izquierda p, #contenido p {
	margin-bottom:10px
}

.leer-mas { background:#e2e1cb; color:#797460; text-decoration:none; padding:1px 3px; font-family:Arial; font-size:10px; text-transform:uppercase; font-weight:bold }
.leer-mas:hover {  color:#797460; background:none; text-decoration:underline  }

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

#columna-izquierda ul { margin-left:30px; line-height:20px }

#columna-izquierda ul a { color:#797460; text-decoration:none; border-bottom:1px solid #797460 }
#columna-izquierda ul a:hover, #columna-izquierda a.activo { border-bottom:1px dotted #797460 }

#contenido h3 { font-size:12px; font-weight:normal; margin-bottom:20px }


.precios { background:url(../img/fondo21.gif) no-repeat  96px 0 }
.precios1 { background:url(../img/fondo21.gif) no-repeat  74px 0 }
.precios2 { background:url(../img/fondo21.gif) no-repeat  47px 0 }


/**********************************************************************************************************/
#pie { margin-top:5px }
#pie p { font:bold 10px Verdana; text-align:center; width:100%; color:#ddd }
#pie a { color:#ddd}

/****************scroll*************************/

.jScrollPaneContainer 	{ position: relative; overflow: hidden; z-index: 1; }

.jScrollPaneTrack 		{ position: absolute; cursor: pointer; right: 0; top: 0; height: 100%;
						  background: url(../imagenes/scroll.jpg) top center repeat-y; padding: 3px; }

.jScrollPaneDrag	{ position: absolute; background: url(../imagenes/button.png) center center no-repeat;
					  cursor: pointer; overflow: hidden; }
					  
.jScrollArrowUp { position: absolute; background: url(../imagenes/arriba.png) center center no-repeat;
					  cursor: pointer; overflow: hidden; }

.jScrollArrowDown { position: absolute; background: url(../imagenes/abajo.png) center center no-repeat;
					 cursor: pointer; overflow: hidden; }
					 

#hab1{z-index:10; position:absolute; visibility: visible;}
#hab2{ z-index:20; position:absolute; visibility:hidden}
#hab3{ z-index:30; position:absolute; visibility:hidden}
#hab4{ z-index:40; position:absolute; visibility:hidden}
#hab5{ z-index:50; position:absolute; visibility:hidden}
#hab6{ z-index:60; position:absolute; visibility:hidden}


/**********************************************************************************************************/
* html .clearfix {height: 1%}
.clearfix {display: inline-block}
html[xmlns] .clearfix {display: block}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}