/*
  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 {
	position: relative;
	margin: 0 12px 0 12px;
	padding: 0;
	display: block;
	zoom: 1;
	z-index: 10;
}
.menu-hv *, .menu-vv * {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 30px;
	cursor: hand;
}
.menu-hv li, .menu-vv li { 
	position: relative;
}
.menu-hv a, .menu-vv a {
	display: block;
	zoom: 1;
	color: #FFFFFF;
}
.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: left;
}
.menu-hv li ul li ul {
	position: absolute;
	left: 100%;
	top: 4px;
}
/* características vertical-vertical */
.menu-vv { 
	float: left;
}	
.menu-vv li ul { 
	left: 100%; 
	top: 0px;
}
/* ****************************************
	  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 {
	width: 108px;
	margin: 0px;
}
.menu-vv li {
}
.menu-hv li a:hover {
	text-decoration: underline;
}
.menu-vv li a:hover {
	text-decoration: underline;
}
 
	
/* 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') }
