.menu-hv { position: relative; margin: 0; padding: 0; display: block; zoom: 1; z-index:1;}
.menu-hv *  { margin: 0; padding: 0 ; list-style: none}
.menu-hv li { position: relative; line-height: 1.2em; vertical-align: top}
.menu-hv a { display: block; zoom: 1; line-height: 1.2em}
.menu-hv li ul { position: absolute; visibility: hidden}
.menu-hv li:hover ul, .menu-hv li.hover ul { visibility: visible}
.menu-hv li:hover ul ul, .menu-hv li.hover ul ul { visibility: hidden}
.menu-hv li li:hover ul, .menu-hv li li.hover ul { visibility: visible}
.menu-hv li li:hover ul ul, .menu-hv li li.hover ul ul { visibility: hidden}
.menu-hv li li li:hover ul, .menu-hv li li li.hover ul { visibility: visible}
.menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
.menu-hv li { float: left;}  
.menu-hv li ul li { float: none;}
.menu-hv li ul li ul { position: absolute; left: 100%; top: 0;}

.menu-hv li a{ color:#EBEBEB; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; text-align:center;}
.menu-hv li.menuEstilo1 { width: 100px; background:url(../imagens/bgMenu1.jpg); height:36px;}
.menu-hv li.menuEstilo2 { width: 100px; background:url(../imagens/bgMenu2.jpg); height:36px;}
.menu-hv li.menuEstilo1:hover, .menu-hv li.menuEstilo2:hover { background:url(../imagens/bgMenu1-hover.jpg);}

#menuHome.menuEstilo1 a, #menuProdutos.menuEstilo1 a,  #menuAssistencia.menuEstilo1 a, #menuLoja.menuEstilo1 a{ background:url(../imagens/bgMenu1-final.jpg) no-repeat right top; line-height:36px;}
#menuRevendedor.menuEstilo2 a, #menuContato.menuEstilo2 a, #menuComprar.menuEstilo2 a, #menuMidia.menuEstilo2 a{ background:url(../imagens/bgMenu2-final.jpg) no-repeat right top; line-height:36px;}
#menuMidia.menuEstilo2 a{ background:none;}

#menuHome{ width:80px;}
#menuProdutos{ width:88px;}
#menuLoja{width:90px;}
#menuAssistencia{ width:137px;}
#menuRevendedor{ width:142px;}
#menuComprar{ width:107px;}
#menuContato{ width:102px;}
#menuMidia{ width:138px;}

#menuHome.menuEstilo1 ul li a, #menuProdutos.menuEstilo1  ul li a, #menuComprar.menuEstilo1  ul li a, #menuAssistencia.menuEstilo1 ul li a{ line-height:28px;}

#menuHome.menuEstilo1 ul li a:hover, #menuProdutos.menuEstilo1  ul li a:hover, #menuComprar.menuEstilo1  ul li a:hover, #menuAssistencia.menuEstilo1 ul li a:hover{ background:url(../imagens/sub_active1.jpg) no-repeat; color:#3f5974; font-weight:bold;}

#menuProdutos.menuEstilo1  ul li ul a:hover{ background:url(../imagens/sub_active.jpg) no-repeat; color:#3f5974; font-weight:bold;}

.menu-hv li ul li { width:120px; padding:0; background:#1c7391;}
.menu-hv li ul li ul li { width:315px; padding:0;}
.menu-hv li ul li a { line-height:28px; height:28px; color:#FFF; padding-left:7px; text-decoration:none; text-align:left; font-weight:normal;}
.menu-hv li ul li a:hover { background:#000; color:#FFF;}

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html 
   Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression */
   
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }