#container {
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	font: 10px arial,helvetica,sans-serif;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	z-index:100;
}

#nav{
	width: 120px;
	float: left;
	list-style: none;
	line-height: 20px;
	background-color: #efefef;
	border: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index:100;
}

#nav ul{
	width: 120px;
	float: left;
	list-style: none;
	line-height: 20px;
	background-COLOR:#efefef; /*Cor do fundo */
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	margin: 0px;
	padding: 0px;
	z-index:100;
}

#nav a{
	display: block;
	/*width: 140px;*/
	color: #616161; /* Cor do texto nas celulas */
	text-decoration: none;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font: 10px arial,helvetica,sans-serif;
	line-height: 20px;
	border-left: 0px solid #cbcbcb;
	border-right: 0px solid #cbcbcb;
	border-top: 0px solid #cbcbcb;
	border-bottom: 0px solid #cbcbcb;
	z-index:100;
}

#nav li {
	/* Items no primeiro nivel */
	float: left;
	width: 120px;
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	background: #efefef; /* Cor das celulas */
	z-index:100;
}

#nav li ul{

	position: absolute;
	left: -999em;
	width: 120px;
	margin-left: 120px; /* Para o menu que aparece ficar colado à direita do menu que o abre*/
	margin-right: 0px;
	margin-top: -21px; /*Para o menu que aparece ficar à direita do menu que o abre*/
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left: 0px solid #cbcbcb;
	border-right: 0px solid #cbcbcb;
	border-top: 0px solid #cbcbcb;
	border-bottom: 0px solid #cbcbcb;
	background-color: #b9b9b9; /* Cor do fundo */
	z-index:100;
}

#nav li li{
	/* Items no segundo nivel */
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	margin: 0px;
	width: 140px;
	background-color:#e3e3e3;
	z-index:100;
}

#nav li li li{
	/* Items no TERCEIRO nivel */
	float: left;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	border-top: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	margin: 0px;
	width: 140px;
	background-color:#dfdfdf;
	z-index:100;
}

#nav li ul a {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border: 0px;
	font: 10px arial,helvetica,sans-serif;

	line-height: 20px;
	z-index:100;
}

#nav li ul ul {
	margin-left: 140px; /* Tem de ser = ao comprimento de cada item do menu */
	margin-right: 0px;
	margin-top: -21px; /* Para ficar à direita do item anterior tem de se subir */
	margin-bottom: 0px;
	border-left: 0px solid #cbcbcb;
	border-right: 0px solid #cbcbcb;
	border-top: 0px solid #cbcbcb;
	border-bottom: 0px solid #cbcbcb;
	z-index:100;
}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul

{
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul


{
	left: auto;
}

#nav li:hover, #nav li.sfhover

{
	background: #e9e9e9; /* Cor das celulas quando ha um mouseover */
	color: yellow; /* Cor do texto nas celulas quando ha um mouseover - nao funciona... */
}

