/************
BRASAO
************/
.brasao {
    position: relative;
    text-align: center;
}

.brasao img {
    position: relative;
    vertical-align: middle;
}

.brasao .ul {
    padding: 0;
}

.brasao .ul .li {
    display: inline-block;
    width: 360px;
}

.brasao .ul .li a {
    color: #006393;
    font-size: 1.3em;
    vertical-align: middle;
}

.brasao .ul .li a:hover {
    color: #09f;
}

.brasao .button {
    color: #006393;
    border: none;
    background: none;
}

.brasao .button:hover {
    color: #09f;
    cursor: pointer;
}

/************
MENU
************/
.wrapper {
    position: relative;
    float: left;
    margin-left: 2px;
    width: 99.8%
}

.menu-home {
    position: relative;
    z-index: 2;
    height: 50px;
    width: 100%;
}

.menu-home,
.menu-home .sub-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu-home .icon-home {
    font-size: 2em;
}

.menu-home li {
    background: -moz-linear-gradient(bottom, #f5f5f5 90%, #b1b1b1);
    background: -webkit-linear-gradient(bottom, #f5f5f5 90%, #b1b1b1);
    background: linear-gradient(bottom, #f5f5f5 90%, #b1b1b1);
    text-align: center;
    cursor: pointer;
    position: relative;
    transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    -webkit-transition: background-color .2s;
}

.menu-home li:hover {
    background: #006393 !important;
}

.menu-home a {
    color: #000;
    display: block;
    font-size: 12px;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}

.menu-home a:hover {
    color: #fff;
}

.menu-home>li {
    float: left;
    height: 100%;
    min-width: calc(100% / 10);
    border-bottom: 3px solid #333333;
}

.menu-home>li.home>a {
    color: transparent !important;
}

.menu-home>li>a>span {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

li:hover>.sub-menu {
    max-height: 600px;
}

.sub-menu {
    position: absolute;
    z-index: 5;
    max-height: 0;
    min-width: 100%;
    overflow: hidden;
    top: 54px;
    transition: max-height .1s .2s;
    -moz-transition: max-height .1s .2s;
    -o-transition: max-height .1s .2s;
    -webkit-transition: max-height .1s .2s;
}

.sub-menu .sub li {
    height: 50px;
    padding: 0 5px;
    text-align: left;
    background: transparent;
}

.sub-menu .sub a {
    line-height: 50px;
    white-space: nowrap;
    color: #000;
    transition: color .1s;
    -moz-transition: color .1s;
    -o-transition: color .1s;
    -webkit-transition: color .1s;
}

.sub-menu .sub li.current a,
.sub-menu a:hover {
    color: #fff !important;
}

.sub-menu .sub {
    padding: 2px 2px;
    background: -moz-linear-gradient(#e5e5e5, #f7f7f7, #c5c5c5);
    background: -webkit-linear-gradient(#e5e5e5, #f7f7f7, #c5c5c5);
    background: linear-gradient(#e5e5e5, #f7f7f7, #c5c5c5);
}

.sub-menu .arrow {
    position: relative;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 9px solid #e5e5e5;
    margin-left: 15px;
}

/************
HEADER
************/
/*.header {position: relative; float: left; min-width: 100%; padding: 0; margin: 0;}*/

/************
FOOTER
************/
/*.footer { z-index: 2; background: #1E2629; color: #778888; font-size: 14px; width: 100%; position: absolute; bottom: 0px; left: 0; padding-bottom: 1px;}*/
.footer {
    z-index: 2;
    background: #1E2629;
    color: #778888;
    font-size: 14px;
    width: 100%;
    height: 150px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.footer .contents {
    position: relative;
}

.footer .contents .link {
    position: absolute;
    float: left;
}

.footer .contents .link .button {
    color: #778888;
    border: none;
    background: none;
}

.footer .contents .link .button:hover {
    color: #fff;
    cursor: pointer;
}

.footer .contents .link .ul .li {
    float: left;
    display: inline-block;
    margin-left: 23px;
}

.footer .contents .link .ul .li a {
    color: #778888;
    text-decoration: none;
}

.footer .contents .link .ul .li a:hover {
    color: #fff;
}

.footer .contents .link .ul .li span:hover {
    color: #fff;
    cursor: pointer;
}

.footer .contents .social {
    position: absolute;
    right: 100px;
}

.footer .contents .social .seguir {
    margin-top: 5px;
}

.footer .contents .social a {
    text-decoration: none;
    color: #778888;
    padding: 3px;
}

.footer .contents .social a:hover {
    color: #fff;
}

.footer .contents .social .icone {
    font-size: 28px;
    vertical-align: middle;
}

.footer .contents .location {
    position: absolute;
    float: left;
    top: 38px;
    margin: 0 0 10px 40px;
}

.footer .contents .location a {
    text-decoration: none;
    color: #778888;
}

.footer .contents .location a:hover {
    color: #fff;
}

.footer .contents .phone {
    position: absolute;
    float: left;
    top: 63px;
    margin: 0 0 10px 40px;
}

.footer .contents .phone:hover {
    color: #fff;
    cursor: pointer;
}

.footer .contents .copyright {
    text-align: center;
    font-size: 12px;
    padding-top: 105px;
}

.footer .contents .interno {
    position: absolute;
    right: 110px;
}

.footer .contents .interno a:first-child {
    text-decoration: none;
    color: #778888;
    font-size: 20px;
    margin-right: 10px;
}

.footer .contents .interno a:nth-child(2) {
    text-decoration: none;
    color: #778888;
    font-size: 16px;
    margin-right: 10px;
}

.footer .contents .interno a:nth-child(3) {
    text-decoration: none;
    color: #778888;
    font-size: 16px;
    margin-right: 10px;
}

.footer .contents .interno a:nth-child(4) {
    text-decoration: none;
    color: #778888;
    font-size: 16px;
    margin-right: 10px;
}

.footer .contents .interno a:last-child {
    text-decoration: none;
    color: #363636;
}

/************
BUSCAR NO SITE
************/
.buscar_no_site {
    position: relative;
    float: left;
    width: 700px;
}

.buscar_no_site .resultado .ul {
    width: 680px;
    padding: 20px 10px;
    background: #f1f1f1;
}

.buscar_no_site .resultado .ul .li {
    width: 680px;
    display: inline;
}

.buscar_no_site .resultado .ul .categoria {
    float: left;
    width: 410px;
    border-right: 1px solid #aaa;
    font-weight: bold;
    color: #182B41;
}

.buscar_no_site .resultado .ul .count {
    float: left;
    width: 210px;
    margin-right: 20px;
    text-align: right;
    font-weight: bold;
    color: #182B41;
}

.buscar_no_site .resultado .ul a {
    background: #90A543;
    padding: 5px 5px;
    color: #fff;
}

.buscar_no_site .resultado .ul a:hover {
    background: #fff;
    color: #09F;
}


/************
MENU MOBILE
************/
.menu-toggle {
    display: none;
    cursor: pointer;
    background: linear-gradient(to bottom, #f5f5f5 90%, #b1b1b1);
    border: none;
    border-bottom: 3px solid #333;
    color: #000;
    font-size: 20px;
    padding: 15px;
    width: 100%;
    text-align: left;
}

.menu-toggle:hover {
    background: #006393;
    color: #fff;
}

@media (max-width: 1224px) {
    html, body {
        max-width: none !important;   
        overflow-x: auto !important;  
        width: auto !important;
    }

    .wrapper {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    /* === BOTÃO HAMBURGER === */
    .menu-toggle {
        display: block;
    }

    /* === MENU PRINCIPAL === */
    .menu-home {
        height: 65px !important;
        max-height: none !important;
        overflow: visible !important;
        display: none !important;
    }

    .menu-home a{
        font-size: 20px !important;
        line-height: 65px !important;
    }

    .menu-home.active {
        display: block !important;
    }

    /* === ITENS DO MENU === */
    .menu-home > li {
        float: none !important;
        width: 100% !important;
        min-width: 100% !important;
        height: 50px !important;
    }

    /* === SUBMENU === */
    .sub-menu {
        position: relative !important;
        top: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        min-width: 100% !important;
        z-index: 1 !important;
    }

    .sub-menu.active {
        max-height: 2000px !important;
        z-index: 100 !important;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }

    .sub-menu .arrow {
        display: none;
    }


    /* === FOOTER === */
    .footer {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        z-index: 1 !important;
        height: auto !important;
        margin-top: 20px !important;
        padding-bottom: 20px !important;
    }
}