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

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

#pagina { width:762px; height:472px; margin:20px auto 0; background:url(../img/fondo-comentarios.jpg) no-repeat; position:relative }

#encabezado { height:139px;  position: absolute; left:0; top:0; width:100% }

#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 }
#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:1em;
	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 { position:relative;top:159px; 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 28px;_padding:0 27px; width:515px }

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

.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 }



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


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


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










#contenido { width:714px; padding:0 24px 15px }
.imagenes a { display:none }

#contenido h3 { font-size:14px; margin-bottom:10px }


.error {color: #993333;
font-size:0.75em;
position:absolute;
top:242px;*top:244px;
width:290px}
.exito {margin-top:10px; display:block }

/*#comentarios { float:left; width:276px;margin-right:24px }*/
#comentarios ul { list-style:none ; margin-bottom:10px;border-bottom:1px dotted #d7d7d7 }
#comentarios .nombre { font-size:.9em }

#comentarios .texto { margin:0 0;padding:5px 5px 5px 0 ; font-style:italic}




div.enviar { *height:35px; clear:both; background:url(../img/fondo3.png); _background:#ecece2; padding:4px 6px; text-align:right}
#formulario h3 { position:absolute; bottom:10px; right:24px; background:url(../img/comentario.png) no-repeat; padding-left:20px }
#formulario h3 a { color:#797460 }

#scrolldiv{
		width:150px;
		height:500px;	
	}
	#parentContainer{
		width:500px;	
		height:100%;
		overflow:hidden;
		float:left;
		position:relative;
	}
	

	#content{
		position:relative;

	}
	
	#slider{
		width:15px;
		float:left;
	}
	
	#scrollbar{
		visibility:hidden;
	
		width:15px;
		height:460px;	/* Total height - 40 pixels */
		position:relative;
		
	}

	#theScroll{
	visibility:hidden;
		margin:1px;
		width:13px;
		height:13px;
		position:absolute;	
		top:0px;
		left:0px;
		cursor:pointer;
	}

	#scrollUp,#scrollDown{
		cursor:pointer;
	}
	.flecha, .flecha2 {

		width:15px;
		height:13px;
    	position:absolute;
		top:276px;
		left:23px;
	}
	.flecha{
		background:url(../img/flecha3.png) no-repeat
	}
	.flecha2 {
		background:url(../img/flecha2.png) no-repeat
	}
	#scrollDown{
      position:absolute;
		top:276px;
		left:48px;

		width:53px;
	}