/*menu*/
.menu_principal *{margin:5px 0;padding:0;list-style:none}
.menu_principal {width:100%;height:26px;margin:0;float:left;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;/*zoom:1*/}
.menu * {margin:0;padding:0;list-style:none}
.menu li {line-height:26px;position:relative;margin:0 1px;text-transform:uppercase;text-align:center;white-space:nowrap;background:#FFFFFF url(../imagens/menu_fundo_link.gif) no-repeat}
.menu li.home, .menu li.loja {width:65px;line-height:26px;position:relative;margin:0 2px 0 2px;white-space:nowrap;text-align:center;background:#FFFFFF url(../imagens/menu_fundo_home.gif) no-repeat}
.menu li.loja {width:80px;background:#FFFFFF url(../imagens/menu_fundo_loja.gif) no-repeat}
.menu li.logado {position:relative;line-height:25px}
.menu li.logado_nome {position:relative;line-height:25px}
.menu a, .menu li.logado a, .menu li.logado_nome a {display:block;/*zoom:1;*/line-height:25px;color:#000000}
.menu li ul {background:#F7EFD5}
.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 {float:none;background:#F7EFD5;margin:0 0 0 3px;text-align:left;text-transform:none;white-space:normal}
.menu li ul li ul {position:absolute;left:50%;top:0}
.menu li.logado, .menu li.logout {font-weight:normal}
.menu li.logado_nome {font-weight:bold}
/*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:116px;height:26px;margin:0 1px;text-align:center;padding:0}
.menu li.logado{min-width:58px;width:auto !IMPORTANT;width:40px;height:28px;margin:3px 2px 0 13px;text-align:left}
.menu li.logado_nome{min-width:90px;width:auto !IMPORTANT;width:90px;height:28px;margin:3px 0 0 6px;text-align:center}
.menu li.logout{width:28px;height:28px;margin:3px 0 0 3px;text-align:right}
.menu li ul li a {display:block;line-height:25px;margin:0 3px}
/*.menu li.logado{position:relative;line-height:25px}*/
ul li.logado a:link {text-decoration:none;color:#FFFFFF}
ul li.logado a:visited{text-decoration:none;color:#E2E2E2}
ul li.logado a:hover{text-decoration:underline;color:#FFFFFF}
ul li.logado a:active{text-decoration:underline;color:#E2E2E2}
.menu li a:hover {text-decoration:none}
/*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') }