nav ul ul {
display: none;
  z-index: 100;
}

nav ul li:hover > ul {
display: block;
background: #7777aa;
font-family: Arial;
font-size: 14px;
}


nav ul {
background: #666699;
padding: 0 0px;
padding-top: 10px;
list-style: none;
position: relative; /* sobre conteudo da página - absolute / em cima - relative */
top:0;
font-family: Arial;
font-size: 16px;
color: #FFFFFF;
font-weight: bold;
	border-radius: 8pt;
}

nav ul:after {
content: "";
clear: both;
display: block;
}

nav ul li {
float: left;
color: #FFFFFF;
}

nav ul li:hover a {
color: #FFFFFF;
}

nav ul li a {
display: block;
padding: 8px 50px; /* espaço borda box vertical - horizontal */
color: #FFFFFF;
text-decoration: none;
}

nav ul ul {
position: absolute; /* menu sobre conteudo da página */
top: 100%;
}

nav ul ul li {
float: none;
}

nav ul ul ul {
position: absolute;
left: 100%;
top:0;
}