.barraSuperior {width: 100%; padding: 10px; background-color: var(--corPrincipal); color: var(--corPrincipalTexto); position: sticky; top: 0; text-align: center; z-index: 999999; border-bottom: 2px solid white;}

nav ul li {padding: 10px; text-align: left; list-style: none; cursor: pointer; font-size: 17px; border-bottom: 1px solid white;}
nav ul li img {margin-right: 5px;}
nav ul li:hover {background-color: var(--corSecundaria);}
nav ul a {text-decoration: none; color: var(--corSecundariaTexto);}

.liSelecionado {background-color: var(--corSecundaria);}

.divConteudoPrincipal {min-height: 650px;}

ol {margin-left: 20px;}
ol li {padding: 5px; background-color: #e8e8e8; border-radius: 5px; margin-bottom: 3px;}

#viagemValorTotal {font-size: 26px;}


#mascaraComClick {
    width: 100%; height: 100%; position: fixed; top: 0px; background-color: black; opacity: 0.5; z-index: 999999; display: none;
}
.divMenu {
    min-width: 150px; width: auto; position: absolute; background-color: white; right: 55px; z-index: 9999999999;
    overflow: hidden; max-height: 0; transition: max-height 0.4s ease, padding 0.4s ease;
}
.divMenu ul li {
    list-style: none; text-align: left; color: black; padding: 10px 20px; cursor: pointer;
}
.divMenu ul li:hover {
    background-color: #b7b7b7;
}
.divMenu.ativo{
    max-height: 200px;
}

.divMenu2 {
    min-width: 150px; width: auto; position: absolute; background-color: white; right: 85px; z-index: 9999999999;
    overflow: hidden; max-height: 0; transition: max-height 0.4s ease, padding 0.4s ease;
}
.divMenu2 ul li {
    list-style: none; text-align: left; color: black; padding: 10px 20px; cursor: pointer;
}
.divMenu2 ul li:hover {
    background-color: #b7b7b7;
}
.divMenu2.ativo{
    max-height: 200px;
}