/* 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/bg2.gif) repeat-x #45462c; 
	height:206px;
	}
#main_header #header{
	background:url(../img/hatopinero/search_bg.gif) no-repeat #45462c; 
	display:block; position:relative; 
	height: 40px;
	 width:798px; 
	 margin:0 auto; 
	 top: 0px; 
	 left:0px;
	}
#main_header #header ul li{
	float:left; display:block; margin:4px 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:530px;
	}
#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:530px;
	}
#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:605px;
	}
#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:605px;
	}
#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;
	}
/*DESDE AQUI LOS ARREGLOS DEL TOPE*/
#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;
	}

	/*HASTA AQUI*/
#main_header #header ul.imagen{ 
   position:absolute; 
   display:block;
    left:0px;
	top:41px;
	width:780px;
	height:159px;
	
}	
#main_header #header ul.logo img{ 
   position:absolute; 
   display:block;
    left:0px;
	top:41px;
	width:169px;
	height:159px;
}
#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:730px; 
	 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:730px;
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:700px; 
	 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:700px;
 margin:0;
 padding: 0;
	}
/*------------------------------body---------------------------------------------*/
#main_body{
	width:100%; 
	background-color:#45462c;  
	color:#c2d49f; 
	}
#body{
	width:798px; 
	margin:0 auto 0 auto ; 
	padding:0 0 0 0; 
	overflow:hidden;
	}
/*---------------------menu izquierdo------------------------------*/
#bloque_izq{
display: block;
float:left;
padding:0px 0px 16000px 0px;
margin:0px 10px -16000px 0px;
width:169px;
background-color:#c2d49f;
}
#bloque_izq #img {
	position:relative;
	margin: 0;
	padding: 0;
	width:169px;
	height:148px;
	
}
#bloque_izq #tope-marg-izq_ {
	background:url(../img/hatopinero/tope_marg_izq.gif);
	position:relative;
	width:169px;
	height:9px;
	padding: 0px;
	margin: 0px;
}
#bloque_izq #menu-izq_ {
	position:relative;
	width:169px;
	padding: 0;
	Margin: 0px;
}

#bloque_izq #menu-izq_ ul{
	width:169px; 
	display:block; 
	margin:0 0 0 5px;
	}
	
#bloque_izq #menu-izq_ ul li{
	background:none ; 
	display:block; 
	padding:0 0 0 3px;
	Margin:0 0 3px 0 ;
	}
#bloque_izq #menu-izq_ ul li a{
	font:15px "Garamond"Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#643e03; 
	width:inherit;
	text-transform:capitalize;
	text-decoration:none; 
	}
#bloque_izq #menu-izq_ ul li a:hover{
	background-color:#a3b57c ;  
	font:15px "Garamond", Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	text-decoration:none; 
	text-indent:0px; 
	padding: 3px 0px 3px 3px; 
	font-weight:bold;  
	width:inherit;
	}
/*--------para el sub menu------------------*/
#bloque_izq #menu-izq_ ul li.sub a{
	font:15px "Garamond"Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#45462c; 
	width:inherit;
	text-transform:capitalize;
	text-decoration: none;
	margin:0 0 0 20px;
	}
#bloque_izq #menu-izq_ ul li.sub a:hover{
	background-color:#a3b57c ;  
	font:15px "Garamond", Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	text-decoration:none; 
    left: 15px;
	font-weight:bold; 
	margin:0 0 0 20px; 
	width:inherit;
	}
/*-----------------para indicar en el menu en la pag actual-----------*/
#bloque_izq #menu-izq_ ul.position{
	width:180px; 
	display:block; 
	margin:0 ;
	}
#bloque_izq #menu-izq_ ul.position li{
	background:url(../img/hatopinero/menu_cont.gif) no-repeat;
	font:15px "Garamond"Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#ffffff; 
	width:180px;
	text-transform:capitalize;
	text-decoration:none;display:block; 
	padding:0 0 0 7px;
	Margin:0;
}
#bloque_izq #menu-izq_ ul.position li.sub{
	background:url(../img/hatopinero/smenu_cont.gif) no-repeat;  
	font:15px "Garamond", Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	text-decoration:none; 
    left: 15px;
	font-weight:bold; 
	padding:0 0 0 7px;
	margin: 0 0 0 20px; 
	width:inherit;
	}
#bloque_izq #menu-izq_ #otro ul{
	width:169px; 
	display:block; 
	margin:30px 0 0 3px;
	}
	
#bloque_izq #menu-izq_ #otro ul li{
	background:none ; 
	display:block; 
	padding:0 0 0 3px;
	Margin:0 0 3px 0 ;
	
	font:14px "Garamond"Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#643e03; 
	width:inherit;
	text-transform:capitalize;
	text-decoration:none;
	}
#bloque_izq #menu-izq_ #otro ul li a{
	font:13px "Garamond"Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#643e03; 
	width:inherit;
	text-transform:capitalize;
	text-decoration:none; 
	}
#bloque_izq #menu-izq_ #otro ul li a:hover{
	background-color:#a3b57c ;  
	font:13px "Garamond", Arial, Helvetica, sans-serif; 
	color:#ffffff; 
	text-decoration:none; 
	text-indent:0px; 
	padding: 3px 0px 3px 3px; 
	font-weight:bold;  
	width:inherit;
	}
/*--------------------------contenido principal------------------------*/
#bloque_centro{
	width:410px;
	display: block;
	float: left;
	margin: 0;
	background-color:#91976c;
	overflow:hidden;
padding:0px 0px 8000px 0px;
margin:0px 0px -8000px 0px;

}
#bloque_centro #tope-content_ {
	background:url(../img/hatopinero/tope_content%20.gif);
	position:relative;
	width:410px;
	height:12px;
	margin: 0;
	padding:0;
}
#bloque_centro #contenido_ {
	position:relative;
	width:410px;
	padding: 0px 0px 10px 0px;
	Margin: 0px;
}
#bloque_centro #contenido_ h2{
 color:#d8eb9c;  
 padding: 5px 10px 0 10px; 
 width:380px;
 display:block; font:18px "Garamond" Verdana, Arial, Helvetica, sans-serif;
 text-align:justify;
 text-transform:none;
 font-weight:bold;
}
#bloque_centro #contenido_ h3{
 color:#d8eb9c;  
 padding: 5px 10px 0 10px; 
 width:380px;
 display:block; font:16px "Garamond" Verdana, Arial, Helvetica, sans-serif;
 text-align:justify;
 text-transform:none;
 text-indent: 1cm;
 font-weight:bold;
}
#bloque_centro #contenido_ p.h3{
 color:#fff6d8;  
 margin: 5px 10px 0 50px;
 width:330px;
 display:block; font:13px "Garamond" Verdana, Arial, Helvetica, sans-serif;
 text-indent: 1cm;
 text-align:justify;
}
#bloque_centro #contenido_ h4{
 color:#d8eb9c;  
 padding: 5px 10px 0 10px; 
 width:380px;
 display:block; font:14px "Garamond" Verdana, Arial, Helvetica, sans-serif;
 text-align:justify;
 text-transform:none;
 text-indent: 1cm;
 font-weight:bold;
 text-decoration:underline;
}
#bloque_centro #contenido_ h5{
 color:#d8eb9c;  
 padding: 5px 10px 0 10px; 
 width:380px;
 display:block; font:13px "Garamond" Verdana, Arial, Helvetica, sans-serif;
 text-align:justify;
 text-transform:none;
 text-indent: 1cm;
 font-weight:normal;
 text-decoration:underline;
}
#bloque_centro #contenido_ h6{
 color:#d8eb9c;  
 padding: 5px 10px 0 10px; 
 width:380px;
 display:block; font:13px "Garamond" Verdana, Arial, Helvetica, sans-serif;
 text-align:justify;
 text-transform:none;
 text-indent: 1cm;
 font-weight:normal;
 font-style:oblique;
}
#bloque_centro #contenido_ p{
 color:#fff6d8;  
 padding: 5px 10px 5px 10px; 
 width:380px;
 display:block; font:13px Verdana, Arial, Helvetica, sans-serif;
 text-indent: 1cm;
 text-align:justify;
}
#bloque_centro #contenido_  p a.aqui{
display:inline;
text-decoration:underline;
text-transform:uppercase;

}

/*#bloque_centro #contenido_  p span{
	color:#fff6d8; 
		}*/
#bloque_centro #contenido_  p img{
	display:block;
	float:left;
	/*width:243px;
	height:160px;*/
	border:solid 2px #c2d49f;
	margin: 5px auto 5px 120px;
	}
#bloque_centro #contenido_  ul li{
	background:none ; 
	display:block; 
	padding:0 0 0 5px;
	color:#fff6d8; 
	margin: 5px 10px 0 50px; 
	width:330px;
	display:block; font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	list-style-type:circle;
	}
#bloque_centro #contenido_  ol{
	background:none ; 
	display:block; 
	padding:0 0 0 5px;
	color:#fff6d8; 
	margin: 5px 10px 0 50px; 
	width:330px;
	display:block; font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	list-style-type:decimal;
		}
	
#bloque_centro #contenido_  ol ul li{
	background:none ; 
	display:block; 
	padding:0 0 0 5px;
	color:#fff6d8; 
	margin: 5px 10px 0 10px; 
	width:inherit;
	display:block; font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	list-style-type:none;
	}

/*-------------------(TABLAS para organizar las investigaciones----------------------------*/
#bloque_centro #contenido_  table 
{
display:block; font:12px/14px Verdana, Arial, Helvetica, sans-serif;
color:#45462c;
margin: 10px;
width:auto;
table-layout:inherit;
border-style:none;
/*background-color:#45462c;
border-spacing: 5px;
border-collapse: separate;*//*esto no sirvio porque explorer no lo toma*/
}
#bloque_centro #contenido_ table p{
 color:#45462c;
 width:auto;
 display:block; 
 font:13px Verdana, Arial, Helvetica, sans-serif;
 text-align:justify;
 text-indent:0cm;
}
#bloque_centro #contenido_  tbody{
/*border-style: none; *//*esto era para eliminar los bordes de dentro de la tabla*/
/*border-collapse: collapse;*//*esto fue un intento fallido de que explorer tomara el collapse*/
/*border-spacing: 5pt;*/
}
#bloque_centro #contenido_  tr{
/*border-style: none; *//*esto era para eliminar los bordes de dentro de la tabla*/
/*border-collapse: collapse;*//*esto fue un intento fallido de que explorer tomara el collapse*/
/*border-spacing: 5pt;*/
}
#bloque_centro #contenido_  td{ 
border-style:none;
border:solid 2px #91976c;
padding-left: 3px;
background-color:#cedbaf;
}
#bloque_centro #contenido_  td a{ 
color:#45462c;
text-decoration:underline;
}
#bloque_centro #contenido_  td a:hover{ 
color:#fff6d8;
text-decoration:underline;
}



/*-----------------------para el bloque de nocitias-----------------------------------*/
#bloque_centro #contenido_ p.noticia{
 color:#fff6d8;   
 padding: 5px 10px 3px 10px; 
 width:380px;
 height:auto;
 display:block; font:12px/14px Verdana, Arial, Helvetica, sans-serif;
 text-indent: 1cm;
 text-align:justify;
 overflow:hidden;
}
#bloque_centro #contenido_  h2.noticia {
 color:#d8eb9c;  
 text-decoration:underline;
 padding: 5px 10px 3px 10px; 
 width:380px;
 display:block; font:14px/16px Verdana, Arial, Helvetica, sans-serif;
 text-align:justify;
 text-transform:none;
 font-weight:bold;
 }
#bloque_centro #contenido_  a.noti{
 color:#d8eb9c;   
 padding: 5px 10px 3px 10px; 
 width:380px;
 display:block; font:12px/14px Verdana, Arial, Helvetica, sans-serif;
 text-align:left;
 text-transform:none;
 font-weight:bold;
}
#bloque_centro #contenido_  a.noti:hover{
	color:#ffffff;
}
#bloque_centro #contenido_  a.noticia{
 color:#d8eb9c;   
 padding: 5px 10px 0 10px; 
 width:380px;
 display:block; font:12px/14px Verdana, Arial, Helvetica, sans-serif;
 text-align:right;
 text-transform:none;
 font-weight:bold;
}
#bloque_centro #contenido_  a:hover.noticia{
	color:#ffffff;
}
/*--------------------para los forms-----------------------------------*/
#bloque_centro #contenido_ form{
width: 390px;
margin: 5px auto 5px 10px;
}
/*desde aqui lo nuevo para formularios d pag tmp*/
#bloque_centro #contenido_ p a{
 color:#d8eb9c;   
 margin: 0;
 padding: 0;
 text-indent: 0;
 width:390px;
 display:block; 
 font:12px/14px Verdana, Arial, Helvetica, sans-serif;
 text-align:left;
 text-transform:uppercase;
 font-weight:bold;
 background:none;
}
#bloque_centro #contenido_ p a:hover{	
	color:#ffffff;
}
#bloque_centro #contenido_ label{
 color:#fff6d8;   
margin-left:10px;
 padding: 5px 0 0 0;
 text-indent: 0;
 /*width:auto;*/
 display:block; 
 font:12px/14px Verdana, Arial, Helvetica, sans-serif;
 text-align:left;
 text-transform:none;
 background:none;
}
#bloque_centro #contenido_ #flashMessage.message{
 color:#FFFF00;
 margin: 5px auto 5px 10px;
 padding: 0;
 text-indent: 0px;
 width:390px;
 display:block; font:14px/16px Verdana, Arial, Helvetica, sans-serif;
 text-align:left;
 text-transform:none;
 font-weight:200;
}
#bloque_centro #contenido_  fieldset a.date img{
 color:#d8eb9c;
 width:auto;   
 margin:0;
 padding-left: 3px;
 text-indent: 0;
 background:none;
border:none;
border-style:none;
border-color:none;
border-spacing: 0;
}
#bloque_centro #contenido_  fieldset a.date:hover img{	
	color:#ffffff;
}
#bloque_centro #contenido_ .error-message{/*Hay que crear un id al div*/
 color: #FFFF00;
 margin: 5px auto 5px 10px;
 padding: 0;
 text-indent: 0px;
 width:390px;
 display:block; font:12px/14px Verdana, Arial, Helvetica, sans-serif;
 text-align:left;
 text-transform:none;
 font-weight:bold;
}
#bloque_centro #contenido_ fieldset fieldset {
 color: none;
 margin: 0;
 padding: 0;
 text-indent: 0px;
 width:auto;
 display:block; 
 font:12px/14px Verdana, Arial, Helvetica, sans-serif;
 text-align:left;
 text-transform:none;
 font-weight:bold;
 border:none;
}
#bloque_centro #contenido_ fieldset fieldset legend {
color:#fff6d8;
font:12px/14px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:capitalize;
padding: 5px 0px 5px 0px;

}

#bloque_centro #contenido_ form textarea.textarea{
font:12px/14px Verdana, Arial, Helvetica, sans-serif ;
font-color: #45462c;
background: #cedbaf;
height:100px;
width:330px;
margin-left:10px;
}
#bloque_centro #contenido_ input.submit{ /*Hay que crear un id al div*/
color: #fff6d8;
background:#45462c;
border: 2px outset #d7b9c9;
display:block;
float:right;
margin: 5px 30px 5px 0;
}
#bloque_centro #contenido_ form input.checkbox {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 10px;
  }

#bloque_centro #contenido_ form input.radio {
display:block;
float:left;
width:auto;
padding:3px;
}
#bloque_centro #contenido_ form input.date {
font:12px/14px Verdana, Arial, Helvetica, sans-serif ;
font-color: #45462c;
background: #cedbaf;
width:90px;
margin-left:10px;
text-align:center;
}
#bloque_centro #contenido_  ul.checkboxMultiple li{
	background:none ; 
	display:block; 
	padding:0 0 0 3px;
	color:#fff6d8; 
	margin: 5px 5px 5px 20px; 
	width:335px;
	display:block; font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 0cm;
	list-style:none;
	}
/*hasta aqui lo nuevo de formularios para pag tmp*/
#bloque_centro #contenido_ form input.text {
font:12px/14px Verdana, Arial, Helvetica, sans-serif ;
font-color: #45462c;
background: #cedbaf;
width:330px;
margin:0 0 3px 10px;
}
#bloque_centro #contenido_  #input {
font:12px/14px Verdana, Arial, Helvetica, sans-serif ;
font-color: #45462c;
background: #cedbaf;
width:300px;
margin:0 0 5px 20px;
}
#bloque_centro #contenido_  #input input.text {
font:12px/14px Verdana, Arial, Helvetica, sans-serif ;
font-color: #45462c;
background: #cedbaf;
width:300px;
margin-left:20px;
}

#bloque_centro #contenido_ fieldset {
border: 1px solid #ffffff;
color:#fff6d8;   
width:385px;
display:block; font:12px Verdana, Arial, Helvetica, sans-serif;
margin-left: 10px;
margin-rigth: 10px;
padding: 3px 0px 3px 0px;
text-indent: 0cm;
text-align:left;
}
#bloque_centro #contenido_ form select {
font:10px/12px Verdana, Arial, Helvetica, sans-serif ;
font-color: #45462c;
background: #cedbaf;
width: 300px;
margin:5px 0 5px 10px;
}
#bloque_centro #contenido_ legend {
color:#45462c;
font:16px Verdana, Arial, Helvetica, sans-serif;
text-transform:capitalize;
font-weight:bold;
padding: 5px 0px 5px 0px;
}

/*descomentare desde aqui*/
#bloque_centro #contenido_  ul.form li{
	background:none ; 
	display:block; 
	padding:0 0 0 3px;
	color:#fff6d8; 
	margin: 5px 5px 5px 20px; 
	width:335px;
	display:block; font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	text-indent: 0cm;
	list-style:none;
	}

#bloque_centro #contenido_ form input.number {
font:12px/14px Verdana, Arial, Helvetica, sans-serif ;
font-color: #45462c;
background: #cedbaf;
width:20px;
margin-left:10px;
}
#bloque_centro #contenido_ fieldset {
border: 1px solid #ffffff;
width: 365px;
/*margin: 5px 5px 5px 5px;*/
}
#bloque_centro #contenido_  p.fieldset{
 color:#fff6d8;   
 width:355px;
 display:block; font:12px Verdana, Arial, Helvetica, sans-serif;
 margin-left: 2px ;
 padding: 3px 0px 3px 0px;
 text-indent: 0cm;
 text-align:left;
}
#bloque_centro #contenido_  h3.fieldset {
color:#5b6335 ;  
 width:355px;
 display:block; font:14px Verdana, Arial, Helvetica, sans-serif;
 margin-left: 2px ;
 padding: 7px 0px 7px 0px;
 text-indent: 0cm;
 text-align:left;
 font-weight:bold;
}/*hasta aqui descomente*/
/*----------------para la galeria---------------------------------------*/

#bloque_centro #galeria {
	width:410px;
	paddign:0px;
	margin:5px auto 5px 10px; 
	float:left;
	}
#bloque_centro #galeria a{	
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#d8eb9c;
	font-weight:bold; 
	text-transform:capitalize; 
	text-align: center;
	text-indent: 0cm;
	text-decoration:none;
}
#bloque_centro #galeria a:hover{
	color:#fff6d8;
}
#bloque_centro #galeria  #mas a{	
	width:380px;
	float:right;
	padding-right:20px;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color:#d8eb9c;
	font-weight:bold; 
	text-transform:capitalize; 
	text-align:right;
	text-indent: 0cm;
	text-decoration:none;
}
#bloque_centro #galeria #mas a:hover{
	color:#fff6d8;
}
#bloque_centro #galeria #grupo
{
  margin: 2px;
  border: none;
  height: auto;
  width: 127;
  float: left;
  text-align: center;
 /* padding-bottom:10px;
  padding-top: 10px;*/
}	
#bloque_centro #galeria #grupo #video
{
	width:118px;
	height:104px;
	display: block;
	margin: 3px;

}
#bloque_centro #galeria #grupo img
{
	width:118px;
	height:104px;
	display: inline;
	margin: 3px;
	border:solid 2px #c2d49f;
	opacity:1;
	filter:alpha(opacity=100);
}
#bloque_centro #galeria #grupo a:hover img {
	opacity:0.4;
	filter:alpha(opacity=40);
}
#bloque_centro #galeria #titulo
{
  font:10px Verdana, Arial, Helvetica, sans-serif;
  color:#fff6d8; 
  text-transform:capitalize; 
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  padding-top:5px;
}
/*---------------para el blog--------------------------------*/
#bloque_centro #blog { 
 width:390px;
 display:block;
 margin:10px ;
 border: solid 2px #cedbaf;
 
}
#bloque_centro #blog #titulo{ 
 padding:0px;
 margin:0px;
 display:block; 
 background-color:#c1d39f;
 text-transform:none;
 border: solid 2px #91976c;
}
#bloque_centro #blog #titulo h2{
 width:inherit;
 color:#45462c;   
 display:block; 
 font:15px "Garamond"Verdana, Arial, Helvetica, sans-serif;
 text-align:justify;
 font-weight:none;
 padding:5px;
 font-weight:bold;
}
#bloque_centro #blog #autor{ 
 padding:0px;
 margin:0px;
 display:block; 
 background-color:#cedbaf;
 text-transform:capitalize;
 border: solid 2px #91976c;
 
}
#bloque_centro #blog #autor h3{
 color:#45462c;  
 padding: 5px; 
 width:inherit;
 display:block; 
 font:13px "Garamond"Verdana, Arial, Helvetica, sans-serif;
 text-align:justify;
 text-indent: 0cm;
 font-weight:none;
}

#bloque_centro #blog p{
 color:#fff6d8;  
 padding: 0px;
 margin: 5px 10px 5px 10px;
 width:370px;
 display:block; font:12px/14px Verdana, Arial, Helvetica, sans-serif;
 text-indent: 1cm;
 text-align:justify;
 font-style:oblique;
 }
/*-----------bloque derecho------------------------------------------------*/
#bloque_der{
display:block;
float:left;
padding:0px 0px 16000px 0px;
margin:0px 0px -16000px 10px;
width:180px;
background-color:#c2d49f;

}
#bloque_der #header{
	position: relative;
	width:180px;
	height:27px;
	padding: 0 0 2px 0;
	margin: 0 0 0 0;
	background-color:#45462c
}
#bloque_der #tope-marg-der_ {
	background: url(../img/hatopinero/tope_marg_der.gif);
	position:relative;
	width:180px;
	height:9px;
	padding: 0px;
	margin:  0px;
}
#bloque_der #grupo ul li{
	width:180px;  
	padding: 5px 0 2px 0;
	 float:left; 
	 display:block;
}
#bloque_der #grupo ul li #video{
	position:inherit;
	display:block;
	float:left;
	margin:0px 31px 0px 31px;
	width:120px;
	height:110px;
	border:solid 2px #c2d49f;
	}
#bloque_der #grupo ul li img{
	position:inherit;
	display:block;
	float:left;
	/*margin:0px 31px 0px 31px;*//*se supone que centra la imagen, pero como luego va dentro del a y tambien tiene margen, se descuadra todo*/
	width:118px;
	height:104px;
	border:solid 2px #c2d49f;
	opacity:1;
	filter:alpha(opacity=100);
}
#bloque_der #grupo ul li img:onmouseover{
	opacity:0.4;
	filter:alpha(opacity=40);
}
#bloque_der  #grupo ul li a{
	display:block; margin:0;
	font:15px "Garamond" Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-transform:capitalize; 
	color:#643e03;
	 text-decoration:none;
	margin:0px 31px 0px 31px;
	 text-align:center;
	}
#bloque_der  #gurpo ul li a:hover{
	color:#fff6d8;
}
/*----esto lo acabo de agregar 24/04/08 para el titulo de clima*/
#bloque_der  #grupo ul li a.clima{
	display:block; margin:0;
	font:15px "Garamond" Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-transform:capitalize; 
	color:#643e03;
	 text-decoration:none;
	margin:0px 31px 0px 31px;
	 text-align:left;
	}
#bloque_der  #gurpo ul li a:hover.clima{
	color:#fff6d8;
}
/*es hasta aqui*/
#bloque_der  #grupo ul li p{
	width:170px; 
	display:block; 
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	color:#45462c; 
	margin:10px 5px 0 5px; 
	background:none;
	text-align:justify; 
	padding:0;
	}
#bloque_der  #grupo ul li p a{
	text-align:right;
	display:block; 
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#643e03;
	text-decoration:none;
	}
#bloque_der  #grupo ul li p 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;
	}