/*  
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-hv, .menu-vv { /* configuração do menu */
	position: relative;
	margin: 0;
	display: block;
	zoom: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding: 0;
} 
.menu-hv * ,    .menu-vv * {
	margin: 0;
	padding: 0;
	list-style: none;
} 
.menu-hv li ,   .menu-vv li { /*altura do sub-item*/
	position: relative;
	line-height: 1.5em;
	vertical-align: top;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #0C6;
} 
.menu-hv a ,    .menu-vv a { /*altura do menu que contem sub-item ou link*/
	display: block;
	zoom: 1;
	line-height: 1.5em;
	text-decoration: none;
	text-indent:12px;
	color: #FFF;
} 
.menu-hv li ul, .menu-vv li ul { /* oculta o sub-item*/
	position: absolute;
	visibility: hidden
} 
.menu-hv li:hover ul,  .menu-vv li:hover ul, .menu-hv li.hover ul,  .menu-vv li.hover ul {
	visibility: visible
} 
.menu-hv li:hover ul ul,  .menu-vv li:hover ul ul, .menu-hv li.hover ul ul,  .menu-vv li.hover ul ul {
	visibility: hidden
} 
.menu-hv li li:hover ul,  .menu-vv li li:hover ul, .menu-hv li li.hover ul,  .menu-vv li li.hover ul {
	visibility: visible
} 
.menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul, .menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul {
	visibility: hidden
} 
.menu-hv li li li:hover ul,  .menu-vv li li li:hover ul, .menu-hv li li li.hover ul,  .menu-vv li li li.hover ul {
	visibility: visible
} 

/* características horizontal-vertical */ 

.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;
	text-indent:12px;
} 
.menu-hv li ul li ul { /* distancia do sub-item*/
	position: absolute;
	left: 103%;
	top: 0;
} 

/* características vertical-vertical */ 
.menu-vv { float: left; }  
.menu-vv li ul { left: 100%; 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-hv li { /* cor do menu e tamanho*/
	width: 130px;
	background-color: #096
} 
.menu-vv li { /* cor do menu e tamanho*/
	width: auto;
	background-color: #0C9
} 
.menu-hv li a:hover { /*cor do fundo selecionado*/
	background-color: #0C6;
	color: #000;
	text-decoration: none;
} 
.menu-vv li a:hover { /*cor do fundo selecionado*/
	background-color: cyan 
} 

/* 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') }