/*  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-vv {
	position: relative;
	margin: 0;
	padding: 0;
	display: block;
	zoom: 1;
}
.menu-hv *, .menu-vv * {
	margin: 0;
	padding: 0;
	list-style: none
}
.menu-hv li, .menu-vv li {
	position: relative;
	line-height: 1.2em;
	vertical-align: top
}
.menu-hv a, .menu-vv a {
	display: block;
	zoom: 1;
	line-height: 1.2em
}
.menu-hv li ul, .menu-vv li ul {
	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;
}
.menu-hv li ul li ul {
	position: absolute;
	left: 100%;
	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 a:hover {}
.menu-vv li a:hover {} 

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