/**********Menu Multinivel**************/
#nav {
float: left;
font:16px 'comfortaa';
font-weight: 700;
color: #fff !important;
margin-left: -30px;
padding-right: 30px;
overflow: hidden;
width: 102%;
background: $(tabs.selected.background.color);
}
#nav ul {
color: #444344 !important;
margin: 0;
padding: 0;
list-style: none;
}
#nav ul li {
color: #fff !important;
float: left;
}
#nav ul li a {
float: left;
color: #444344;
padding: 10px 18px;
text-decoration: none;
background: $(tabs.selected.background.color);
}
/* Drop Down Menu */
#nav ul li a:hover,
#nav ul li:hover > a {
color: #fff;
background: #444344;
}
#nav li ul a:hover,
#nav ul li li:hover > a {
color: #fff;
background: $(tabs.selected.background.color);
}
/* Drop Down Menu */
#nav li ul {
color: #000 !important;
background: #eee;
left: -999em;
margin: 40px 0 0;
position: absolute;
width: 174px;
z-index: 9999;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1) inset;
border: 1px solid #eee;
}
#nav li:hover ul {
left: auto;
}
#nav li ul a {
background: none;
border: 0 none;
margin-right: 0;
width: 140px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
}
.nav ul li ul {
position: absolute;
left: 0;
display: none;
visibility: hidden;
}
.nav ul li ul li {
display: list-item;
float: none;
}
.nav ul li ul li ul {
top: 0;
}
.nav ul li ul li a {
font: normal 13px Verdana;
width: 160px;
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}
#nav li li ul {
margin: -1px 0 0 174px;
visibility: hidden;
}
#nav li li:hover ul {
visibility: visible;
}
<div id='nav'>
<ul>
<li><a href='http://www.loveandtravel.com.br/p/comer-rezar-e-amar-em.html'>Comer, viajar e amar em</a></li>
<li><a href='http://www.loveandtravel.com.br/search/label/Am%C3%A9ricas'>Américas</a>
<ul>
<li><a href='http://www.loveandtravel.com.br/search/label/Argentina'>Argentina</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Alta%20Gracia">Alta Gracia</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Carlos%20Paz">Carlos Paz</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Cordilheira%20dos%20Andes">Cordilhiera dos Andes</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/C%C3%B3rdoba">Córdoba</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Prov%C3%ADncia%20de%20C%C3%B3rdoba">Província de Córdoba</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/La%20Cumbrecita">La Cumbrecita</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Los%20Reartes">Los Reartes</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Mendoza">Mendoza</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Santa%20Rosa%20de%20Calamuchita">Santa Rosa de Calamuchita</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Villa%20General%20Belgrano">Villa General Belgrano </a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Ushuaia">Ushuaia</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Chile'>Chile</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Farellones">Farellones</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Santiago">Santiago</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Valle%20Nevado">Valle Nevado</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Valpara%C3%ADso">Valparaíso</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Vi%C3%B1a%20del%20Mar">Vinã del Mar</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Estados%20Unidos'>Estados Unidos</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Las%20Vegas">Las Vegas</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Caribe'>Caribe</a>
<ul>
<li><a href='http://www.loveandtravel.com.br/search/label/Rep%C3%BAblica%20Dominicana'>República Dominicana</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Punta%20Cana">Punta Cana</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Brasil'>Brasil</a>
<ul>
<li><a href='http://www.loveandtravel.com.br/search/label/Minas%20Gerais'>Minas Gerais</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Belo%20Horizonte">Belo Horizonte</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Paran%C3%A1'>Paraná</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Curitiba">Curitiba</a></li>
<li><a href="http://www.loveandtravel.com.br/2015/10/londrina-parana-brasil.html">Londrina</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Rio%20de%20Janeiro'>Rio de Janeiro</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Copacabana">Copacabana</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Rio%20Grande%20do%20Sul'>Rio Grande do Sul</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/2015/07/gramado-canela-rio-grande-sul-brasil.html">Gramado e Canela</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Porto%20Alegre">Porto Alegre</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/S%C3%A3o%20Paulo'>São Paulo</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Rio%20Claro">Rio Claro</a></li>
<li><a
href="http://www.loveandtravel.com.br/2014/06/sao-paulo-cidade-que-nao-para.html">São Paulo</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Socorro">Socorro</a></li>
</ul></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Europa'>Europa</a>
<ul>
<li><a href='http://www.loveandtravel.com.br/search/label/Alemanha'>Alemanha</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Assmannshausen">Assmannshausen</a></li>
<li><a href="http://www.loveandtravel.com.br/2014/08/frankfurt-alemanha-rio-main-reno.html">Frankfurt</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/R%C3%BCdesheim">Rüdesheim</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/france'>França</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/paris">Paris</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Inglaterra'>Inglaterra</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Londres">Londres</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Malta'>Malta</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Malta">Malta</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Portugal'>Portugal</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Coimbra">Coimbra</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Ilha%20da%20Madeira">Ilha da Madeira</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/R%C3%BAssia'>Rússia</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Moscou">Moscou</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/S%C3%A3o%20Petersburgo">São Petesburgo</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Su%C3%AD%C3%A7a'>Suíça</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Davos">Davos</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/search/label/Oceania'>Oceania</a>
<ul>
<li><a href='http://www.loveandtravel.com.br/search/label/Austr%C3%A1lia'>Austrália</a>
<ul>
<li><a href="http://www.loveandtravel.com.br/search/label/Melbourne">Melbourne</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Sydney">Sidney</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Dicas</a>
<ul>
<li><a href='http://www.loveandtravel.com.br/search/label/gastronomia'>Gastronomia</a></li>
<li><a href='http://www.loveandtravel.com.br/search/label/Hospedagem'>Hospedagem</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Lifestyle">Lifestyle</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Roteiros">Roteiros</a></li>
<li><a href="http://www.loveandtravel.com.br/search/label/Flight%20Review">Flight Review</a></li>
</ul>
</li>
<li><a href='http://www.loveandtravel.com.br/p/guest-post.html'>Guest post</a></li>
<li><a href='http://www.loveandtravel.com.br/p/parcerias.html'>Na rede</a></li>
<li><a href='http://www.loveandtravel.com.br/p/roteiros-personalizados.html'>Roteiros Personalizados</a></li>
</ul></div>
