* {
	margin:0;
	padding:0;
	border:0;
}

a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
}

/* ------------------- */
/* ------- MENU ------ */
/* ------------------- */

.menu {
	margin:0 0 0 28px;
	padding:0;
	height:22px; /* ALTURA X */
	width:740px;
		/*CUIDADO! NÃO DÊ OVERFLOW HIDDEN! (overflow:hidden;) -  Bug FF 2.0 com z-index*/
	background:#f1f1f1 url(menu.jpg) 0 0  no-repeat;
	
	font-size:0;
	line-height:0;
	
	z-index:5;
}

.menu * { /* o asterisco em: .menu * representa qualquer filho apos .menu (exemplo: .menu ul, .menu ul li) */
	margin: 0;
	padding: 0;
	font-size:0;
	line-height:0;
	
	z-index:5;
}

.menu ul { list-style: none; }

.menu ul li {
	float:left;
	list-style: none;
	font-size:0; /*tirar todo espaço da lista (ie6)*/
}

.menu ul li a {
	display:block;
	
	margin:0;
	padding:4px 0 0 0;
	height:18px; /* ALTURA X */
	width:105px; /* LARGURA X */

/* SE QUISER USAR LARGURA FLUIDA:
width:auto;
_width:1px;
_white-space: nowrap; 
*/	
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	color:#3c3c3c;
	font-size:11px;
	line-height:120%;
}

.menu ul li a:hover {
	text-decoration:none;
	background-color:#666;
	color:#fff;
}

/* ------------------- */
/* ----- SUBMENU ----- */
/* ------------------- */

	/* ZERAR tudo o que vem do menu - NAO editar */
	.menu ul li ul, .menu ul li ul * {
		margin:0;
		padding:0;
		border:0;
		width:auto;
		height:auto;
		background:none;
		float:none;
		display:inherit;
	}
	/* -------- */

.menu ul li ul {
	position: absolute;
	
	/* ESTILO OVER 1, aparição 1de2 */
	visibility:hidden;
	 /* ESTILO OVER 2, aparição 1de2
	 display:none;*/
	 
	white-space: nowrap;
	border-bottom:6px solid #666;
	
	z-index:10;
}
	
.menu ul li ul li{
	float:none;
	display:block;
	
	margin:0;
	padding:0;
	height:22px; /* ALTURA Y */
	width:115px; /* LARGURA Y */
	
	background-color:#f9f9f9;
	border-bottom:1px solid #666;
}

.menu ul li ul li a {
	display:block;
	height:22px; /* ALTURA Y */
	width:115px; /* LARGURA Y */

	font-weight:normal;
	color:#3c3c3c;
}

.menu ul li ul li a:hover{
	background-color:#666;
}


/* ------------------------ */
/* ----- SUB-SUB-MENU ----- */
/* ------------------------ */

	/* ZERAR tudo o que vem do submenu - NAO editar */
	.menu ul li ul li ul, .menu ul li ul li ul * {
		margin:0;
		padding:0;
		border:0;
		width:auto;
		height:auto;
		background:none;
		float:none;
		display:inherit;
	}
	/* -------- */
	
.menu ul li ul li ul {
	margin-top:-22px; /* ALTURA Y */
	/*_margin-top:-22px;*/ /* ALTURA Y + DIFERENCA IE6-y */
	margin-left:115px; /* LARGURA Y */
}

.menu ul li ul li ul li {
	float:none;
	display:block;
	
	margin:0;
	padding:0;
	height:22px; /* ALTURA Y */
	width:115px; /* LARGURA Y */
	
	background-color:#ccc;
	border-bottom:1px solid #666;
}

.menu ul li ul li ul li a {
	display:block;
	height:22px; /* ALTURA Y */
	width:115px; /* LARGURA Y */
}

.menu ul li ul li ul li a:hover {
}

/* ------------------------- */
/* -- FUNÇÃO-OVER: VISIBLE --*/
/* ------------------------- */

/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .menu li ul { width:auto; }

/* ESTILO OVER 1, aparição 2de2 */
.menu li:hover ul, .menu  li.over ul { visibility:visible; } /* a class  .over eh tecnica pro hover no IE */
.menu li:hover ul li ul, .menu li.over ul li ul{ visibility:hidden; }
.menu li ul li:hover ul, .menu li ul li.over ul{ visibility:visible; }
	/* ESTILO OVER 2, aparição 2de2
	.menu li:hover ul, .menu  li.over ul {display:block;}
	.menu li:hover ul li ul, .menu li.over ul li ul{ display:none;}
	.menu li ul li:hover ul, .menu li ul li.over ul{ display:block;}
	*/