/*menu*/
.menu_principal *{margin:5px 0;padding:0;list-style:none}
.menu_principal {width:100%;height:30px;margin:2px 0;float:right;font:normal 12px Arial, Helvetica, sans-serif;background:#6092BF}
/*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{line-height:29px;position:relative;margin:0 1px;text-transform:uppercase;white-space:nowrap}
.menu a {display:block;/*zoom:1;*/line-height:29px;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:#6092BF}
.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:27px;text-align:left;text-transform:none;white-space:normal;border:none;font:12px Arial, Helvetica, sans-serif}
.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:14%;height:29px;margin:0 1px;text-align:center;padding:0}
.menu li ul li a {display:block;line-height:29px;margin:0}
.menu li a:hover {text-decoration:none}
.menu li a:hover, .menu li.active a {color:#666666;background:#D1E2ED;border-bottom:2px solid #FF9900;line-height:27px}
.menu li a:visited, .menu li.visited a {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*/
* 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') }