/*menu*/
.menu_principal *{margin:5px 0;padding:0;list-style:none}
.menu_principal {width:91%;height:28px;margin:0;float:right;background:#FFFFFF;font:12px Arial, Helvetica, sans-serif}
/*  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License*/    
.menu { position:relative;margin:0;padding:0;display:block;z-index:1000;zoom:1}
.menu * { margin:0;padding:0 ;list-style:none}
.menu li {line-height:27px;position:relative;margin:0;text-transform:uppercase;text-align:center;white-space:nowrap;background:#FFFFFF;vertical-align:top}
.menu li.menor, .menu li.contato {width:80px;line-height:27px;position:relative;margin:0 0 0 2px;text-align:center;background:#FFFFFF}
.menu a { display:block;zoom:1;line-height:27px}
.menu li ul { position:absolute;visibility:hidden;background-color:#77C577}
.menu li:hover ul, .menu li.hover ul { visibility:visible } 
.menu li:hover ul ul, .menu li.hover ul ul { visibility:hidden } 
.menu li li:hover ul, .menu li li.hover ul { visibility:visible } 
.menu li li:hover ul ul, .menu li li.hover ul ul { visibility:hidden } 
.menu li li li:hover ul, .menu li li li.hover ul { visibility:visible } 
/* características horizontal-vertical */ 
.menu:after, .menu.after { content:".";line-height:0px;clear:both;display:block;visibility:hidden}
.menu li { float:left} 
.menu li ul li {width:130px;float:none;background:none;margin:0 2px;text-align:left;text-transform:none;white-space:normal}
.menu li ul li ul { position:absolute;left:100%;top:0} 
.menu li.unidades {position:relative;z-index:10}
.menu li.unidades ul li, .menu li ul li.item_servico {width:135px;float:none;background:none;margin:0 2px;text-align:left;text-transform:none;white-space:normal}
.menu li ul li.item_servico {width:140px}
.menu li.contato ul li {width:100px;float:none;background:none;margin:0 2px;text-align:left;text-transform:none;white-space:normal}
/* ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo   ou apague as linhas se for definir em outro lugar */ 
.menu li { width:99px;background-color:white } 
.menu li a:hover {text-decoration:none;background:#009300;color:#FFFFFF}
/* 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') }