/*menu*/
.menu_principal *{margin:5px 0;padding:0;list-style:none}
.menu_principal {width:100%;height:30px;margin:0;float:left;background:#FFFFFF url(http://www.aconsermed.com.br/imagens/fundo_menu.jpg) repeat-x;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;/*zoom:1;*/}
.menu *{margin:0;padding:0;list-style:none}
.menu li, .menu li.home {line-height:30px;position:relative;margin:0 1px;text-transform:uppercase;white-space:nowrap;border-right:1px solid #FFFFFF}
.menu a {display:block;/*zoom:1;*/line-height:30px;color:#000000}
/*.menu li.selected a{background:black;background of tabs for hover state, plus tab with "selected" class assigned to its LI*/}
.menu li ul {width:100%;background:#E1C489}
.menu li ul {position:absolute;visibility:hidden}
.menu li:hover ul, .menu li.hover ul {visibility:visible;left:0%}
.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;text-align:left;font-weight:bold} 
.menu ul ul {margin:0;left:0%;top:0}
.menu li ul li {width:98%;float:none;margin:0 1%;min-height:20px;text-align:left;text-transform:none;white-space:normal;border:none;font:10px Arial, Helvetica, sans-serif;color:#000000;background:#E1C489}
.menu li ul li ul {position:absolute;left:50%;top:0}
/*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:16%;height:30px;margin:0 1px;text-align:center;padding:0}
.menu li.home {width:14%;margin:0 0 0 1%;text-align:center;border-left:1px solid #FFFFFF}
.menu li ul li a {display:block;/*line-height:30px*/;margin:0}
.menu li a:hover {text-decoration:none}
.menu li a:hover, .menu li.active a {color:#FA9B5B;background:#E1E2DC;border-bottom:2px solid #d15600;line-height:28px}
/*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*/
* 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') }