/* menu horizontal by micox */
.menu-hh { display: table;}
.menu-hh img { display: block }
.menu-hh * { margin: 0; padding: 0;}
.menu-hh a { display: block; }
.menu-hh li { list-style: none; float: left; height: 1%;}
.menu-hh li ul { position: absolute; visibility: hidden; white-space: nowrap;}
/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
/* html:first-child>body .menu-hh li ul { width: 500px; } */
.menu-hh li:hover ul, .menu-hh  li.over ul { visibility: visible;} /* a class  .over eh tecnica pro hover no IE */
.menu-hh li:hover ul li ul, .menu-hh li.over ul li ul{ visibility: hidden;}
.menu-hh li ul li:hover ul, .menu-hh li ul li.over ul{ visibility: visible;}
/* visual */
.menu-hh { width: 760px; height: 30px;}
  .menu-hh a { text-decoration: none; display: block; padding: 5px; padding-top: 2px; padding-bottom: 2px;}
  .menu-hh a:hover { background-color: #758091; color: #E9E9E9;}
  .menu-hh ul li ul { background-color: #E9E9E9; padding: 5px;}
  .menu-hh ul li ul li { width: 150px;}
  .menu-hh ul li ul li a { padding: 4px; border-bottom: 1px solid #758091; font-size: 11px;}
  .menu-hh ul li ul li strong { padding: 5px; color: #0073B0; font-size: 12px;}
.menu-hh ul li ul { 
	width: 150px;
	background-repeat: no-repeat;
	background-position: bottom;
}
