/* menu horizontal by micox */
.menu-hh { display: table; border:0px solid #000000; }
.menu-hh * { margin: 0; padding: 0;}
.menu-hh a { display: block; }
.menu-hh li {list-style: none; float: left; height: 2%; width:83px; text-align:center; height:51px; padding:0; margin:0px; }
.menu-hh li.t1 {list-style: none; float: left; height: 1%; width:90px; text-align:center; height:51px; padding:0; margin:0px; }
.menu-hh li ul {
	position: absolute;
	visibility: hidden;
	white-space: nowrap;
	border:1px solid red;
	left: 100px;
}
/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .menu-hh li ul { width: 996px;}
.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 { background-color:#a8e0d6; width: 996px; margin: 0 0 0 0px; }
  .menu-hh a { 
	  font:11px tahoma; 
	  text-decoration: none; 
	font-size: 11px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;   
	  line-height: 15px; 
	  color:#FFFFFF; 
	  border:0px solid #000000;   
	  background:#FFFFFF url(../imagem/aba.png)  no-repeat ;
	  height:52px;
  }
  .menu-hh a:hover {
	text-decoration: underline;
	text-decoration: none;
	line-height: 15px;
	color:#53401F;
	border:0px solid #000000;
	background:#FFFFFF url(../imagem/aba1.png) no-repeat;
	height:52px;
	font-family: tahoma;
	font-size: 11px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
  }

  .menu-hh a.x1 { 
	  font:11px tahoma; 
	  text-decoration: none; 
	  padding: 0 0 0 0px;   
	  line-height: 20px; 
	  color:#1332E4; 
	  border:0px solid red;  
	 background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;	  
  }
  .menu-hh a.x1:hover { 	   
	  font:11px tahoma; 
	  padding: 0 0 0 0px; 
	  line-height: 20px; 
	  color:#000; 
	  border:0px solid #000000; 
	  background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;
  }
  .menu-hh a.x2 { 
	  font:11px tahoma; 
	  text-decoration: none; 
	  padding: 0 0 0 0px;   
	  line-height: 20px; 
	  color:#1332E4; 
	  border:0px solid red;  
	 background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;	  
  }
  .menu-hh a.x2:hover { 	   
	  font:11px tahoma; 
	  padding: 0 0 0 0px; 
	  line-height: 20px; 
	  color:#000; 
	  border:0px solid #000000; 
	  background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;
  }
  .menu-hh ul li ul { background-color: white;  border: 0px solid #000; }
 
  .menu-hh ul li ul.mSub1{background-color:#CEA91C; margin-left: -80px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}  
  .menu-hh ul li ul.mSub2{background-color:#CEA91C; margin-left:-105px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
  .menu-hh ul li ul.mSub3{background-color:#CEA91C; margin-left:-85px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
  .menu-hh ul li ul.mSub4{background-color:#CEA91C; margin-left:-370px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
  .menu-hh ul li ul.mSub5{background-color:#CEA91C; margin-left:-83px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
  .menu-hh ul li ul.mSub6{background-color:#CEA91C; margin-left:-116px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
  .menu-hh ul li ul.mSub7{background-color:#CEA91C; margin-left: -100px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
.menu-hh ul li ul.mSub8{background-color:#CEA91C; margin-left: -100px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}

body {
	background-color: #a8e0d6;
}