/* menu horizontal */
.menu-hh { display: table; }
.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: 800px;}
.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 {position: absolute; top: 63px; left: 50%; z-index: 100; margin-left: -90px; width: 515px;}
.menu-hh a { font-family: Trebuchet MS, Arial, tahoma, Sans-serif; font-size: 20px; font-weight: bold; text-decoration: none; color: #2A4C6A; line-height: 20px;}
.menu-hh a:hover { color:#fff;}
.menu-hh ul li {margin: 0 4px 0 4px}
.menu-hh ul li ul { position: absolute; background-image: url('images/barrabaixo.gif'); background-repeat: no-repeat; background-position: left bottom; width: 600px; padding: 10px 8px 0 8px; margin: -10px 0 0 -290px}
.menu-hh ul li ul li{ margin: 0;}
.menu-hh ul li ul li a{ color:#fff; font-size: 12px; padding: 8px 10px 8px 10px;}
.menu-hh ul li ul li a:hover{ background-image: url('images/barrabaixohover.gif');}
  
.bothome a {padding: 12px 14px 12px 14px}
.bothome a:hover{background-image: url('images/bot01.gif'); background-repeat: no-repeat; background-position: left bottom;}
.bothome_curent a {padding: 12px 14px 12px 14px; background-image: url('images/bot01.gif'); background-repeat: no-repeat; background-position: left bottom; color:#fff;}
 
.botempresa a {padding:  12px 14px 12px 14px}
.botempresa a:hover {background-image: url('images/bot02.gif'); background-repeat: no-repeat; background-position: left bottom;}
.botempresa_curent a {padding:  12px 14px 12px 14px; background-image: url('images/bot02.gif'); background-repeat: no-repeat; background-position: left bottom; color:#fff;}
 
.botportfolio a {padding: 12px 15px 12px 14px}
.botportfolio a:hover {background-image: url('images/bot02.gif'); background-repeat: no-repeat; background-position: left bottom;}
.botportfolio_curent a {padding: 12px 15px 12px 14px; background-image: url('images/bot02.gif'); background-repeat: no-repeat; background-position: left bottom; color:#fff;}


.botcontato a {padding: 12px 15px 12px 15px}
.botcontato a:hover {background-image: url('images/bot03.gif'); background-repeat: no-repeat; background-position: left bottom;}
.botcontato_curent a {padding: 12px 15px 12px 15px; background-image: url('images/bot03.gif'); background-repeat: no-repeat; background-position: left bottom; color:#fff;}

.botblog a {padding: 12px 14px 12px 15px}
.botblog a:hover {background-image: url('images/bot04.gif'); background-repeat: no-repeat; background-position: left bottom;}
.botblog_curent a {padding: 12px 15px 12px 15px; background-image: url('images/bot04.gif'); background-repeat: no-repeat; background-position: left bottom; color:#fff;}