/* 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;}
/* 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:#f4f4f2; width: 996px; margin: 0 0 0 0px; }
  .menu-hh a { 
	  font:11px tahoma; 
	  text-decoration: none; 
	  padding: 1 10px;   
	  line-height: 15px; 
	  color:#FFFFFF; 
	  border:0px solid #000000;   
	  background:#FFFFFF url(../imagem/aba.png)  no-repeat ;
	  height:51px;
  }
  .menu-hh a:hover { 
	  text-decoration: underline; 
	  font:11px tahoma; 
	  text-decoration: none; 
	  padding: 1 10px;   
	  line-height: 15px; 
	  color:#53401F; 
	  border:0px solid #000000;   
	  background:#FFFFFF url(../imagem/aba1.png) no-repeat;	  
	  height:51px;	  
  }

  .menu-hh a.x1 { 
	  font:11px tahoma; 
	  text-decoration: none; 
	  padding-top: 3px;   
	  line-height: 15px; 
	  color:#1332E4; 
	  border:0px solid red;  
	 background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;	  
  }
  .menu-hh a.x1:hover { 	   
	  font:11px tahoma; 
	  padding-top: 3px; 
	  line-height: 15px; 
	  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:-125px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
  .menu-hh ul li ul.mSub2{background-color:#CEA91C; margin-left:-125px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
  .menu-hh ul li ul.mSub3{background-color:#CEA91C; margin-left:-125px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}  
  .menu-hh ul li ul.mSub4{background-color:#CEA91C; margin-left:-285px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
  .menu-hh ul li ul.mSub5{background-color:#CEA91C; margin-left:-123px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
  .menu-hh ul li ul.mSub6{background-color:#CEA91C; margin-left:-100px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
  .menu-hh ul li ul.mSub7{background-color:#CEA91C; margin-left: 520px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
   .menu-hh ul li ul.mSub8{background-color:#CEA91C; margin-left: 430px; width:996px; height:17px; background:#CEA91C url(../imagem/img_menu_sub.gif) repeat;}
   
body {
   background-color: #a8e0d6;
}
