/* CSS Document */
body{
	padding:0; margin:0;
	}
div, p, h1, h2, h3, ul, img{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.balnk{
	font-size:0px; line-height:0px; clear:both;
	}
/*--------------------------------header-------------------*/
#main_header{
	width:100%;	margin:0 auto;  background:url(../img/hatopinero/bg.jpg) repeat-x #45462c;  height:360px; 
	}

#main_header #header{
	background:url(../img/hatopinero/search_bg.gif) no-repeat #45462c; display:block; position:relative; height: 40px;
	 width:800px; margin:0 auto; top: px; left:0px;
	}
#main_header #header ul li{
	float:left; display:block; margin:5px 7px 0 7px;
	}
#main_header #header ul li a{
	height:15px; text-decoration:none; text-indent:-2000px; display:block; width:20px;
	}
#main_header #header ul li a.inicio{
	background:url(../img/hatopinero/inicio.png) no-repeat  ; width:28px; height:28px;
	}
#main_header #header ul li a.inicio:hover{
	background:url(../img/hatopinero/inicio_h.png) no-repeat ; width:28px; height:28px;
	}
#main_header #header ul li a.nosotros{
	background:url(../img/hatopinero/nosotros.png) no-repeat ; width:28px; height:28px;
	}
#main_header #header ul li a.nosotros:hover{
	background:url(../img/hatopinero/nosotros_h.png) no-repeat ; width:28px; height:28px;
	}
#main_header #header ul li a.contacto{
	background:url(../img/hatopinero/contactos.png) no-repeat ; width:28px; height:28px;
	}
#main_header #header ul li a.contacto:hover{
	background:url(../img/hatopinero/contactos_h.png) no-repeat ; width:28px; height:28px;
	}
#main_header #header ul li a.entrar{
	font:15px "Garamond", Arial, Helvetica, sans-serif;
	 color:#e8fb85; 
	 text-decoration:none; 
	 text-indent:0px; 
	font-weight:bold; 
	margin:10px 0 0 0; 
	width:inherit;
	padding: 0; 
	 position:absolute; 
	left:570px;
	}
#main_header #header ul  li a.entrar:hover{
	font:15px "Garamond", Arial, Helvetica, sans-serif;
	color:#ffffff; 
	text-decoration:none; 
	text-indent:0px; 
	font-weight:bold; 
	margin:10px 0 0  0;
	width:inherit; 
	padding: 0;
	 position:absolute; 
	left:570px;
	}
#main_header #header ul li a.registrarse{
	font:15px "Garamond", Arial, Helvetica, sans-serif;
	 color:#e8fb85; 
	 text-decoration:none; 
	 text-indent:0px; 
	font-weight:bold; 
	margin:10px 0 0 0; 
	width:inherit;
	padding: 0; 
	 position:absolute; 
	left:645px;
	}
#main_header #header ul  li a.registrarse:hover{
	font:15px "Garamond", Arial, Helvetica, sans-serif;
	color:#ffffff; 
	text-decoration:none; 
	text-indent:0px; 
	font-weight:bold; 
	margin:10px 0 0  0;
	width:inherit; 
	padding: 0;
	 position:absolute; 
	left:645px;
	}
	#main_header #header ul li a.micuenta{
	font:15px "Garamond", Arial, Helvetica, sans-serif;
	color:#d8eb9c;
	text-decoration:none;
	text-indent:0px;
	font-weight:bold;
	margin:10px 0 0 0;
	width:auto;
	padding: 0;
	position:absolute;
	left:520px;
	}
#main_header #header ul  li a.micuenta:hover{
	font:15px "Garamond", Arial, Helvetica, sans-serif;
	color:#ffffff; 
	text-decoration:none; 
	text-indent:0px; 
	font-weight:bold; 
	margin:10px 0 0  0;
	width:auto; 
	padding: 0;
	 position:absolute; 
	left:520px;
	}
#main_header #header ul li a.salir{
	font:15px "Garamond", Arial, Helvetica, sans-serif;
	color:#d8eb9c;
	text-decoration:none;
	text-indent:0px;
	font-weight:bold;
	margin:10px 0 0 0;
	width:auto;
	padding: 0;
	position:absolute;
	left:630px;
	}
#main_header #header ul  li a.salir:hover{
	font:15px "Garamond", Arial, Helvetica, sans-serif;
	color:#ffffff; 
	text-decoration:none; 
	text-indent:0px; 
	font-weight:bold; 
	margin:10px 0 0  0;
	width:auto; 
	padding: 0;
	 position:absolute; 
	left:630px;
	}
	#main_header #header ul.usuario li {
	font:15px "Garamond", Arial, Helvetica, sans-serif;
	color:#d8eb9c;
	text-decoration:none;
	text-indent:0px;
	font-weight:bold;
	font-style:oblique;
	margin:10px 0 0 0;
	width:auto;
	padding: 0;
	position:absolute;
	left:135px;
	}
#main_header #header ul.espanol li{
	background:url(../img/hatopinero/espanol.gif) no-repeat #45462c;
	 display:block;  
	 height:23px; 
	 width:22px;
	 padding:0; 
	 position:absolute; 
	 left:771px; 
	 margin:7px 0 0 0px ;
	}
#main_header #header ul.espanol li  a{
height:23px; 
 width:22px;
  text-decoration:none; 
  text-indent:-2000px; 
  display:block; 
  }
#main_header #header ul li  a.espanol:hover{
 	background:url(../img/hatopinero/espanol_h.gif) no-repeat #45462c;
 display:block;  
height:23px; 
 width:22px; 
 left:771px;
margin:0;
 padding: 0;
	}
#main_header #header ul.ingles li{
	background:url(../img/hatopinero/ingles.gif) no-repeat #45462c; 
	display:block;  
	height:23px; 
	width:22px;
	 padding:0; 
	 position:absolute;
	 left:745px; 
	 margin:7px 0 0 0px;
	}
#main_header #header ul.ingles li  a{
	height:23px; 
	width:22px;
  text-decoration:none; 
  text-indent:-2000px; 
  display:block; 
  }
#main_header #header ul li a.ingles:hover{
	background:url(../img/hatopinero/ingles_h.gif) no-repeat #45462c;
 display:block;  
	height:23px; 
	width:22px;  
 /*top:7px;*/
 left:745px;
 margin:0;
 padding: 0;
	}
#main_header #header ul.animacion{ 
   position:absolute; display:block;
    left:0px;
	top:41px;
	width:798px;
	height:320px;
}	

/*------------------------------menu horizontal----------------------------------------------------*/
#menu {
width:100%;	margin:0 auto;  background-color:#45462c ;  height:40px;
}

#menu #menuh {
	background:url(../img/hatopinero/search_bg_I.gif) no-repeat ; 
	display:block; 
	position:relative; 
	height: 40px;
	 width:800px; 
	 margin:0 auto; top: 0px; 
	 left:0px;
	 padding:0;
	}
#menu #menuh ul.lista {
	width:100%;
	display:block;
	position:absolute;
	top:5px;
	padding:0px;
	margin:0px;	
	left: 12px;
	background:none;
	font:15px "Garamond", Arial, Helvetica, sans-serif; 
	color:#847543; text-decoration:none; 
	text-indent:0px; 
	font-weight:bold;
	}

#menu #menuh ul.lista li{
	display:inline;
	}
#menu #menuh  ul.lista li a{
	float: left;
	color:#847543;
	padding: 9px 9px;
	text-decoration: none;
	border-right: 1px solid white;
	}
#menu #menuh ul  li a:hover{
	background-color:#a3b57c;
	color:#ffffff;
	}

#menu #menuh ul.lista li.ini{
	display:inline;
	}
#menu #menuh  ul.lista li.ini a{
	float: left;
	color:#847543;
	padding: 9px 9px;
	text-decoration: none;
	border-right: 1px solid white;
	border-left: 1px solid white;
}

#menu #menuh ul  li.ini a:hover{
	background-color:#a3b57c;
	color:#ffffff;
	}
	
/*------------------------------------body- elementos en comun---------------------*/
#main_body{
	width:100%;  background-color:#45462c;  color:#c2d49f; 
	}
#body{
	width:798px; margin:0 auto 0 auto; padding: 5px 0 0 0; 
	}
#body h3{
	color:#fff6d8; text-decoration:underline; font:14px Verdana, Arial, Helvetica, sans-serif;  display:block;
	margin:10px 5px 0 5px; padding:0; background-color:#45462c; text-transform:capitalize;font-weight:bold
	}
#body a{
	color:#fff6d8;text-decoration:underline;
		}
#body a:hover{
	color:#c2d49f; 
	}
#body p{
	width:200px; display:block; font:12px Verdana, Arial, Helvetica, sans-serif; color:#e8fb85; background-color:#45462c;
	margin:10px 5px 0 5px; background:none; padding:0;
	}
#body p a{
	width:56px; height:12px; display:block; margin:5px 0 10px 135PX;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#e8fb85;
	padding:0 0 0 5px; text-decoration:none;
	}
#body p a:hover{
	color:#fff6d8;
	}
/*--------------------para la seccion de conocenos y el video-----------------------*/
#body #conocenos {
	width:798px;  padding:0; float:left; display:block; margin: 0;
}

#body #conocenos #video {
	position:inherit;
	display:block;
	float:left;
	margin: 0 0 0 40px;;
	padding: 0px;
	width:210px;
	height:184px;
	border:solid 2px #c2d49f;
	}
#body #conocenos  p{
	position:inherit;
	display:block;
	float:left;
	font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#e8fb85; 
	padding:0 0 0 0; 
	margin:0 0 0 40px; 
	width:470px;
	}
#body #conocenos h2{
	position:inherit;
	font:28px/24px "Garamond", Arial, Helvetica, sans-serif	; 
	color:##fff6d8;  
	margin: 0 0 15px 40px;
	font-weight:normal; 
	background-color:#45462c; 
	display:block;
	}
#body  #conocenos p a{
	width:56px; height:12px; 
	display:block; 
	margin:5px 5px 20px auto;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#e8fb85;
	padding:0 0 0 5px; 
	text-decoration:none;
	}
#body  #conocenos p a:hover{
	color:#fff6d8;
}

/*------------------------noticia-------------*/
#noticia{
	width:215px;  padding:20px 0 10px 40px; float:left; display:block;
	}
#noticia #boton{
	
	width:215px; height:45px;
	display:block;
}
#noticia #boton a{
	background:url(../img/hatopinero/event_bg.gif) no-repeat ;font:26px/27px "Garamond", Arial, Helvetica, sans-serif; font-weight:bold;
	color:#c2d49f; 
	text-transform:capitalize;
	text-align:center;
	text-decoration:none;	
	width:215px; height:45px;
	font-weight:bold; display:block;
	}
#noticia #boton a:hover{
	background:url(../img/hatopinero/event_bg_h.gif) no-repeat ;
	font:26px/27px "Garamond", Arial, Helvetica, sans-serif ;
	font-weight:bold;
	color:#643e03; 
	text-transform:capitalize;
	text-decoration:none;
	text-align:center;
	width:215px; height:45px;
	font-weight:bold; display:block;
	}
/*#noticia h3{
	color:#fff6d8; text-decoration:underline; font:14px Verdana, Arial, Helvetica, sans-serif;  display:block;
	margin:10px 5px 0 5px; padding:0; background-color:#45462c; text-transform:capitalize;font-weight:bold
	}
#noticia a{
	color:#fff6d8;text-decoration:underline;
		}
#noticia a:hover{
	color:#c2d49f; 
	}
#noticia p{
	width:200px; display:block; font:12px Verdana, Arial, Helvetica, sans-serif; color:#e8fb85; background-color:#45462c;
	margin:10px 5px 0 5px; background:none; padding:0; 
	}
#noticia p a{
	width:56px; height:12px; display:block; margin:5px 0 10px 135PX;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#e8fb85;
	padding:0 0 0 5px; text-decoration:none;
	}
#noticia p a:hover{
	color:#fff6d8;
	}
*/
/*------------------------galeria-------------*/
#galeria{
	width:215px;  padding:20px 0 10px 40px; float:left; display:block;
	}
#galeria #boton{
	
	width:215px; height:45px;
	display:block;
}
#galeria #boton a{
	background:url(../img/hatopinero/event_bg.gif) no-repeat ;font:26px/27px "Garamond", Arial, Helvetica, sans-serif; font-weight:bold;
	color:#c2d49f; 
	text-transform:capitalize;
	text-align:center;
	text-decoration:none;	
	width:215px; height:45px;
	font-weight:bold; display:block;
	}
#galeria #boton a:hover{
	background:url(../img/hatopinero/event_bg_h.gif) no-repeat ;
	font:26px/27px "Garamond", Arial, Helvetica, sans-serif ;
	font-weight:bold;
	color:#643e03; 
	text-transform:capitalize;
	text-decoration:none;
	text-align:center;
	width:215px; height:45px;
	font-weight:bold; display:block;
	}
#galeria #grupo {
	width:205px;  padding:0; float:left; display:block;
}

#galeria #grupo #video{
	position:inherit;
	display:block;
	float:left;
	margin:0;
	width:120px;
	height:110px;
	border:solid 2px #c2d49f;
	}
#galeria #grupo #imagen img{
	position:inherit;
	display:block;
	float:left;
	margin:0;
	width:118px;
	height:104px;
	border:solid 2px #c2d49f;
	opacity:1;
	filter:alpha(opacity=100);
	}
#galeria #grupo #imagen  a{
	position:inherit;
	display:block;
	float:left;
	margin:10px 0 13px 0;
	padding:0;
	width:118px;
	height:104px;
	}
#galeria #grupo #imagen a:hover{
	position:inherit;
	display:block;
	width:118px;
	height:104px;
	}
#galeria  #grupo a{
	display:block; margin:0 2px 0 135px;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#e8fb85;
	margin:50px 0 0 125px; text-decoration:none;
	}
#galeria #grupo a:hover{
	color:#fff6d8;
	}
/*--------------------------------Ecoturismo-------------------*/
#ecoturismo{
	width:215px;  padding:20px 0 10px 40px; float:left; display:block;
	}
#ecoturismo #boton{
	
	width:215px; height:45px;
	display:block;
}
#ecoturismo #boton a{
	background:url(../img/hatopinero/event_bg.gif) no-repeat ;font:26px/27px "Garamond", Arial, Helvetica, sans-serif; font-weight:bold;
	color:#c2d49f; 
	text-transform:capitalize;
	text-align:center;
	text-decoration:none;	
	width:215px; height:45px;
	font-weight:bold; display:block;
	}
#ecoturismo #boton a:hover{
	background:url(../img/hatopinero/event_bg_h.gif) no-repeat ;
	font:26px/27px "Garamond", Arial, Helvetica, sans-serif ;
	font-weight:bold;
	color:#643e03; 
	text-transform:capitalize;
	text-decoration:none;
	text-align:center;
	width:215px; height:45px;
	font-weight:bold; display:block;
	}
#ecoturismo #contenido{
	width:215px;  padding:10px 0 0 0; float:left; display:block;
	}
/*#ecoturismo #contenido h3{
	color:#fff6d8; text-decoration:underline; font:14px Verdana, Arial, Helvetica, sans-serif;  display:block;
	margin:10px 2px 0 2px; padding:0; background-color:#45462c; text-transform:capitalize;font-weight:bold
	}
#ecoturismo a{
	color:#fff6d8;text-decoration:underline;
		}
#ecoturismo a:hover{
	color:#c2d49f; 
	}
#ecoturismo #contenido p{
	width:200px; display:block; font:12px Verdana, Arial, Helvetica, sans-serif; color:#e8fb85; background-color:#45462c;
	margin:10px 2px 0 2px;padding: background:none;  
	}
#ecoturismo #contenido p a{
	width:56px; height:12px; display:block; margin:5px 0 10px 135PX;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#e8fb85;
	padding:0 0 0 2px; text-decoration:none;
	}
#ecoturismo #contenido p a:hover{
	color:#fff6d8;
	}*/
#ecoturismo #grupo {
	width:205px;  padding: 0 0 10px 0; float:left; display:block;
}
#ecoturismo #grupo #imagen img {
	position:inherit;
	display:block;
	float:left;
	margin:0;
	width:118px;
	height:104px;
	border:solid 2px #c2d49f;
	opacity:1;
	filter:alpha(opacity=100);
	}
#ecoturismo #grupo #imagen  a{
	position:inherit;
	display:block;
	float:left;
	margin:10px 0 13px 0;
	padding:0;
	width:118px;
	height:104px;
}
#ecoturismo #grupo #imagen a:hover{
	position:inherit;
	display:block;
	width:118px;
	height:104px;
	}

#ecoturismo  #grupo a{
	display:block; margin:0 2px 0 135px;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#e8fb85;
	margin:50px 0 0 125px; text-decoration:none;
	}
#ecoturismo #grupo a:hover{
	color:#fff6d8;
	}

/*---------------------------------footer-----------------*/
#main_footer {
	width:100%;  float:left; background:url(../img/hatopinero/footer_bg.jpg) repeat-x #0d0e08; 
	border-top:#45462c 1px solid; margin:0px; 
	}
#footer {
	width:530px; 
	margin:10px auto 10px auto;
	}
#footer p{
	margin:15px 0 15px 0px; font:12px Verdana, Arial, Helvetica, sans-serif; color:#e8fb85;
	background: none;	font-weight:normal;	margin:0; text-align:center; display:block;
	}
#footer a{
	margin:15px 0 15px 0px; font:12px Verdana, Arial, Helvetica, sans-serif; color:#e8fb85;
	background: none;	font-weight:normal;	margin:0; text-align:center; display:block;text-decoration:underline;
	}
#footer a:hover{
	color:#ffffff;
	text-decoration:underline;
	}