nav                             {background:transparent; float:right; font-size:90%; height:30px; text-decoration:none; position:absolute; z-index:999}
nav > ul > li > a               {color:var(--menufont); padding:10px 12px 15px 12px; font:700 14px/17px "Roboto"; text-decoration:none; position:relative}
nav > ul > li > a::after        {content:''; position:absolute; bottom:8px; left:50%; width:0; height:2px; background:var(--menufonthov); transition:width .3s ease, left .3s ease}
nav > ul > li:hover > a::after, nav > ul > li > a:hover::after {width:100%; left:0}
nav > ul > li.has-sub > a       {padding-right:30px}
nav > ul > li.has-sub > a:after {background:var(--menufont); top:28px; right:11px; width:8px; height:2px; position:absolute; display:block; content:''}
nav > ul > li.has-sub > a:before{background:var(--menufont); top:25px; right:14px; width:2px; height:8px; position:absolute; display:block; content:''; transition:all .25s ease}
nav > ul > li.has-sub:hover > a:before {top:27px; height:0}
nav > ul > li                   {float:left; border-left:0px solid #FFF; border-right:0px solid #FFF; position:relative}
nav > ul > li:last-child{border-right:0px solid #FFF}
nav ul ul                       {position:absolute; right:auto; left:0; display:none; padding:12px 0; background:var(--submenu); box-shadow:0 8px 20px rgba(0,0,0,0.15); border-radius:6px; margin-top:8px}
nav > ul > li:hover > ul        {display:block}
nav > ul > li:last-child:hover > ul {left:auto; right:0}
nav ul ul li.has-sub > a:after  {background:#fff; top:16px; right:11px; width:8px; height:2px; display:block; position:absolute; content:''}
nav ul ul li.has-sub > a:before {background:#fff; top:13px; right:14px; width:2px; height:8px; display:block; position:absolute; content:''; transition:all .25s ease}
nav ul ul > li.has-sub:hover > a:before {top:17px; height:0}
.aside-portais a:before         {content:"\f0da"; font-family:FontAwesome; color:var(--pmsubfont); margin-right:10px}
nav li:hover > ul > li          {height:32px}
nav ul ul li                    {background:var(--submenu); height:0; border-top:0px solid #5c8dcc; border-bottom:0px solid #081526}
nav ul ul li:hover              {background:var(--submenuhov)}
nav ul ul li a                  {height:30px; padding:0 12px; width:200px; font:400 14px/14px 'Tahoma'; color:var(--submenufont); text-decoration:none; display:flex; align-items:center; justify-content:flex-start}
nav ul ul li a:before           {content:"\f0da"; font-family:FontAwesome; color:var(--submenufont); margin-right:7px}
nav ul ul li:hover > a, nav ul ul li a:hover {color:var(--submenufont)}
nav ul ul li:last-child > a, nav ul ul li.last-item > a {border-bottom:0}
nav ul ul ul                    {margin-left:100%; top:0}
nav ul ul ul li.active a        {border-left:1px solid #333}
nav ul ul li a i                {color:var(--menufont); font-size:15px}
nav, nav ul, nav ul li, nav ul li a, nav #head-mobile {border:0; list-style:none; line-height:1; display:block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
nav:after, nav > ul:after       {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
nav .only-desktop               {display:block}
nav > ul > li::after            {content:''; position:absolute; top:100%; left:0; width:100%; height:16px; background:transparent; z-index:998}
nav > ul > li.menu-button       {float:left; margin-left:30px}
nav > ul > li.menu-button a     {background:var(--button); color:#fff; padding:10px 24px; border-radius:30px; font:700 14px/17px "Roboto"; text-decoration:none; transition:all .3s ease}
nav > ul > li.menu-button a:hover {background:var(--buthover); transform: box-shadow:0 4px 10px rgba(0,0,0,0.2)}
nav > ul > li.menu-button > a::after {display:none}
nav > ul > li.menu-button > a:hover::after {display:none}