/* CSS by Alex Batista */
.menu {
	font-size:1em;
}

/* Remover todos os bullets, borders e padding padrao da lista */
.menu ul {
	padding:0;
	margin:0 0 0 -1px;
	list-style-type:none;
	height:2em;
}

/* Estilo da lista de sub-nível */
.menu ul ul {
	width:15em;
	filter:alpha(opacity=80);
}

.menu ul li a {
	border-left:1px solid #FFF;
	/*margin-top:1px;*/
}
/* Definicao da cor da font no a:link (hack)*/
.menu ul li {
	color:#FFF;
}

/* A propriedade float defini que o menu sera horizontal. Os menus de frente vao aparecer sempre em CAIXA ALTA  */
.menu ul li {
	float:left;
	height:2em;
	line-height:2em;
	z-index:100
	/*text-transform:uppercase*/
}

/* Estilo de subitem de uma lista */
.menu ul ul li {
	display:block;
	width:12em;
	height:auto;
	position:relative;
	line-height:1em;
	text-transform:none;
	margin-top:0
}

/* Estilo de subitem de uma lista */
.menu a, .menu a:visited {
	display:block;
	float:left;
	height:100%;
	font-size:1em;
	text-decoration:none;
	color:#FFF;
	padding:0 1em 0 1em;
}

/* Estilo dos links de subitem de lista */
.menu ul ul a, .menu ul ul a:visited {
	display:block;
	background-image:url('../img/img_white/opaque.png');
	color:#FFF;
	width:14em;
	height:100%;
	line-height:1em;
	padding:0.5em 1em;
}
.menu ul table ul a, .menu ul table ul a:visited  {
	width:14em;
	w\idth:12em;
}


/* Estilo da tabela para que ela nao quebre o layout. Necessario para IE */
.menu table {
	position:absolute;
	left:0;
	top:0;
	font-size:1em;
	z-index:-1;
}
.menu ul ul table {
	lef\t:-1px;
}
.menu ul ul table ul.menuDireita {
	margin-lef\t:2px;
}

.menu li:hover, .menu li:focus {
	position:relative;
}
* html .menu a:hover, * html .menu a:focus {
	position:relative;
	z-index:100;
}

/* BG Terceiro nivel */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background: url(../image/opaque.png);
}
/* BG Quarto nivel */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {
	background: url('../img/img_white/opaque.png');
}
/* Fundo do subnivel 1  */
.menu ul :hover a.sub1 {
	background: url('../img/img_white/opaque.png');}
/* Fundo do subnivel 2 */
.menu ul ul :hover a.sub2 {
	background: url('../img/img_white/opaque.png');
}

/* Primeiro */
.menu a:hover, .menu a:focus {
	color:#FFF;
}
.menu :hover > a, .menu :focus > a {
	color:#FFF;
	text-decoration:underline;
}
/* Segundo */
.menu ul ul a:hover, .menu ul ul a:focus {
	color:#FFF;
	background: url('../img/img_white/opaque_over.png');
	}
.menu ul ul :hover > a, .menu ul ul :focus > a {
	color:#FFF;
	background: url('../img/img_white/opaque_over.png');
}
/* Terceiro */
.menu ul ul ul a:hover, .menu ul ul ul a:focus {
	background: url('../img/img_white/opaque.png');
}
.menu ul ul ul :hover > a, .menu ul ul ul :focus > a {
	background: url('../img/img_white/opaque.png');
}
/* Quarto */
.menu ul ul ul ul a:hover, .menu ul ul ul ul a:focus {
	background: url('../img/img_white/opaque.png');
}


/* Ocultar os sub níveis e dá uma posição absoluta para que elas não ocupem espaço */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:116px;
	top:2em;
	left:0;
	width:14em;
	z-index:1000
}

/* Posicao do terceiro nivel */
.menu ul ul ul{
	left:14em;
	top:0;
	width:14em;
}

/* Classe para definir o terceiro nivel */
.menu ul ul ul.menuDireita {
	left:-12em;
}

/* Exibir o segundo nivel quando o ponteiro estiver sobre o link */
.menu ul li:hover ul, .menu ul a:hover ul, .menu ul a:hover ul.submenuvisivel  {
	visibility:visible;
	height:auto;
	padding-bottom:3em;
	background:transparent url(images/trans.gif);
}
/* Mantem o terceiro nivel oculto quando o cursor estiver sobre o primeiro nivel */
.menu ul :hover ul ul, .menu ul :focus ul ul{
	visibility:hidden;
}
/* Mantem o quarto nivel oculto quando o cursor estiver sobre o segundo nivel*/
.menu ul :hover ul :hover ul ul, .menu ul :focus ul :focus ul ul{
	visibility:hidden;
}
/* Torna o terceiro nivel visivel quando o cursor estiver sobre o segundo nivel */
.menu ul :hover ul :hover ul, .menu ul :focus ul :focus ul{
	visibility:visible;
}
/* Torna o quarto nivel visivel quando o cursor estiver sobre o terceiro nivel */
.menu ul :hover ul :hover ul :hover ul, .menu ul :focus ul :focus ul :focus ul {
	visibility:visible;
}