/* Primeiro Nivel*/
.MyMenu { background-color: orangered; align-content:center; }
.MyMenu > * { margin: 0px; padding: 0px; }
.MyMenu > ul { background-color: #E8E8E8; border-right-style: solid; text-align: left; }
.MyMenu > ul > li { list-style: none; background-color: #666565; padding-top: 5px; padding-bottom: 5px; }
.MyMenu > ul > li > a { text-decoration: none; font-size: 16px; margin: 0px; padding-right: 30px; padding-left: 30px; border-left-style: solid; border-left-color: #AFC6C6; color: white; }
.MyMenu > ul > li > a:hover { background-color: #AFC6C6; }
        
/* Segundo Nivel */
.MyMenu > ul > li > ul { margin: 0px; min-width: 100px; /*border-style: solid; border-color: red; border-width: 1px;*/ }
.MyMenu > ul > li > ul > li { list-style: none; text-align: left; padding: 5px; margin-left: -37px;  background-color: #666565; }
.MyMenu > ul > li > ul > li:hover { background-color: #AFC6C6; }
.MyMenu > ul > li > ul > li > a { text-decoration: none; color: white; padding-right: 10px; padding-left: 10px; width: 100%; font-size: 14px; }




/* Menu de Um Nível - Funciona Atualmente */
.Menu17 { margin: auto auto auto auto; display: table; text-align: left; }
.Menu17 > * { margin: 0px; padding: 0px; }
.Menu17 > header { display: table-cell; vertical-align: middle; }

.Menu17 > div > ul { list-style: none; margin: 0px; padding: 0px; width: auto;    }
.Menu17 > div > ul > li { display: inline-block; }
.Menu17 > div > ul > li > a { font-size: 14px; display: block; line-height: 1.35em; padding: 4px 20px; background-color: #666565; color: white; margin: 1px; text-decoration: none; white-space: nowrap; }
.Menu17 > div > ul > li > a:hover { background-color: #bfcbd6; color: #465c71; text-decoration: none; }
.Menu17 > div > ul > li > a:active { background-color: #465c71; color: #cfdbe6; text-decoration: none; }
.Menu17 > div > ul > li > ul > li { list-style: none; list-style-type: none; margin: 100px; padding: 0px; width: auto; }