.topo{display:block;float:left;width:100%;z-index:9; margin-bottom: 10px;}
#cssmenu{position:relative;height:45px;background:#fff;width:auto;z-index:9}
div.logo a{display:block;background:url(/img/logo-topo.png) center no-repeat;height:95px;text-indent:-9999em}
@media (min-width:1218px){#cssmenu{width:80%;float:right;margin:25px 30px 0 0}div.logo{width:15%;float:left}}

@media (max-width:1217px){
    #cssmenu{width:96%!important;float:left;clear:both;margin:10px 2% 0}
    .page-header{margin:15px 0 15px}
    #indicatorContainer{display:none}
    div.logo{width:100%;float:right}
    #cssmenu ul ul ul{border-bottom:1px solid rgba(204,204,204,.15)}
    #cssmenu ul ul>li.has-sub>a{color:#e3e3e3!important;position:relative}
    #cssmenu ul ul>li.has-sub>a:before{position:absolute;content:'*';display:block;left:25px;top:10px}
    #cssmenu ul ul ul>li.has-sub>a:before{left:40px;top:7px;content:'-'}
    #cssmenu>ul>li{border-bottom:1px solid rgba(204,204,204,.25);border-top:1px solid rgba(204,204,204,.25)}
}

@media (min-width:799px){
    #cssmenu ul ul>li.has-sub>a{color:#9ea2a5!important;}
    #cssmenu ul ul>li.has-sub>a:before{display: none;}
}

@media (max-width:799px){
    #page-wrapper{padding: 15px 10px !important;}
}

@media (min-width:1217px) and (max-width:1500px;){
    #cssmenu>ul>li.has-sub>a{padding-right:5px;}
    #cssmenu>ul>li>a{font-size:11px!important;}
    #cssmenu{width:82%;}
}

@media (min-width:1217px) and (max-width:1284px){
    #cssmenu .fa.fa-fw:not(.fa-dashboard):not(.fa-sign-out){display:none;}
}

#page-wrapper{position: relative;padding: 30px 30px 0;}
.nomeHeader{position: absolute;left: 0;right: 0;top: 0; padding: 10px 30px;background: #c2bfc4;color: #FFF;border: 1px solid #002e5e;}

#cssmenu ul{list-style:none;padding:0;margin:0;line-height:1}
#cssmenu>ul{position:relative;display:block;/*background:#636160;*/width:100%;z-index:500;border-radius:6px}
#cssmenu:after,#cssmenu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu.align-right>ul>li{float:right}
#cssmenu.align-center ul{text-align:center}
#cssmenu.align-center ul ul{text-align:left}
#cssmenu>ul>li{display:inline-block;position:relative;margin:0 10px 0 0;padding:10px 0;border: 1px dotted #ddd;width: 100%;max-width: 125px;border-radius: 6px;}
#cssmenu>ul>#menu-button{display:none}
#cssmenu ul li a{display:block;font-family:Helvetica,sans-serif;text-decoration:none}
#cssmenu>ul>li>a>i{width:100%;font-size:32px;margin-bottom:5px}
#cssmenu>ul>li>a{font-size:.8em;text-align:center;font-weight:700;padding:0;color:rgb(0 46 94 / 70%);text-transform:uppercase;-webkit-transition:color .25s ease-out;-moz-transition:color .25s ease-out;-ms-transition:color .25s ease-out;-o-transition:color .25s ease-out;transition:color .25s ease-out; }
#cssmenu>ul>li.has-sub>a{padding-right:15px}
#cssmenu>ul>li:hover>a{color:#002e5e;}
#cssmenu li.has-sub::after{display:block;content:"";position:absolute;width:0;height:0}
#cssmenu>ul>li.has-sub::after{right:5px;top:20px;border:5px solid transparent;border-top-color:#7a8189}
#cssmenu>ul>li:hover::after{border-top-color:#fff}
#indicatorContainer{position:absolute;height:12px;width:100%;bottom:0;overflow:hidden;z-index:-1;border-radius:12px; display: none;}
#pIndicator{position:absolute;height:0;width:100%;border:12px solid transparent;border-top-color:#2b2f3a;z-index:-2;-webkit-transition:left .25s ease;-moz-transition:left .25s ease;-ms-transition:left .25s ease;-o-transition:left .25s ease;transition:left .25s ease}
#cIndicator{position:absolute;height:0;width:100%;border:12px solid transparent;border-top-color:#2b2f3a;top:-12px;right:100%;z-index:-2}
#cssmenu ul ul{position:absolute;left:-9999px;top:70px;opacity:0;-webkit-transition:opacity .3s ease,top .3s ease;-moz-transition:opacity .3s ease,top .3s ease;-ms-transition:opacity .3s ease,top .3s ease;-o-transition:opacity .3s ease,top .3s ease;transition:opacity .3s ease,top .3s ease;z-index:1000}
#cssmenu ul ul ul{top:37px}
#cssmenu ul ul li{position:relative}
#cssmenu>ul>li:hover>ul{left:auto;top:100%;opacity:1;border:1px solid #636160;border-radius:0 0 2px 2px}
#cssmenu.align-right>ul>li:hover>ul{left:auto;right:0;opacity:1}
#cssmenu ul ul li:hover>ul{left:179px;top:0;opacity:1;border:1px solid #636160;border-radius:0 0 4px 4px}
#cssmenu.align-right ul ul li:hover>ul{left:auto;right:200px;top:0;opacity:1;padding-right:5px}

@media all and (min-width:799px){
    #cssmenu ul ul{background:#fff}
}

#cssmenu ul ul li a{width:180px;border-bottom:1px solid #f2f2f2;padding:13px 8px 12px;font-size:12px;color:#9ea2a5;-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease;}
#cssmenu.align-right ul ul li a{text-align:right}
#cssmenu ul ul li:hover>a{background:#f3f3f3;color:#8c9195}
#cssmenu li.last{border: 0;}
#cssmenu ul ul li.last>a,#cssmenu ul ul li:last-child>a{border-bottom:0}
#cssmenu>ul>li>ul::after{content:'';border:6px solid #5f565600;width:0;height:0;border-bottom-color:rgb(90 82 82 / 60%);position:absolute;top:-12px;left:25%}
#cssmenu.align-right>ul>li>ul::after{left:auto;right:30px}
#cssmenu ul ul li.has-sub::after{border:4px solid transparent;border-left-color:#9ea2a5;right:5px;top:16px;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;-webkit-transition:-webkit-transform .2s ease,right .2s ease}
#cssmenu.align-right ul ul li.has-sub::after{border-left-color:transparent;border-right-color:#9ea2a5;right:auto;left:10px}
#cssmenu ul ul li.has-sub:hover::after{border-left-color:#083360;right:0;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
#cssmenu.align-right ul ul li.has-sub:hover::after{border-right-color:#fff;border-left-color:transparent;left:-5px;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}

@media all and (max-width:800px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1218px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1218px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1218px),only screen and (min-device-pixel-ratio:2) and (max-width:1218px),only screen and (min-resolution:192dpi) and (max-width:1218px),only screen and (min-resolution:2dppx) and (max-width:1218px){
    #cssmenu{width:auto}
    #cssmenu.align-center ul{text-align:left}
    #cssmenu.align-right>ul>li{float:none}
    #cssmenu ul{width:auto}
    #cssmenu #indicatorContainer,#cssmenu .submenuArrow{display:none}
    #cssmenu>ul{height:auto;display:block}
    #cssmenu>ul>li{float:none;max-width: 100%;background: #002e5e;border: 0;}
    #cssmenu>ul>li>a{color: #FFF;}
    #cssmenu li,#cssmenu>ul>li{display:none}
    #cssmenu ul ul, #cssmenu ul ul ul, #cssmenu ul ul>li:hover>ul, #cssmenu ul>li:hover>ul, #cssmenu.align-right ul ul, #cssmenu.align-right ul ul ul, #cssmenu.align-right ul ul>li:hover>ul,#cssmenu.align-right ul>li:hover>ul{position:relative;left:auto;top:auto;opacity:1;padding-left:0;padding-right:0;right:auto}
    #cssmenu ul .has-sub::after{display:none}
    #cssmenu ul li a{padding:12px 20px}
    #cssmenu ul ul li a{border:0;background:0 0;width:auto;padding:8px 35px}
    #cssmenu.align-right ul ul li a{text-align:left}
    #cssmenu ul ul li:hover>a{background:0 0;color:#8c9195}
    #cssmenu ul ul ul a{padding:8px 50px}
    #cssmenu ul ul ul ul a{padding:8px 65px}
    #cssmenu ul ul ul ul ul a{padding:8px 80px}
    #cssmenu ul ul ul ul ul ul a{padding:8px 95px}
    #cssmenu>ul>#menu-button{display:block;cursor:pointer}
    #cssmenu #menu-button>a{padding:14px 20px}
    #cssmenu ul.open li,#cssmenu>ul.open>li{display:block}
    #cssmenu>ul.open>li#menu-button>a{color:#fff;border-bottom:1px solid rgba(150,150,150,.1)}
    #cssmenu ul ul::after{display:none}
    #cssmenu #menu-button::after{display:block;content:'';position:absolute;height:7px;width:22px;border-top:2px solid #7a8189;border-bottom:2px solid #7a8189;right:20px;top:15px}
    #cssmenu #menu-button::before{display:block;content:'';position:absolute;height:3px;width:22px;border-top:2px solid #7a8189;right:20px;top:25px}
    #cssmenu ul.open #menu-button::after,#cssmenu ul.open #menu-button::before{border-color:#fff}
}