nav.principal div{margin: auto; }
nav.principal ul.principal>li{color: #FFF; ; text-decoration: none;}
nav.principal ul.principal>li.activo{ color: var(--colorCorporativo3); text-decoration: underline; }
nav.principal ul.principal>li:hover{text-decoration: underline;}
nav.principal ul{ margin: 0px; padding-left: 0px; }

@media screen and (min-width:1000px){ 
    .btnMenu, nav.principal .cerrarMenu{display: none;}
    .estilo_predeterminado_soberbio .btnMenu{ display: table-cell; cursor: pointer; }
    nav.principal>div{display: table;}
    nav.principal>div a{display: table-cell; text-align: center; vertical-align: middle; }        
    nav.principal ul.principal{ display: table; }
    nav.principal ul.principal>li, nav.principal .separadorv{ display: table-cell; }
    nav.principal .separadorv{margin: 10px 40px; height: 30px; width: 1px; display: block; border-left: solid 1px #FFF;}
}

@media screen and (max-width:999px){        
    nav.principal .separadorv{display: none;}
    .btnMenu{position: fixed; }      
    nav.principal{width: 220px; position: fixed; top: 0px; left: -220px; z-index: 10002; height: 100%;  background-color: var(--colorCorporativo2); }
    nav.principal ul.principal>li{display: block; height: 50px; line-height: 50px; padding-left: 30px;}    
    nav.principal .cerrarMenu{ background-color: #FFF; float: right; height: 60px; width: 60px; }        
}