#nav_am {
	float: left;
	height: auto;
	width: 900px;
}
#nav_am #head_menu {
	float: left;
	height: 20px;
	width: 900px;
	background: url(http://www.aldeaminera.cl/images/topmenu/bg_head_menu.gif) top left no-repeat;
	border-bottom: 1px solid #fff;
}
#nav_am #main_menu {
	float: left;
	height: auto;
	width: 900px;
}
/* estilos para los botones*/
ul#menu {
	float: left;
	height: 56px;
	width: 516px;
	padding: 0;
	margin: 0;
	list-style: none;
	background: url(http://www.aldeaminera.cl/images/topmenu/bg_ul.gif) repeat-x top left;
	border-top: 1px solid #e0e0e0;
}
ul#menu li {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #c1c1c1;
}


ul#menu li a {
	float: left;
	height: 18px;
	width: auto;
	padding: 12px 18px 0;
	margin: 0 3px 0 0;
	color: #333;
	text-decoration: none;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	background: url(http://www.aldeaminera.cl/images/topmenu/separador.gif) right 8px no-repeat;
	border-bottom: 4px solid #f30;
}


html>body ul#menu li a {
	float: left;
	height: 18px;
	width: auto;
	padding: 5px 18px 0;
	margin: 0 3px 0 0;
	color: #333;
	text-decoration: none;
	background: url(http://www.aldeaminera.cl/images/topmenu/separador.gif) right 8px no-repeat;
	border-bottom: 4px solid #f30;
}



a#vivir:hover { border-bottom: 4px solid #060;} 
a#familia:hover { border-bottom: 4px solid #c90;}
a#educacion:hover { border-bottom: 4px solid #09c;}
a#internet:hover { border-bottom: 4px solid #9c0;}
a#entretencion:hover { border-bottom: 4px solid #f90;}
a#noticias:hover { border-bottom: 4px solid #666;}
a#medio:hover { border-bottom: 4px solid #960;}
a#informaciones:hover { border-bottom: 4px solid #60c;}

a#vivir:active, a#familia:active, a#educacion:active, a#internet:active, a#entretencion:active, a#noticias:active, a#medio:active, a#informaciones:active { background:url(../images/topmenu/con_persomatico/bg_active.gif); color:#fff;}

a { outline:none; }

/* fin de estilos para los botones*/

#buscar_box {
	float: left;
	height: 56px;
	width: 197px;
	background: url(http://www.aldeaminera.cl/images/topmenu/bg_buscar.gif) top left repeat-x;
	border-top: 1px solid #e0e0e0;
	padding: 0 0 0 5px;
}
#logueo {
	float: left;
	height: 56px;
	width: 187px;
	border-top: 1px solid #e0e0e0;
	font: bold 10px Arial, Helvetica, sans-serif;
	background: #ccc;
	padding: 0 2px;
}

html>body #logueo {
	float: left;
	height: 56px;
	width: 178px;
	border-top: 1px solid #e0e0e0;
	font: bold 10px Arial, Helvetica, sans-serif;
	background: #ccc;
	padding: 0 2px;
}

#logueo .user_login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	float: left;
	height: auto;
	width: 43px;
	margin: 2px 0;
}
#logueo .pass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	float: left;
	height: auto;
	width: 80px;
}
#logueo label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	float: left;
	height: auto;
	width: 60px;
	padding: 2px 0 0 4px;
}
#logueo a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
}
#olvido {
	float: left;
	height: auto;
	width: 178px;
}
#head_menu #persomatico {
	float: left;
	height: 20px;
	width: 600px;
      margin: 0px;
      padding: 0px;
}
#head_menu #fecha {
	float: left;
	height: 14px;
	width: 280px;
	font: bold 10px Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 6px 0 0 20px;
}
#linkpersomatico {
	float: right;
	height: 20px;
	width: 196px;
	background: url(http://www.aldeaminera.cl/images/topmenu/persomatico.gif) top left no-repeat;
	cursor: pointer;
}



#linkpersomatico:hover {
	background: url(http://www.aldeaminera.cl/images/topmenu/over_persomatico.gif) top left no-repeat;
}


#btn_buscar_box {
	float: left;
	height: 25px;
	width: auto;
	font: bold 10px Verdana, Arial,Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 10px 2px;
      cursor:hand;
}

html>body #btn_buscar_box {
	float: left;
	height: 25px;
	width: auto;
	font: bold 10px Verdana, Arial,Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	padding: 4px 2px;
}

#buscar_box label {
	float: left;
	height: auto;
	width: 60px;
	font: bold 10px Verdana, Arial,Helvetica, sans-serif;
	color: #fff;
}
#buscar_box .buscar {
	float: left;
	height: auto;
	width: 80px;
	margin: 0 4px 0 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
#buscar_box .align_btns {
	float: left;
      
}
#buscar_box .align_btns a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}