@media (min-width: 1200px) {

        .container {

            max-width: 1200px !important;

        }

    }

    

    @media print {

        .noprint {

            display: none!important;

        }

        body {

            background: #fff;

        }

    }


/*novo*/
.footerbottom{
    margin-bottom: 64px!important;
}

.whatsbottom{
    margin-bottom: 45px!important;
}

.footerfixobottom{
    margin-bottom: 66px!important;
}


/*CAIXA MSG PRIVACIDADE*/
.box_aceitar{
    display: flex;
    align-items: baseline;
}

.sistemaup .msgaceitar a {
    text-decoration: underline;
}

.fornecedor .msgaceitar a {
    text-decoration: underline;
}

.formulario_trabalhe .msgaceitar a{
    text-decoration: underline;
}

.nav-cookie-disclaimer {
    background: #333;
    /* border-top-right-radius: 6px;

    border-top-left-radius: 6px; */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    padding: 16px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid rgba(0, 0, 0, .12);
    z-index: 9999;
    font-family: "FuturaBook"!important;
}

.nav-cookie-disclaimer__text {
    color: #fff;
    font-size: 16px;
    margin: 0 0 24px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    line-height: 1.45;
    font-family: "TrendaLight";
}

.nav-cookie-disclaimer__text a {
    text-decoration: underline;
    color: #fff;
    white-space: nowrap;
}

.nav-cookie-disclaimer__button,
.nav-cookie-disclaimer__button:active {
    font-size: 14px;
    font-weight: 600;
    /* font-family: inherit; */
    font-family: "TrendaLight";
    line-height: 1.14;
    overflow: visible;
    text-transform: none;
    background-color: #3483fa;
    color: #fff;
    margin: 0;
    padding: 7px 12px;
    width: 100%;
    border: 1px solid #3483fa;
    border-radius: 6px;
    cursor: pointer;
    -webkit-appearance: button;
}

.nav-cookie-disclaimer__button, .nav-cookie-disclaimer__button:active, .nav-cookie-disclaimer__button:focus {
    width: initial;
    font-family: "TrendaLight";
    
}

.nav-cookie-disclaimer__text a:hover {
    color: #bfbfbf;
}

.alertgravacookie {
    display: none!important;
}

.msgaceitar {
    font-size: 17px!important;
}

.trabtxt{
    padding-bottom: 0;
    margin-bottom: 0;
    height: 110px;
}

/**/

    /*PAG QUALIDADE*/

    

    .relanuais a {

        color: #333;

        font-size: 17px;

        font-family: "TrendaLight"!important;

        text-align: left;

    }

    

    .tablerel {

        margin-bottom: 0.50rem;

    }

    

    .tablerel td {

        padding: 0;

    }

    

    .box-qualidade {

        display: flex;

        flex-direction: column;

        text-align: left;

    }

    

    .box-qualidade .item {

        border-top: 2px solid #294083;

        padding: 2% 0;

    }

    

    .box-qualidade .box {

        display: flex;

        flex-direction: row;

        align-items: center;

    }

    

    .box-qualidade .subtitulo {

        color: #263F83;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    .box-qualidade .text {

        color: #666;

        font-family: "TrendaBold";

        font-size: 16px;

        margin-right: 10%;

    }

    

    .box-qualidade .objeto {

        font-family: "TrendaLight";

        font-size: 18px;

        color: #666666;

        margin-top: 2%;

    }

    

    .box-qualidade .objeto {

        display: flex;

        justify-content: space-between;

    }

    

    .box-qualidade .box-objeto {

        width: 85%;

    }

    

    .tabela-qtd-analises .table thead th {

        line-height: 16px;

        font-size: 16px;

        vertical-align: top;

        color: #999;

    }

    

    .tabela-qtd-analises .table tbody td {

        line-height: 16px;

        font-size: 16px;

        vertical-align: top;

    }

    

    .box-qualidade .btn-contrato {

        background-color: #294083;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 16px;

        text-transform: none;

        padding: 5px 10px;

    }

    

    .section-qualidade ul {

        padding-left: 0!important;

    }

    

    .section-qualidade .box-titulo-cont {

        display: flex;

        flex-direction: column;

        width: 100%;

    }

    

    .section-qualidade .box_select_cont {

        display: flex;

        flex-direction: column;

    }

    

    .section-qualidade .situacao-contrato {

        width: 47% !important;

    }

    

    .section-qualidade .group-contrato {

        width: 89% !important;

    }

    

    .section-qualidade form {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        align-items: flex-end;

    }

    

    .section-qualidade .form-row {

        width: 100%;

        align-items: flex-end;

        justify-content: space-between;

    }

    

    .section-qualidade .box-lic-btn-vis .btn-lici-vis {

        background-color: #294083;

        color: #fff;

        text-transform: capitalize;

        font-size: 15px;

        padding: 6px 15px;

    }

    

    .section-qualidade .box-lic-btn-vis {

        width: 100%;

        display: flex;

        justify-content: flex-end;

    }

    

    .section-qualidade form .btn-busca {

        color: #fff;

        background-color: #CCCCCC;

        font-size: 16px;

        text-transform: capitalize;

        font-family: "TrendaBold";

        height: 40px;

        padding: 5px 15px 5px 15px;

        width: 100%;

    }

    

    .section-qualidade form #processo {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .section-qualidade form #palavra_chave {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .section-qualidade form ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .section-qualidade form :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    .section-qualidade form ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    .section-qualidade form :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .section-qualidade form label {

        color: #273F83;

        font-size: 16px;

        font-family: "TrendaBold";

        text-align: left;

        width: 100%;

    }

    

    .section-qualidade form .form-group {

        width: 28%;

        margin-right: 1%;

    }

    

    .section-qualidade form .btn-b {

        margin-right: 0;

        width: 10%;

    }

    

    .section-qualidade .txt_titulo {

        width: 80%;

    }

    

    .section-qualidade .txt_login {

        width: 20%;

    }

    

    .section-qualidade .txt_titulo {

        color: #333;

        font-size: 17px;

        font-family: "TrendaLight";

        text-align: left;

        display: flex;

        width: 100%;

        align-items: center;

    }

    

    .section-qualidade .titulo_select {

        /* color: #666; */

        color: #1FB8EA;

        font-size: 22px;

        font-family: "TrendaBold";

        text-align: left;

    }

    

    .csection-qualidadeontrato .titulo_login {

        color: #666;

        font-size: 17px;

        font-family: "TrendaBold";

    }

    

    .section-qualidade .titulo_login_logado {

        color: #1F97BF;

        font-size: 17px;

        font-family: "TrendaBold";

    }

    

    .section-qualidade .btn_login {

        background-color: #1F97C0;

        color: #fff;

        font-size: 17px;

        font-family: "TrendaBold";

    }

    

    .section-qualidade .box-button {

        display: flex;

        width: 100%;

    }

    

    .section-qualidade .btn_login_dados {

        background-color: #ccc;

        color: #fff;

        font-size: 15px;

        font-family: "TrendaBold";

        text-transform: none;

        padding: 3px 10px;

        width: 100%;

        font-weight: 300;

    }

    

    .section-qualidade .btn_login_dados a {

        background-color: #ccc;

        color: #fff;

        font-size: 15px;

        font-family: "TrendaBold";

        text-transform: none;

        padding: 5px 10px;

        width: 100%;

    }

    

    .section-qualidade ul li {

        width: 100%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .section-qualidade .titulo_pdf {

        color: #666;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .section-qualidade a {

        font-size: 15px;

        font-family: "TrendaBold";

    }

    

    .btn_legislacao .btn-leg {

        background-color: #007447;

        color: #FFDF00;

        padding: 10px 20px;

    }

    

    .section-qualidade .box {

        width: 100%;

    }

    

    .section-qualidade .titulo {

        font-size: 20px;

        font-family: "TrendaBold";

        color: #1FB8EA;

        text-align: left;

    }

    

    .section-qualidade form .btn-busca {

        color: #fff;

        background-color: #53A6D9;

        font-size: 16px;

        text-transform: capitalize;

        font-family: "TrendaBold";

        height: 40px;

        padding: 5px 15px 5px 15px;

        width: 100%;

    }

    

    .section-qualidade .texto {

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .section-qualidade .link {

        text-align: left;

    }

    

    .section-qualidade .link a {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #666;

    }

    

    .section-qualidade .subtitulo_cont {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #273F83;

        text-align: left;

    }

    

    .section-qualidade .sub-objeto {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #273F83;

    }

    

    .section-qualidade .text_cont {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #666666;

        text-align: left;

    }

    

    .section-qualidade .text_cont_objeto {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #666666;

        text-align: left;

    }

    

    .section-qualidade .box_inf_cont {

        display: flex;

        flex-direction: row;

    }

    

    .section-qualidade .box_inf_cont .item_cont {

        display: flex;

        align-items: baseline;

        width: 100%;

    }

    

    .section-qualidade .item-contrato {

        border-top: 1px solid #999;

    }

    

    .section-qualidade .box-inf-cima {

        display: flex;

        flex-direction: column;

    }

    

    #formbuscaqualidade .form-group .select-contrato:not([multiple]) {

        -webkit-appearance: none;

        -moz-appearance: none;

        background-position: right 50% !important;

        background-repeat: no-repeat !important;

        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=) !important;

        padding: .5em;

        padding-right: 0.5em;

        padding-right: 1.5em;

    }

    

    .section-qualidade .item-cab {

        display: flex;

        margin-bottom: 2%;

    }

    

    .section-qualidade .item-cab .titulo {

        font-size: 22px;

        color: #263F83;

        font-family: "TrendaBold";

    }

    

    .section-qualidade .item-cab .text-cab {

        font-size: 22px;

        color: #1FB8EA;

        font-family: "TrendaBold";

    }

    

    .section-qualidade .box-cab {

        display: flex;

        flex-wrap: wrap;

        margin-top: 2%;

    }

    

    .section-qualidade .item-det {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 17px;

        width: 33%;

        text-align: left;

        margin-top: 1%;

    }

    

    .contrato .box-cont-fornc {

        display: flex;

        flex-wrap: wrap;

    }

    

    .section-qualidade .item-forn {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 17px;

        width: 100%;

        text-align: left;

        margin-top: 1%;

    }

    

    .section-qualidade .btn-contrato-det {

        background-color: #1FB8EA;

        ;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 16px;

        text-transform: none;

        padding: 5px 20px;

        width: 175px;

    }

    /*PAG PLUVIOMETRIA*/

    

    .box-pluviometria {

        display: flex;

        flex-direction: column;

        text-align: left;

    }

    

    .box-pluviometria .item {

        border-top: 2px solid #294083;

        padding: 2% 0;

    }

    

    .box-pluviometria .box {

        display: flex;

        flex-direction: row;

        align-items: center;

    }

    

    .box-pluviometria .subtitulo {

        color: #263F83;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    .box-pluviometria .text {

        color: #666;

        font-family: "TrendaBold";

        font-size: 16px;

        margin-right: 10%;

    }

    

    .box-pluviometria .objeto {

        font-family: "TrendaLight";

        font-size: 18px;

        color: #666666;

        margin-top: 2%;

    }

    

    .box-pluviometria .objeto {

        display: flex;

        justify-content: space-between;

    }

    

    .box-pluviometria .box-objeto {

        width: 85%;

    }

    

    .box-pluviometria .btn-pluviometria {

        background-color: #294083;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 16px;

        text-transform: none;

        padding: 5px 10px;

    }

    

    .pluviometria ul {

        padding-left: 0!important;

    }

    

    .pluviometria .box-titulo-cont {

        display: flex;

        flex-direction: column;

        width: 100%;

    }

    

    .pluviometria .box_select_cont {

        display: flex;

        flex-direction: column;

    }

    

    .pluviometria .situacao-pluviometria {

        width: 47% !important;

    }

    

    .pluviometria .group-pluviometria {

        width: 89% !important;

    }

    

    .pluviometria form {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        align-items: flex-end;

    }

    

    .pluviometria .form-row {

        width: 100%;

        align-items: flex-end;

        justify-content: space-between;

    }

    

    .pluviometria .box-lic-btn-vis .btn-lici-vis {

        background-color: #294083;

        color: #fff;

        text-transform: capitalize;

        font-size: 15px;

        padding: 6px 15px;

    }

    

    .pluviometria .box-lic-btn-vis {

        width: 100%;

        display: flex;

        justify-content: flex-end;

    }

    

    .pluviometria form .btn-busca {

        color: #fff;

        background-color: #CCCCCC;

        font-size: 16px;

        text-transform: capitalize;

        font-family: "TrendaBold";

        height: 40px;

        padding: 5px 15px 5px 15px;

        width: 100%;

    }

    

    .pluviometria form #processo {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .pluviometria form #palavra_chave {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .pluviometria form ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .pluviometria form :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    .pluviometria form ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    .pluviometria form :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .pluviometria form label {

        color: #273F83;

        font-size: 16px;

        font-family: "TrendaBold";

        text-align: left;

        width: 100%;

    }

    

    .pluviometria form .form-group {

        width: 28%;

        margin-right: 1%;

    }

    

    .pluviometria form .btn-b {

        margin-right: 0;

        width: 10%;

    }

    

    .pluviometria .txt_titulo {

        width: 80%;

    }

    

    .pluviometria .txt_login {

        width: 20%;

    }

    

    .pluviometria .txt_titulo {

        color: #333;

        font-size: 17px;

        font-family: "TrendaLight";

        text-align: left;

        display: flex;

        width: 100%;

        align-items: center;

    }

    

    .pluviometria .titulo_select {

        /* color: #666; */

        color: #1FB8EA;

        font-size: 22px;

        font-family: "TrendaBold";

        text-align: left;

    }

    

    .pluviometria .titulo_login {

        color: #666;

        font-size: 17px;

        font-family: "TrendaBold";

    }

    

    .pluviometria .titulo_login_logado {

        color: #1F97BF;

        font-size: 17px;

        font-family: "TrendaBold";

    }

    

    .pluviometria .btn_login {

        background-color: #1F97C0;

        color: #fff;

        font-size: 17px;

        font-family: "TrendaBold";

    }

    

    .pluviometria .box-button {

        display: flex;

        width: 100%;

    }

    

    .pluviometria .btn_login_dados {

        background-color: #ccc;

        color: #fff;

        font-size: 15px;

        font-family: "TrendaBold";

        text-transform: none;

        padding: 3px 10px;

        width: 100%;

        font-weight: 300;

    }

    

    .pluviometria .btn_login_dados a {

        background-color: #ccc;

        color: #fff;

        font-size: 15px;

        font-family: "TrendaBold";

        text-transform: none;

        padding: 5px 10px;

        width: 100%;

    }

    

    .pluviometria ul li {

        width: 100%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .pluviometria .titulo_pdf {

        color: #666;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .pluviometria a {

        font-size: 15px;

        font-family: "TrendaBold";

    }

    

    .btn_legislacao .btn-leg {

        background-color: #007447;

        color: #FFDF00;

        padding: 10px 20px;

    }

    

    .pluviometria .box {

        width: 100%;

    }

    

    .pluviometria .titulo {

        font-size: 20px;

        font-family: "TrendaBold";

        color: #52B7D7;

        text-align: left;

    }

    

    .pluviometria form .btn-busca {

        color: #fff;

        background-color: #53A6D9;

        font-size: 16px;

        text-transform: capitalize;

        font-family: "TrendaBold";

        height: 40px;

        padding: 5px 15px 5px 15px;

        width: 100%;

    }

    

    .pluviometria .texto {

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .pluviometria .link {

        text-align: left;

    }

    

    .pluviometria .link a {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #666;

    }

    

    .pluviometria .subtitulo_cont {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #273F83;

        text-align: left;

    }

    

    .pluviometria .sub-objeto {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #273F83;

    }

    

    .pluviometria .text_cont {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #666666;

        text-align: left;

    }

    

    .pluviometria .text_cont_objeto {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #666666;

        text-align: left;

    }

    

    .pluviometria .box_inf_cont {

        display: flex;

        flex-direction: row;

    }

    

    .pluviometria .box_inf_cont .item_cont {

        display: flex;

        align-items: baseline;

        width: 100%;

    }

    

    .pluviometria .item-pluviometria {

        border-top: 1px solid #999;

    }

    

    .pluviometria .box-inf-cima {

        display: flex;

        flex-direction: column;

    }

    

    #formbuscapluviometria .form-group .select-pluviometria:not([multiple]) {

        -webkit-appearance: none;

        -moz-appearance: none;

        background-position: right 50% !important;

        background-repeat: no-repeat !important;

        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=) !important;

        padding: .5em;

        padding-right: 0.5em;

        padding-right: 1.5em;

    }

    

    .pluviometria .item-cab {

        display: flex;

        margin-bottom: 2%;

    }

    

    .pluviometria .item-cab .titulo {

        font-size: 22px;

        color: #263F83;

        font-family: "TrendaBold";

    }

    

    .pluviometria .item-cab .text-cab {

        font-size: 22px;

        color: #1FB8EA;

        font-family: "TrendaBold";

    }

    

    .pluviometria .box-cab {

        display: flex;

        flex-wrap: wrap;

        margin-top: 2%;

    }

    

    .pluviometria .item-det {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 17px;

        width: 33%;

        text-align: left;

        margin-top: 1%;

    }

    

    .pluviometria .box-cont-fornc {

        display: flex;

        flex-wrap: wrap;

    }

    

    .pluviometria .item-forn {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 17px;

        width: 100%;

        text-align: left;

        margin-top: 1%;

    }

    

    .pluviometria .btn-pluviometria-det {

        background-color: #1FB8EA;

        ;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 16px;

        text-transform: none;

        padding: 5px 20px;

        width: 175px;

    }

    

    .box-pluviometria .table {

        border: 1px solid #9A9A9A;

    }

    

    .box-pluviometria .table thead th {

        width: 16%;

        color: #15559C;

        background-color: #F8F8F8;

        font-size: 16px;

        line-height: 20px;

        vertical-align: top;

    }

    

    .box-pluviometria .table thead th {

        border: 1px solid #9A9A9A!important;

    }

    

    .box-pluviometria .table-striped tbody tr {

        background-color: #F8F8F8;

    }

    

    .box-pluviometria .table tbody {

        color: #333!important;

    }

    

    .box-pluviometria .table tbody td {

        border: 1px solid #9A9A9A!important;

    }

    

    .box-pluviometria .table thead {

        height: 60px;

    }

    

    .box-pluviometria .table-striped tbody tr:nth-of-type(2n+1) {

        background-color: rgba(119, 110, 110, 0.19);

    }

    

    .pluviometria .msgtotal {

        font-size: 17px;

    }

    

    .pluviometria .msgalert {

        font-size: 19px;

    }

    /*PAG VEICULOS*/

    

    .veiculo {

        margin-top: 3%;

        margin-bottom: 2%;

    }

    

    .veiculo .container {

        display: flex;

        flex-wrap: wrap;

    }

    

    .veiculo .item {

        width: 32%;

        background-color: #EBEBEB;

        padding: 2% 1%;

        text-align: left;

        margin-bottom: 2%;

        margin-right: 2%;

    }

    

    .veiculo .item:nth-child(3n) {

        margin-right: 0;

    }

    

    .veiculo div {

        font-family: "TrendaLight";

        font-size: 18px;

        color: #666;

    }

    

    .veiculo span {

        font-family: "TrendaBold";

        font-size: 18px;

        color: #666;

    }

    

    .veiculo .modelo {

        color: #263F83;

    }

    /*GALERIA DE VIDEOS*/

    

    .gal-videos-titulo {

        background-color: #15559C;

    }

    

    .header_adm {

        background-color: #15559C;

        height: 7em;

    }

    

    .gal-videos-titulo .tit {

        font-family: "TrendaLight";

        font-size: 27px;

        text-transform: none;

        margin-bottom: 2%;

        width: 100%;

        color: #FFFFFF;

    }

    

    .gal-videos-titulo .box-titulo {

        width: 100%;

        margin-left: auto;

        margin-right: auto;

        margin-top: 2.3em;

        padding-bottom: 30px;

    }

    /*MSG MANUTENCAO DA REDE*/

    

    .msgtitulovisita .titulo {

        margin: 4% 0;

        font-family: "TrendaBold";

        text-align: justify;

        font-size: 20px;

    }

    

    .formulario_cadastro .file .file_label {

        background-color: #15559C;

        border-radius: 5px;

        color: #fff;

        cursor: pointer;

        /* margin: 10px; */

        padding: 6px 20px;

        width: 28%;

        font-size: 17px;

    }

    

    .formulario_cadastro #inputArquivo {

        display: none;

    }

    /* .modalDialog {



    position: fixed;



    font-family: Arial, Helvetica, sans-serif;



    top: 0;



    right: 0;



    bottom: 0;



    left: 0;



    background: rgba(0, 0, 0, 0.8);



    z-index: 99999;



    opacity: 0;



    -webkit-transition: opacity 400ms ease-in;



    -moz-transition: opacity 400ms ease-in;



    transition: opacity 400ms ease-in;



    pointer-events: none;



}







.modalDialog:target {



    opacity: 1;



    pointer-events: auto;



}







.modalDialog>div {



    width: 400px;



    position: relative;



    margin: 10% auto;



    padding: 5px 20px 13px 20px;



    border-radius: 10px;



    background: #fff;



    background: -moz-linear-gradient(#fff, #999);



    background: -webkit-linear-gradient(#fff, #999);



    background: -o-linear-gradient(#fff, #999);



}







.close {



    background: #606061;



    color: #FFFFFF;



    line-height: 25px;



    position: absolute;



    right: -12px;



    text-align: center;



    top: -10px;



    width: 24px;



    text-decoration: none;



    font-weight: bold;



    -webkit-border-radius: 12px;



    -moz-border-radius: 12px;



    border-radius: 12px;



    -moz-box-shadow: 1px 1px 3px #000;



    -webkit-box-shadow: 1px 1px 3px #000;



    box-shadow: 1px 1px 3px #000;



}







.close:hover {



    background: #00d9ff;



} */

    /*.modalmsg {



    position: fixed;



    top: 0;



    right: 0;



    bottom: 0;



    left: 0;



    font-family: Arial, Helvetica, sans-serif;



    background: rgba(0, 0, 0, 0.8);



    z-index: 99999;



    opacity: 0;



    -webkit-transition: opacity 400ms ease-in;



    -moz-transition: opacity 400ms ease-in;



    transition: opacity 400ms ease-in;



    pointer-events: none;



}*/

    

    .modalmsg {

        position: fixed;

        top: 0;

        right: 0;

        bottom: 0;

        left: 0;

        font-family: "TrendaLight";

        font-size: 17px;

        color: #666666;

        background: rgba(0, 0, 0, 0.8);

        z-index: 99999;

        opacity: 0;

        -webkit-transition: opacity 400ms ease-in;

        -moz-transition: opacity 400ms ease-in;

        transition: opacity 400ms ease-in;

        pointer-events: none;

    }

    

    .modalmsg:target {

        opacity: 1;

        pointer-events: auto;

    }

    

    .modalmsg>div {

        width: 650px;

        position: relative;

        margin: 5% auto;

        padding: 12px 30px;

        background: #fff;

    }

    

    .fecharmodal {

        display: none;

    }

    /* .fecharmodal {



    position: absolute;



    width: 30px;



    right: -15px;



    top: -20px;



    text-align: center;



    line-height: 30px;



    margin-top: 5px;



    background: #666;



    border-radius: 50%;



    font-size: 16px;



    color: #fff;



} */

    /* .fechar {



    position: absolute;



    width: 30px;



    right: -15px;



    top: -20px;



    text-align: center;



    line-height: 30px;



    margin-top: 5px;



    background: #ff4545;



    border-radius: 50%;



    font-size: 16px;



    color: #8d0000;



} */

    

    .fechar {

        width: 100px;

        text-align: center;

        line-height: 30px;

        margin-bottom: 3%;

        background: #fff;

        border: 1px solid #999999;

        font-size: 16px;

        color: #999999;

        padding: 4px 15px;

        cursor: pointer;

    }

    

    .modalmsg .titulo {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #008CCC;

        margin-top: 4%;

        margin-bottom: 4%;

    }

    

    .modalmsg .subtitulo {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #008CCC;

        margin-bottom: 10px;

    }

    

    #formcontatovisita .form-group .select-visita:not([multiple]) {

        -webkit-appearance: none;

        -moz-appearance: none;

        background-position: right 50%!important;

        background-repeat: no-repeat!important;

        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=)!important;

        padding: .5em;

        padding-right: 1.5em;

    }

    /*PAG VISITA AGENDADA*/

    

    .visita {

        margin-top: 3%;

        margin-bottom: 3%;

        text-align: left;

    }

    

    .pgvisita {

        margin-bottom: 8%;

    }

    

    #formcontatovisita .hiddeninputvisita {

        display: none;

    }

    

    .mapas-visit {

        background-color: #F0F0F0!important;

        padding-top: 3%;

    }

    

    #formcontatovisita .btnvisita {

        color: #FFFFFF;

        font-family: "TrendaBold";

        font-size: 17px;

        font-weight: 300;

        background-color: #014063;

        border: 1px solid #014063!important;

        text-transform: unset;

        padding: 12px 30px!important;

    }

    

    #formcontatovisita .btnvisita:hover {

        background-color: #52B7D7!important;

        border: 1px solid #52B7D7!important;

        color: #fff!important;

    }

    

    #formcontatovisita .form-group .form-control {

        background: none;

        border: 0;

        border-bottom-color: currentcolor;

        border-bottom-style: none;

        border-bottom-width: 0px;

        border-bottom: 1px solid #c2cad8;

        border-radius: 0;

        color: #999;

        box-shadow: none;

        padding-left: 0;

        padding-right: 0;

        font-family: "TrendaLight";

        font-size: 17px;

        font-weight: 300;

        /*margin-top: 3%;*/

    }

    

    #formcontatovisita .form-group ::-webkit-input-placeholder {

        font-weight: 300;

        color: #999;

        font-family: "TrendaLight";

    }

    

    #formcontatovisita .form-group :-moz-placeholder {

        font-weight: 300;

        color: #999;

        font-family: "TrendaLight";

    }

    

    #formcontatovisita .form-group ::-moz-placeholder {

        font-weight: 300;

        color: #999;

        font-family: "TrendaLight";

    }

    

    #formcontatovisita .form-group :-ms-input-placeholder {

        font-weight: 300;

        color: #999;

        font-family: "TrendaLight";

    }

    /*PAG GALERIA VIDEO*/

    

    .galeria-video {

        margin: 3%;

    }

    

    .galeria-video {

        background-color: #FFF;

    }

    

    .galeria-video .titulo {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #85C54A;

        text-align: left;

    }

    

    .galeria-video .txt {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #999999;

        text-align: justify !important;

    }

    

    .galeria-video .box_not {

        display: flex;

        flex-wrap: wrap;

    }

    

    .galeria-video .card .card-title {

        font-family: "TrendaBold";

        text-align: left;

        font-size: 21px;

        color: #7DC9DF;

    }

    

    .galeria-video .card .card-title a {

        color: #1FB8EA;

        font-family: "TrendaBold";

        text-align: left;

        font-size: 17px;

    }

    

    .galeria-video .card .card-body {

        display: flex;

        flex-direction: column;

        /* justify-content: space-between; */

        align-items: flex-start;

        padding: 1.25rem 0 1rem 0;

    }

    

    .galeria-video .card .card-text {

        font-family: "TrendaLight";

        text-align: justify;

        font-size: 17px;

        color: #666;

    }

    

    .galeria-video .card .card-text a {

        font-family: "TrendaLight";

        text-align: justify;

        font-size: 17px;

        color: #666;

    }

    

    .galeria-video .link_det {

        border: 0!important;

        border-radius: 0!important;

    }

    

    .galeria-video .link_det:hover {

        border: 0!important;

        border-radius: 0!important

    }

    

    .galeria-video .btn_not {

        font-family: "TrendaBold";

        text-transform: none!important;

        font-size: 13px;

        color: #10408A;

        background-color: #fff;

        border: 1px solid #10408A;

        border-radius: 15px;

    }

    

    .galeria-video .btn_not:hover {

        color: #9CB1D0!important;

        background-color: #fff!important;

        border: 1px solid #9CB1D0!important;

    }

    

    .galeria-video .card {

        display: flex;

        padding: 15px;

        width: 32%;

        margin: 1%;

        /* height: 100%; */

    }

    

    .galeria-video .card:nth-child(3n) {

        margin-right: 0;

    }

    

    .galeria-video .card:nth-child(3n+1) {

        margin-left: 0;

    }

    

    .galeria-video .card-text {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #666;

    }

    

    .galeria-video .box_btn {

        display: flex;

        align-items: center;

    }

    

    .galeria-video .box_vj {

        display: block;

    }

    

    .galeria-video .box_vj_mobile {

        display: none;

    }

    

    .galeria-video .img-res {

        height: 282px;

        object-fit: cover;

        object-position: center;

    }

    /*PAG MANUAL DE PADRONIZACAO*/

    

    .manual_padronizado {

        margin-bottom: 3%;

        margin-top: 3%;

    }

    

    .manual_padronizado .titulo {

        font-size: 22px;

        font-family: "TrendaBold";

        color: #1FB8EA;

        text-align: left;

    }

    

    .manual_padronizado .texto {

        font-size: 17px;

        font-family: "TrendaLight";

        color: #333;

        text-align: justify;

    }

    

    .manual_padronizado .box-imagem {

        display: flex;

    }

    

    .manual_padronizado .descricao {

        font-size: 16px;

        font-family: "TrendaBold";

        color: #1FB8EA;

        text-align: center;

    }

    

    .manual_padronizado .box-txt {

        font-size: 17px;

        font-family: "TrendaLight";

        color: #666666;

        text-align: justify;

        width: 60%;

    }

    

    .manual_padronizado .box-txt p {

        line-height: 50px;

    }

    

    .manual_padronizado .box-img {

        width: 40%;

        margin-right: 3%;

        margin-bottom: 3%;

        margin-top: 3%;

    }

    /*PAG DRENAGEM PLUVIAL*/

    

    .drenagem .texto {

        font-family: "TrendaLight";

        font-size: 18px;

        text-align: justify;

        margin: 5% 0;

    }

    /*PAG TAXA LIXO*/

    

    .taxa_lixo .titulo {

        font-size: 22px;

        font-family: "TrendaBold";

        color: #7DC9DF;

        text-align: left;

        margin-top: 2%;

    }

    

    .taxa_lixo .texto {

        font-family: "TrendaLight";

        font-size: 18px;

        text-align: left;

    }

    

    .taxa_lixo_video .container {

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

    }

    

    .taxa_lixo_video .box_taxa_video {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: flex-start;

        width: 49%;

        margin-bottom: 3%;

    }

    

    .taxa_lixo_video .box_taxa_video a {

        display: flex;

        flex-direction: column;

        align-items: center;

        width: 100%;

    }

    

    .taxa_lixo_video .box_taxa_video .texto {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #666666;

        text-align: justify;

    }

    

    .taxa_lixo_pdf ul {

        padding-left: 0!important;

    }

    

    .taxa_lixo_pdf ul li {

        width: 100%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .taxa_lixo_pdf .titulo_pdf {

        color: #666666;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .taxa_lixo_pdf a {

        font-size: 15px;

        font-family: "TrendaBold";

    }

    

    .taxa_lixo_pdf .box {

        width: 100%;

    }

    

    .taxa_lixo_pdf .titulo {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #666666;

        text-align: left;

    }

    

    .taxa_lixo_pdf .texto {

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .taxa_lixo_pdf .link {

        text-align: left;

    }

    

    .taxa_lixo_pdf .link a {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #014063;

    }

    /*PAG ECOPONTO*/

    

    .ecop {

        margin-top: 3%;

        margin-bottom: 3%;

    }

    

    .ecop .titulo {

        margin-top: 3.2%;

    }

    

    .ecoponto-materiais .container {

        display: flex;

    }

    

    .pag-ecoponto {

        padding-bottom: 3%;

    }

    

    .pag-ecoponto .titulo {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #A9A9A9;

        padding-bottom: 1%;

    }

    

    .pag-ecoponto .titulo p {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #A9A9A9;

    }

    

    .pag-ecoponto .texto {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #666666;

        text-align: left;

    }

    

    .coleta-seletiva-ecoponto {

        margin: 4% 0;

    }

    

    .coleta-seletiva-ecoponto .container {

        display: flex;

        align-items: center;

        justify-content: center;

    }

    

    .coleta-seletiva-ecoponto .titulo {

        font-family: "TrendaBold";

        font-size: 19px;

        color: #999999;

    }

    

    .dicas-coleta-seletiva-ecoponto {

        background-color: #F0F0F0;

    }

    

    .dicas-coleta-seletiva-ecoponto .container {

        display: flex;

    }

    

    .dicas-coleta-seletiva-ecoponto .box-text {

        display: flex;

        flex-direction: column;

        justify-content: center;

        width: 30%;

    }

    

    .dicas-coleta-seletiva-ecoponto .box-text .txt1 {

        font-family: 'TrendaBold';

        font-size: 22px;

        margin-bottom: 5%;

    }

    

    .dicas-coleta-seletiva-ecoponto .box-text .txt2 {

        font-family: "TrendaLight";

        font-size: 18px;

    }

    

    .dicas-coleta-seletiva-ecoponto .box-img {

        width: 70%;

    }

    

    .dicas-coleta-seletiva-ecoponto .titulo {

        font-family: "TrendaBold";

        font-size: 20px;

        margin: 5% 0;

    }

    

    .dicas-coleta-seletiva-ecoponto .box-img .list-img img {

        -webkit-transition: -webkit-transform .25s ease;

        -moz-transition: -moz-transform .25s ease;

        -o-transition: -o-transform .25s ease;

        -ms-transition: -ms-transform .25s ease;

        transition: transform .25s ease;

    }

    

    .dicas-coleta-seletiva-ecoponto .box-img .list-img img:hover {

        -webkit-transform: scale(1.2, 1.2);

        -moz-transform: scale(1.2, 1.2);

        -o-transform: scale(1.2, 1.2);

        -ms-transform: scale(1.2, 1.2);

        transform: scale(1.2, 1.2);

        cursor: pointer;

    }

    

    .dicas-coleta-seletiva-ecoponto .box-img .list-img {

        display: flex;

        justify-content: space-around;

        padding-bottom: 5%;

    }

    

    .materiais_recebidos .container {

        display: flex;

        justify-content: space-between;

    }

    

    .materiais_recebidos .box-recebidos {

        background-color: #F3F3F3;

        display: flex;

        flex-wrap: wrap;

        width: 49%;

        padding: 3%;

        justify-content: space-between;

    }

    

    .materiais_recebidos .box-recebidos .titulo {

        font-size: 12px;

        color: #666;

        font-family: "TrendaBold";

        width: 60%;

    }

    

    .materiais_recebidos .box-recebidos .itens {

        display: flex;

        align-items: center;

        width: 43%;

        text-align: left;

        margin-bottom: 3%;

    }

    

    .materiais_recebidos .box-recebidos .item-img {

        width: auto;

        padding-right: 2%;

    }

    

    .materiais_recebidos .informativo {

        background-color: #999;

        color: #fff;

        position: relative;

        top: -25%;

        width: 100%;

        font-size: 18px;

        padding: 1%;

        display: flex;

        font-family: "TrendaBold";

        align-items: center;

    }

    

    .materiais_recebidos .box-nao-recebidos {

        background-color: #F3F3F3;

        display: flex;

        flex-wrap: wrap;

        width: 49%;

        padding: 3%;

        justify-content: space-between;

    }

    

    .materiais_recebidos .box-nao-recebidos .titulo {

        font-size: 12px;

        color: #666;

        font-family: "TrendaBold";

        width: 60%;

    }

    

    .materiais_recebidos .box-nao-recebidos .itens {

        display: flex;

        align-items: center;

        width: 43%;

        text-align: left;

        margin-bottom: 3%;

    }

    

    .materiais_recebidos .box-nao-recebidos .item-img {

        width: auto;

        padding-right: 2%;

    }

    /**/

    

    .saiba_mais {

        border: 1px solid #1FB8EA;

        border-radius: 40px;

        font-size: 18px;

        font-family: "TrendaLight";

        width: 135px;

        padding: 5px 10px;

        color: #1FB8EA;

        cursor: pointer;

    }

    

    .avaliacao .box-msg {

        padding: 5% 2%;

        width: 100%;

        box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.1), 0 0 3px 5px rgba(0, 0, 0, 0.04);

        margin-bottom: 5%;

    }

    

    .msgsucesstxt1 {

        color: #3379B7;

        font-family: 'Roboto', sans-serif;

        font-size: 19px;

        font-weight: 700;

        margin-bottom: 0;

    }

    

    .msgsucesstxt2 {

        color: #999999;

        font-family: 'Roboto', sans-serif;

        font-size: 19px;

        font-weight: 700;

        margin-bottom: 0;

    }

    /*PAG PROGRESS*/

    

    .carta .lado-dir-listagem .titulo-grafico {

        font-family: 'Roboto', sans-serif;

        font-size: 22px;

        color: #666;

        font-weight: 700;

        text-align: start;

        margin: 5% 0;

    }

    

    .carta .lado-dir-listagem #anoprogress {

        width: 115px;

    }

    

    .carta .lado-dir-listagem #categoriaprogress {

        width: 215px;

    }

    

    .carta .lado-dir-listagem #servicoprogress {

        width: 315px;

    }

    

    #msgbuscaprog {

        font-size: 15px;

        text-align: left;

    }

    

    #msgbuscarank {

        font-size: 15px;

        text-align: left;

    }

    /*PAG RANKING*/

    

    .carta .lado-dir-listagem .box-numeros {

        background-color: #15559C;

        color: #fff;

        width: 180px;

        height: 148px;

    }

    

    .carta .lado-dir-listagem .subtitulo-select {

        font-family: 'Roboto', sans-serif;

        font-size: 17px;

        color: #666;

        font-weight: 700;

    }

    

    .carta .lado-dir-listagem .btn-buscar {

        font-family: "TrendaBold";

        font-size: 17px;

        background-color: #CCCCCC;

        height: 39px;

        width: 105px;

        padding: 0;

    }

    

    .carta .lado-dir-listagem .btn-habilitato {

        font-family: "TrendaBold";

        font-size: 17px;

        background-color: #15559C;

        color: #FFF;

        height: 39px;

        width: 105px;

        padding: 0;

    }

    

    .carta .lado-dir-listagem .titulo-ranking {

        color: #3379B7;

        text-align: left;

        font-family: 'Roboto', sans-serif;

        font-size: 24px;

        padding-bottom: 2%;

        border-bottom: 1px solid #ccc;

        font-weight: 700;

    }

    

    .carta .lado-dir-listagem .box-statisticas h4 {

        font-family: 'Roboto', sans-serif;

        font-size: 30px;

        padding-top: 5%;

        font-weight: 700;

    }

    

    .carta .lado-dir-listagem .box-statisticas .text-statisticas {

        font-family: 'Roboto', sans-serif;

        font-size: 17px;

        text-align: center;

        line-height: 20px;

        font-weight: 400;

    }

    

    .carta .lado-dir-listagem .ranking-texto {

        font-family: 'Roboto', sans-serif;

        font-weight: 400;

        font-size: 17px;

        color: #333;

        text-align: justify;

    }

    

    .carta .lado-dir-listagem #anoranking {

        width: 115px;

    }

    

    .carta .lado-dir-listagem #mesranking {

        width: 215px;

    }

    

    .carta .lado-dir-listagem #categoriaranking {

        width: 315px;

    }

    

    .carta .lado-dir-listagem .navegacao {

        font-family: 'Roboto', sans-serif;

        font-size: 17px;

        font-weight: 700;

        display: flex;

        justify-content: flex-end;

    }

    

    .carta .lado-dir-listagem .ranking_nav_esq {

        color: #87C54B;

        border-bottom: 3px solid #337AB7;

    }

    

    .carta .lado-dir-listagem .ranking_barra {

        color: #ccc;

    }

    

    .carta .lado-dir-listagem .ranking_nav_dir {

        color: #ACACAC;

        border-bottom: 3px solid #CCCCCC;

    }

    

    .carta .lado-dir-listagem .box-text-ranking .txt {

        color: #666;

        font-family: 'Roboto', sans-serif;

        font-size: 17px;

        font-weight: 700;

        text-align: left;

    }

    

    .carta .lado-dir-listagem .box-text-ranking {

        color: #666;

        font-family: 'Roboto', sans-serif;

        font-size: 17px;

        font-weight: 400;

        text-align: left;

    }

    

    .carta .lado-dir-listagem .box-text-ranking .txt-melhor {

        color: #1D7DBD;

    }

    

    .carta .lado-dir-listagem .box-text-ranking .txt-pior {

        color: #990000;

    }

    

    .carta .lado-dir-listagem .txt-titulo {

        color: #666;

        font-family: 'Roboto', sans-serif;

        font-size: 17px;

        font-weight: 700;

        text-align: left;

    }

    

    .carta .lado-dir-listagem .txt-cat {

        color: #3379B7;

    }

    

    .carta .lado-dir-listagem .list-ranking {

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

    }

    

    .carta .lado-dir-listagem .list-ranking .ranking_servicos {

        color: #333333;

        border-bottom: 1px solid #999;

        text-align: start;

        width: 100%;

        display: flex;

        justify-content: space-between;

        align-items: center;

        font-size: 17px;

        font-family: 'Roboto', sans-serif;

        font-weight: 300;

    }

    

    .carta .lado-dir-listagem .ranking_servicos .porcentagem {

        color: #0095E6;

    }

    

    .carta .lado-dir-listagem .list-ranking progress {

        width: 100px;

        height: 35px;

    }

    

    .carta .lado-dir-listagem .list-ranking .progress {

        display: flex;

        align-items: center;

        width: 150px;

    }

    /* .carta .lado-dir-listagem .list-ranking .ranking_servicos .progress {



    width: 100px;



    height: 35px;



    display: flex;



    align-items: center;



} */

    

    .Progress-label {

        font-size: 1em;

        font-family: Helvetica, sans-serif;

        display: block;

    }

    

    .Progress-main {

        /* background-color: red; */

        display: block;

        width: 100%;

        height: 0.3em;

        /* margin-top: 0.75em; */

        border-top: 0;

    }

    

    .Progress-main::-moz-progress-bar {

        /* background: #17BAB3; */

        background: #1D7DBD;

    }

    

    .Progress-main::-webkit-progress-bar {

        background: #F2F2F2;

        /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset; */

    }

    

    .Progress-main::-webkit-progress-value {

        /* background: #17BAB3; */

        background: #1D7DBD;

    }

    

    .Progress-main::-ms-fill {

        /* background: #17BAB3; */

        background: #1D7DBD;

        /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset; */

    }

    

    .Progress-bar {

        /* margin-top: 0.95em; */

        background-color: #F2F2F2;

        height: 0.3em;

    }

    

    .Progress-value {

        background: #1D7DBD;

        display: block;

        height: 0.3em;

    }

    

    .Progress-main-baixo::-webkit-progress-value-baixo {

        background: #990033;

    }

    

    .Progress-value-baixo {

        background: #990033;

        display: block;

        height: 0.3em;

    }

    

    .carta .lado-dir-listagem .ranking_servicos .porcentagem-baixo {

        color: #990033;

    }

    

    .Progress-main-baixo {

        /* background-color: red; */

        display: block;

        width: 100%;

        height: 0.3em;

        /* margin-top: 0.75em; */

        border-top: 0;

    }

    

    .Progress-main-baixo::-moz-progress-bar {

        /* background: #17BAB3; */

        background: #990033;

    }

    

    .Progress-main-baixo::-webkit-progress-bar {

        background: #F2F2F2;

        /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset; */

    }

    

    .Progress-main-baixo::-ms-fill {

        /* background: #17BAB3; */

        background: #990033;

        /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) inset; */

    }

    

    .carta .lado-dir-listagem .list-ranking .ranking_servicos:nth-child(1) {

        padding-top: 1%;

        border-top: 1px solid #999;

    }

    /*BUSCA MENU LATERAL CARTA DE SERVICO*/

    

    #search input {

        outline: none;

    }

    

    #search input[type=search] {

        -webkit-appearance: textfield;

        -webkit-box-sizing: content-box;

        font-family: inherit;

        font-size: 100%;

    }

    

    #search input::-webkit-search-decoration,

    #search input::-webkit-search-cancel-button {

        display: none;

    }

    

    #search input[type=search] {

        background: url(../images/lupa.jpg) no-repeat 4px center;

        /* background: #ededed url(../images/lupa.jpg) no-repeat 9px center; */

        /* background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center; */

        border: solid 1px #fff;

        padding: 9px 10px 9px 32px;

        width: 55px;

        color: transparent!important;

        /* 



    border: solid 1px #ccc;



    padding: 9px 10px 9px 32px;



    width: 55px;



    -webkit-border-radius: 10em;



    -moz-border-radius: 10em;



    border-radius: 10em; */

        -webkit-transition: all .5s;

        -moz-transition: all .5s;

        transition: all .5s;

    }

    

    #search input[type=search]:focus {

        width: 130px;

        background-color: #fff;

        border-color: #1D7DBD;

        /* border-color: #66CC75; */

        -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);

        -moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);

        box-shadow: 0 0 5px rgba(109, 207, 246, .5);

    }

    

    #search input:-moz-placeholder {

        color: #999;

    }

    

    #search input::-webkit-input-placeholder {

        color: #999;

    }

    

    #search input[type=search] {

        width: 15px;

        padding-left: 15px;

        /* padding-left: 10px; */

        cursor: pointer;

        color: transparent!important;

    }

    

    #search input[type=search]:hover {

        background-color: #fff;

    }

    

    #search input[type=search]:focus {

        width: 130px;

        padding-left: 35px;

        /* padding-left: 32px; */

        color: #999!important;

        background-color: #fff;

        cursor: auto;

    }

    

    #search input:-moz-placeholder {

        color: transparent;

    }

    

    #search input::-webkit-input-placeholder {

        color: transparent;

    }

    /*IDENTIFICACAO ETAPAS*/

    

    .identificacao_etapas .container {

        display: flex;

        justify-content: flex-start;

    }

    

    .identificacao_etapas .titulo {

        color: #3379B7;

        font-family: "TrendaBold";

        font-size: 19px;

    }

    

    .identificacao_etapas .subtitulo {

        color: #999999;

        font-family: "TrendaBold";

        font-size: 19px;

    }

    

    .identificacao_etapas .box-ident {

        width: 35%;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: flex-start;

    }

    

    .identificacao_etapas .box-img {

        width: 30%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    

    .identificacao_etapas .box-ident-nao {

        width: 40%;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: flex-start;

    }

    

    .identificacao_etapas .box-img-nao {

        width: 20%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    

    .identificacao_etapas .box-ident-duvidas {

        width: 40%;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: flex-start;

    }

    

    .identificacao_etapas .box-img-duvidas {

        width: 20%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    /*PAG AVALIACAO*/

    

    .avaliacao .container {

        display: flex;

        justify-content: center;

        align-items: center;

    }

    

    .avaliacao .form-avaliazao .btn-enviar-avaliacao {

        color: #fff;

        background-color: #ccc;

        border: 0;

        padding: 8px 22px;

        font-family: "TrendaBold";

        font-size: 17px;

        text-transform: none;

    }

    

    .avaliacao .form-avaliazao .btn-enviar-avaliacao:focus {

        border: 0;

    }

    

    .avaliacao .form-avaliazao .btn-enviar-avaliacao:active {

        background-color: #666!important;

        border: 0;

    }

    

    .avaliacao .form-avaliazao .btn-enviar-avaliacao:hover {

        background-color: #666!important;

    }

    

    .avaliacao .form-avaliazao ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .avaliacao .form-avaliazao :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

        font-size: 17px;

    }

    

    .avaliacao .form-avaliazao ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

        font-size: 17px;

    }

    

    .avaliacao .form-avaliazao :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

        font-size: 17px;

    }

    

    .avaliacao .box-form {

        padding: 5% 5%;

        width: 650px;

        /* box-shadow: 0 0 5px 5px #888; */

        box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.1), 0 0 3px 5px rgba(0, 0, 0, 0.04);

        /* box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); */

    }

    

    .avaliacao .form-avaliazao .titulo {

        color: #666;

        font-family: "TrendaLight";

        font-size: 17px;

        font-weight: bold;

        text-align: left;

    }

    

    .avaliacao .form-avaliazao label {

        color: #666;

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .avaliacao .form-avaliazao .textarea {

        color: #666;

        font-family: "TrendaLight";

        font-size: 17px;

        font-weight: bold;

        text-align: left;

    }

    

    .avaliacao .form-avaliazao .form-check-label {

        color: #666;

        font-family: "TrendaLight";

        font-size: 17px;

    }

    /*PAG AVALIACAO DADOS*/

    

    .avaliacao .box-form-dados {

        padding: 4% 3%;

        width: 500px;

        box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.1), 0 0 3px 5px rgba(0, 0, 0, 0.04);

    }

    

    .avaliacao .box-form-dados .inputLabel {

        color: #666;

        font-family: "TrendaLight";

        font-size: 17px;

        font-weight: bold;

    }

    

    .form-avaliazao p {

        font-family: "TrendaLight";

        font-size: 14px;

        color: red;

        text-align: left;

    }

    /*PAG AVALIACAO VERIFICACAO*/

    

    .avaliacao .box-form-verificacao {

        padding: 4% 3%;

        width: 550px;

        box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.1), 0 0 3px 5px rgba(0, 0, 0, 0.04);

    }

    /*PAG AVALIACAO ETAPA 2*/

    

    .avaliacao .box-form-etapa2 {

        padding: 4% 3%;

        width: 850px;

        box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.1), 0 0 3px 5px rgba(0, 0, 0, 0.04);

    }

    /*PAG AVALIACAO ETAPA 3*/

    

    .avaliacao .box-form-etapa3 {

        padding: 4% 3%;

        width: 500px;

        box-shadow: 0 10px 50px 5px rgba(0, 0, 0, 0.1), 0 0 3px 5px rgba(0, 0, 0, 0.04);

    }

    /*PAG CARTA SERVICO LISTAGEM DETALHES*/

    

    .carta .lado-dir-listagem-detalhe {

        width: 70%;

    }

    

    .carta .lado-dir-listagem-detalhe .titulo {

        color: #666;

        font-family: "TrendaBold";

        font-size: 22px;

        text-align: left;

    }

    

    .carta .lado-dir-listagem-detalhe .box-listagem-detalhe {

        display: flex;

    }

    

    .carta .lado-dir-listagem-detalhe .box-listagem-detalhe .conteudo-listagem-detalhe {

        width: 100%;

    }

    

    .carta .lado-dir-listagem-detalhe .bord-pdf {

        margin-bottom: 3%;

        padding-bottom: 1%;

        border-bottom: 1px solid #94CB5C;

    }

    

    .carta .lado-dir-listagem-detalhe .box-inf {

        border-bottom: 1px solid #CCCCCC;

        margin-bottom: 3%;

    }

    

    .carta .lado-dir-listagem-detalhe .det-txt {

        margin-left: 1%;

        font-family: "TrendaLight";

        font-size: 17px;

        color: #666666;

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .det-icon {

        font-family: "TrendaBold"!important;

        font-size: 16px!important;

        color: #666666!important;

    }

    

    .carta .lado-dir-listagem-detalhe .avaliar-servico {

        background-color: #CEEEFF;

        width: 100%;

        display: flex;

        align-content: space-between;

        align-items: center;

        padding: 5% 3%;

    }

    

    .carta .lado-dir-listagem-detalhe .avaliar-servico .titulo {

        color: #3379B7;

        font-family: "TrendaBold";

        font-size: 19px;

    }

    

    .carta .lado-dir-listagem-detalhe .avaliar-servico .texto {

        color: #727272;

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .carta .lado-dir-listagem-detalhe .avaliar-servico .box-avaliacao {

        width: 70%;

    }

    

    .carta .lado-dir-listagem-detalhe .avaliar-servico .btn-avalizao a {

        color: #fff;

    }

    

    .carta .lado-dir-listagem-detalhe .avaliar-servico .btn-avalizao:hover {

        background-color: #004A88;

    }

    

    .carta .lado-dir-listagem-detalhe .avaliar-servico .btn-avalizao {

        color: #fff;

        background-color: #639ECD;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        padding: 18px 25px;

        text-transform: none;

        border-radius: 5px;

    }

    

    .carta .lado-dir-listagem-detalhe .registrar-duvidas {

        background-color: #F2F2F2;

        width: 100%;

        display: flex;

        align-content: space-between;

        align-items: center;

        padding: 5% 3%;

    }

    

    .carta .lado-dir-listagem-detalhe .registrar-duvidas .titulo {

        color: #999999;

        font-family: "TrendaBold";

        font-size: 19px;

    }

    

    .carta .lado-dir-listagem-detalhe .registrar-duvidas .texto {

        color: #727272;

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .carta .lado-dir-listagem-detalhe .registrar-duvidas .box-duvidas {

        width: 70%;

    }

    

    .carta .lado-dir-listagem-detalhe .registrar-duvidas .btn-duvidas a {

        color: #fff;

    }

    

    .carta .lado-dir-listagem-detalhe .registrar-duvidas .btn-duvidas {

        color: #fff;

        background-color: #999999;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        padding: 15px 14px;

        text-transform: none;

        border-radius: 5px;

        line-height: 16px;

    }

    /* .carta .lado-dir-listagem-detalhe .box-listagem-detalhe .meios-solicitacao {



    width: 20%;



} */

    

    .carta .lado-dir-listagem-detalhe .box-listagem-detalhe .titulo {

        color: #0080C5;

        font-family: "TrendaBold";

        font-size: 20px;

        text-align: left;

    }

    

    .carta .lado-dir-listagem-detalhe .box-listagem-detalhe .texto {

        color: #333;

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: justify;

    }

    

    .carta .lado-dir-listagem-detalhe .box-listagem-detalhe .subtitulo {

        color: #1D7DBD;

        font-family: "TrendaBold";

        font-size: 17px;

        text-align: left;

    }

    

    .carta .lado-dir-listagem-detalhe .box-listagem-detalhe .box-cat {

        color: #666666;

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

        display: flex;

        align-items: baseline;

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .titulo {

        color: #545454;

        font-family: "TrendaLight";

        font-size: 16px;

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-comercial {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-comercial::before {

        content: '';

        width: 24px;

        height: 20px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/tel.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-comercial .txt {

        color: #727272;

        font-size: 15px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-email {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-email::before {

        content: '';

        width: 24px;

        height: 21px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/e-mail.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-email .txt {

        color: #727272;

        font-size: 15px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-pc {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-pc::before {

        content: '';

        width: 24px;

        height: 20px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/pc.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .box-time {

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-pc .txt {

        color: #727272;

        font-size: 15px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-local {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-local::before {

        content: '';

        width: 22px;

        height: 22px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/loc.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 40%;

        transform: translateY(-50%);

    }

    

    .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-local .txt {

        color: #727272;

        font-size: 15px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-dir-listagem-detalhe .box-listagem-detalhe {

        border-top: 1px solid #CCCCCC;

        padding: 2% 0;

    }

    /*PAG CARTA SERVICO LISTAGEM*/

    

    .carta .lado-dir-listagem {

        width: 70%;

    }

    

    .carta .lado-dir-listagem .msg-busca {

        font-size: 20px;

    }

    

    .carta .lado-dir-listagem .titulo {

        color: #999999;

        font-family: "TrendaBold";

        font-size: 22px;

        text-align: left;

    }

    

    .carta .lado-dir-listagem .box-listagem {

        display: flex;

    }

    

    .carta .lado-dir-listagem .box-listagem .conteudo-listagem {

        /* width: 80%;



    margin-right: 1%; */

        width: 85%;

        margin-right: 3%;

    }

    

    .carta .lado-dir-listagem .box-listagem .meios-solicitacao {

        width: 20%;

    }

    

    .carta .lado-dir-listagem .box-listagem .titulo {

        color: #0080C5;

        font-family: "TrendaBold";

        font-size: 20px;

        text-align: left;

    }

    

    .carta .lado-dir-listagem .box-listagem .texto {

        color: #333;

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .carta .lado-dir-listagem .box-listagem .subtitulo {

        color: #666;

        font-family: "TrendaBold";

        font-size: 17px;

    }

    

    .carta .lado-dir-listagem .box-listagem .box-cat {

        color: #333;

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

        display: flex;

        align-items: baseline;

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .titulo {

        color: #545454;

        font-family: "TrendaLight";

        font-size: 16px;

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .icon-comercial {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .icon-comercial::before {

        content: '';

        width: 24px;

        height: 20px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/tel.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .icon-comercial .txt {

        color: #727272;

        font-size: 15px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .icon-email {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .icon-email::before {

        content: '';

        width: 24px;

        height: 21px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/e-mail.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .icon-email .txt {

        color: #727272;

        font-size: 15px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .icon-pc {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .icon-pc::before {

        content: '';

        width: 24px;

        height: 20px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/pc.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .box-time {

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .icon-pc .txt {

        color: #727272;

        font-size: 15px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .icon-local {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .icon-local::before {

        content: '';

        width: 22px;

        height: 22px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/loc.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 40%;

        transform: translateY(-50%);

    }

    

    .carta .lado-dir-listagem .meios-solicitacao .icon-local .txt {

        color: #333;

        font-size: 15px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-dir-listagem .box-listagem {

        border-top: 1px solid #CCCCCC;

        padding: 2% 0;

    }

    

    .pagcarta {

        font-size: 15px;

    }

    /*PAG CARTA SERVICO*/

    

    .carta .container {

        display: flex;

    }

    /*MENU CARTA SERVICO MOB*/

    

    .menu_mob {

        display: none;

    }

    /*FIM MENU CARTA SERVICO MOB*/

    

    .carta .lado-esq .box-perg {

        background-color: #E4F2D7;

        text-align: left;

        /* padding: 1%; */

    }

    

    .carta .lado-esq .box-perg .lei {

        color: #8C8C8C;

        font-size: 16px;

    }

    

    .carta .lado-esq .box-perg ul {

        padding-left: 35px;

    }

    

    .carta .lado-esq .box-perg ul li a {

        color: #007FC5;

    }

    

    .carta .lado-esq .box-perg ul li {

        list-style-image: url("../images/ul-li.png");

        color: #007FC5;

        font-size: 20px;

        font-family: "TrendaBold";

        padding-top: 0.5%;

        padding-bottom: 0.5%;

    }

    

    .carta .lado-esq .formulario-busca button {

        text-transform: none;

        font-family: "TrendaBold";

        font-size: 17px;

        background-color: #89C54B;

        padding: 2px 15px;

        border: 0;

    }

    

    .carta .lado-esq {

        width: 30%;

        margin-right: 3%;

    }

    

    .carta .lado-esq .box-at-pref {

        background-color: #E4F2D7;

        text-align: left;

    }

    

    .carta .lado-esq .box-at-pref .titulo {

        color: #88C54B;

        font-family: "TrendaBold";

        font-size: 25px;

        text-align: left;

    }

    

    .carta .lado-esq .box-at-pref .lei {

        color: #8C8C8C;

        font-size: 16px;

    }

    

    .carta .lado-esq .box-at-pref ul {

        padding-left: 20px;

    }

    

    .carta .lado-esq .box-at-pref ul li {

        list-style-image: url("../images/ul-li.png");

        color: #88C54B;

        font-size: 17px;

        font-family: "TrendaBold";

        border-bottom: 1px solid #94CB5C;

        padding-bottom: 3%;

        margin-bottom: 3%;

    }

    

    .carta .lado-esq .box-duvidas {

        background-color: #CEEEFF;

        text-align: left;

    }

    

    .carta .lado-esq .box-duvidas .titulo {

        color: #3379B7;

        font-size: 25px;

        font-family: "TrendaBold";

    }

    

    .carta .lado-esq .box-duvidas .subtitulo {

        color: #727272;

        font-size: 17px;

        font-family: "TrendaLight";

        line-height: 25px;

    }

    

    .carta .lado-esq .box-duvidas .icon-comercial {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-esq .box-duvidas .icon-comercial::before {

        content: '';

        width: 30px;

        height: 25px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/phone.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .carta .lado-esq .box-duvidas .icon-comercial .txt {

        color: #727272;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-esq .box-duvidas .icon-email {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-esq .box-duvidas .icon-email::before {

        content: '';

        width: 35px;

        height: 28px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/email.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .carta .lado-esq .box-duvidas .icon-email .txt {

        color: #727272;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-esq .box-duvidas .icon-time {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-esq .box-duvidas .icon-time::before {

        content: '';

        width: 30px;

        height: 30px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/time.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .carta .lado-esq .box-duvidas .box-time {

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-esq .box-duvidas .icon-time .txt {

        color: #727272;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-esq .box-duvidas .icon-local {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-esq .box-duvidas .icon-local::before {

        content: '';

        width: 30px;

        height: 31px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/local.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 40%;

        transform: translateY(-50%);

    }

    

    .carta .lado-esq .box-duvidas .icon-local .txt {

        color: #727272;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-esq .box-ouvidoria {

        background-color: #F3F3F3;

        text-align: left;

    }

    

    .carta .lado-esq .box-ouvidoria .titulo {

        color: #666666;

        font-size: 25px;

        font-family: "TrendaBold";

    }

    

    .carta .lado-esq .box-ouvidoria .icon-comercial {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-esq .box-ouvidoria .icon-comercial::before {

        content: '';

        width: 30px;

        height: 25px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/icon-ouvidoria-phone.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .carta .lado-esq .box-ouvidoria .icon-comercial .txt {

        color: #727272;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-esq .box-ouvidoria .icon-email {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-esq .box-ouvidoria .icon-email::before {

        content: '';

        width: 35px;

        height: 28px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/icon-ouvidoria-email.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .carta .lado-esq .box-ouvidoria .icon-email .txt {

        color: #727272;

        font-size: 16px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-esq .box-ouvidoria .icon-time {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-esq .box-ouvidoria .icon-time::before {

        content: '';

        width: 30px;

        height: 30px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/icon-ouvidoria-time.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .carta .lado-esq .box-ouvidoria .box-time {

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-esq .box-ouvidoria .icon-time .txt {

        color: #727272;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-esq .box-ouvidoria .icon-local {

        position: relative;

        padding-left: 40px;

    }

    

    .carta .lado-esq .box-ouvidoria .icon-local::before {

        content: '';

        width: 30px;

        height: 31px;

        position: absolute;

        background-image: url('../images/icon-carta-servico/icon-ouvidoria-local.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 40%;

        transform: translateY(-50%);

    }

    

    .carta .lado-esq .box-ouvidoria .icon-local .txt {

        color: #727272;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .carta .lado-dir {

        width: 70%;

    }

    

    .carta .lado-esq .titulo {

        color: #008CCC;

        font-family: "TrendaBold";

        font-size: 20px;

        text-align: left;

    }

    

    .carta .lado-esq .subtitulo {

        color: #008CCC;

        font-family: "TrendaBold";

        font-size: 17px;

        text-align: left;

    }

    

    .carta .lado-dir .titulo {

        color: #008CCC;

        font-family: "TrendaBold";

        font-size: 22px;

        text-align: left;

    }

    

    .carta .lado-dir .subtitulo {

        color: #008CCC;

        font-family: "TrendaBold";

        font-size: 17px;

        text-align: left;

    }

    

    .carta .lado-dir .texto {

        color: #333;

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: justify;

    }

    

    .carta .lado-dir .bord {

        border-bottom: 1px solid #CCCCCC;

    }

    

    .carta .lado-dir .bord-pdf {

        margin-bottom: 3%;

        padding-bottom: 1%;

        border-bottom: 1px solid #94CB5C;

    }

    /*LOGIN*/

    

    #login .titulo {

        color: #008CCC;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    #login .btn-senha {

        background-color: #CCCCCC;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        text-transform: none;

    }

    

    #login .btn-cad {

        background-color: #CCCCCC;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        text-transform: none;

    }

    

    #login .btn-login {

        background-color: #1F97C0;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 15px;

        border: 0;

        text-transform: capitalize;

    }

    

    #login label {

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    #login form ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #login form :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #login form ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #login form :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #login .box-txt {

        color: #999;

        font-family: "TrendaBold";

        /* font-size: 17px; */

        text-align: center;

        width: 80%;

        /* margin-left: auto;



    margin-right: auto; */

        margin-top: 12%;

        display: flex;

        justify-content: space-between;

    }

    

    #login .form-btn {

        width: 100%;

        display: flex;

        justify-content: flex-end;

    }

    

    #login .btn {

        padding: 6px 12px;

    }

    /*LOGIN EDITAL */

    

    #login_edital .titulo {

        color: #008CCC;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    #login_edital .btn-senha {

        background-color: #CCCCCC;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        text-transform: none;

    }

    

    #login_edital .btn-cad {

        background-color: #CCCCCC;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        text-transform: none;

    }

    

    #login_edital .btn-login {

        background-color: #1F97C0;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 15px;

        border: 0;

        text-transform: capitalize;

    }

    

    #login_edital label {

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    #login_edital form ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #login_edital form :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #login_edital form ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #login_edital form :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #login_edital .box-txt {

        color: #999;

        font-family: "TrendaBold";

        /* font-size: 17px; */

        text-align: center;

        width: 80%;

        /* margin-left: auto;



    margin-right: auto; */

        margin-top: 12%;

        display: flex;

        justify-content: space-between;

    }

    

    #login_edital .form-btn {

        width: 100%;

        display: flex;

        justify-content: flex-end;

    }

    

    #login_edital .btn {

        padding: 6px 12px;

    }

    /*LOGIN PDF */

    

    #login_pdf .titulo {

        color: #008CCC;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    #login_pdf .btn-senha {

        background-color: #CCCCCC;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        text-transform: none;

    }

    

    #login_pdf .btn-cad {

        background-color: #CCCCCC;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        text-transform: none;

    }

    

    #login_pdf .btn-login {

        background-color: #1F97C0;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 15px;

        border: 0;

        text-transform: capitalize;

    }

    

    #login_pdf label {

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    #login_pdf form ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #login_pdf form :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #login_pdf form ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #login_pdf form :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #login_pdf .box-txt {

        color: #999;

        font-family: "TrendaBold";

        /* font-size: 17px; */

        text-align: center;

        width: 80%;

        /* margin-left: auto;



    margin-right: auto; */

        margin-top: 12%;

        display: flex;

        justify-content: space-between;

    }

    

    #login_pdf .form-btn {

        width: 100%;

        display: flex;

        justify-content: flex-end;

    }

    

    #login_pdf .btn {

        padding: 6px 12px;

    }

    /*LOGIN CADASTRO */

    

    #cadlogin .titulo {

        color: #008CCC;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    #cadlogin .btn-senha {

        background-color: #CCCCCC;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        text-transform: none;

    }

    

    #cadlogin .btn-cad {

        background-color: #CCCCCC;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        text-transform: none;

    }

    

    #cadlogin .btn-login {

        background-color: #ccc;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 15px;

        border: 0;

        text-transform: capitalize;

    }

    

    #cadlogin label {

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    #cadlogin form ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #cadlogin form :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #cadlogin form ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #cadlogin form :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #cadlogin .box-txt {

        color: #999;

        font-family: "TrendaBold";

        /* font-size: 17px; */

        text-align: center;

        width: 80%;

        /* margin-left: auto;



    margin-right: auto; */

        margin-top: 12%;

        display: flex;

        justify-content: space-between;

    }

    

    #cadlogin .form-btn {

        width: 100%;

        display: flex;

        justify-content: center;

    }

    

    #cadlogin .btn {

        padding: 5px 25px;

    }

    

    #cadlogin .modal-dialog {

        max-width: 900px;

    }

    /*LOGIN ALTERAÇÃO CADASTRO */

    

    #cadupdate .titulo {

        color: #008CCC;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    #cadupdate .btn-senha {

        background-color: #CCCCCC;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        text-transform: none;

    }

    

    #cadupdate .btn-cad {

        background-color: #CCCCCC;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        text-transform: none;

    }

    

    #cadupdate .btn-login {

        background-color: #ccc;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 15px;

        border: 0;

        text-transform: capitalize;

    }

    

    #cadupdate label {

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    #cadupdate form ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #cadupdate form :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #cadupdate form ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #cadupdate form :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #cadupdate .box-txt {

        color: #999;

        font-family: "TrendaBold";

        /* font-size: 17px; */

        text-align: center;

        width: 80%;

        /* margin-left: auto;



    margin-right: auto; */

        margin-top: 12%;

        display: flex;

        justify-content: space-between;

    }

    

    #cadupdate .form-btn {

        width: 100%;

        display: flex;

        justify-content: center;

    }

    

    #cadupdate .btn {

        padding: 5px 25px;

    }

    

    #cadupdate .modal-dialog {

        max-width: 900px;

    }

    /*LOGIN RECUPERACAO SENHA*/

    

    #recuploginsenha .titulo {

        color: #008CCC;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    #recuploginsenha .btn-senha {

        background-color: #CCCCCC;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        text-transform: none;

    }

    

    #recuploginsenha .btn-cad {

        background-color: #CCCCCC;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 17px;

        border: 0;

        text-transform: none;

    }

    

    #recuploginsenha .btn-login {

        background-color: #1F97C0;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 15px;

        border: 0;

        text-transform: capitalize;

    }

    

    #recuploginsenha label {

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    #recuploginsenha form ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #recuploginsenha form :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #recuploginsenha form ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #recuploginsenha form :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #recuploginsenha .box-txt {

        color: #999;

        font-family: "TrendaBold";

        /* font-size: 17px; */

        text-align: center;

        width: 80%;

        /* margin-left: auto;



    margin-right: auto; */

        margin-top: 12%;

        display: flex;

        justify-content: space-between;

    }

    

    #recuploginsenha .form-btn {

        width: 100%;

        display: flex;

        justify-content: flex-end;

    }

    

    #recuploginsenha .btn {

        padding: 6px 12px;

    }

    

    #recuploginsenha .modal-dialog {

        max-width: 550px;

    }

    /*conselho debilirativo*/

    

    .tooltipcons .tooltiptext .titulo {

        font-family: "TrendaBold";

        font-size: 18px;

        color: #999;

        text-align: center;

    }

    

    .tooltipcons .tooltiptext .nomecons {

        font-family: "TrendaLight";

        font-size: 18px;

        color: #666;

        text-align: center;

    }

    

    .tooltipcons .tooltiptext .descricao {

        font-family: "TrendaLight";

        font-size: 16px;

        color: #666;

        text-align: center;

    }

    

    .tooltipcons .tooltiptext .box-representantes {

        width: 100%;

        display: flex;

    }

    

    .tooltipcons .tooltiptext .box-representantes .col1-rep {

        display: flex;

        flex-direction: column;

        width: 50%;

    }

    

    .tooltipcons .tooltiptext .box-representantes .col2-rep {

        display: flex;

        flex-direction: column;

        width: 50%;

    }

    

    .tooltipcons .tooltiptext .box-representantes .titulo-rep {

        font-family: "TrendaBold";

        font-size: 16px;

        color: #999;

    }

    

    .tooltipcons .tooltiptext .box-representantes .texto-rep {

        font-family: "TrendaLight";

        font-size: 16px;

        color: #666;

    }

    

    .tooltipcons {

        position: relative;

        display: inline-block;

    }

    

    .tooltipcons .tooltiptext {

        visibility: hidden;

        display: none;

        width: 1100px;

        height: auto;

        background-color: #F5F5F5;

        color: #666666;

        text-align: center;

        border-radius: 6px;

        padding: 5px 10px;

        position: absolute;

        z-index: 10;

        top: 80%;

        left: -5%;

        margin-left: -393px;

        font-family: "TrendaLight";

        font-size: 16px;

    }

    

    .tooltipcons .tooltiptext::after {

        content: "";

        position: absolute;

        bottom: 100%;

        left: 50%;

        margin-left: -5px;

        border-width: 5px;

        border-style: solid;

        border-color: transparent transparent #F5F5F5 transparent;

    }

    

    .tooltipcons:hover .tooltiptext {

        visibility: visible;

        display: block;

    }

    /**/

    

    .tooltiptextv {

        background-color: #E4F5FA;

    }

    

    .tooltipx {

        position: relative;

        display: inline-block;

        /* border-bottom: 1px dotted black; */

    }

    

    .tooltipx .tooltiptext {

        visibility: hidden;

        display: none;

        width: 100%;

        /* width: 120px; */

        /* background-color: black; */

        background-color: #F5F5F5;

        color: #666666;

        text-align: center;

        border-radius: 6px;

        padding: 5px 0;

        position: absolute;

        z-index: 1;

        top: 80%;

        left: 22%;

        margin-left: -60px;

        font-family: "TrendaLight";

        font-size: 16px;

    }

    

    .tooltipx .tooltiptext::after {

        content: "";

        position: absolute;

        bottom: 100%;

        left: 50%;

        margin-left: -5px;

        border-width: 5px;

        border-style: solid;

        border-color: transparent transparent #F5F5F5 transparent;

        /* border-color: transparent transparent black transparent; */

    }

    

    .tooltipx:hover .tooltiptext {

        visibility: visible;

        display: block;

    }

    /*PAG CONTRATOS*/

    

    .box-contratos {

        display: flex;

        flex-direction: column;

        text-align: left;

    }

    

    .box-contratos .item {

        border-top: 2px solid #294083;

        padding: 2% 0;

    }

    

    .box-contratos .box {

        display: flex;

        flex-direction: row;

        align-items: center;

    }

    

    .box-contratos .subtitulo {

        color: #263F83;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    .box-contratos .text {

        color: #666;

        font-family: "TrendaBold";

        font-size: 16px;

        margin-right: 10%;

    }

    

    .box-contratos .objeto {

        font-family: "TrendaLight";

        font-size: 18px;

        color: #666666;

        margin-top: 2%;

    }

    

    .box-contratos .objeto {

        display: flex;

        justify-content: space-between;

    }

    

    .box-contratos .box-objeto {

        width: 85%;

    }

    

    .box-contratos .btn-contrato {

        background-color: #294083;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 16px;

        text-transform: none;

        padding: 5px 10px;

    }

    

    .contrato ul {

        padding-left: 0!important;

    }

    

    .contrato .box-titulo-cont {

        display: flex;

        flex-direction: column;

        width: 100%;

    }

    

    .contrato .box_select_cont {

        display: flex;

        flex-direction: column;

    }

    

    .contrato .situacao-contrato {

        width: 47% !important;

    }

    

    .contrato .group-contrato {

        width: 89% !important;

    }

    

    .contrato form {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        align-items: flex-end;

    }

    

    .contrato .form-row {

        width: 100%;

        align-items: flex-end;

        justify-content: space-between;

    }

    

    .contrato .box-lic-btn-vis .btn-lici-vis {

        background-color: #294083;

        color: #fff;

        text-transform: capitalize;

        font-size: 15px;

        padding: 6px 15px;

    }

    

    .contrato .box-lic-btn-vis {

        width: 100%;

        display: flex;

        justify-content: flex-end;

    }

    

    .contrato form .btn-busca {

        color: #fff;

        background-color: #CCCCCC;

        font-size: 16px;

        text-transform: capitalize;

        font-family: "TrendaBold";

        height: 40px;

        padding: 5px 15px 5px 15px;

        width: 100%;

    }

    

    .contrato form #processo {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .contrato form #palavra_chave {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .contrato form ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .contrato form :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    .contrato form ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    .contrato form :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .contrato form label {

        color: #273F83;

        font-size: 16px;

        font-family: "TrendaBold";

        text-align: left;

        width: 100%;

    }

    

    .contrato form .form-group {

        width: 24%;

        margin-right: 1%;

    }

    

    .contrato form .btn-b {

        margin-right: 0;

        width: 10%;

    }

    

    .contrato .txt_titulo {

        width: 80%;

    }

    

    .contrato .txt_login {

        width: 20%;

    }

    

    .contrato .txt_titulo {

        color: #333;

        font-size: 17px;

        font-family: "TrendaLight";

        text-align: left;

        display: flex;

        width: 100%;

        align-items: center;

    }

    

    .contrato .titulo_select {

        /* color: #666; */

        color: #1FB8EA;

        font-size: 22px;

        font-family: "TrendaBold";

        text-align: left;

    }

    

    .contrato .titulo_login {

        color: #666;

        font-size: 17px;

        font-family: "TrendaBold";

    }

    

    .contrato .titulo_login_logado {

        color: #1F97BF;

        font-size: 17px;

        font-family: "TrendaBold";

    }

    

    .contrato .btn_login {

        background-color: #1F97C0;

        color: #fff;

        font-size: 17px;

        font-family: "TrendaBold";

    }

    

    .contrato .box-button {

        display: flex;

        width: 100%;

    }

    

    .contrato .btn_login_dados {

        background-color: #ccc;

        color: #fff;

        font-size: 15px;

        font-family: "TrendaBold";

        text-transform: none;

        padding: 3px 10px;

        width: 100%;

        font-weight: 300;

    }

    

    .contrato .btn_login_dados a {

        background-color: #ccc;

        color: #fff;

        font-size: 15px;

        font-family: "TrendaBold";

        text-transform: none;

        padding: 5px 10px;

        width: 100%;

    }

    

    .contrato ul li {

        width: 100%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .contrato .titulo_pdf {

        color: #666;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .contrato a {

        font-size: 15px;

        font-family: "TrendaBold";

    }

    

    .btn_legislacao .btn-leg {

        background-color: #007447;

        color: #FFDF00;

        padding: 10px 20px;

    }

    

    .contrato .box {

        width: 100%;

    }

    

    .contrato .titulo {

        font-size: 20px;

        font-family: "TrendaBold";

        color: #52B7D7;

        text-align: left;

    }

    

    .contrato form .btn-busca {

        color: #fff;

        background-color: #53A6D9;

        font-size: 16px;

        text-transform: capitalize;

        font-family: "TrendaBold";

        height: 40px;

        padding: 5px 15px 5px 15px;

        width: 100%;

    }

    

    .contrato .texto {

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .contrato .link {

        text-align: left;

    }

    

    .contrato .link a {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #666;

    }

    

    .contrato .subtitulo_cont {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #273F83;

        text-align: left;

    }

    

    .contrato .sub-objeto {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #273F83;

    }

    

    .contrato .text_cont {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #666666;

        text-align: left;

    }

    

    .contrato .text_cont_objeto {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #666666;

        text-align: left;

    }

    

    .contrato .box_inf_cont {

        display: flex;

        flex-direction: row;

    }

    

    .contrato .box_inf_cont .item_cont {

        display: flex;

        align-items: baseline;

        width: 100%;

    }

    

    .contrato .item-contrato {

        border-top: 1px solid #999;

    }

    

    .contrato .box-inf-cima {

        display: flex;

        flex-direction: column;

    }

    

    #formbuscacontrato .form-group .select-contrato:not([multiple]) {

        -webkit-appearance: none;

        -moz-appearance: none;

        background-position: right 50% !important;

        background-repeat: no-repeat !important;

        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=) !important;

        padding: .5em;

        padding-right: 0.5em;

        padding-right: 1.5em;

    }

    

    .contrato .item-cab {

        display: flex;

        margin-bottom: 2%;

    }

    

    .contrato .item-cab .titulo {

        font-size: 22px;

        color: #263F83;

        font-family: "TrendaBold";

    }

    

    .contrato .item-cab .text-cab {

        font-size: 22px;

        color: #1FB8EA;

        font-family: "TrendaBold";

    }

    

    .contrato .box-cab {

        display: flex;

        flex-wrap: wrap;

        margin-top: 2%;

    }

    

    .contrato .item-det {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 17px;

        width: 33%;

        text-align: left;

        margin-top: 1%;

    }

    

    .contrato .box-cont-fornc {

        display: flex;

        flex-wrap: wrap;

    }

    

    .contrato .item-forn {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 17px;

        width: 100%;

        text-align: left;

        margin-top: 1%;

    }

    

    .contrato .btn-contrato-det {

        background-color: #1FB8EA;

        ;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 16px;

        text-transform: none;

        padding: 5px 20px;

        width: 175px;

    }

    /*PAG LICITACAO*/

    

    .licitacao ul {

        padding-left: 0!important;

    }

    

    .licitacao .box-titulo-lic {

        display: flex;

        flex-direction: column;

        width: 100%;

    }

    

    .licitacao .box_select_lic {

        display: flex;

        flex-direction: column;

    }

    

    .licitacao .situacao-licitacao {

        width: 47% !important;

    }

    

    .licitacao .group-licitacao {

        width: 44% !important;

    }

    

    .licitacao form {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        align-items: flex-end;

    }

    

    .licitacao .form-row {

        width: 100%;

        align-items: flex-end;

        justify-content: space-between;

    }

    

    .licitacao .box-lic-btn-vis .btn-lici-vis {

        background-color: #294083;

        color: #fff;

        text-transform: capitalize;

        font-size: 15px;

        padding: 6px 15px;

    }

    

    .licitacao .box-lic-btn-vis {

        width: 100%;

        display: flex;

        justify-content: flex-end;

    }

    

    .licitacao form .btn-busca {

        color: #fff;

        background-color: #CCCCCC;

        font-size: 16px;

        text-transform: capitalize;

        font-family: "TrendaBold";

        height: 40px;

        padding: 5px 15px 5px 15px;

        width: 100%;

    }

    

    .licitacao form #processo {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .licitacao form #palavra_chave {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .licitacao form ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .licitacao form :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    .licitacao form ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    .licitacao form :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .licitacao form label {

        color: #273F83;

        font-size: 16px;

        font-family: "TrendaBold";

        text-align: left;

        width: 100%;

    }

    

    .licitacao form .form-group {

        width: 25%;

        margin-right: 1%;

    }

    

    .licitacao form .btn-b {

        margin-right: 0;

        width: 10%;

    }

    

    .licitacao .txt_titulo {

        width: 80%;

    }

    

    .licitacao .txt_login {

        width: 20%;

    }

    

    .licitacao .txt_titulo {

        color: #333;

        font-size: 17px;

        font-family: "TrendaLight";

        text-align: left;

        display: flex;

        width: 100%;

        align-items: center;

    }

    

    .licitacao .titulo_select {

        /* color: #666; */

        color: #1FB8EA;

        font-size: 22px;

        font-family: "TrendaBold";

        text-align: left;

    }

    

    .licitacao .titulo_login {

        color: #666;

        font-size: 17px;

        font-family: "TrendaBold";

    }

    

    .licitacao .titulo_login_logado {

        color: #1F97BF;

        font-size: 17px;

        font-family: "TrendaBold";

    }

    

    .licitacao .btn_login {

        background-color: #1F97C0;

        color: #fff;

        font-size: 17px;

        font-family: "TrendaBold";

    }

    

    .licitacao .box-button {

        display: flex;

        width: 100%;

    }

    

    .licitacao .btn_login_dados {

        background-color: #ccc;

        color: #fff;

        font-size: 15px;

        font-family: "TrendaBold";

        text-transform: none;

        padding: 3px 10px;

        width: 100%;

        font-weight: 300;

    }

    

    .licitacao .btn_login_dados a {

        background-color: #ccc;

        color: #fff;

        font-size: 15px;

        font-family: "TrendaBold";

        text-transform: none;

        padding: 5px 10px;

        width: 100%;

    }

    

    .licitacao ul li {

        width: 100%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .licitacao .titulo_pdf {

        color: #666;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .licitacao a {

        font-size: 15px;

        font-family: "TrendaBold";

    }

    

    .btn_legislacao .btn-leg {

        background-color: #007447;

        color: #FFDF00;

        padding: 10px 20px;

    }

    

    .licitacao .box {

        width: 100%;

    }

    

    .licitacao .titulo {

        font-size: 20px;

        font-family: "TrendaBold";

        color: #52B7D7;

        text-align: left;

    }

    

    .licitacao form .btn-busca {

        color: #fff;

        background-color: #53A6D9;

        font-size: 16px;

        text-transform: capitalize;

        font-family: "TrendaBold";

        height: 40px;

        padding: 5px 15px 5px 15px;

        width: 100%;

    }

    

    .licitacao .texto {

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .licitacao .link {

        text-align: left;

    }

    

    .licitacao .link a {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #666;

    }

    

    .licitacao .subtitulo_lic {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #273F83;

        text-align: left;

    }

    

    .licitacao .sub-objeto {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #273F83;

    }

    

    .licitacao .text_lic {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #666666;

        text-align: left;

    }

    

    .licitacao .text_lic_objeto {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #666666;

        text-align: left;

    }

    

    .licitacao .box_inf_lic {

        display: flex;

        flex-direction: row;

    }

    

    .licitacao .box_inf_lic .item_lic {

        display: flex;

        align-items: baseline;

        width: 100%;

    }

    /* .licitacao .box-licitacao .item-licitacoes:nth-child(1) {

    border-top: 0;

} */

    

    .licitacao .item-licitacoes {

        border-top: 1px solid #999;

    }

    

    .licitacao .box-inf-cima {

        display: flex;

        flex-direction: column;

    }

    

    #formbuscalicitacao .form-group .select-licitacao:not([multiple]) {

        -webkit-appearance: none;

        -moz-appearance: none;

        background-position: right 50% !important;

        background-repeat: no-repeat !important;

        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=) !important;

        padding: .5em;

        padding-right: 0.5em;

        padding-right: 1.5em;

    }

    /*PAG LICITACAO DETALHES*/

    

    .licitacao-detalhe .txt_titulo {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 22px;

        text-align: left;

    }

    

    .licitacao-detalhe .titulo {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 22px;

        text-align: center;

    }

    

    .licitacao-detalhe .txt_titulo_desc {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 18px;

        text-align: left;

    }

    

    .licitacao-detalhe .processo {

        color: #666666;

        font-size: 16px;

    }

    

    .licitacao-detalhe .processo-desc {

        color: #666666;

        font-size: 16px;

    }

    

    .licitacao-detalhe .box-cabecalho {

        display: flex;

        flex-wrap: wrap;

        margin-top: 2%;

    }

    

    .licitacao-detalhe .item-det {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 17px;

        width: 23%;

        text-align: left;

        margin-top: 1%;

    }

    

    .licitacao-detalhe .item-det-tp {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 17px;

        width: 30%;

        text-align: left;

        margin-top: 1%;

    }

    

    .licitacao-detalhe .boxlicitacaosessao {

        display: flex;

        justify-content: space-between;

    }

    

    .boxlicitacaosessao .txt_titulo {

        width: 80%;

    }

    

    .boxlicitacaosessao .sessaolink {

        width: 20%;

    }

    

    .item-det-cotacao {

        width: 100%!important;

    }

    

    .item-det-cotacao-cab {

        margin-top: 0!important;

        border-bottom: 2px solid #294083;

        padding-bottom: 1%;

    }

    

    .licitacao-detalhe .box-conteudo {

        text-align: left;

        margin-top: 1%;

        margin-bottom: 5%;

    }

    

    .licitacao-detalhe .item-conteudo {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 17px;

        width: 100%;

        text-align: left;

        margin-top: 1%;

    }

    

    .licitacao-detalhe .processo-objeto {

        font-family: "TrendaBold";

        font-size: 16px;

        color: #666666;

    }

    

    .licitacao-detalhe .box-licitacao-pdfs {

        width: 100%;

    }

    

    .licitacao-detalhe .item-pdfs {

        margin-top: 1%;

    }

    

    .licitacao-detalhe .item-pdfs .titulo_pdf {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #666666;

    }

    

    .licitacao-detalhe ul {

        padding-left: 0 !important;

    }

    

    .licitacao-detalhe ul li {

        width: 100%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

        padding-bottom: 1%;

    }

    

    .licitacao-detalhe .btn-visualizarpdf {

        background-color: #294083;

        color: #fff;

        text-transform: none;

        font-size: 17px;

        padding: 6px 15px;

        font-family: "TrendaBold";

    }

    

    .box-voltar-detalhes .btn-visualizarpdfdetalhes {

        background-color: #294083;

        color: #fff;

        text-transform: none;

        font-size: 17px;

        padding: 6px 15px;

        font-family: "TrendaBold";

        /* width: 100%; */

        text-align: center;

        width: 175px;

        margin-bottom: 15%;

    }

    

    .box-voltar-detalhes .container {

        display: flex;

        align-items: flex-end;

        justify-content: flex-end;

        width: 100%;

    }

    

    .box-itens {

        text-align: left;

    }

    

    .box-itens .titulo {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    .box-itens .info {

        color: #666;

        font-family: "TrendaBold";

        font-size: 16px;

    }

    

    .box-itens-qtd {

        display: flex;

        justify-content: space-between;

    }

    

    .box-itens-qtd .titulo {

        color: #273F83;

        font-family: "TrendaBold";

        font-size: 17px

    }

    

    .box-itens-qtd .info-qtd {

        color: #666;

        font-family: "TrendaBold";

        font-size: 17px;

    }

    

    .box-fornecedores .titulo {

        text-align: left;

        color: #666;

        font-family: "TrendaLight";

        font-size: 16px;

        margin-bottom: 2%;

    }

    

    .box-fornecedores {

        border-bottom: 1px solid #294083;

        margin-bottom: 2%;

    }

    

    .licitacao-detalhe .msgfornecedor {

        text-align: left;

        border-bottom: 1px solid#294083;

        margin-bottom: 2%;

        padding-bottom: 1%;

        color: #666;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    /* 



#cadlogin .pfisica {



    visibility: unset;



}







#cadlogin .pjuridica {



    visibility: hidden;



} */

    /*PAG ORGANOGRAMA*/

    

    .corpo_admin-mob {

        display: none;

    }

    

    .corpo_admin {

        display: block;

    }

    

    .estrutura .titulo {

        font-size: 25px;

        font-family: "TrendaBold";

        color: #04B7F2;

        text-align: left;

    }

    

    .estrutura .texto {

        font-size: 18px;

        font-family: "TrendaLight";

        color: #666666;

        text-align: justify;

    }

    

    .corpo_admin .titulo {

        font-size: 25px;

        font-family: "TrendaBold";

        color: #15559C;

        text-align: left;

    }

    

    .corpo_admin .organograma {

        display: flex;

        align-items: center;

        flex-direction: column;

    }

    

    .corpo_admin .organograma .box-org {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #FFFFFF;

        background-color: #15559C;

        /* width: 24%; */

        width: 100%;

        /* padding: 10px 30px;  */

        padding: 4px 30px;

        line-height: 20px;

    }

    

    .corpo_admin .organograma .box-org-ger {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #FFFFFF;

        /* color: #0680AB; */

        background-color: #15559C;

        /* background-color: #ADE2EF;         */

        width: 24%;

        padding: 10px 30px;

    }

    

    .corpo_admin .organograma .box-org-dep {

        font-size: 16px;

        font-family: "TrendaBold";

        /* color: #1FB8EA;

        background-color: #D8EFFA; */

        /* width: 24%; */

        width: 100%;

        padding: 10px 2px;

        color: #15559C;

        background-color: #E4F5FA;

    }

    

    .corpo_admin .organograma .lista-vertical {

        display: flex;

        flex-direction: column;

    }

    

    .corpo_admin .organograma .box-org-ult {

        font-size: 18px;

        font-family: "TrendaBold";

        /* color: #D8EFFA; */

        color: #fff;

        background-color: #15559C;

        /* width: 24%; */

        width: 100%;

        /* padding: 4px 30px; */

        padding: 10px 30px;

        /* line-height: 20px;         */

    }

    

    .linha-vertical {

        width: 0.5%;

        height: 20px;

        border-left: 1px solid #0782AB;

        box-sizing: border-box;

    }

    

    .linha-vertical-r {

        width: 0.5%;

        height: 20px;

        border-right: 1px solid #0782AB;

        box-sizing: border-box;

    }

    

    .organograma .box-horizontal {

        display: flex;

        justify-content: space-between;

        /* width: 100%; */

        width: 70%;

    }

    

    .organograma .box-horizontal .item {

        display: flex;

        flex-direction: column;

        /* width: 23%; */

        width: 33%;

    }

    

    .linha-horizontal {

        /* width: 75%; */

        width: 47%;

        height: 20px;

        border-top: 1px solid #0782AB;

        box-sizing: border-box;

        margin-left: auto;

        margin-right: auto;

        display: flex;

        justify-content: space-between;

    }

    

    .linha-conecta::after {

        content: "";

        border-top: 1px solid #0782AB;

        border-right: 1px solid #0782AB;

        border-bottom: 1px solid #0782AB;

        box-sizing: border-box;

        width: 10px;

        height: 49px;

        position: absolute;

        z-index: 5;

        margin-left: 135px;

        margin-top: -27px;

    }

    /*PAG ORGANOGRAMA MOB*/

    /* 



.corpo_admin .titulo {



    font-size: 25px;



    font-family: "TrendaBold";



    color: #7DC9DF;



    text-align: left;



}







.corpo_admin .organograma-mob {



    display: flex;



    align-items: center;



    flex-direction: column;



}







.corpo_admin .organograma-mob .box-org {



    font-size: 18px;



    font-family: "TrendaBold";



    color: #0680AB;



    background-color: #ADE2EF;



    width: 100%;



    padding: 10px 30px;



}







.corpo_admin .organograma-mob .box-org-ger-mob {



    font-size: 18px;



    font-family: "TrendaBold";



    color: #0680AB;



    background-color: #ADE2EF;



    width: 23%;



    padding: 10px 30px;



}







.corpo_admin .organograma-mob .box-org-ger {



    font-size: 18px;



    font-family: "TrendaBold";



    color: #0680AB;



    background-color: #ADE2EF;



    width: 100%;



    padding: 10px 30px;



}







.corpo_admin .organograma-mob .box-org-dep {



    font-size: 16px;



    font-family: "TrendaBold";



    color: #0680AB;



    background-color: #E4F5FA;



    width: 100%;



    padding: 10px 2px;



}







.corpo_admin .organograma-mob .lista-vertical {



    display: flex;



    flex-direction: column;



}







.corpo_admin .organograma-mob .box-org-ult {



    font-size: 18px;



    font-family: "TrendaBold";



    color: #0680AB;



    background-color: #ADE2EF;



    width: 100%;



    padding: 4px 30px;



    line-height: 20px;



}







.linha-vertical {



    width: 0.5%;



    height: 20px;



    border-left: 1px solid #0782AB;



    box-sizing: border-box;



}







.linha-vertical-r {



    width: 0.5%;



    height: 20px;



    border-right: 1px solid #0782AB;



    box-sizing: border-box;



}







.organograma-mob .box-horizontal {



    display: flex;



    justify-content: space-between;



    width: 100%;



    flex-direction: column;



    align-items: center;



}







.organograma-mob .box-horizontal .item {



    display: flex;



    flex-direction: column;



    width: 23%;



}







.linha-horizontal {



    width: 75%;



    height: 20px;



    border-top: 1px solid #0782AB;



    box-sizing: border-box;



    margin-left: auto;



    margin-right: auto;



    display: flex;



    justify-content: space-between;



}







.linha-conecta-left-diretoria::after {



    content: "";



    border-top: 1px solid #0782AB;



    border-left: 1px solid #0782AB;



    border-bottom: 1px solid #0782AB;



    box-sizing: border-box;



    width: 10px;



    min-height: 64px;



    height: auto;



    position: absolute;



    z-index: 5;



    margin-left: -145px;



    margin-top: -38px;



}







.linha-conecta-left-jur::after {



    content: "";



    border-top: 1px solid #0782AB;



    border-left: 1px solid #0782AB;



    border-bottom: 1px solid #0782AB;



    box-sizing: border-box;



    width: 10px;



    min-height: 584px;



    height: auto;



    position: absolute;



    z-index: 5;



    margin-left: -145px;



    margin-top: -554px;



}







.linha-conecta-left-eng::after {



    content: "";



    border-top: 1px solid #0782AB;



    border-left: 1px solid #0782AB;



    border-bottom: 1px solid #0782AB;



    box-sizing: border-box;



    width: 10px;



    min-height: 49px;



    height: auto;



    position: absolute;



    z-index: 5;



    margin-left: -145px;



    margin-top: -22px;



}







.linha-conecta-left-dir::after {



    content: "";



    border-top: 1px solid #0782AB;



    border-left: 1px solid #0782AB;



    border-bottom: 1px solid #0782AB;



    box-sizing: border-box;



    width: 10px;



    min-height: 100px;



    height: auto;



    position: absolute;



    z-index: 5;



    margin-left: -145px;



    margin-top: -73px;



}







.linha-conecta-left::after {



    content: "";



    border-top: 1px solid #0782AB;



    border-left: 1px solid #0782AB;



    border-bottom: 1px solid #0782AB;



    box-sizing: border-box;



    width: 10px;



    min-height: 101px;



    height: auto;



    position: absolute;



    z-index: 5;



    margin-left: -145px;



    margin-top: -73px;



}







.linha-conecta::after {



    content: "";



    border-top: 1px solid #0782AB;



    border-right: 1px solid #0782AB;



    border-bottom: 1px solid #0782AB;



    box-sizing: border-box;



    width: 10px;



    height: 49px;



    position: absolute;



    z-index: 5;



    margin-left: 135px;



    margin-top: -27px;



} */

    /*PAG COLETA DE RESIDUOS*/

    

    .cronograma .container {

        display: flex;

        justify-content: space-between;

    }

    

    .cronograma .titulo-cron {

        color: #52B7D7;

        font-family: "TrendaBold";

        font-size: 21px;

    }

    

    .cronograma .box-btn-cronograma .titulo-btn {

        color: #52B7D7;

        font-family: "TrendaBold";

        font-size: 17px;

    }

    

    .cronograma .box-btn-cronograma .btn-baixar {

        background-color: #52B7D7;

        color: #FFFFFF;

        font-family: "TrendaBold";

        font-size: 17px;

        padding: 10px 25px;

        text-transform: none;

    }

    

    .materias .container {

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

    }

    

    .materias .titulo {

        background-color: #52B7D7;

        color: #FFFFFF;

        font-family: "TrendaBold";

        font-size: 20px;

        padding: 10px 25px;

        width: 18%;

        margin-right: 1%;

        margin-bottom: 1%;

    }

    

    .materias .texto {

        background-color: #F1F1F1;

        color: #666;

        font-family: "TrendaLight";

        font-size: 17px;

        padding: 10px 25px;

        width: 81%;

        margin-bottom: 1%;

        text-align: left;

    }

    /**/

    

    .lixo .container {

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

    }

    

    .lixo .titulo {

        background-color: #52B7D7;

        color: #FFFFFF;

        font-family: "TrendaBold";

        font-size: 20px;

        padding: 10px 25px;

        width: 18%;

        margin-right: 1%;

        margin-bottom: 1%;

        display: flex;

        align-items: center;

        justify-content: center;

    }

    

    .lixo .texto {

        background-color: #F1F1F1;

        color: #666;

        font-family: "TrendaLight";

        font-size: 17px;

        padding: 10px 25px;

        width: 81%;

        margin-bottom: 1%;

        text-align: left;

        display: flex;

        align-items: center;

    }

    

    .sugestao .titulo {

        color: #666;

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .sugestao .subtitulo {

        color: #52B7D7;

        font-family: "TrendaBold";

        font-size: 25px;

    }

    

    .sugestao .texto {

        color: #666;

        font-family: "TrendaLight";

        font-size: 18px;

        text-align: justify;

    }

    /*2VIA*/

    

    #via2 .titulo {

        color: #008CCC;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    #via2 .btn-certidao {

        background-color: #1F97C0;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 14px;

        border: 0;

    }

    

    #via2 label {

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    #via2 form ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #via2 form :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #via2 form ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #via2 form :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #via2 .box-txt {

        color: #999;

        font-family: "TrendaBold";

        font-size: 17px;

        text-align: center;

        width: 80%;

        margin-left: auto;

        margin-right: auto;

        margin-top: 12%;

    }

    

    #via2 .form-btn {

        width: 100%;

        display: flex;

        justify-content: flex-end;

    }

    /*CERTIDAO*/

    

    #certidao .titulo {

        color: #008CCC;

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    #certidao .btn-certidao {

        background-color: #1F97C0;

        color: #fff;

        font-family: "TrendaBold";

        font-size: 14px;

        border: 0;

    }

    

    #certidao label {

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    #certidao form ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #certidao form :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #certidao form ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    #certidao form :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    #certidao .box-txt {

        color: #999;

        font-family: "TrendaBold";

        font-size: 17px;

        text-align: center;

        width: 80%;

        margin-left: auto;

        margin-right: auto;

        margin-top: 12%;

    }

    

    #certidao .form-btn {

        width: 100%;

        display: flex;

        justify-content: flex-end;

    }

    /*PAG SOLICITAR SERVICO*/

    

    .denucie .titulo_sol {

        color: #52B7D7;

        font-family: "TrendaBold";

        font-size: 25px;

    }

    

    .denucie .form_solicitar label {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #666;

        text-align: left;

        width: 100%;

    }

    

    .denucie .form_solicitar ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .denucie .form_solicitar :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    .denucie .form_solicitar ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    .denucie .form_solicitar :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .formulario_cadastro .btn-solicitar_serv {

        color: #FFFFFF;

        font-family: "TrendaBold";

        font-size: 17px;

        font-weight: 300;

        background-color: #014063;

        border: 1px solid #014063!important;

        text-transform: unset;

        padding: 12px 30px!important;

    }

    

    .formulario_cadastro .btn-solicitar_serv:hover {

        background-color: #52B7D7!important;

        border: 1px solid #52B7D7!important;

        color: #fff!important;

    }

    

    .denucie .form_solicitar label .fas .fa-question-circle {

        background-color: #CDF0F8!important;

        color: #666!important;

    }

    

    #exampleModal {

        margin-top: 10%;

    }

    

    #exampleModal .box-txt {

        color: #999;

        font-family: "TrendaBold";

        font-size: 17px;

        text-align: center;

        width: 80%;

        margin-left: auto;

        margin-right: auto;

        margin-top: 2%;

    }

    

    .formulario_cadastro ::-webkit-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    

    .formulario_cadastro :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

        font-family: "TrendaLight";

    }

    

    .formulario_cadastro ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

        font-family: "TrendaLight";

    }

    

    .formulario_cadastro :-ms-input-placeholder {

        color: #999;

        font-family: "TrendaLight";

    }

    /*PAG INFORMATIVO*/

    

    .informativo .container {

        display: flex;

        flex-wrap: wrap;

    }

    

    .informativo .card {

        border: 0;

        width: 23%;

        margin-right: 2%;

    }

    

    .informativo .card-text {

        color: #333;

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .informativo .titulo {

        color: #333;

        font-family: "TrendaBold";

        font-size: 17px;

        text-align: justify;

    }

    

    .informativo .card-body {

        display: flex;

        flex-direction: column;

        justify-content: space-between;

    }

    

    .informativo .card-body .link {

        text-align: left;

    }

    

    .informativo .card-body .link a {

        color: #52B7D7;

        font-family: "TrendaLight";

        font-size: 18px;

        text-decoration: underline;

    }

    /*PAG CONTATO*/

    

    .pgcontato .container {

        display: flex;

    }

    

    .pgcontato .text_atendimento {

        width: 50%;

        margin-right: 3%;

    }

    

    .pgcontato .formulario {

        width: 50%;

    }

    

    #formcontato {

        width: 100%;

    }

    

    #formcontato ::-webkit-input-placeholder {

        color: #999;

    }

    

    #formcontato :-moz-placeholder {

        /* Firefox 18- */

        color: #999;

    }

    

    #formcontato ::-moz-placeholder {

        /* Firefox 19+ */

        color: #999;

    }

    

    #formcontato :-ms-input-placeholder {

        color: #999;

    }

    

    .pgcontato .text_atendimento .titulo {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #1FB8EA;

        text-align: left;

    }

    

    .pgcontato .text_atendimento .text {

        color: #333;

        font-size: 17px;

        font-family: "TrendaLight";

        text-align: justify;

    }

    

    .pgcontato .text_atendimento .subtitulo {

        color: #666;

        font-size: 19px;

        font-family: "TrendaBold";

        text-align: left;

    }

    

    .pgcontato .text_atendimento .box-text {

        display: flex;

        flex-direction: column;

    }

    

    .pgcontato .text_atendimento .icon-comercial {

        position: relative;

        padding-left: 40px;

    }

    

    .pgcontato .text_atendimento .icon-comercial::before {

        content: '';

        width: 30px;

        height: 25px;

        position: absolute;

        background-image: url('../images/icon-contato/icon-comercial.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .pgcontato .text_atendimento .icon-plantao {

        position: relative;

        padding-left: 40px;

    }

    

    .pgcontato .text_atendimento .icon-plantao::before {

        content: '';

        width: 30px;

        height: 30px;

        position: absolute;

        background-image: url('../images/icon-contato/icon-plantao.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .pgcontato .text_atendimento .icon-time {

        position: relative;

        padding-left: 40px;

    }

    

    .pgcontato .text_atendimento .icon-time::before {

        content: '';

        width: 30px;

        height: 30px;

        position: absolute;

        background-image: url('../images/icon-contato/icon-time.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .pgcontato .text_atendimento .icon-email {

        position: relative;

        padding-left: 40px;

    }

    

    .pgcontato .text_atendimento .icon-email::before {

        content: '';

        width: 35px;

        height: 28px;

        position: absolute;

        background-image: url('../images/icon-contato/icon-email.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .pgcontato .text_atendimento .icon-local {

        position: relative;

        padding-left: 40px;

    }

    

    .pgcontato .text_atendimento .icon-local::before {

        content: '';

        width: 30px;

        height: 31px;

        position: absolute;

        background-image: url('../images/icon-contato/icon-local.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 40%;

        transform: translateY(-50%);

    }

    

    .pgcontato .text_atendimento .txt1 {

        color: #666;

        font-size: 18px;

        font-family: "TrendaBold";

    }

    

    .pgcontato .text_atendimento .txt2 {

        color: #666;

        font-size: 18px;

        font-family: "TrendaLight";

    }

    

    .inf-mapa .container {

        display: flex;

        justify-content: space-between;

    }

    

    .inf-mapa .estacao {

        width: 30%;

    }

    

    .inf-mapa .estacao .titulo {

        color: #15559C;

        font-size: 19px;

        font-family: "TrendaBold";

    }

    

    .inf-mapa .aterro {

        width: 30%;

    }

    

    .inf-mapa .aterro .titulo {

        color: #15559C;

        font-size: 19px;

        font-family: "TrendaBold";

    }

    

    .inf-mapa .ecoponto {

        width: 30%;

    }

    

    .inf-mapa .ecoponto .titulo {

        color: #15559C;

        font-size: 19px;

        font-family: "TrendaBold";

    }

    

    .inf-mapa .box-text {

        display: flex;

        flex-direction: column;

    }

    

    .inf-mapa .box-text .txt2 {

        color: #666666;

        font-size: 18px;

        font-family: "TrendaLight";

    }

    

    .inf-mapa .box-text .icon-comercial {

        position: relative;

        padding-left: 40px;

    }

    

    .inf-mapa .box-text .icon-comercial::before {

        content: '';

        width: 30px;

        height: 25px;

        position: absolute;

        background-image: url('../images/icon-contato/icon-comercial.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .inf-mapa .box-text .icon-time {

        position: relative;

        padding-left: 40px;

    }

    

    .inf-mapa .box-text .icon-time::before {

        content: '';

        width: 30px;

        height: 30px;

        position: absolute;

        background-image: url('../images/icon-contato/icon-time.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 40%;

        transform: translateY(-50%);

    }

    

    .inf-mapa .box-text .icon-email {

        position: relative;

        padding-left: 40px;

    }

    

    .inf-mapa .box-text .icon-email::before {

        content: '';

        width: 35px;

        height: 28px;

        position: absolute;

        background-image: url('../images/icon-contato/icon-email.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 50%;

        transform: translateY(-50%);

    }

    

    .inf-mapa .box-text .icon-local {

        position: relative;

        padding-left: 40px;

    }

    

    .inf-mapa .box-text .icon-local::before {

        content: '';

        width: 30px;

        height: 31px;

        position: absolute;

        background-image: url('../images/icon-contato/icon-local.png');

        background-size: cover;

        background-position: center;

        left: 0;

        top: 25%;

        transform: translateY(-50%);

    }

    /**/

    

    #return-to-top {

        position: fixed;

        z-index: 20;

        bottom: 80px;

        /* bottom: 20px; */

        /* right: 20px; */

        right: 200px;

        background: rgb(7, 130, 171);

        /* background: rgba(0, 0, 0, 0.7); */

        background: rgba(26, 190, 245, 0.7);

        width: 50px;

        height: 50px;

        display: block;

        text-decoration: none;

        -webkit-border-radius: 35px;

        -moz-border-radius: 35px;

        border-radius: 35px;

        display: none;

        -webkit-transition: all 0.3s linear;

        -moz-transition: all 0.3s ease;

        -ms-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }

    

    #return-to-top i {

        color: #fff;

        margin: 0;

        position: relative;

        left: 16px;

        top: 13px;

        font-size: 19px;

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        -ms-transition: all 0.3s ease;

        -o-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }

    

    #return-to-top:hover {

        background: rgba(1, 130, 171, 0.9);

    }

    

    #return-to-top:hover i {

        color: #fff;

        top: 5px;

    }

    

    #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {

        font-family: "TrendaBold";

        font-size: 13px;

    }

    

    .contraste {

        background-color: #000!important;

        color: #fff!important;

    }

    

    .contraste2 {

        background-color: #000!important;

        color: #ff0 !important;

    }

    

    #btnAdContraste {

        border: 0;

        padding: .5rem 0.4rem;

        background: transparent;

    }

    

    #btnReContraste {

        border: 0;

        padding: .5rem 0.4rem;

        background: transparent;

    }

    

    #mes select {

        background-color: #202e44!important;

    }

    

    header.video {

        background: #000!important;

        color: #000!important;

    }

    

    header.video input,

    select {

        background: #000!important;

        color: #000!important;

        border: none;

        display: none;

    }

    

    header.video select,

    button {

        overflow: hidden;

        -webkit-appearance: none;

        -moz-appearance: none;

        appearance: none;

        border: none;

        /* display: none; */

    }

    

    #navbarResponsive {

        background-color: #00814F;

        color: #FFF;

    }

    

    .logo-header {

        position: relative;

        top: -13px;

        height: 42px;

    }

    

    .static-top {

        position: fixed;

        /* z-index: 1000; */

        z-index: 10;

        -webkit-animation: fadeInDown .5s;

        animation: fadeInDown .5s;

    }

    

    .static-top-menu {

        position: fixed;

        z-index: 1000;

        -webkit-animation: fadeInDown .5s;

        animation: fadeInDown .5s;

        background-color: #fff;

        top: 43px;

        width: 100%;

        border-bottom: 2px solid #1FB8EA;

    }

    

    .static-top-menu-hidden {

        display: none;

    }

    

    .header-menu img {

        position: relative;

        top: -25px;

        width: 200px;

        /* width: 80%; */

        margin-right: 5%;

    }

    

    .nav-link-top {

        padding: .5rem 0.4rem;

    }

    

    #btnDiminuir {

        border: 0;

        padding: .5rem 0.4rem;

        background: transparent;

    }

    

    #btnAumentar {

        border: 0;

        padding: .5rem 0.4rem;

        background: transparent;

    }

    

    .footer-fixo {

        position: fixed;

        z-index: 1000;

        -webkit-animation: fadeInDown .5s;

        animation: fadeInDown .5s;

        background-color: #D8EFFA;

        bottom: 0;

        width: 100%;

        height: 4em;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    

    .footer-fixo .container {

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

    

    .footer-fixo-hidden {

        display: none;

    }

    

    .fone-footer {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #15559C;

        display: flex;

        align-items: center;

    }

    

    .email-footer {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #014063;

    }

    

    .nav-link-cont {

        color: #999;

    }

    

    .btn_not-cont {

        font-family: "TrendaBold";

        text-transform: none !important;

        font-size: 13px;

        color: #fff !important;

        background-color: #000;

        border: 1px solid #fff;

        border-radius: 15px;

    }

    

    .btn_not-cont:hover {

        color: #fff !important;

        background-color: #000;

        border: 1px solid #fff;

    }

    

    .campanhas .btn_proj-cont {

        color: #fff;

        background-color: #000;

        border: 1px solid #fff;

        border-radius: 15px;

    }

    

    .campanhas .btn_proj-cont:hover {

        color: #fff!important;

        background-color: #000!important;

        border: 1px solid #fff!important;

    }

    

    .campanhas .img-res {

        height: 282px;

        object-fit: cover;

        object-position: center;

    }

    /*HOME INFOMAÇÕES MANUNTENCAO DA REDE E BANDEIRA*/

    

    .inf-pc {

        display: block;

        background-color: #F9F9F9;

    }

    

    .inf-pc .container {

        display: flex;

    }

    

    .inf-pc .box-manunt {

        display: flex;

        align-items: center;

    }

    

    .inf-pc .box-band {

        display: flex;

        align-items: center;

    }

    

    .inf-pc .inf-titulo {

        font-family: "TrendaBold";

        font-size: 25px;

        color: #999;

    }

    

    .inf-mobile {

        display: none;

    }

    

    .inf-mobile {

        background-color: #F9F9F9;

    }

    

    .inf-mobile .box-manunt {

        width: 100%;

        border-right: 0px;

    }

    

    .inf-mobile .box-band {

        width: 100%;

    }

    /*NUMEROS*/

    

    .call-to-action .container {

        display: flex;

    }

    

    .call-to-action .box {

        width: 100%;

        display: flex;

        align-items: center;

        justify-content: space-around;

    }

    

    .call-to-action .text {

        width: 40%;

    }

    

    .call-to-action .item {

        display: flex;

        align-items: center;

        flex-direction: column;

        width: 30%;

        padding-top: 50px;

    }

    

    .call-to-action .item .counter {

        color: #1DB8EB;

        font-family: "TrendaBold";

        font-size: 34px;

        padding: 10px 0;

    }

    

    .call-to-action .item .cubico {

        color: #1DB8EB;

        font-family: "TrendaBold";

        font-size: 34px;

        padding: 10px 0;

    }

    

    .call-to-action .item .titulo {

        font-family: 'TrendaBold';

        font-size: 18px;

    }

    

    .call-to-action .text1 {

        font-family: "TrendaBold";

        font-size: 20px;

        text-align: center;

        font-weight: bold;

    }

    

    .call-to-action .text2 {

        font-family: "TrendaBold";

        font-size: 23px;

        text-align: center;

        padding: 25px 0;

        line-height: 25px;

    }

    

    .call-to-action .text3 {

        font-family: "TrendaBold";

        font-size: 15px;

        text-align: center;

        font-weight: bold;

    }

    /*MENU*/

    

    .menu .titulo {

        font-family: "TrendaLight";

        color: #15559C;

        font-size: 20px;

    }

    

    .menu .subtitulo {

        font-family: "TrendaBold";

        color: #15559C;

        font-size: 20px;

    }

    

    .menu ul li {

        display: flex;

        align-items: center;

    }

    

    .menu .box {

        display: flex;

        flex-direction: column;

        margin-left: 5%;

        line-height: 20px;

    }

    

    .menu a {

        width: 100%;

    }

    

    .menu ul {

        margin-left: 0;

        padding-left: 0;

    }

    

    .menu ul li:hover {

        background-color: #15559C;

        color: #fff;

    }

    

    .menu ul li .menu-branco {

        display: none;

    }

    

    .menu ul li:hover .menu-branco {

        display: block;

    }

    

    .menu ul li:hover .menu-normal {

        display: none;

    }

    /*SECTION INF*/

    

    .inf {

        z-index: 1;

        margin: -80px 0 0;

        position: relative;

    }

    

    .inf .container {

        display: flex;

    }

    

    .inf .item {

        width: 32%;

        background-color: #52B7D7;

        margin-right: 1%;

        color: #fff;

    }

    

    .inf .item1 {

        display: flex;

        display: -webkit-flex;

        align-items: center;

        justify-content: center;

    }

    

    .inf .item1 a {

        display: flex;

        color: #fff;

    }

    

    .inf .item2 a {

        display: flex;

        align-items: center;

        color: #fff;

    }

    

    .inf .item3 a {

        display: flex;

        color: #fff;

        flex-direction: column;

        align-items: center;

    }

    

    .inf .item1 .box {

        display: flex;

        display: -webkit-flex;

        flex-direction: column;

        /* height: 100px;







    line-height: 20px; */

    }

    

    .inf .item2 {

        display: flex;

        align-items: center;

        justify-content: center;

    }

    

    .inf .item2 .text {

        width: 50%;

    }

    

    .inf .item3 {

        display: flex;

        align-items: center;

        justify-content: center;

        flex-direction: column;

    }

    

    .inf .item .txtlight {

        font-family: "TrendaLight";

        font-size: 20px;

    }

    

    .inf .item .txtbold {

        font-family: "TrendaBold";

        font-size: 20px;

    }

    /*EMPRESA HOME*/

    

    .empresa-home .container {

        display: flex;

    }

    

    .empresa-home .text {

        width: 50%;

    }

    

    .empresa-home .video {

        width: 50%;

        margin-right: 3%;

    }

    

    .empresa-home .text .titulo {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #52B7D7;

    }

    

    .empresa-home .text .subtitulo {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #666;

    }

    /*COLETA SELETIVA*/

    

    .coleta-seletiva .container {

        display: flex;

    }

    

    .coleta-seletiva .titulo {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #52B7D7;

        border-bottom: 2px solid #8DCE70;

        width: 20%;

        text-align: left;

    }

    

    .img-coleta {

        display: block;

    }

    

    .img-coleta-mob {

        display: none;

    }

    /*NOTICIAS HOME*/

    

    .noticias_home .titulo {

        font-family: "TrendaBold";

        font-size: 25px;

        color: #15559C;

        border-bottom: 2px solid #04B7F2;

        width: 20%;

        text-align: left;

    }

    

    .noticias_home small {

        font-family: "TrendaBold";

        font-size: 15px;

        color: #333;

    }

    

    .noticias_home .card-title {

        color: #666666;

        font-family: "TrendaBold";

        font-size: 20px;

    }

    

    .noticias_home .btn-not {

        color: #999;

        font-family: "TrendaBold";

        font-size: 15px;

    }

    /*DICAS COLETA SELETIVA*/

    

    .dicas-coleta-seletiva {

        background-image: linear-gradient(to bottom, #0C85AD, #8BD5E8);

        color: #fff;

    }

    

    .dicas-coleta-seletiva .container {

        display: flex;

    }

    

    .dicas-coleta-seletiva .box-text {

        display: flex;

        flex-direction: column;

        justify-content: center;

        width: 30%;

    }

    

    .dicas-coleta-seletiva .box-text .txt1 {

        font-family: 'TrendaBold';

        font-size: 22px;

        margin-bottom: 5%;

    }

    

    .dicas-coleta-seletiva .box-text .txt2 {

        font-family: "TrendaLight";

        font-size: 18px;

    }

    

    .dicas-coleta-seletiva .box-img {

        width: 70%;

    }

    

    .dicas-coleta-seletiva .titulo {

        font-family: "TrendaBold";

        font-size: 20px;

        margin: 5% 0;

    }

    

    .dicas-coleta-seletiva .box-img .list-img img {

        -webkit-transition: -webkit-transform .25s ease;

        -moz-transition: -moz-transform .25s ease;

        -o-transition: -o-transform .25s ease;

        -ms-transition: -ms-transform .25s ease;

        transition: transform .25s ease;

    }

    

    .dicas-coleta-seletiva .box-img .list-img img:hover {

        -webkit-transform: scale(1.2, 1.2);

        -moz-transform: scale(1.2, 1.2);

        -o-transform: scale(1.2, 1.2);

        -ms-transform: scale(1.2, 1.2);

        transform: scale(1.2, 1.2);

        cursor: pointer;

    }

    

    .dicas-coleta-seletiva .box-img .list-img {

        display: flex;

        justify-content: space-around;

        padding-bottom: 5%;

    }

    /*HOME LOGOS*/

    

    .logos-home .container {

        display: flex;

        align-items: center;

        justify-content: space-between;

    }

    /*PAG ADMINSTRACAO FISCAL*/

    

    .header_adm {

        background-color: #15559C;

        height: 7em;

    }

    

    .header_adm .tit {

        font-family: "TrendaLight";

        font-size: 27px;

        text-transform: none;

        margin-bottom: 2%;

        width: 100%;

        color: #FFFFFF;

    }

    

    .header_adm .box-titulo {

        width: 100%;

        margin-left: auto;

        margin-right: auto;

        /* margin-top: 7em; */

        margin-top: 2.3em;

        padding-bottom: 30px;

    }

    /*PAG HOME AUTOATENDIMENTO*/

    

    .mostraAutoatendimento {

        color: #04B7F2;

        font-size: 30px;

    }

    

    .iconcontatowhats a {

        font-family: "TrendaBold";

        font-size: 20px;

    }

    /*PAG INFOMACOES TECNICAS*/

    

    .inf-tecnicas {

        font-size: 18px;

        text-align: left;

    }

    

    .inf-tecnicas .titulo {

        font-size: 18px;

        color: #999999;

        margin-bottom: 3%;

    }

    

    .inf-tecnicas-links .container {

        display: flex;

        flex-direction: row;

    }

    

    .inf-tecnicas-links ul {

        display: flex;

        flex-direction: row;

        margin: 0;

        padding: 0;

        flex-wrap: wrap;

    }

    

    .inf-tecnicas-links li {

        font-size: 17px;

        display: flex;

        flex-direction: row;

        padding: 20px 30px;

        background-color: #F3F3F3;

        margin-right: 1%;

        /* width: 30%; */

        /* width: 235px; */

        width: 24%;

        height: auto;

        text-align: left;

        margin-bottom: 1%;

    }

    /*MENU*/

    

    .header-toolbar {

        display: block;

        width: 100%;

        min-height: 20px;

        padding: 2px 0;

        /* background-color: #F2F2F2; */

        background-color: #fff;

        font-family: "TrendaLight";

        font-size: 14px;

    }

    

    .top-menu {

        list-style-type: none;

    }

    

    .header-toolbar .top-menu ul li {

        margin-left: 10%;

    }

    

    .header-toolbar .top-menu .nav-link {

        /* color: #999!important; */

        color: #999;

    }

    

    .header-inner .container {

        display: flex;

        justify-content: space-between;

    }

    

    .header-inner {

        padding: 1em 0;

        display: none;

    }

    

    .header-info-boxes {

        display: flex;

        justify-content: flex-end;

        width: 100%;

    }

    

    .header-info-box {

        margin-left: 3%;

    }

    

    .bg-dark-navy {

        background-color: #10408A!important;

    }

    

    .boxed-menu .main-nav a.nav-link:hover,

    .boxed-menu .main-nav a.nav-link:focus {

        color: #fff;

    }

    

    .navbar-nav {

        width: 100%;

        color: #fff!important;

        font-family: "TrendaBold";

        font-size: 17px;

    }

    

    .header .nav-link {

        color: #fff;

    }

    

    .boxed-menu .main-nav {

        max-width: 1110px;

        margin-left: auto;

        margin-right: auto;

    }

    

    .main-wrapper {

        overflow-x: hidden;

        background-color: #fff;

    }

    

    .main-nav {

        z-index: 5555;

    }

    

    .boxed-menu .main-nav {

        /* max-width: 720px; */

        margin-left: auto;

        margin-right: auto;

        margin-bottom: -25px;

    }

    /*HOME AUTOATENDIMENTO*/

    

    .autoatendimento {

        margin-bottom: 1em;

    }

    

    .autoatendimento .container {

        display: flex;

        flex-direction: column;

        text-align: left;

    }

    

    .autoatendimento .box-mun {

        display: flex;

        flex-wrap: wrap;

    }

    

    .autoatendimento a {

        color: #333;

        text-align: center;

    }

    

    .autoatendimento .card {

        font-size: 17px;

        font-family: "TrendaLight";

        margin-right: 1%;

        margin-bottom: 1%;

        background-color: #FFFFFF;

        border: 1px solid #E8E8E8;

        width: 24%;

        position: relative;

        transition: all .3s ease, top .3s ease .15s;

        top: 0;

    }

    

    .autoatendimento .card:hover {

        background-color: #15559C;

        color: #fff;

        top: -2em;

    }

    

    .autoatendimento .card:hover .card-title {

        color: #fff;

    }

    

    .autoatendimento .card:hover .card-text {

        color: #fff;

    }

    

    .autoatendimento .card:hover a {

        color: #fff;

    }

    

    .autoatendimento .img-branca {

        display: none;

    }

    

    .autoatendimento .card:hover .img-branca {

        display: block;

    }

    

    .autoatendimento .card:hover .img-normal {

        display: none;

    }

    

    .autoatendimento .card .titulo {

        font-family: "TrendaLight";

        font-size: 22px;

        margin: 0;

        padding: 0;

    }

    

    .autoatendimento .card .subtitulo {

        font-family: "TrendaBold";

        font-size: 23px;

    }

    

    .autoatendimento .card .card-body {

        margin-top: 0;

        padding-top: 0;

        padding-bottom: 0.5px;

    }

    

    .autoatendimento .box-nac {

        display: flex;

        flex-wrap: wrap;

    }

    

    .autoatendimento .box-mun .card-title {

        color: #15559C

    }

    

    .autoatendimento .box-mun .card-text {

        color: #fff;

        font-family: "TrendaLight";

        font-size: 17px;

    }

    

    .autoatendimento .box-mun .card-text:hover {

        /* color: #10408A; */

        color: #fff;

    }

    

    .autoatendimento .box-mun .card-text a:hover {

        /* color: #10408A; */

        color: #fff;

    }

    

    .autoatendimento .titulo {

        font-size: 30px;

        text-align: center;

        font-family: "TrendaBold";

        color: #15559C;

    }

    

    .text-sust {

        text-align: left;

        font-size: 18px;

        font-family: "TrendaLight";

    }

    /*PAG CONHEÇA SUA FATURA*/

    

    .box-fatura .box-img {

        width: 50%;

    }

    

    .box-fatura .box-txt {

        width: 50%;

    }

    /*PAG DICAS*/

    

    .dicas {

        width: 100%;

    }

    

    .dicas .titulo {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #666;

        margin-bottom: 1%;

    }

    

    .dicas .txt {

        font-size: 16px;

        font-family: "TrendaLight";

        color: #999999;

    }

    

    .dicas .txt-dicas {

        font-size: 18px;

        font-family: "TrendaLight";

        color: #999999;

        text-align: left;

    }

    

    .dicas h2 {

        font-size: 30px;

        font-family: "TrendaBold";

        color: #007DCC;

        text-align: left;

        margin-bottom: 2%;

    }

    

    .dicas .container {

        display: flex;

    }

    

    .dicas .menu {

        font-family: "TrendaBold";

        font-size: 16px;

        text-align: left;

        width: 30%;

        /* width: 350px; */

        /* width: 420px; */

    }

    

    .dicas .menu ul li {

        background-color: #F5F5F5;

        list-style-type: none;

        border-bottom: 2px solid #fff;

        padding: 5% 1%;

    }

    

    .dicas .conteudo {

        width: 100%;

    }

    

    .dicas .conteudo .txt {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #333;

        text-align: justify;

    }

    /*PAG BANDEIRAS TARIFARIAS*/

    

    .box-bandeiras {

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

    }

    

    .box-bandeiras .box-img-band {

        width: 31%;

    }

    

    .box-bandeiras .box-dados-band {

        width: 67%;

        font-size: 17px;

        text-align: left;

        font-family: "TrendaLight";

    }

    

    .box-bandeiras .box-dados-band strong {

        font-family: "TrendaBold";

        font-weight: bold;

        color: #999;

    }

    

    .titulo_ban_tar {

        color: #007246;

        font-weight: bold;

        font-family: "TrendaBold";

    }

    

    .band-tarifaria-pdf .container {

        display: flex;

    }

    

    .band-tarifaria-pdf ul {

        /* display: flex; */

        padding-left: 0!important;

    }

    

    .band-tarifaria-pdf .box {

        width: 100%;

    }

    

    .band-tarifaria-pdf ul li {

        width: 100%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .band-tarifaria-pdf .titulo_pdf {

        font-family: "TrendaLight";

        color: #007346;

        font-size: 17px;

    }

    

    .band-tarifaria-pdf a {

        font-size: 15px;

        font-family: "TrendaBold";

    }

    /*PAG INSTITUCIONAL*/

    

    .inst {

        background-size: cover;

        background-attachment: fixed;

        padding: 50px;

        color: #fff;

    }

    

    .inst .container {

        display: flex;

        flex-direction: row;

    }

    

    .box-mis-vis {

        display: flex;

        flex-direction: column;

        width: 50%;

    }

    

    .box-val {

        display: flex;

        width: 50%;

    }

    

    .inst .missao {

        padding: 10px 18px;

    }

    

    .inst .missao .titulo {

        font-family: "TrendaBold";

        font-size: 30px;

    }

    

    .inst .valores {

        padding: 10px 18px;

    }

    

    .inst .valores .titulo {

        font-family: "TrendaBold";

        font-size: 30px;

    }

    

    .inst .visao {

        padding: 10px 18px;

    }

    

    .inst .visao .titulo {

        font-family: "TrendaBold";

        font-size: 30px;

    }

    

    .box-ad .titulo {

        font-size: 18px;

    }

    

    .box-ad .texto {

        font-size: 18px;

        text-align: left;

    }

    

    .box-com .texto {

        font-size: 18px;

        text-align: left;

    }

    

    .box-area .texto {

        font-size: 18px;

        text-align: left;

    }

    

    .texto2 .titulo {

        font-size: 20px;

        color: #999;

        text-align: left;

    }

    

    .texto2 .box {

        display: flex;

    }

    

    .texto2 .box-text .titulo {

        font-size: 22px;

    }

    

    .texto2 .box-text {

        text-align: left;

        font-size: 18px;

    }

    

    .inst .box-text {

        font-size: 19px;

        text-align: left;

        font-family: "TrendaLight";

    }

    

    .texto2 {

        font-family: "TrendaLight";

        font-size: 18px;

    }

    

    .section-empresa-show .box-itens {

        width: 50%;

        display: flex;

        margin-bottom: 0.3%;

        flex-direction: row;

        flex-wrap: wrap;

    }

    

    .empresa-foto .container {

        display: flex;

        flex-wrap: wrap;

        flex-direction: column;

    }

    

    .empresa-foto .box {

        display: flex;

    }

    

    .empresa-foto .box-itens {

        display: flex;

        flex-direction: column;

        margin: 0.39%;

        width: 100%;

    }

    

    .empresa-foto .itens {

        margin-bottom: 1.8%;

        width: 100%;

    }

    /*















.empresa-foto .box-itens:nth-child(3n+2){















  flex-direction: column;















}































.empresa-foto .box-itens:nth-child(4n+3){















  flex-direction: row;















}































.empresa-foto .itens:nth-child(5n+1){















  width: 40%;















  /* margin: 0.7%; 



  



  }



  */

    

    .empresa-foto .itens:nth-child(7n+2) {

        width: 40%;

    }

    

    .empresa-foto .itens:nth-child(8n+3) {

        width: 40%;

    }

    

    .empresa-foto .itens:nth-child(9n+4) {

        width: 40%;

        margin: 0.5%;

    }

    

    .empresa-foto .itens:nth-child(10n+5) {

        width: 40%;

        margin: 0.5%;

    }

    

    */

    /*PAG COOPERATIVISMO*/

    

    .cooperativismo {

        padding: 50px;

        color: #999999;

        background-color: #F2F2F2;

    }

    

    .cooperativismo .container {

        display: flex;

        flex-direction: row;

    }

    

    .cooperativismo .box-mis-vis {

        display: flex;

        flex-direction: column;

        width: 50%;

    }

    

    .cooperativismo .box-val {

        display: flex;

        width: 50%;

    }

    

    .cooperativismo .box-text {

        font-size: 17px;

        text-align: left;

        padding: 0 15px;

    }

    

    .table thead th {

        font-family: "TrendaBold";

        font-size: 17px;

    }

    

    .table td {

        font-family: "TrendaLight";

        font-size: 17px;

    }

    /*PAG PERGUNTAS*/

    

    .perguntas .container {

        display: flex;

        flex-direction: column;

        text-align: left;

    }

    

    .perguntas .titulo {

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    .perguntas .titulo {

        cursor: pointer;

        color: #999999;

    }

    

    .perguntas h6 {

        font-family: "TrendaLight";

        font-size: 17px;

    }

    

    .perguntas .text {

        font-size: 17px;

        color: #333333;

    }

    /*PAG LEGISLAÇÃO*/

    

    .legislacao ul {

        /* display: flex; */

        padding-left: 0!important;

    }

    

    .legislacao ul li {

        width: 100%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .legislacao .titulo_pdf {

        color: #333;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .legislacao a {

        font-size: 15px;

        font-family: "TrendaBold";

    }

    

    .btn_legislacao .btn-leg {

        background-color: #007447;

        color: #FFDF00;

        padding: 10px 20px;

    }

    

    .legislacao .box {

        width: 100%;

    }

    

    .legislacao .titulo {

        font-size: 25px;

        font-family: "TrendaBold";

        color: #1FB8EA;

        text-align: left;

    }

    /*PAG CONCURSO*/

    

    .concursos ul {

        padding-left: 0!important;

    }

    

    .concursos ul li {

        width: 100%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .concursos .titulo_pdf {

        color: #333;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .concursos a {

        font-size: 15px;

        font-family: "TrendaBold";

    }

    

    .btn_legislacao .btn-leg {

        background-color: #007447;

        color: #FFDF00;

        padding: 10px 20px;

    }

    

    .concursos .box {

        width: 100%;

    }

    

    .concursos .titulo {

        font-size: 20px;

        font-family: "TrendaBold";

        color: #1FB8EA;

        text-align: left;

    }

    

    .concursos .texto {

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .concursos .link {

        text-align: left;

    }

    

    .concursos .link a {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #666;

    }

    /*PAG ATUACAO*/

    

    .section_agua .titulo {

        font-size: 25px;

        font-family: "TrendaBold";

        color: #1FB8EA;

    }

    

    .section_agua .texto {

        font-size: 18px;

        font-family: "TrendaLight";

        text-align: justify;

    }

    

    .section_agua .box-agua {

        display: flex;

        justify-content: space-between;

        flex-wrap: wrap;

    }

    

    .section_agua .item {

        width: 49%;

        margin-right: 1%;

        margin-bottom: 3%;

    }

    

    .section_agua .subtitulo {

        font-size: 18px;

        font-family: "TrendaLight";

        text-align: left;

    }

    

    .section_agua .img-agua {

        height: 450px;

        object-fit: cover;

        object-position: center;

    }

    

    .tratamento .container {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }

    

    .tratamento .titulo {

        text-align: center;

        color: #1FB8EA;

        font-size: 22px;

        font-family: "TrendaBold";

    }

    

    .tratamento .box {

        display: flex;

        justify-content: space-between;

        margin-bottom: 3%;

    }

    

    .tratamento .box-inf {

        text-align: left;

        width: 32%;

    }

    

    .tratamento .subtitulo {

        color: #666;

        font-size: 18px;

        font-family: "TrendaBold";

    }

    

    .tratamento .inf {

        font-size: 18px;

        font-family: "TrendaLight";

        color: #333;

        margin-top: 2%;

    }

    

    .tratamento .inf::before {

        content: "Localização: ";

        color: #666;

        font-size: 18px;

        font-family: "TrendaBold";

    }

    

    .tratamento .item-cap-tra::before {

        content: " Volume médio distribuído: ";

        color: #666;

        font-size: 18px;

        font-family: "TrendaBold";

    }

    

    .tratamento .item-pop::before {

        content: "População Atendida: ";

        color: #666;

        font-size: 18px;

        font-family: "TrendaBold";

    }

    

    .tratamento .item-bairro::before {

        content: "Bairros Atendidos: ";

        color: #666;

        font-size: 18px;

        font-family: "TrendaBold";

    }

    

    .tratamento .item-trat::before {

        content: "Tipo de Tratamento: ";

        color: #666;

        font-size: 18px;

        font-family: "TrendaBold";

    }

    

    .tratamento .item-img {

        width: 33%;

    }

    

    .tratamento .img-trat {

        height: 299px;

        object-fit: cover;

        object-position: center;

    }

    /*PAG ESGOTO*/

    

    .fases {

        margin: 4% 0 1% 0;

    }

    

    .fases .container {

        display: flex;

        flex-wrap: wrap;

    }

    

    .fases .titulo {

        color: #666;

        font-size: 35px;

        font-family: "TrendaBold";

    }

    

    .fases .subtitulo {

        color: #666;

        font-size: 18px;

        font-family: "TrendaLight";

    }

    

    .fases .fase_liquida {

        width: 48%;

        margin-right: 2%;

    }

    

    .fases .fase_solida {

        width: 48%;

    }

    

    img[usemap] {

        border: none;

        height: auto;

        max-width: 100%;

        width: auto;

    }

    

    .texto-esgoto {

        font-size: 18px;

        font-family: "TrendaLight";

        text-align: justify;

    }

    /*PAG ACESSIBILIDADE*/

    

    .acessibilidade ul {

        padding-left: 0!important;

    }

    

    .acessibilidade ul li {

        width: 100%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .acessibilidade .titulo_pdf {

        color: #10408A;

        font-size: 17px;

        font-family: "TrendaLight";

    }

    

    .acessibilidade a {

        font-size: 18px;

        font-family: "TrendaLight";

        color: #0D3F8C;

    }

    

    .btn_legislacao .btn-leg {

        background-color: #007447;

        color: #FFDF00;

        padding: 10px 20px;

    }

    

    .acessibilidade .box {

        width: 100%;

    }

    

    .acessibilidade .titulo {

        font-size: 22px;

        font-family: "TrendaBold";

        color: #10408A;

        text-align: left;

    }

    

    .acessibilidade .texto {

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: left;

    }

    

    .acessibilidade .link {

        text-align: left;

    }

    

    .acessibilidade .link a {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #10408A;

    }

    

    .acessibilidade .subtitulo {

        font-size: 18px;

        font-family: "TrendaBold";

        color: #999;

        text-align: left;

    }

    /*PAG TABELA TARIFARIA*/

    

    .tabela-tarifaria-pdf .container {

        display: flex;

    }

    

    .tabela-tarifaria-pdf ul {

        /* display: flex; */

        padding-left: 0!important;

    }

    

    .tabela-tarifaria-pdf .box {

        width: 100%;

    }

    

    .tabela-tarifaria-pdf ul li {

        width: 100%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .tabela-tarifaria-pdf .titulo_pdf {

        /* color: #014063; */

        font-size: 18px;

    }

    

    .tabela-tarifaria-pdf a {

        font-family: "TrendaBold";

        font-size: 15px;

    }

    /*PAG LRF*/

    

    .lrfpdf ul {

        display: flex;

        padding-left: 0!important;

    }

    

    .lrfpdf ul li {

        width: 100%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .lrfpdf a {

        font-size: 15px;

        font-family: "TrendaBold";

        font-size: 14px;

    }

    

    .lrf .btn-lrf {

        width: 170px!important;

    }

    

    .lrfpdf .titulo_pdf {

        font-size: 17px;

    }

    /*PAG TRANSPARENCIA*/

    

    .transparencia .box-trans-text {

        font-size: 18px;

        text-align: left;

        font-family: "TrendaLight";

    }

    

    .transparencia .box-trans-titulo {

        font-size: 22px;

        font-family: "TrendaBold";

        text-align: left;

        color: #666;

    }

    

    .formulario .btn-tran {

        display: flex;

        align-items: flex-end;

    }

    

    .formulario .btn-tran .btn {

        padding: 6px;

    }

    

    .formulario {

        font-family: "TrendaLight";

    }

    

    .transparencia ul {

        display: flex;

        padding-left: 0!important;

    }

    

    .transparencia ul li {

        width: 85%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .transparencia .titulo_pdf {

        color: #007346;

        font-size: 18px;

        font-family: "TrendaLight";

    }

    

    .transparencia a {

        font-size: 15px;

        font-family: "TrendaBold";

        font-size: 14px;

    }

    

    .modal-footer .btn {

        color: #999999;

        border: 1px solid #999999;

    }

    

    .modal-footer .btn:hover {

        background-color: #999999!important;

        color: #fff!important;

        border: 1px solid #999999!important;

    }

    

    .modal-body {

        font-family: "TrendaLight";

    }

    

    .trans-btn-pc {

        margin-left: 1%;

        width: 15%;

        display: block;

    }

    

    .trans-btn-mob {

        display: none;

    }

    

    .trans-btn-pc .btn-obse {

        font-size: 14px;

        background-color: #F3F3F3;

        padding: 5px 10px;

        margin-left: 1%;

        color: #999999;

        font-family: "TrendaBold";

    }

    

    .trans-btn-pc .btn-obse:hover {

        border: 1px solid f00;

        opacity: 1;

        -moz-opacity: 1;

        filter: alpha(opacity=100);

    }

    

    .trans-btn-mob .btn-obse {

        font-size: 14px;

        background-color: #F3F3F3;

        padding: 5px 10px;

        margin-left: 1%;

        color: #999999;

        font-family: "TrendaBold";

    }

    

    .trans-btn-mob .btn-obse:hover {

        border: 1px solid f00;

        opacity: 1;

        -moz-opacity: 1;

        filter: alpha(opacity=100);

    }

    

    .transparenciapdf .titulo_pdf {

        /* color: #10408A; */

        font-size: 18px;

        font-family: "TrendaLight";

    }

    

    .transparenciapdf ul {

        display: flex;

        padding-left: 0!important;

    }

    

    .transparenciapdf ul li {

        width: 85%;

        display: flex;

        justify-content: space-between;

        border-bottom: 1px solid #DADADA;

    }

    

    .transparenciapdf a {

        font-size: 15px;

        font-family: "TrendaBold";

        font-size: 14px;

    }

    /*PAG MANUTENCAO*/

    

    .manutencao {

        width: 100%;

        text-align: left;

        font-size: 18px;

        font-family: "TrendaLight";

    }

    

    .manutencao .tit-manun {

        color: #15559C;

        font-family: "TrendaBold";

    }

    

    .manutencao .list-banco {

        display: flex;

    }

    

    .manutencao h2 {

        font-size: 30px;

        font-family: "TrendaBold";

        color: #007DCC;

    }

    

    .manutencao .txt {

        padding-bottom: 1%;

        border-bottom: 1px solid #10408A;

    }

    

    .manutencao .box:last-child .txt {

        border-bottom: none;

    }

    

    .manutencao .txt span {

        font-size: 18px;

        font-family: "TrendaLight";

        color: #999999;

        display: block;

    }

    /*PAG DENUCIE*/

    

    .header_den {

        position: relative;

        background-color: #222;

        background-size: cover;

        background-attachment: scroll;

        /* height: 28em; */

    }

    /*PAG DENUCIE*/

    

    .denucie .container {

        display: flex;

    }

    

    .denucie .menu {

        font-family: "TrendaBold";

        font-size: 16px;

        text-align: left;

        /* width: 50%; */

        /* width: 350px; */

        width: 310px;

        /* width: 420px; */

    }

    

    .denucie .menu ul li {

        background-color: #fff;

        list-style-type: none;

        border: 1px solid #E8E8E8;

        padding: 5% 1%;

        margin-bottom: 1.5%;

    }

    

    .denuncie .menu ul li:hover {

        background-color: #15559C;

        color: #fff;

    }

    

    .menu ul li:hover {

        background-color: #15559C;

        color: #fff;

    }

    

    .menu ul li:hover .titulo {

        background-color: #15559C;

        color: #fff;

    }

    

    .menu ul li:hover .subtitulo {

        background-color: #15559C;

        color: #fff;

    }

    

    .denucie .cadastro {

        width: 80%;

    }

    

    .denucie .cadastro .txt {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #333;

        text-align: justify;

    }

    

    .denucie .list-banco {

        display: flex;

        flex-wrap: wrap;

    }

    

    .denucie .list-banco .itens {

        width: 23%;

        margin: 0.5%;

    }

    

    .formulario_cadastro {

        text-align: left;

    }

    

    .formulario_cadastro span {

        font-size: 21px;

    }

    

    .formulario_cadastro .formtext {

        font-family: "TrendaLight";

        font-size: 19px;

        color: #999999;

        margin-left: 10px;

    }

    

    .formulario_cadastro label,

    input,

    select,

    textarea {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #333;

    }

    

    .formulario_cadastro .idenf {

        font-family: "TrendaBold"!important;

        font-size: 17px;

        color: #999999;

    }

    

    .formulario_cadastro .btn-success {

        /* background-color: #88C54B;















  border: 1px solid #88C54B!important; */

        background-color: #15559C;

        border: 1px solid #15559C !important;

        text-transform: capitalize;

        width: 132px;

        border-radius: 10px;

        font-family: "TrendaLight";

    }

    

    .formulario_cadastro .btn-success:hover {

        background-color: #1FB8EA!important;

        border: 1px solid #1FB8EA!important;

        color: #fff!important

    }

    

    .formulario_cadastro .titulo-den {

        font-family: "TrendaBold";

        font-size: 18px;

        color: #666 !important;

        margin: 2% 0;

    }

    

    select {

        background: #fff !important;

        color: #999 !important;

    }

    

    .menu-mob {

        display: none;

    }

    

    .menu-mob .custom-select {

        background-color: #fff!important;

        color: #333!important;

    }

    /**/

    /* #mainNav .navbar-collapse .navbar-nav > .nav-item > .dropdown-menu > .dropdown-item */

    

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {

        /* background-color: #f5f5f5; */

        background-color: #368;

    }

    

    .dropdown-submenu {

        position: relative;

    }

    

    .dropdown-toggle::after {

        display: none;

    }

    

    .dropdown-submenu a::after {

        transform: rotate(-90deg);

        position: absolute;

        right: 6px;

        top: .8em;

    }

    

    .dropdown-submenu .dropdown-menu {

        top: 0;

        left: 100%;

        margin-left: .1rem;

        margin-right: .1rem;

    }

    

    .dropdown:hover>.dropdown-menu {

        display: block;

    }

    

    .dropdown-menu {

        border-radius: 0;

        padding-left: 15px;

        padding-right: 15px;

    }

    

    .box-overlay {

        position: relative;

        max-width: 800px;

        /* Maximum width */

        margin: 0 auto;

        /* Center it */

        font-family: "TrendaLight";

        font-size: 15px;

    }

    

    .box-overlay .content {

        position: absolute;

        /* Position the background text */

        bottom: 0;

        /* At the bottom. Use top:0 to append it to the top */

        background: rgba(15, 164, 253, 0.5);

        /* Black background with 0.5 opacity */

        color: #fff;

        /* Grey text */

        width: 80%;

        /* Full width */

        padding: 10px;

        /* Some padding */

        text-align: left;

    }

    /* .navbar-nav .dropdown .dropdown-menu .dropdown-item {



    background-color: #367!important;



} */

    /*top header*/

    

    .top-header.transparent {

        background-color: transparent;

    }

    

    .top-header.transparent {

        background-color: transparent;

        border-bottom: 0px;

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        z-index: 100;

    }

    

    .top-memu {

        margin-top: 15px;

        position: fixed;

        left: 47%;

    }

    

    .top-memu ul li a {

        color: #fff;

        font-weight: 300;

        font-size: 12px;

    }

    

    .top-menu-link {

        color: #999!important;

    }

    

    .top-menu-margin {

        margin-top: 5px

    }

    

    .navbar-nav .link a {

        background-color: transparent!important;

    }

    

    .navbar-nav .dropdown-item a:hover {

        background-color: #F5F5F5;

    }

    

    .dropdown-item {

        color: #999;

        font-family: "TrendaLight";

        font-size: 15px;

    }

    

    .navbar-nav .nav-item .dropdown ul li:hover {

        background-color: transparent!important;

    }

    

    .dropdown-item:hover {

        color: #666;

    }

    

    .navbar-nav .link a:hover {

        border-bottom: 1px solid #7EC448;

    }

    

    .dropdown-divider {

        border-bottom: 1px solid #014063;

    }

    /* .bg-txt{















  margin-top: 5px;















} */

    

    .tit {

        font-family: 'TrendaBold';

        font-size: 35px;

        /* border-bottom: 1px solid #7EC448; */

        /* font-style: italic; */

        text-transform: capitalize;

        margin-bottom: 2%;

    }

    

    .box-titulo {

        width: 200px;

        margin-left: auto;

        margin-right: auto;

        margin-top: 150px;

        padding-bottom: 80px;

    }

    

    .box-inst {

        font-family: "TrendaLight";

        font-size: 17px;

        text-align: justify;

        background-color: #FFF;

        padding: 0px;

        Color: #333;

        /* height: 90%; */

    }

    

    .box-pres {

        display: flex;

        font-size: 17px;

        flex-wrap: wrap;

    }

    

    .cadastro .titulo_pag {

        font-size: 25px;

        /* color: #003F63; */

        color: #1FB8EA;

    }

    

    .box-pres .box-inf-pres {

        display: flex;

        flex-direction: column;

        align-items: center;

        margin-right: 0.8%;

        width: 16%;

    }

    

    .box-pres .box-inf-pres:nth-child(6n) {

        margin-right: 0;

    }

    

    .box-pres .desc {

        font-family: "TrendaLight";

        font-size: 17px;

        width: 100%;

    }

    

    .inst-titulo1 {

        font-family: "TrendaBold";

        font-size: 35px;

        color: #1FB8EA;

    }

    

    .inst-titulo2 {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #88C54B;

    }

    

    .institucional .box_neg {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        flex-direction: column;

        width: 80%;

        margin-left: auto;

        margin-right: auto;

    }

    

    .institucional .item {

        position: relative;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: end;

        -webkit-box-align: end;

        -ms-flex-align: end;

        align-items: flex-end;

        margin: 1%;

        /* width: 32%; */

    }

    

    .institucional .item img {

        width: 100%;

    }

    /*.institucional .item {*/

    /* position: relative; */

    /* margin-right: 15px;















     margin-left: 15px; */

    /*}*/

    

    .institucional .item .overlay {

        position: absolute;

        z-index: 1;

        /* top: 305px;















     left: 0; */

        width: 100%;

        height: 17%;

        opacity: 1;

        background-color: #007DCD;

    }

    

    .institucional .item .team-caption {

        position: absolute;

        z-index: 2;

        top: 92%;

        left: 50%;

        width: 100%;

        margin: auto;

        padding: 15px;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        color: rgba(255, 255, 255, 0.7);

        color: #fff;

    }

    

    .titulo-table {

        background-color: #BADCC5;

        color: #fff;

    }

    

    .institucional table {

        margin-bottom: 0!important;

        font-size: 17px;

    }

    

    .institucional table td:first-child {

        text-align: left;

    }

    

    .institucional table th:first-child {

        text-align: left;

    }

    

    .institucional table tr:nth-child(even) {

        background-color: #F2F2F2

    }

    

    .institucional table tr:nth-child(odd) {

        /* background-color: #BADCC5; */

        background-color: rgba(186, 220, 197, 0.5);

    }

    

    .empresa-foto .box-1 {

        width: 50%;

        margin-right: 0.6%;

    }

    

    .empresa-foto .box-1 img {

        width: 100%;

    }

    

    .empresa-foto .box-2 {

        width: 50.1%;

    }

    

    .empresa-foto .box-3 {

        width: 99.3%;

    }

    

    .empresa-foto .box-2 img {

        width: 100%;

    }

    

    .empresa-foto .box-3 img {

        width: 100%;

    }

    

    .btn-vermais-fotos {

        font-family: "TrendaBold";

        font-size: 22px;

        color: #999;

    }

    /* .empresa-foto .box-3 img:nth-child(2){















  margin-right: 0;















} */

    

    .numeros {

        background-size: cover;

        background-attachment: fixed;

        padding: 50px;

    }

    

    .numeros .titulo {

        font-family: "TrendaBold";

        font-size: 35px;

        color: #fff;

    }

    

    .box-numeros {

        padding: 2px;

        margin-top: 5px;

    }

    

    .numeros {

        display: block;

    }

    

    .numeros_mobile {

        display: none;

    }

    

    .empresas .container {

        display: flex;

        flex-direction: column;

    }

    

    .empresas .emp-titulo {

        font-family: 'TrendaBold';

        font-size: 30px;

        color: #88C54B;

    }

    

    .atuacao {

        background-position: center;

        background-size: 100%;

        width: 100%;

        padding-top: 23.833333333%;

        height: 0;

        padding-bottom: 15%;

    }

    /*map*/

    

    .map .painel-map-nav {

        margin-top: 0;

        /* margin-top: 30px; */

    }

    

    .map .painel-map-nav ul.abas {

        height: 50px;

    }

    

    .map .painel ul {

        list-style: none;

        margin: 0;

        padding: 0;

    }

    

    .map .painel ul li a {

        font-size: 15px;

        display: block;

        color: #eee;

        padding: 2px 0;

        text-decoration: none!important;

        text-align: left;

    }

    

    .map .painel p {

        text-align: left;

        font-size: 16px;

    }

    

    .map .painel ul li {

        text-align: left;

    }

    

    .map .painel ul li ul li b {

        font-size: 15px;

        padding-bottom: 2px;

    }

    /* .map .div_escritorio {



    background-color: #0081C5 !important;



} */

    

    .map .painel-map-nav ul.abas li a:after {

        content: "";

        border-color: transparent;

        border-style: solid;

        border-width: 30px 15px;

        bottom: 0;

        display: block;

        left: 100%;

        margin-left: -15px;

        position: absolute;

    }

    

    .map .painel-map-nav ul.abas li a.active {

        /* z-index: 0!important; */

        z-index: 3;

    }

    

    .map .painel-map-nav ul.abas li a {

        display: block;

        height: 30px;

        line-height: 30px;

        padding: 0 10px 0 15px;

        font-size: 15px;

        font-weight: bold;

        color: #fff;

        /*cria o triangulo*/

        position: relative;

        text-decoration: none!important;

        border-top-left-radius: 0;

        /* border-top-left-radius:25px; */

    }

    

    .map .map-frase {

        font-family: "NeoSansStdMedium";

        font-size: 18px;

        color: #666666;

    }

    

    .navbar-nav>li>a {

        max-width: 400px!important;

        /* height: 70px; */

        /*padding: 0 18px!important; */

    }

    

    .map {

        margin-top: -70px;

    }

    

    .map .painel-map-nav ul.abas li a.div_escritorio::after {

        border-color: #007ADA;

    }

    

    .map .painel-map-nav ul.abas li a.div_ceramicos::after {

        border-color: #004A88;

    }

    

    .map .painel-map-nav ul.abas li a.div_deca::after {

        border-color: #0066B9;

    }

    

    .map .painel-map-nav ul.abas li a::after {

        border-width: 25px 20px!important;

        margin-right: 2px!important;

        margin-left: -18px!important;

    }

    

    .map .painel-map-nav ul.abas li a.div_madeira::after {

        border-color: #89C54B;

    }

    

    .map .painel-map-nav ul.abas li a {

        /* padding: 0 30px 0 38px!important; */

        padding: 0 23px 0 30px!important;

        height: 50px;

        line-height: 50px;

        /* margin-right: -2px!important; */

    }

    

    .numeros .municipios {

        font-family: "TrendaBold";

        font-size: 50px;

        color: #fff;

    }

    

    .numeros .municipios-txt {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #fff;

    }

    

    .ligacoes {

        font-family: "TrendaBold";

        font-size: 50px;

        color: #fff;

    }

    

    .numeros .ligacoes-txt {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #fff;

    }

    

    .numeros .pessoas {

        font-family: "TrendaBold";

        font-size: 50px;

        color: #fff;

    }

    

    .numeros .pessoas-txt {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #fff;

    }

    

    .numeros .veranistas {

        font-family: "TrendaBold";

        font-size: 50px;

        color: #fff;

    }

    

    .numeros .veranistas-txt {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #fff;

    }

    

    footer .box-container {

        display: flex;

        justify-content: space-between;

    }

    

    footer .list-unstyled {

        display: flex;

        flex-direction: column;

    }

    

    footer .box {

        display: flex;

        margin-right: 2%;

        flex-direction: column;

        width: 23%;

    }

    

    footer .box_link {

        display: flex;

        margin-right: 1%;

        flex-direction: column;

        width: 2%;

    }

    

    .footer-bottom {

        background-color: #10408A;

        color: #fff;

        width: 100%;

        font-family: "TrendaLight";

        font-size: 16px;

    }

    

    .footer-micronec a {

        color: #fff;

    }

    

    .footer-texto {

        width: 36%;

    }

    /*teste carousel video*/

    

    .sectionBGcontent button,

    button,

    input[type="reset"],

    input[type="submit"],

    .btn-default {

        background: #fff;

        color: #999999;

        border: 1px solid #ccc;

        padding: 10px 50px;

        text-transform: capitalize;

    }

    /* .sectionBGcontent button:hover,















button:hover,















input[type="reset"]:hover,















input[type="submit"]:hover,















.btn-default:hover {















  background: #333;















  color: #fff;















  border: 1px solid #333;















}















.sectionBGcontent button {















  margin-top: 30px;















} */

    

    #background {

        position: absolute;

        top: 0;

        left: 0;

        z-index: -999;

        width: 100%;

        height: 100%;

        background: #1c1c1c;

    }

    

    #container-fluid-vid {

        margin: 0;

        padding: 0;

        position: relative;

        max-height: 700px;

        overflow: hidden;

    }

    

    @media (max-width: 992px) {

        #background {

            background: url('http://austinnorris.website/images/codePen/homepageBannerImage.jpg') center;

        }

        #loading {

            display: none;

        }

    }

    

    #loading {

        position: absolute;

        top: 48%;

        left: 48%;

        background: #fff;

        padding: 10px;

        border-radius: 30px;

    }

    /*teste caroucel video*/

    

    .box-menu-apoio {

        min-height: 39px;

        /* position: absolute;















    top: 15px;















    right: 15px;















    -webkit-transition: .3s;















    -moz-transition: .3s;















    -ms-transition: .3s;















    -o-transition: .3s;















    transition: .3s;















    display: block; */

    }

    

    .header_quem {

        position: relative;

        /* padding-top: 150px;















  padding-bottom: 75px; */

        background-color: #222;

        background-size: cover;

        background-attachment: scroll;

        height: 25em;

    }

    /*PAG HOME*/

    /*















header.carousel_home{















  display: none;















}















 */

    

    .inf-section .container {

        display: flex;

    }

    

    .inf-section-mobile {

        display: none;

    }

    

    .negocios_home h2 {

        font-family: "TrendaBold";

        text-transform: capitalize !important;

        font-size: 35px;

        color: #85C54A;

    }

    

    .negocios_home .box_neg {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

    }

    

    .negocios_home .item {

        position: relative;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: end;

        -ms-flex-pack: end;

        justify-content: end;

        -webkit-box-align: end;

        -ms-flex-align: end;

        align-items: flex-end;

        margin: 1%;

        /* width: 32%; */

    }

    /* .negocios_home .item {



    position: relative;



    margin-right: 15px;



    margin-left: 15px; 



} */

    

    .negocios_home .item .overlay {

        position: absolute;

        z-index: 1;

        /* top: 305px;



    left: 0; */

        width: 100%;

        height: 17%;

        opacity: .5;

        background-color: #0FA4FD;

    }

    

    .negocios_home .item .team-caption {

        position: absolute;

        z-index: 2;

        top: 92%;

        left: 50%;

        width: 100%;

        margin: auto;

        padding: 15px;

        -webkit-transform: translate(-50%, -50%);

        transform: translate(-50%, -50%);

        color: rgba(255, 255, 255, 0.7);

        color: #fff;

    }

    

    .box-inf {

        font-size: 18px;

    }

    

    .box-inf .titulo-inf {

        font-family: "TrendaBold";

        font-size: 18px;

    }

    

    .box-inf .txt-inf {

        font-family: "TrendaLight";

        font-size: 18px;

    }

    

    .band-text {

        font-family: "TrendaBold";

        font-size: 20px;

    }

    

    .band-text .cor-band-vermelho {

        color: #CC3300;

    }

    

    .band-text .cor-band-verde {

        color: #599C33;

    }

    

    .band-text .cor-band-amarelo {

        color: #E6B800;

    }

    

    .box-manunt {

        width: 50%;

        border-right: 1px solid #ccc;

    }

    

    .box-band {

        width: 50%;

    }

    

    .btn-dis {

        color: #fff;

        border: 1px solid #fff;

        padding: 10px 20px;

        font-family: "TrendaLight";

    }

    

    .btn-dis:hover {

        color: #ccc;

    }

    

    .noticias_home {

        background-color: #fff;

    }

    /* .noticias_home .titulo {



    text-align: left;







    font-family: "TrendaBold";







    text-transform: capitalize!important;







    font-size: 35px;







    color: #52B7D7;



} */

    

    .noticias_home .card {

        display: flex;

        padding: 15px;

        width: 32%;

        margin: 1%;

        margin-left: 1%;

    }

    

    .noticias_home .card:nth-child(3n) {

        margin-right: 0;

    }

    

    .noticias_home .card:nth-child(3n+1) {

        margin-left: 0;

    }

    

    .noticias_home .box_not {

        display: flex;

        flex-wrap: wrap;

    }

    

    .noticias_home .card .card-body {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        padding: 1.25rem 0 0 0;

        justify-content: space-between;

    }

    

    .noticias_home .card-title {

        font-family: "TrendaBold";

        font-size: 18px;

        text-align: left;

        color: #333 !important;

    }

    

    .noticias_home .img-res {

        height: 282px;

        object-fit: cover;

        object-position: center;

    }

    

    .noticias_home .btn_not {

        font-family: "TrendaBold";

        text-transform: none!important;

        font-size: 13px;

        color: #014063!important;

        background-color: #fff;

        border: 1px solid #014063;

        border-radius: 15px;

    }

    

    .noticias_home .btn_not:hover {

        color: #52B7D7!important;

        background-color: #fff!important;

        border: 1px solid #52B7D7!important;

    }

    

    .pagination>.active>a,

    .pagination>.active>a:focus,

    .pagination>.active>a:hover,

    .pagination>.active>span,

    .pagination>.active>span:focus,

    .pagination>.active>span:hover {

        z-index: 3;

        color: #fff;

        cursor: default;

        background-color: #0782AB!important;

        border-color: #0782AB!important;

    }

    

    .pagination>li>a,

    .pagination>li>span {

        position: relative;

        float: left;

        padding: 6px 12px;

        margin-left: -1px;

        line-height: 1.42857143;

        color: #0782AB!important;

        text-decoration: none;

        background-color: #fff;

        border: 1px solid #ddd;

    }

    /* .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {















    z-index: 3;















    color: #fff;















    cursor: default;















    background-color: #018150 !important;















    border-color: #018150!important;















} */

    /* .noticias_home .card-title a{















  font-family: "NeoSansStdBold";















  font-size: 16px;















  text-align: left;















  color: #999999;















} */

    

    .noticias_home .card-text {

        font-family: "TrendaLight";

        text-align: justify;

        font-size: 18px;

        color: #333!important;

    }

    /* .noticias_home .card-text .link_not {















  font-family: "NeoSansStdRegular";















  text-align: justify;















  font-size: 16px;















  color: #999999 !important; */

    /*















.noticias_home .card-text a{















  font-family: "NeoSansStdRegular";















  text-align: justify;















  font-size: 16px;















  color: #999999;















} */

    

    .mensagem {

        display: block;

    }

    

    .mensagem {

        display: flex;

        align-items: center;

        justify-content: center;

    }

    

    .box-mensagem {

        display: flex;

        flex-direction: column;

        align-items: center;

        width: 100%;

        height: 100%;

        line-height: 50px;

    }

    

    .box-mensagem .txt_1 {

        font-family: "TrendaLight";

        font-size: 29px;

        color: #88C54B;

    }

    

    .box-mensagem .txt_2 {

        font-family: "TrendaBold";

        font-style: italic;

        font-size: 52px;

        color: #007FCB;

    }

    /*PAG SUSTENTABILIDADE*/

    

    .header_amb {

        position: relative;

        /* padding-top: 150px;















  padding-bottom: 150px; */

        background-color: #222;

        background-size: cover;

        background-attachment: scroll;

        height: 25em;

    }

    

    .sutent-pc {

        display: block;

    }

    

    .sutent-mob {

        display: none;

    }

    

    .txt_amb .titulo {

        color: #1FB8EA;

        font-size: 35px;

        font-family: "TrendaBold";

    }

    

    .card {

        border-radius: 0;

    }

    

    .card-img-top {

        border-radius: 0;

    }

    

    .header_amb .box_txt {

        width: 318px;

        margin-left: auto;

        margin-right: auto;

        line-height: 23px;

        font-family: "TrendaLight";

        font-size: 24px;

    }

    

    .header_amb .texto {

        font-family: "TrendaLight";

        font-size: 18px;

        color: #7EB800;

        text-align: center;

    }

    

    .box-titulo_amb {

        width: 555px;

        margin-left: auto;

        margin-right: 50px;

        margin-top: 120px;

        padding-bottom: 47px;

        line-height: 44px;

    }

    

    .box-amb {

        font-family: "TrendaLight";

        color: #333;

        text-align: justify;

        font-size: 17px;

        padding: 15px;

        height: 90%;

    }

    

    .amb-titulo1 {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #007FCB;

    }

    

    .amb-titulo2 {

        font-family: "TrendaBold";

        font-size: 25px;

        color: #88C54B;

    }

    

    .respon_social {

        background-size: cover;

        background-attachment: fixed;

        background-position: center;

        background-repeat: no-repeat;

        height: 65vh;

    }

    

    .respon_social .container {

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    

    .respon_social .box_respon_social {

        height: 65vh;

        display: flex;

        flex-direction: column;

        align-content: center;

        align-items: center;

        justify-content: center;

    }

    

    .respon_social p {

        font-family: "TrendaBold";

        font-size: 50px;

        color: #047CC8;

        font-style: italic;

        text-transform: uppercase;

        line-height: 50px;

        /* margin-top: 30px; */

    }

    

    .respon_social .txt {

        font-family: "TrendaLight";

        color: #fff;

        font-size: 22px;

        width: 62%;

        /* margin-top: 30px; */

    }

    

    .box_respon_social {

        font-family: "TrendaLight";

        color: #fff!important;

        /* padding: 2px;















  margin-top: 10%; */

    }

    

    .respon_social_txt {

        text-align: justify;

    }

    

    .respon_social_txt strong {

        font-weight: bold;

    }

    /* .respon_social_txt p{















  font-family: "NeoSansStdBold";















  font-size: 30px;















  color: #88C54B;















  text-align: center;















} */

    

    .respon_social_txt .txt {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #999999;

        text-align: justify !important;

    }

    

    .campanhas p {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #333333;

    }

    

    .campanhas .titulo {

        font-family: "TrendaBold";

        font-size: 35px;

        color: #1FB8EA;

    }

    

    .campanhas .card-text {

        font-size: 18px;

    }

    

    .campanhas .box {

        display: flex;

        flex-wrap: wrap;

        /* justify-content: space-between; */

    }

    

    .campanhas .box_camp {

        display: flex;

        flex-wrap: wrap;

    }

    

    .campanhas .card-body {

        padding: 1.25rem 0 1rem 0;

    }

    

    .campanhas .card {

        display: flex;

        padding: 15px;

        width: 32%;

        margin-right: 2%;

        margin-bottom: 2%;

    }

    

    .campanhas .card:nth-child(3n) {

        margin-right: 0;

    }

    

    .campanhas .card:nth-child(3n+1) {

        margin-left: 0;

    }

    

    .campanhas .card-title {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #333;

    }

    

    .campanhas .card-text {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #333;

        text-align: justify;

    }

    

    .campanhas .box_btn {

        display: flex;

        align-items: center;

    }

    

    .campanhas .btn_proj {

        font-family: "TrendaBold";

        text-transform: none !important;

        font-size: 13px;

        color: #15559C;

        background-color: #fff;

        border: 1px solid #15559C;

        border-radius: 15px;

    }

    

    .campanhas .btn_proj:hover {

        color: #52B7D7!important;

        background-color: #fff!important;

        border: 1px solid #52B7D7!important;

    }

    

    .campanhas .card .card-body {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        padding: 1.25rem 0 0 0;

        justify-content: space-between;

    }

    

    .patrocionio {

        background-color: #F0F0F0;

    }

    

    .patrocionio .container {

        display: flex;

        justify-content: space-between;

        vertical-align: middle;

    }

    

    .patrocionio .box_txt_pat {

        display: flex;

        flex-direction: column;

    }

    

    .patrocionio .box_btn .btn-default {

        color: #999;

    }

    

    .patrocionio button {

        font-family: "TrendaBold";

        font-size: 13px;

        background-color: #F0F0F0;

        border-radius: 10px;

        color: #999999;

        border-color: #999 !important;

        padding: 5px 70px;

        text-transform: none !important;

        height: 50px;

        margin-top: 14%;

    }

    

    .patrocionio button:hover {

        background-color: #ccc !important;

        border-color: #999 !important;

    }

    

    .patrocionio p {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #88C54B;

    }

    

    .patrocionio span {

        font-family: "TrendaBold";

        font-size: 16px;

        color: #999999;

    }

    /*PAG NEGOCIOS*/

    

    .header_neg {

        position: relative;

        /* padding-top: 150px;















  padding-bottom: 150px; */

        background-color: #222;

        background-size: cover;

        background-attachment: scroll;

    }

    

    .header_neg .box-titulo_neg {

        width: 220px;

        margin-left: auto;

        margin-right: auto;

        margin-top: 150px;

        padding-bottom: 80px;

    }

    

    .section_right {

        background-color: #F7F7F7;

    }

    

    .section_right .container {

        display: flex;

    }

    

    .section_right .box_conc {

        display: flex;

    }

    

    .section_right .box_txt {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #999999;

        display: flex;

        flex-direction: column;

        justify-content: center;

        height: 100%;

    }

    

    .section_right .txt_conc_titulo {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #999999;

    }

    

    .section_right .txt_conc {

        font-family: "TrendaLight";

        text-align: justify;

        font-size: 17px;

        margin-top: 10%;

    }

    

    .section_left {

        background-color: #F7F7F7;

    }

    

    .section_right .container {

        display: flex;

    }

    

    .section_left .container-fluid {

        display: flex;

        display: -webkit-flex;

        justify-content: center;

    }

    

    .section_filiais .container {

        display: flex;

        justify-content: space-between;

    }

    

    .section_left .box_conc {

        display: flex;

    }

    

    .section_left .box {

        display: flex;

        height: 100%;

    }

    

    .section_left .box_txt {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #999999;

        display: flex;

        flex-direction: column;

        justify-content: center;

        height: 100%;

    }

    

    .section_left .txt_conc_titulo {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #999999;

    }

    

    .section_left .txt_conc {

        font-family: "TrendaLight";

        text-align: justify;

        font-size: 17px;

        margin-top: 10%;

    }

    

    .section_left .img_left {

        position: relative;

        left: -63%;

        background-size: cover;

    }

    

    .section_filiais {

        position: relative;

        top: -100px;

        /* left: auto; */

        left: 1%;

        right: auto;

        height: 120px;

    }

    

    .box-neg {

        font-family: "TrendaLight";

        color: #999999;

        text-align: left;

        font-size: 17px;

        padding: 15px;

        height: 90%;

        text-align: justify;

    }

    

    .neg_concessoes .neg_titulo p {

        font-family: "TrendaBold";

        font-size: 40px;

        color: #fff;

    }

    

    .neg_concessoes .neg_txt {

        font-family: "TrendaBold";

        font-size: 20px;

        color: #fff;

    }

    

    .neg_concessoes .box_concessoes {

        background-color: #BDDF9A;

    }

    

    .sect_op {

        display: none;

    }

    

    #concessoes {

        display: block;

    }

    

    #operacao {

        display: block;

    }

    

    #filiais {

        display: block;

    }

    

    .mob-neg {

        margin-bottom: 3%;

        display: none;

    }

    

    .mob-neg .container {

        display: flex;

        flex-direction: column;

    }

    

    .mob-neg .txt_conc_titulo {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #999999;

        margin: 2em 0 0;

    }

    

    .mob-neg .txt_conc {

        font-family: "TrendaLight";

        text-align: justify;

        font-size: 17px;

        margin: 2em 0 1em;

    }

    /*PAG EMPRESAS DO GRUPO*/

    

    .header_grupo {

        position: relative;

        /* padding-top: 150px;















  padding-bottom: 150px; */

        background-color: #222;

        background-size: cover;

        background-attachment: scroll;

    }

    

    .grupo .box_back {

        /* background-color: #F7F7F7; */

        background-color: #999;

    }

    /* .diagonal{















  width: 60%;















  height: 100vh;















  background: red;















  background-color: #F7F7F7;















  margin-left: -50px;















  -webkit-transform: skew(-0deg);















  -moz-transform: skew(-0deg);















  transform: skew(0deg);















} */

    /*GRUPO EMPRESA IMPAR*/

    

    .grupo_emp_impar {

        display: flex;

        justify-content: center;

        color: #fff;

        width: 100%;

    }

    

    .grupo_emp_impar .cinza:nth-child(odd) {

        display: flex;

        background-color: #F7F7F7;

        width: 100%;

    }

    

    .grupo_emp_impar .branco:nth-child(even) {

        display: flex;

        background-color: #fff;

        width: 100%;

    }

    

    .grupo_emp_impar .branco_par {

        display: none;

    }

    

    .grupo_emp_impar p {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #999;

    }

    

    .grupo_emp_impar a {

        font-family: "TrendaBold";

        font-size: 18px;

        background-color: #88C54B;

        border-radius: 10px;

        color: #fff;

        border-color: #88C54B !important;

        text-transform: none !important;

        height: 60px;

        width: 184px;

    }

    

    .grupo_emp_impar .btn {

        font-weight: 900;

        padding: 15px 18px;

    }

    

    .grupo_emp_impar .container {

        display: flex;

        flex-direction: column;

        align-items: flex-end;

        align-content: center;

        justify-content: center;

    }

    

    .grupo_emp_impar .box_grupo {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: space-around;

        height: 100%;

        width: 74%;

    }

    /*NOVA CONFI*/

    /*GRUPO EMPRESA PAR*/

    

    .grupo_emp_par {

        display: flex;

        justify-content: center;

        color: #fff;

        width: 100%;

    }

    

    .grupo_emp_par .branco_par:nth-child(odd) {

        display: flex;

        background-color: #fff;

        width: 100%;

        justify-content: flex-end;

    }

    

    .grupo_emp_par .cinza:nth-child(even) {

        display: flex;

        background-color: #F7F7F7;

        width: 100%;

    }

    

    .grupo_emp_par p {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #999;

    }

    

    .grupo_emp_par a {

        font-family: "TrendaBold";

        font-size: 18px;

        background-color: #88C54B;

        border-radius: 10px;

        color: #fff;

        border-color: #88C54B !important;

        text-transform: none !important;

        height: 60px;

        width: 184px;

    }

    

    .grupo_emp_par .btn {

        font-weight: 900;

        padding: 15px 18px;

    }

    

    .grupo_emp_par .container {

        display: flex;

        flex-direction: column;

        align-items: flex-start;

        justify-content: center;

        align-content: center;

    }

    

    .grupo_emp_par .box_grupo {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: space-around;

        height: 100%;

        width: 74%;

    }

    /*NOVA CONFI*/

    

    .grupo_emp .box_back_img {

        background-color: #fff;

    }

    

    .grupo {

        display: flex;

    }

    

    .header_grupo .box-titulo {

        width: 490px;

        margin-left: auto;

        margin-right: auto;

    }

    

    .grupo p {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #999;

    }

    

    .grupo a {

        font-family: "TrendaBold";

        font-size: 18px;

        background-color: #88C54B;

        border-radius: 10px;

        color: #fff;

        border-color: #88C54B !important;

        text-transform: none !important;

        height: 60px;

        width: 184px;

        /* padding: 5px 10px; */

    }

    

    .grupo .btn {

        font-weight: 900;

        padding: 15px 18px;

    }

    

    .grupo a {

        background-color: #88C54B!important;

        border-color: #88C54B !important;

        color: #fff;

    }

    

    .grupo a:hover {

        background-color: #60922E!important;

        border: 1px solid #60922E!important;

        color: #fff!important;

    }

    

    .grupo a:focus {

        background-color: #60922E!important;

        border: 1px solid #60922E!important;

        color: #fff!important;

    }

    

    .grupo .btn:focus {

        background-color: #60922E!important;

        border-color: #60922E !important;

        color: #fff;

        box-shadow: transparent!important;

    }

    

    .grupo .btn:active {

        background-color: #60922E!important;

        border-color: #60922E !important;

        color: #fff;

        box-shadow: transparent!important;

    }

    

    .grupo .box_grupo {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: space-around;

        height: 100%;

        width: 100%;

    }

    

    .mobile {

        display: none;

    }

    

    .mobile_ult {

        display: none;

    }

    /*PAG NOTICIAS*/

    

    .noticias {

        background-color: #FFF;

    }

    

    .noticias .titulo {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #85C54A;

        text-align: left;

    }

    

    .noticias .txt {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #999999;

        text-align: justify !important;

    }

    

    .noticias .box_not {

        display: flex;

        flex-wrap: wrap;

    }

    

    .noticias .card .card-title {

        font-family: "TrendaBold";

        text-align: justify;

        font-size: 17px;

        color: #333;

    }

    

    .noticias .card .card-body {

        display: flex;

        flex-direction: column;

        justify-content: space-between;

        align-items: flex-start;

        padding: 1.25rem 0 1rem 0;

    }

    

    .noticias .card .card-text {

        font-family: "TrendaLight";

        text-align: justify;

        font-size: 16px;

        color: #333;

    }

    

    .noticias .link_det {

        border: 0!important;

        border-radius: 0!important;

    }

    

    .noticias .link_det:hover {

        border: 0!important;

        border-radius: 0!important

    }

    

    .noticias .btn_not {

        font-family: "TrendaBold";

        text-transform: none!important;

        font-size: 13px;

        color: #15559C;

        background-color: #fff;

        border: 1px solid #15559C;

        border-radius: 15px;

    }

    

    .noticias .btn_not:hover {

        color: #1FB8EA!important;

        background-color: #fff!important;

        border: 1px solid #1FB8EA!important;

    }

    

    .noticias .card {

        display: flex;

        padding: 15px;

        width: 32%;

        margin: 1%;

        /* height: 100%; */

    }

    

    .noticias .card:nth-child(3n) {

        margin-right: 0;

    }

    

    .noticias .card:nth-child(3n+1) {

        margin-left: 0;

    }

    

    .noticias .card-text {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #666;

    }

    

    .noticias .box_btn {

        display: flex;

        align-items: center;

    }

    

    .noticias .box_vj {

        display: block;

    }

    

    .noticias .box_vj_mobile {

        display: none;

    }

    

    .noticias .img-res {

        height: 282px;

        object-fit: cover;

        object-position: center;

    }

    

    .noticias_campanhas {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #999999;

    }

    

    .noticias_campanhas .box_camp {

        display: flex;

        flex-wrap: wrap;

    }

    

    .noticias_campanhas .card {

        display: flex;

        padding: 15px;

        width: 32%;

        margin: 1%;

    }

    

    .noticias_campanhas .card-body {

        padding: 1.25rem 0 1rem 0;

    }

    

    .noticias_campanhas .card:nth-child(3n) {

        margin-right: 0;

    }

    

    .noticias_campanhas .card:nth-child(3n+1) {

        margin-left: 0;

    }

    

    .noticias_campanhas .card-text {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #999999;

    }

    

    .noticias_campanhas .box_btn {

        display: flex;

        align-items: center;

    }

    

    .noticias_campanhas p {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #999999;

        text-align: left;

        text-transform: none;

    }

    

    .noticias_campanhas .vid {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #85C54A;

        text-align: left;

    }

    

    .pagination li.active a {

        color: #85C54A !important;

    }

    

    .pagination {

        display: inline-block;

        padding-left: 0;

        margin: 20px 0;

        border-radius: 4px !important;

    }

    

    .pagination>li:last-child>a,

    .pagination>li:last-child>span {

        border-top-right-radius: 4px;

        border-bottom-right-radius: 4px;

    }

    

    .pagination>li>a,

    .pagination>li>span {

        position: relative;

        float: left;

        padding: 6px 12px;

        margin-left: -1px;

        line-height: 1.42857143;

        color: #337ab7;

        text-decoration: none;

        background-color: #fff;

        border: 1px solid #ddd;

    }

    

    .pagination>li {

        display: inline;

    }

    

    .pagination>.active>a,

    .pagination>.active>a:focus,

    .pagination>.active>a:hover,

    .pagination>.active>span,

    .pagination>.active>span:focus,

    .pagination>.active>span:hover {

        z-index: 3;

        color: #fff;

        cursor: default;

        background-color: #337ab7;

        border-color: #337ab7;

    }

    

    .pagination li.active a {

        color: #fff !important;

    }

    

    .noticias_rec {

        background-color: #F2F2F2;

    }

    

    .noticias_rec h2 {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #88C54B;

        margin: 35px;

    }

    

    .noticias_rec p {

        font-family: "TrendaBold";

        font-size: 25px;

        color: #88C54B;

    }

    

    .noticias_rec .formtext {

        font-family: "TrendaLight";

        font-size: 19px;

        color: #999999;

        margin-left: 10px;

        margin-top: 30px;

    }

    

    .noticias_rec form {

        font-family: "TrendaBold";

        font-size: 17px;

        color: #999999;

        text-align: left;

    }

    

    .noticias_rec form input {

        border: 0px;

        border-radius: 0;

        border-bottom: 1px solid #ccc;

        background-color: #F2F2F2;

    }

    

    .noticias_rec form input:focus {

        border: 0px;

        border-radius: 0;

        border-bottom: 1px solid #ccc;

        background-color: #F2F2F2;

    }

    

    .noticias_rec button {

        font-family: "TrendaBold";

        font-size: 15px;

        background-color: #88C54B;

        border-radius: 10px;

        color: #fff;

        border-color: #88C54B !important;

        text-transform: none !important;

        /* height: 45px; */

        width: 132px;

    }

    

    .noticias_rec button:hover {

        background-color: #60922E!important;

        border: 1px solid #60922E!important;

        color: #fff!important;

    }

    /*PAG DETALHES DA NOTICIA*/

    

    .img-det-noticias {

        height: 282px;

        object-fit: cover;

        object-position: top;

    }

    

    .not_det {

        background-color: #F7F7F7!important;

    }

    

    .input_det {

        /* background-color: #FFF!important; */

        background-color: #F7F7F7!important;

    }

    

    .tit_det {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #007FCB!important;

        text-align: left;

    }

    

    .tit_det_vej {

        font-family: "TrendaBold";

        font-size: 25px!important;

        color: #014063;

        text-align: left;

        margin-bottom: 5%;

    }

    

    .txt_det {

        font-family: "TrendaBold";

        font-size: 20px!important;

        color: #999;

        text-align: justify;

        margin: 25px 0;

    }

    

    .box_txt_det {

        font-family: "TrendaLight";

        font-size: 18px !important;

        color: #999;

        text-align: justify;

        margin: 3% 0;

    }

    

    .noticias ul li {

        font-family: "TrendaBold";

        font-size: 15px !important;

        text-align: justify;

        margin-bottom: 5%;

        list-style: none;

    }

    

    .noticias ul li a {

        font-family: "TrendaBold";

        font-size: 15px !important;

        text-align: justify;

        margin-bottom: 5%;

        list-style: none;

        color: #999;

        background-color: #FFF;

        border: 0;

    }

    

    .noticias ul li a:hover {

        font-family: "TrendaBold";

        font-size: 15px !important;

        text-align: justify;

        margin-bottom: 5%;

        list-style: none;

        color: #666!important;

        background-color: #F2F2F2!important;

        border: 0!important;

    }

    

    .noticias ul li span {

        color: #014063;

    }

    

    .noticias .btn_det_not {

        /* background-color: #f2f2f2!important; */

        padding: 10px 30px;

        font-family: "TrendaBold";

        text-transform: none!important;

        font-size: 13px;

        color: #014063;

        background-color: #fff;

        border: 1px solid #014063;

        border-radius: 15px;

    }

    

    .noticias .btn_det_not:hover {

        color: #52B7D7!important;

        border: 1px solid #52B7D7!important;

    }

    

    .noticias_campanhas .btn_det_not {

        background-color: #f2f2f2 !important;

        padding: 10px 30px;

        font-family: "TrendaBold";

        text-transform: none !important;

        font-size: 13px;

        color: #9CB1D0;

        background-color: #fff !important;

        border: 1px solid #9CB1D0;

        border-radius: 15px;

    }

    

    .titulo_det {

        font-size: 18px;

        font-weight: bold;

        color: #999;

        text-align: left;

        margin-top: 1%;

    }

    

    .data_det {

        font-family: "TrendaLight";

        font-size: 16px !important;

        color: #999;

        text-align: left;

    }

    

    .tab-resid tr {

        line-height: 1;

    }

    

    .tab-resid tr,

    th,

    td {

        font-size: 18px;

        border: 1.5px solid #000!important;

        line-height: 0.5;

    }

    

    #accordion .tab-resid th::first-line {

        color: #555555;

    }

    

    #accordion .tab-resid .th1 {

        vertical-align: middle!important;

    }

    

    #accordion .titulo-tab1 {

        text-align: left;

        font-style: normal;

        font-size: 22px;

        cursor: pointer;

        font-weight: bold;

        margin-left: 50px;

        font-family: "TrendaBold";

        color: #1FB8EA;

    }

    

    #accordion .titulo-tab2 {

        text-align: left;

        font-style: normal;

        font-size: 22px;

        cursor: pointer;

        font-weight: bold;

        margin-left: 50px;

        font-family: "TrendaBold";

        color: #1FB8EA;

    }

    

    #accordion .titulo-tab3 {

        text-align: left;

        font-style: normal;

        font-size: 22px;

        cursor: pointer;

        font-weight: bold;

        margin-left: 50px;

        font-family: "TrendaBold";

        color: #1FB8EA;

    }

    

    #accordion .i-icon1 {

        background-image: url("../images/bullet.png");

        background-repeat: no-repeat;

        height: 2em;

    }

    

    #accordion .i-icon2 {

        background-image: url("../images/bullet.png");

        background-repeat: no-repeat;

        height: 2em;

    }

    

    #accordion .i-icon3 {

        background-image: url("../images/bullet.png");

        background-repeat: no-repeat;

        height: 2em;

    }

    

    #accordion .i-icon {

        background-image: url("../images/bullet.png");

        background-repeat: no-repeat;

        height: 2em;

    }

    

    #accordion .i-icon-open {

        background: url("../images/bullet-expanded.png") no-repeat scroll 0 0;

        background-image: url("../images/bullet-expanded.png");

        height: 2em;

    }

    

    .tab-tarifas-serv .i-icon {

        background-image: url("../images/bullet.png");

        background-repeat: no-repeat;

        height: 2em;

    }

    

    .tab-tarifas-serv {

        text-align: left;

        font-style: normal;

        font-size: 22px;

        font-weight: bold;

        /* margin-left: 50px; */

    }

    

    .tab-tarifas-serv a {

        margin-left: 50px;

        margin-top: 2%;

        font-family: "TrendaBold";

        color: #1FB8EA;

    }

    

    .gj-datepicker-bootstrap [role="right-icon"] button {

        padding: 5px 10px;

        border-radius: .25rem;

        border-top-left-radius: 0;

        border-bottom-left-radius: 0;

    }

    

    .gj-picker-bootstrap .datepicker table tr,

    th,

    td {

        border: none!important;

    }

    

    .gj-picker div[role="navigator"] div[role="period"] {

        font-size: 18px!important;

    }

    

    .gj-picker-bootstrap table tr td div,

    .gj-picker-bootstrap table tr th div {

        font-size: 14px;

    }

    

    .gj-picker-bootstrap table tr td.disabled div {

        cursor: no-drop;

        background-color: #ccc;

    }

    /* #page-content h1 ~ h2.collapsed::before, #page-content h1 ~ a.h2.collapsed::before {















    background-image: url('../images/bullet.png');















}































 */

    /*PAG CONTATO*/

    

    .header_cont {

        position: relative;

        /* padding-top: 150px;















  padding-bottom: 150px; */

        background-color: #222;

        background-size: cover;

        background-attachment: scroll;

    }

    

    .header_cont .box-titulo_cont {

        width: 150px;

        margin-left: auto;

        margin-right: auto;

        margin-top: 150px;

        padding-bottom: 80px;

    }

    

    .txt_cont {

        text-align: justify;

    }

    

    .box-cont {

        font-family: "TrendaBold";

        color: #999999;

        font-size: 17px;

        padding: 15px 0;

        height: 90%;

    }

    

    .hr-contato {

        font-family: "TrendaLight";

        color: #fff;

        font-size: 16px;

        background-color: #10408A;

    }

    

    .hr-contato .container {

        display: flex;

        justify-content: space-between;

    }

    

    .box-cont-end {

        display: flex;

        flex-direction: row;

        align-items: center;

        line-height: 24px;

    }

    

    .box-cont-end img {

        width: 8%;

        margin-right: 2%;

    }

    

    .box-cont-hora {

        display: flex;

        flex-direction: row;

        align-items: center;

        line-height: 24px;

    }

    

    .box-cont-hora img {

        width: 11%;

        margin-right: 2%;

    }

    

    .box-cont-end img {

        display: block;

    }

    

    .box-cont-hora img {

        display: block;

    }

    

    .mapa_localizacao {

        background-color: #F0F0F0;

        height: 200px;

        font-family: "TrendaBold";

        color: #88C54B;

    }

    

    .mapa_localizacao p {

        font-size: 40px;

    }

    

    #status {

        font-size: 16px;

    }

    

    .formulario {

        padding: 2px;

        text-align: left;

    }

    

    .formulario label {

        margin-bottom: 1px;

    }

    

    .formulario label,

    input,

    select,

    textarea {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #333 !important;

    }

    

    .formulario_trabalhe .custom-select {

        background-color: #fff!important;

        color: #999!important;

        margin-top: -5px;

    }

    

    .formulario .custom-select {

        background-color: #fff!important;

        color: #333 !important;

    }

    

    .formulario .btn-success {

        background-color: #15559C;

        border: 1px solid #15559C!important;

        text-transform: capitalize;

        width: 132px;

        /* border-radius:10px; */

    }

    

    .formulario .btn-success:hover {

        background-color: #1FB8EA!important;

        border: 1px solid #1FB8EA!important;

        color: #fff!important;

    }

    

    .contato_end {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #999999;

        margin-left: 10px;

    }

    

    .contato_end .phone {

        background-image: url('../images/icons/phone.png');

        background-repeat: no-repeat;

        background-size: contain;

    }

    

    .contato_end .local {

        background-image: url('../images/icons/local.png');

        background-repeat: no-repeat;

        background-size: 33px 25px;

        margin-bottom: 15px;

    }

    

    .contato_end .hora {

        background-image: url('../images/icons/clock.png');

        background-repeat: no-repeat;

        background-size: 28px 28px;

        margin-bottom: 15px;

    }

    

    .formulario_sugestoes {

        text-align: left;

    }

    

    .formulario_sugestoes .titulo {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #88C54B;

        text-align: center;

    }

    

    .formulario_sugestoes .formtext {

        font-family: "TrendaLight";

        font-size: 19px;

        color: #999999;

        margin-left: 10px;

    }

    

    .formulario_sugestoes .box_txt {

        font-family: "TrendaLight";

        text-align: justify;

        font-size: 16px;

        color: #999999;

        width: 80%;

        margin-left: auto;

        margin-right: auto;

        height: 10vh;

        display: flex;

        align-items: flex-end;

    }

    

    .formulario_sugestoes label,

    input,

    select,

    textarea {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #999999;

    }

    

    .formulario_sugestoes .btn-success {

        background-color: #88C54B;

        border: 1px solid #88C54B!important;

        text-transform: capitalize;

        width: 132px;

        border-radius: 10px;

    }

    

    .formulario_sugestoes .btn-success:hover {

        background-color: #60922E!important;

        border: 1px solid #60922E!important;

        color: #fff!important

    }

    /*PAG TRABALHE CONOSCO*/

    

    .header_cont_trab .box-titulo_cont_trab {

        width: 420px;

        margin-left: auto;

        margin-right: auto;

        margin-top: 150px;

        padding-bottom: 80px;

    }

    

    .titulo-header {

        background-color: #10408A;

        color: #fff;

        font-family: "TrendaBold";

    }

    

    .txt_cont_trab {

        text-align: justify;

    }

    

    .box-cont_trab {

        font-family: "TrendaBold";

        color: #999999;

        font-size: 17px;

        padding: 15px 0;

        height: 90%;

        text-align: center;

    }

    

    .txt_cont_trab .titulo {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #10408A;

        text-align: center;

    }

    

    .formulario_trabalhe {

        text-align: left;

    }

    

    .formulario_trabalhe .formtext {

        font-family: "TrendaLight";

        font-size: 19px;

        color: #999999;

        margin-left: 10px;

    }

    

    .formulario_trabalhe label,

    input,

    select,

    textarea {

        font-family: "TrendaLight";

        font-size: 17px;

        color: #999999;

    }

    

    .formulario_trabalhe .btn-success {

        background-color: #10408A;

        border: 1px solid #10408A!important;

        text-transform: capitalize;

        width: 132px;

        /* border-radius:10px; */

    }

    

    .formulario_trabalhe .btn-success:hover {

        background-color: #60922E!important;

        border: 1px solid #60922E!important;

        color: #fff!important

    }

    

    .formulario_trabalhe input[type='file'] {

        display: none

    }

    /* Aparência que terá o seletor de arquivo */

    

    .formulario_trabalhe .file .file_label {

        background-color: #10408A;

        border-radius: 5px;

        color: #fff;

        cursor: pointer;

        /* margin: 10px; */

        padding: 6px 20px;

        width: 100%;

        font-size: 17px;

    }

    /*PAG CADASTRO DE FORNECEDORES*/

    

    .header_cont_forn .box-titulo_cont_forn {

        width: 520px;

        margin-left: auto;

        margin-right: auto;

        margin-top: 150px;

        padding-bottom: 80px;

        line-height: 40px;

    }

    /*PAG POLITICA DE INVESTIMENTO*/

    

    .header_cont_inv .box-titulo_cont_inv {

        width: 620px;

        margin-left: auto;

        margin-right: auto;

        margin-top: 150px;

        padding-bottom: 80px;

        line-height: 40px;

    }

    

    .box-cont_inv {

        font-family: "TrendaLight";

        color: #999999;

        font-size: 17px;

        padding: 15px 0;

        height: 90%;

        text-align: justify;

    }

    

    .box-cont_inv span {

        color: #88C54B;

    }

    

    .txt_cont_inv .titulo {

        font-family: "TrendaBold";

        font-size: 30px;

        color: #007FCB;

        text-align: center;

        margin-bottom: 5px;

    }

    

    .formulario_trabalhe strong {

        font-family: "TrendaBold";

    }

    

    .formulario_trabalhe h2 {

        font-family: "TrendaBold";

        font-size: 18px;

        color: #999999;

    }

    

    .formulario_trabalhe .subtitulo {

        font-family: "TrendaLight";

        color: #999999;

        font-size: 18px;

    }

    

    .formulario_trabalhe ul {

        list-style: none;

        margin-left: 0!important;

        padding-left: 0!important;

    }

    

    .formulario_trabalhe ul li {

        font-family: "TrendaLight";

        color: #999999;

        font-size: 18px;

    }

    /* Aparência que terá o seletor de arquivo */

    

    .formulario_trabalhe .file .file_label_inv {

        background-color: #fff;

        border-radius: 5px;

        border: 1px solid #88C54B;

        color: #999;

        cursor: pointer;

        padding: 6px 20px;

        width: 100%;

        margin-left: -15px;

    }

    /*PAG ONDE ATUAMOS*/

    

    .map_loca {

        margin-top: 40px;

    }

    

    .header_map_loc {

        position: relative;

        /* padding-top: 150px;















  padding-bottom: 150px; */

        background-color: #222;

        background-size: cover;

        background-attachment: scroll;

    }

    

    .header_map_loc .tit {

        text-align: center;

        line-height: 50px;

    }

    

    .header_map_loc .box-titulo_map {

        width: 360px;

        margin-left: auto;

        margin-right: 40px;

        margin-top: 130px;

        padding-bottom: 75px;

    }

    

    .header_map_loc .box_txt {

        width: 318px;

        margin-left: auto;

        margin-right: auto;

        line-height: 20px;

    }

    

    .header_map_loc .texto {

        font-family: "TrendaLight";

        font-size: 18px;

        font-style: italic;

        color: #7EB800;

        text-align: center;

    }

    /* .header_map_loc .box-titulo_map {















  width: 260px;















  margin-left: auto;















  margin-right: auto;















} */

    

    .clientes .cli-titulo {

        font-family: 'TrendaBold';

        font-size: 30px;

        color: #666;

    }

    

    .clientes .box_clientes {

        display: flex;

        flex-wrap: wrap;

    }

    

    .clientes .box_clientes img {

        width: 100%;

        margin: 1%;

    }

    

    .clientes .box_clientes img:nth-child(5n) {

        margin-right: 0;

    }

    

    .clientes .box_clientes img:nth-child(5n+1) {

        margin-left: 0;

    }

    

    .grupo {

        display: none;

    }

    

    .empresa-pc {

        display: block;

    }

    

    .empresa-mob {

        display: none;

    }

    

    .empresa-foto .pc {

        display: block;

    }

    

    .empresa-foto-mob {

        display: none;

    }

    

    #mainNav {

        display: none;

    }

    

    .inf-mob-contato {

        display: none;

    }

    

    #carousel {

        display: block;

    }

    

    #carousel-mob {

        display: none;

    }

    

    .btn-obse-vazio {

        display: none;

    }

    

    .titulo_mes_ano {

        font-family: "TrendaBold";

        font-size: 25px;

    }

    

    .denuncie-pc {

        display: block;

    }

    

    .denuncie-mob {

        display: none;

    }

    

    .inf-pc .box-manunt .link-manu a {

        font-family: "TrendaBold";

        font-size: 15px;

        color: #10408A;

    }

    

    .inf-pc .link-band a {

        font-family: "TrendaBold";

        font-size: 15px;

        color: #10408A;

    }

    

    .inf-pc .link-band {

        display: flex;

        align-items: flex-end;

        width: 9%;

    }

    

    .inf-mobile .box-manunt .link-manu a {

        font-family: "TrendaBold";

        font-size: 15px;

        color: #00804E;

    }

    

    .inf-mobile .link-band a {

        font-family: "TrendaBold";

        font-size: 15px;

        color: #10408A;

    }

    

    .inf-mobile .link-band {

        display: flex;

        justify-content: flex-end;

        width: 100%;

    }

    

    .auto_banner {

        display: block;

    }

    /*MOBILE*/

    @media (min-width: 1024px) {
        .nav-cookie-disclaimer {
            padding: 16px 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            align-items: baseline;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;            
            font-family: "FuturaBook";            
        }
        .nav-cookie-disclaimer__button,
        .nav-cookie-disclaimer__button:active,
        .nav-cookie-disclaimer__button:focus {
            width: initial;
        }
        .nav-cookie-disclaimer__text {
            margin: 0 16px 0 0;
        }
    }   
    
    @media (max-width: 1023px) {     
        .nav-cookie-disclaimer {
            padding: 16px 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            align-items: baseline;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;            
            font-family: "FuturaBook";            
        }
        .nav-cookie-disclaimer__button,
        .nav-cookie-disclaimer__button:active,
        .nav-cookie-disclaimer__button:focus {
            width: initial;
        }    
        .footerbottom {
            margin-bottom: 105px !important;
        }
    }
    
    @media (max-width: 729px) {             
        .footerbottom {
            margin-bottom: 125px !important;
        }
    }
    
    @media (max-width: 518px) {               
        .footerbottom {
            margin-bottom: 150px !important;
        }
    }
    
    
    @media (max-width: 421px) {                
        .footerbottom {
            margin-bottom: 170px !important;
        }
    }
    
    @media (max-width: 360px) {                
        .footerbottom {
            margin-bottom: 195px !important;
        }
    }
    
    @media (max-width: 340px) {                
        .footerbottom {
            margin-bottom: 220px !important;
        }
    }
    
    @media (max-width: 324px) {                
        .footerbottom {
            margin-bottom: 240px !important;
        }
    }
    
    @media (max-width: 285px) {                
        .footerbottom {
            margin-bottom: 265px !important;
        }
    }
    

    

    @media (max-width: 1199px) {

        .corpo_admin {

            display: none;

        }

        .corpo_admin-mob {

            display: block;

        }

        /*organograma*/

        .corpo_admin-mob .titulo {

            font-size: 25px;

            font-family: "TrendaBold";

            color: #15559C;

            text-align: left;

        }

        .corpo_admin-mob .organograma-mob {

            display: flex;

            align-items: center;

            flex-direction: column;

        }

        .corpo_admin-mob .organograma-mob .box-org {

            font-size: 18px;

            font-family: "TrendaBold";

            color: #FFFFFF;

            background-color: #15559C;

            width: 100%;

            padding: 10px 30px;

        }

        .corpo_admin-mob .organograma-mob .box-org-ger-mob {

            font-size: 18px;

            font-family: "TrendaBold";

            color: #FFFFFF;

            background-color: #15559C;

            /* width: 93%; */

            width: 272px;

            padding: 10px 30px;

        }

        .corpo_admin-mob .organograma-mob .box-org-ger {

            font-size: 18px;

            font-family: "TrendaBold";

            color: #FFFFFF;

            background-color: #15559C;

            width: 100%;

            padding: 10px 30px;

        }

        .corpo_admin-mob .organograma-mob .box-org-dep {

            font-size: 16px;

            font-family: "TrendaBold";

            color: #15559C;

            background-color: #E4F5FA;

            width: 100%;

            padding: 10px 2px;

        }

        .corpo_admin-mob .organograma-mob .lista-vertical {

            display: flex;

            flex-direction: column;

        }

        .corpo_admin-mob .organograma-mob .box-org-ult {

            font-size: 18px;

            font-family: "TrendaBold";

            color: #FFFFFF;

            background-color: #15559C;

            width: 100%;

            padding: 4px 30px;

            /* line-height: 20px; */

        }

        .linha-vertical {

            width: 0.5%;

            height: 20px;

            border-left: 1px solid #0782AB;

            box-sizing: border-box;

        }

        .linha-vertical-r {

            width: 0.5%;

            height: 20px;

            border-right: 1px solid #0782AB;

            box-sizing: border-box;

        }

        .organograma-mob .box-horizontal {

            display: flex;

            justify-content: space-between;

            width: 100%;

            flex-direction: column;

            align-items: center;

        }

        .organograma-mob .box-horizontal .item {

            display: flex;

            flex-direction: column;

            /* width: 93%; */

            width: 272px;

        }

        .linha-horizontal {

            width: 75%;

            height: 20px;

            border-top: 1px solid #0782AB;

            box-sizing: border-box;

            margin-left: auto;

            margin-right: auto;

            display: flex;

            justify-content: space-between;

        }

        .linha-conecta-left-diretoria::after {

            content: "";

            border-top: 1px solid #0782AB;

            border-left: 1px solid #0782AB;

            border-bottom: 1px solid #0782AB;

            box-sizing: border-box;

            width: 10px;

            min-height: 64px;

            height: auto;

            position: absolute;

            z-index: 5;

            margin-left: -145px;

            margin-top: -38px;

        }

        .linha-conecta-left-jur::after {

            content: "";

            border-top: 1px solid #0782AB;

            border-left: 1px solid #0782AB;

            border-bottom: 1px solid #0782AB;

            box-sizing: border-box;

            width: 10px;

            min-height: 584px;

            height: auto;

            position: absolute;

            z-index: 5;

            margin-left: -145px;

            margin-top: -554px;

        }

        .linha-conecta-left-eng::after {

            content: "";

            border-top: 1px solid #0782AB;

            border-left: 1px solid #0782AB;

            border-bottom: 1px solid #0782AB;

            box-sizing: border-box;

            width: 10px;

            min-height: 49px;

            height: auto;

            position: absolute;

            z-index: 5;

            margin-left: -145px;

            margin-top: -22px;

        }

        .linha-conecta-left-dir::after {

            content: "";

            border-top: 1px solid #0782AB;

            border-left: 1px solid #0782AB;

            border-bottom: 1px solid #0782AB;

            box-sizing: border-box;

            width: 10px;

            min-height: 100px;

            height: auto;

            position: absolute;

            z-index: 5;

            margin-left: -145px;

            margin-top: -73px;

        }

        .linha-conecta-left::after {

            content: "";

            border-top: 1px solid #0782AB;

            border-left: 1px solid #0782AB;

            border-bottom: 1px solid #0782AB;

            box-sizing: border-box;

            width: 10px;

            min-height: 101px;

            height: auto;

            position: absolute;

            z-index: 5;

            margin-left: -145px;

            margin-top: -73px;

        }

        .linha-conecta::after {

            content: "";

            border-top: 1px solid #0782AB;

            border-right: 1px solid #0782AB;

            border-bottom: 1px solid #0782AB;

            box-sizing: border-box;

            width: 10px;

            height: 49px;

            position: absolute;

            z-index: 5;

            margin-left: 135px;

            margin-top: -27px;

        }

        .tooltipcons .tooltiptext .box-representantes {

            width: 100%;

            flex-wrap: wrap;

        }

        .tooltipcons .tooltiptext .box-representantes .col1-rep {

            width: 100%;

        }

        .tooltipcons .tooltiptext .box-representantes .col2-rep {

            width: 100%;

        }

        .tooltipcons .tooltiptext .titulo {

            font-size: 15px;

        }

        .tooltipcons .tooltiptext .nomecons {

            font-size: 14px;

        }

        .tooltipcons .tooltiptext .descricao {

            font-size: 13px;

        }

        .tooltipcons .tooltiptext .box-representantes .titulo-rep {

            font-size: 12px;

        }

        .tooltipcons .tooltiptext .box-representantes .texto-rep {

            font-size: 13px;

        }

        .tooltipcons .tooltiptext {

            width: 282px;

            margin-left: 8px;

        }

    }

    

    @media(max-width: 834px) {

        .box-pres .box-inf-pres {

            margin-right: 2.7%;

        }

        .box-pres .box-inf-pres:nth-child(6n) {

            margin-right: 2.7%;

        }

    }

    

    @media(max-width: 800px) {

        .box-pres .box-inf-pres {

            margin-right: 2%;

        }

        .box-pres .box-inf-pres:nth-child(6n) {

            margin-right: 2%;

        }

        .box-pres .desc {

            width: 90%;

        }

        .licitacao-detalhe .boxlicitacaosessao {

            flex-wrap: wrap;

        }

        .boxlicitacaosessao .txt_titulo {

            width: 100%;

        }

        .boxlicitacaosessao .sessaolink {
            /* margin-bottom: 15%;             */
            margin-bottom: 5%;            
            width: 50%;
            text-align: left;
        }

        .licitacao-detalhe .txt_titulo {
            margin-bottom: 5%;
        }

    }

    /* @media(max-width: 768px) { */

    

    @media(max-width:1225px) {

        .txt-qualidade {

            margin-top: 40px;

        }

        .accordion-bottom {

            margin-bottom: 35px!important;

        }

        .section-qualidade form .form-group {

            width: 100%;

        }

        .contrato .item-det {

            width: 100%;

        }

        .box-contratos .objeto {

            flex-wrap: wrap;

        }

        .box-contratos .box-objeto {

            width: 100%;

        }

        .box-contratos .box {

            flex-wrap: wrap;

        }

        .contrato .group-contrato {

            width: 100% !important;

        }

        .contrato form .form-group {

            width: 100%;

            margin-right: 0;

        }

        .navbar-nav {

            overflow-y: auto !important;

            height: 450px;

        }

        .galeria-video .img-res {

            height: auto;

        }

        .campanhas .img-res {

            height: auto;

        }

        .section_agua .img-agua {

            height: auto;

        }

        .tratamento .img-trat {

            height: auto;

        }

        .noticias .img-res {

            height: auto;

        }

        .veiculo {

            margin-top: 10%;

            margin-bottom: 10%;

        }

        .veiculo .item {

            width: 100%;

            padding: 3% 3%;

            margin-bottom: 4%;

            margin-right: 0;

        }

        .modalmsg {

            position: fixed;

            top: 0;

            right: 0;

            bottom: 0;

            left: 0;

            font-family: "TrendaLight";

            font-size: 16px;

            color: #666666;

            background: rgba(0, 0, 0, 0.8);

            z-index: 99999;

            opacity: 0;

            -webkit-transition: opacity 400ms ease-in;

            -moz-transition: opacity 400ms ease-in;

            transition: opacity 400ms ease-in;

            pointer-events: none;

        }

        .modalmsg .titulo {

            font-family: "TrendaBold";

            font-size: 16px;

            color: #008CCC;

            margin-top: 4%;

            margin-bottom: 4%;

        }

        .modalmsg .subtitulo {

            font-family: "TrendaBold";

            font-size: 16px;

            color: #008CCC;

            margin-bottom: 10px;

        }

        .modalmsg:target {

            opacity: 1;

            pointer-events: auto;

        }

        .modalmsg>div {

            width: 650px;

            position: relative;

            margin: 5% auto;

            padding: 10px 20px;

            background: #fff;

        }

        .fecharmodal {

            position: absolute;

            width: 30px;

            right: -15px;

            top: -20px;

            text-align: center;

            line-height: 30px;

            margin-top: 5px;

            background: #666;

            border-radius: 50%;

            font-size: 16px;

            color: #fff;

            display: block;

        }

        .modalmsg>div {

            width: 90%;

        }

        #login .box-txt {

            flex-wrap: wrap;

        }

        #login .btn-cad {

            width: 100%;

        }

        #login .btn-senha {

            width: 100%;

            margin-top: 3%;

        }

        #login .btn-login {

            margin-bottom: 5%;

        }

        #formcontatovisita .form-group .form-row {

            margin-top: -4%;

        }

        #formcontatovisita .form-group .form-control {

            margin-top: 3%;

        }

        .galeria-video {

            margin-top: 5%;

            margin-bottom: 5%;

        }

        .galeria-video .card {

            width: 100%;

            margin-left: 0;

            margin-right: 0;

        }

        .manual_padronizado .box-imagem {

            flex-wrap: wrap;

            margin-bottom: 8%;

        }

        .manual_padronizado .box-img {

            width: 100%;

        }

        .manual_padronizado .box-txt {

            width: 100%;

            text-align: left;

        }

        .taxa_lixo_pdf a {

            width: 100%;

        }

        .taxa_lixo_pdf .titulo_pdf {

            margin-bottom: 2%;

        }

        .taxa_lixo_pdf ul li {

            flex-wrap: wrap;

        }

        .taxa_lixo_video .box_taxa_video {

            width: 100%;

            margin-bottom: 4%;

        }

        .ecoponto-materiais .container {

            flex-wrap: wrap;

        }

        .ecoponto-materiais img {

            margin-bottom: 5%;

        }

        .materiais_recebidos .container {

            flex-wrap: wrap;

        }

        .materiais_recebidos .box-recebidos {

            width: 100%;

            margin-bottom: 25%;

        }

        .materiais_recebidos .box-recebidos .titulo {

            width: 100%;

        }

        .materiais_recebidos .box-nao-recebidos {

            width: 100%;

        }

        .materiais_recebidos .box-recebidos .itens {

            flex-direction: column;

            text-align: center;

            width: 50%;

        }

        .materiais_recebidos .box-nao-recebidos .itens {

            flex-direction: column;

            text-align: center;

            width: 50%;

        }

        .materiais_recebidos .box-nao-recebidos .titulo {

            width: 100%;

        }

        .materiais_recebidos .informativo {

            top: -10%;

        }

        .menu_mob {

            display: block;

        }

        .box-form {

            margin-bottom: 5%;

        }

        .box-perg {

            display: none;

        }

        .box-at-pref {

            display: none;

        }

        .box-duvidas {

            display: none;

        }

        .box-ouvidoria {

            display: none;

        }

        .identificacao_etapas .container {

            flex-wrap: wrap;

        }

        .identificacao_etapas .box-ident {

            width: 100%;

        }

        .identificacao_etapas .box-img {

            width: 100%;

        }

        .carta .container {

            flex-wrap: wrap;

        }

        .carta .lado-esq {

            width: 100%;

            margin-right: 0;

        }

        .carta .lado-dir-listagem .box-statisticas {

            flex-wrap: wrap;

        }

        .carta .lado-dir-listagem .box-numeros {

            width: 49%;

            margin-bottom: 0.5%;

        }

        .carta .lado-dir-listagem .ranking_servicos .titulografico {

            width: 100%;

            margin-bottom: 1%;

        }

        .carta .lado-dir-listagem .list-ranking .ranking_servicos {

            flex-wrap: wrap;

        }

        .carta .lado-dir-listagem {

            width: 100%;

        }

        .carta .lado-dir-listagem .box-listagem {

            flex-wrap: wrap;

        }

        .carta .lado-dir-listagem .box-listagem .conteudo-listagem {

            width: 100%;

            margin-right: 0;

        }

        .carta .lado-dir-listagem .box-listagem .meios-solicitacao {

            width: 100%;

        }

        .carta .lado-dir {

            width: 100%;

        }

        .carta .lado-dir .bord-pdf {

            flex-wrap: wrap;

        }

        .carta .lado-dir .titulo_pdf {

            width: 100%;

        }

        .carta .lado-dir .bord-pdf a {

            width: 100%;

            display: flex;

            justify-content: end;

        }

        .carta .lado-dir-listagem-detalhe {

            width: 100%;

        }

        .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-local {

            flex-wrap: wrap;

        }

        .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-comercial {

            flex-wrap: wrap;

        }

        .carta .lado-dir-listagem-detalhe .meios-solicitacao .icon-email {

            flex-wrap: wrap;

        }

        .carta .lado-dir-listagem-detalhe .avaliar-servico .box-avaliacao {

            width: 100%;

        }

        .carta .lado-dir-listagem-detalhe .avaliar-servico {

            flex-wrap: wrap;

        }

        .carta .lado-dir-listagem-detalhe .avaliar-servico .titulo {

            width: 100%;

            margin-bottom: 3%;

        }

        .carta .lado-dir-listagem-detalhe .avaliar-servico .btn-avalizao {

            margin-top: 3%;

            width: 100%;

        }

        .carta .lado-dir-listagem-detalhe .avaliar-servico .texto {

            width: 100%;

        }

        .carta .lado-dir-listagem-detalhe .registrar-duvidas {

            flex-wrap: wrap;

        }

        .carta .lado-dir-listagem-detalhe .registrar-duvidas .box-duvidas {

            width: 100%;

        }

        .carta .lado-dir-listagem-detalhe .registrar-duvidas .titulo {

            width: 100%;

            margin-bottom: 3%;

        }

        .carta .lado-dir-listagem-detalhe .registrar-duvidas .btn-duvidas {

            margin-top: 3%;

            width: 100%;

        }

        .header_adm .tit {

            font-size: 24px;

        }

        #return-to-top {

            right: 50px;

        }

        .tooltipcons .tooltiptext .box-representantes {

            width: 100%;

            flex-wrap: wrap;

        }

        .tooltipcons .tooltiptext .box-representantes .col1-rep {

            width: 100%;

        }

        .tooltipcons .tooltiptext .box-representantes .col2-rep {

            width: 100%;

        }

        .corpo_admin {

            display: none;

        }

        .corpo_admin-mob {

            display: block;

        }

        .corpo_admin .organograma .box-org-ger {

            width: 88%;

        }

        .organograma .box-horizontal {

            flex-wrap: wrap;

            width: 88%;

        }

        .organograma .box-horizontal .item {

            width: 100%;

        }

        .materias .titulo {

            width: 100%;

            margin-right: 0;

        }

        .materias .texto {

            width: 100%;

        }

        .lixo .titulo {

            width: 100%;

            margin-right: 0;

        }

        .lixo .texto {

            width: 100%;

        }

        .img-coleta {

            display: none;

        }

        .img-coleta-mob {

            display: block;

        }

        .informativo .container {

            flex-wrap: wrap;

        }

        .informativo .card {

            width: 48%;

        }

        .informativo .card-text {

            font-size: 15px;

        }

        .informativo .titulo {

            text-align: left;

            font-size: 15px;

        }

        .pgcontato .container {

            flex-wrap: wrap;

        }

        .pgcontato .text_atendimento {

            width: 100%;

            margin-right: 0;

        }

        .pgcontato .formulario {

            width: 100%;

        }

        .inf-mapa .container {

            flex-wrap: wrap;

        }

        .inf-mapa .estacao {

            width: 100%;

        }

        .inf-mapa .aterro {

            width: 100%;

        }

        .inf-mapa .ecoponto {

            width: 100%;

        }

        .dicas-coleta-seletiva .box-text {

            margin-top: 5%;

        }

        .dicas-coleta-seletiva-ecoponto.box-text {

            margin-top: 5%;

        }

        .inf .item1 {

            padding: 13% 0;

        }

        .inf .item3 {

            padding: 12% 0;

        }

        .inf .item {

            width: 100%;

            margin-bottom: 5%;

        }

        .inf .container {

            flex-wrap: wrap;

        }

        .call-to-action {

            padding: 50px 0;

        }

        .call-to-action .item .counter {

            font-size: 25px;

        }

        .call-to-action .item {

            width: 50%;

        }

        .call-to-action .text {

            width: 100%;

        }

        .call-to-action .box {

            flex-wrap: wrap;

        }

        .empresa-home .container {

            flex-wrap: wrap;

        }

        .empresa-home .text {

            margin: 5% 0;

            width: 100%;

        }

        .logos-home .item {

            width: 50%;

        }

        .empresa-home .video {

            width: 100%;

        }

        .dicas-coleta-seletiva .box-text {

            width: 100%;

        }

        .dicas-coleta-seletiva-ecoponto .box-text {

            width: 100%;

            margin-top: 5%;

        }

        .dicas-coleta-seletiva .box-img {

            width: 100%;

        }

        .dicas-coleta-seletiva-ecoponto .box-img {

            width: 100%;

        }

        .dicas-coleta-seletiva .box-img .list-img {

            flex-wrap: wrap;

        }

        .dicas-coleta-seletiva-ecoponto .box-img .list-img {

            flex-wrap: wrap;

        }

        .coleta-seletiva .titulo {

            width: 70%;

        }

        .coleta-seletiva-ecoponto .titulo {

            width: 70%;

        }

        .noticias_home .titulo {

            width: 70%;

        }

        .dicas-coleta-seletiva .container {

            flex-wrap: wrap;

        }

        .dicas-coleta-seletiva-ecoponto .container {

            flex-wrap: wrap;

        }

        .logos-home .container {

            flex-wrap: wrap;

        }

        .box-pres .box-inf-pres {

            margin-right: 1%;

            width: 24%;

        }

        .box-pres .box-inf-pres:nth-child(6n) {

            margin-right: 2%;

        }

        .box-pres .desc {

            width: 90%;

        }

        .section_agua .box-agua {

            flex-wrap: wrap;

        }

        .section_agua .item {

            width: 100%;

            margin-right: 0;

            margin-bottom: 5%;

        }

        .tratamento .box {

            flex-wrap: wrap;

        }

        .tratamento .box-inf {

            text-align: left;

            width: 100%;

        }

        .tratamento .item-img {

            width: 100%;

            margin-bottom: 3%;

        }

        .fases .fase_liquida {

            width: 100%;

            margin-right: 0;

        }

        .fases .fase_solida {

            width: 100%;

        }

        /*organograma*/

        .corpo_admin-mob .titulo {

            font-size: 25px;

            font-family: "TrendaBold";

            color: #15559C;

            text-align: left;

        }

        .corpo_admin-mob .organograma-mob {

            display: flex;

            align-items: center;

            flex-direction: column;

        }

        .corpo_admin-mob .organograma-mob .box-org {

            font-size: 18px;

            font-family: "TrendaBold";

            /* color: #0680AB;

            background-color: #ADE2EF; */

            color: #fff;

            background-color: #15559C;

            width: 100%;

            padding: 10px 30px;

        }

        .corpo_admin-mob .organograma-mob .box-org-ger-mob {

            font-size: 18px;

            font-family: "TrendaBold";

            /* color: #0680AB;

            background-color: #ADE2EF; */

            color: #fff;

            background-color: #15559C;

            /* width: 93%; */

            width: 272px;

            padding: 10px 30px;

        }

        .corpo_admin-mob .organograma-mob .box-org-ger {

            font-size: 18px;

            font-family: "TrendaBold";

            /* color: #0680AB;

            background-color: #ADE2EF; */

            color: #fff;

            background-color: #15559C;

            width: 100%;

            padding: 10px 30px;

        }

        .corpo_admin-mob .organograma-mob .box-org-dep {

            font-size: 16px;

            font-family: "TrendaBold";

            color: #15559C;

            background-color: #E4F5FA;

            width: 100%;

            padding: 10px 2px;

        }

        .corpo_admin-mob .organograma-mob .lista-vertical {

            display: flex;

            flex-direction: column;

        }

        .corpo_admin-mob .organograma-mob .box-org-ult {

            font-size: 18px;

            font-family: "TrendaBold";

            /* color: #0680AB;

            background-color: #ADE2EF; */

            color: #fff;

            background-color: #15559C;

            width: 100%;

            /* padding: 4px 30px; */

            padding: 10px 30px;

            /* line-height: 20px; */

        }

        .linha-vertical {

            width: 0.5%;

            height: 20px;

            border-left: 1px solid #0782AB;

            box-sizing: border-box;

        }

        .linha-vertical-r {

            width: 0.5%;

            height: 20px;

            border-right: 1px solid #0782AB;

            box-sizing: border-box;

        }

        .organograma-mob .box-horizontal {

            display: flex;

            justify-content: space-between;

            width: 100%;

            flex-direction: column;

            align-items: center;

        }

        .organograma-mob .box-horizontal .item {

            display: flex;

            flex-direction: column;

            /* width: 93%; */

            width: 272px;

        }

        .linha-horizontal {

            width: 75%;

            height: 20px;

            border-top: 1px solid #0782AB;

            box-sizing: border-box;

            margin-left: auto;

            margin-right: auto;

            display: flex;

            justify-content: space-between;

        }

        .linha-conecta-left-diretoria::after {

            content: "";

            border-top: 1px solid #0782AB;

            border-left: 1px solid #0782AB;

            border-bottom: 1px solid #0782AB;

            box-sizing: border-box;

            width: 10px;

            min-height: 64px;

            height: auto;

            position: absolute;

            z-index: 5;

            margin-left: -145px;

            margin-top: -38px;

        }

        .linha-conecta-left-jur::after {

            content: "";

            border-top: 1px solid #0782AB;

            border-left: 1px solid #0782AB;

            border-bottom: 1px solid #0782AB;

            box-sizing: border-box;

            width: 10px;

            min-height: 584px;

            height: auto;

            position: absolute;

            z-index: 5;

            margin-left: -145px;

            margin-top: -554px;

        }

        .linha-conecta-left-eng::after {

            content: "";

            border-top: 1px solid #0782AB;

            border-left: 1px solid #0782AB;

            border-bottom: 1px solid #0782AB;

            box-sizing: border-box;

            width: 10px;

            min-height: 49px;

            height: auto;

            position: absolute;

            z-index: 5;

            margin-left: -145px;

            margin-top: -22px;

        }

        .linha-conecta-left-dir::after {

            content: "";

            border-top: 1px solid #0782AB;

            border-left: 1px solid #0782AB;

            border-bottom: 1px solid #0782AB;

            box-sizing: border-box;

            width: 10px;

            /* min-height: 100px; */

            /* min-height: 50px; */

            min-height: 379px;

            /* min-height: 435px; */

            height: auto;

            position: absolute;

            z-index: 5;

            margin-left: -145px;

            /* margin-top: -73px; */

            /* margin-top: -25px; */

            /* margin-top: -410px; */

            margin-top: -350px;

        }

        .linha-conecta-left::after {

            content: "";

            border-top: 1px solid #0782AB;

            border-left: 1px solid #0782AB;

            border-bottom: 1px solid #0782AB;

            box-sizing: border-box;

            width: 10px;

            min-height: 101px;

            height: auto;

            position: absolute;

            z-index: 5;

            margin-left: -145px;

            margin-top: -73px;

        }

        .linha-conecta::after {

            content: "";

            border-top: 1px solid #0782AB;

            border-right: 1px solid #0782AB;

            border-bottom: 1px solid #0782AB;

            box-sizing: border-box;

            width: 10px;

            height: 49px;

            position: absolute;

            z-index: 5;

            margin-left: 135px;

            margin-top: -27px;

        }

        /**/

        /*MENU CARTA SERVICO MOB*/

        .menu_mob {}

        .carta .box-perg-mob {

            background-color: #E4F2D7;

            text-align: left;

            /* padding: 1%; */

        }

        .carta .box-perg-mob .lei {

            color: #8C8C8C;

            font-size: 16px;

        }

        .carta .box-perg-mob ul {

            padding-left: 35px;

        }

        .carta .box-perg-mob ul li a {

            color: #007FC5;

        }

        .carta .box-perg-mob ul li {

            list-style-image: url("../images/ul-li.png");

            color: #007FC5;

            font-size: 20px;

            font-family: "TrendaBold";

            padding-top: 0.5%;

            padding-bottom: 0.5%;

        }

        .carta .box-at-pref-mob {

            background-color: #E4F2D7;

            text-align: left;

        }

        .carta .box-at-pref-mob .titulo {

            color: #88C54B;

            font-family: "TrendaBold";

            font-size: 25px;

            text-align: left;

        }

        .carta .box-at-pref-mob .lei {

            color: #8C8C8C;

            font-size: 16px;

        }

        .carta .box-at-pref-mob ul {

            padding-left: 20px;

        }

        .carta .box-at-pref-mob ul li {

            list-style-image: url("../images/ul-li.png");

            color: #88C54B;

            font-size: 17px;

            font-family: "TrendaBold";

            border-bottom: 1px solid #94CB5C;

            padding-bottom: 3%;

            margin-bottom: 3%;

        }

        .carta .box-duvidas-mob {

            background-color: #CEEEFF;

            text-align: left;

        }

        .carta .box-duvidas-mob .titulo {

            color: #3379B7;

            font-size: 25px;

            font-family: "TrendaBold";

        }

        .carta .box-duvidas-mob .subtitulo {

            color: #727272;

            font-size: 17px;

            font-family: "TrendaLight";

            line-height: 25px;

        }

        .carta .box-duvidas-mob .icon-comercial {

            position: relative;

            padding-left: 40px;

        }

        .carta .box-duvidas-mob .icon-comercial::before {

            content: '';

            width: 30px;

            height: 25px;

            position: absolute;

            background-image: url('../images/icon-carta-servico/phone.png');

            background-size: cover;

            background-position: center;

            left: 0;

            top: 50%;

            transform: translateY(-50%);

        }

        .carta .box-duvidas-mob .icon-comercial .txt {

            color: #727272;

            font-size: 17px;

            font-family: "TrendaLight";

        }

        .carta .box-duvidas-mob .icon-email {

            position: relative;

            padding-left: 40px;

        }

        .carta .box-duvidas-mob .icon-email::before {

            content: '';

            width: 35px;

            height: 28px;

            position: absolute;

            background-image: url('../images/icon-carta-servico/email.png');

            background-size: cover;

            background-position: center;

            left: 0;

            top: 50%;

            transform: translateY(-50%);

        }

        .carta .box-duvidas-mob .icon-email .txt {

            color: #727272;

            font-size: 17px;

            font-family: "TrendaLight";

        }

        .carta .box-duvidas-mob .icon-time {

            position: relative;

            padding-left: 40px;

        }

        .carta .box-duvidas-mob .icon-time::before {

            content: '';

            width: 30px;

            height: 30px;

            position: absolute;

            background-image: url('../images/icon-carta-servico/time.png');

            background-size: cover;

            background-position: center;

            left: 0;

            top: 50%;

            transform: translateY(-50%);

        }

        .carta .box-duvidas-mob .box-time {

            font-size: 17px;

            font-family: "TrendaLight";

        }

        .carta .box-duvidas-mob .icon-time .txt {

            color: #727272;

            font-size: 17px;

            font-family: "TrendaLight";

        }

        .carta .box-duvidas-mob .icon-local {

            position: relative;

            padding-left: 40px;

        }

        .carta .box-duvidas-mob .icon-local::before {

            content: '';

            width: 30px;

            height: 31px;

            position: absolute;

            background-image: url('../images/icon-carta-servico/local.png');

            background-size: cover;

            background-position: center;

            left: 0;

            top: 40%;

            transform: translateY(-50%);

        }

        .carta .box-duvidas-mob .icon-local .txt {

            color: #727272;

            font-size: 17px;

            font-family: "TrendaLight";

        }

        .carta .box-ouvidoria-mob {

            background-color: #F3F3F3;

            text-align: left;

        }

        .carta .box-ouvidoria-mob .titulo {

            color: #666666;

            font-size: 25px;

            font-family: "TrendaBold";

        }

        .carta .box-ouvidoria-mob .icon-comercial {

            position: relative;

            padding-left: 40px;

        }

        .carta .box-ouvidoria-mob .icon-comercial::before {

            content: '';

            width: 30px;

            height: 25px;

            position: absolute;

            background-image: url('../images/icon-carta-servico/icon-ouvidoria-phone.png');

            background-size: cover;

            background-position: center;

            left: 0;

            top: 50%;

            transform: translateY(-50%);

        }

        .carta .box-ouvidoria-mob .icon-comercial .txt {

            color: #727272;

            font-size: 17px;

            font-family: "TrendaLight";

        }

        .carta .box-ouvidoria-mob .icon-email {

            position: relative;

            padding-left: 40px;

        }

        .carta .box-ouvidoria-mob .icon-email::before {

            content: '';

            width: 35px;

            height: 28px;

            position: absolute;

            background-image: url('../images/icon-carta-servico/icon-ouvidoria-email.png');

            background-size: cover;

            background-position: center;

            left: 0;

            top: 50%;

            transform: translateY(-50%);

        }

        .carta .box-ouvidoria-mob .icon-email .txt {

            color: #727272;

            font-size: 16px;

            font-family: "TrendaLight";

        }

        .carta .box-ouvidoria-mob .icon-time {

            position: relative;

            padding-left: 40px;

        }

        .carta .box-ouvidoria-mob .icon-time::before {

            content: '';

            width: 30px;

            height: 30px;

            position: absolute;

            background-image: url('../images/icon-carta-servico/icon-ouvidoria-time.png');

            background-size: cover;

            background-position: center;

            left: 0;

            top: 50%;

            transform: translateY(-50%);

        }

        .carta .box-ouvidoria-mob .box-time {

            font-size: 17px;

            font-family: "TrendaLight";

        }

        .carta .box-ouvidoria-mob .icon-time .txt {

            color: #727272;

            font-size: 17px;

            font-family: "TrendaLight";

        }

        .carta .box-ouvidoria-mob .icon-local {

            position: relative;

            padding-left: 40px;

        }

        .carta .box-ouvidoria-mob .icon-local::before {

            content: '';

            width: 30px;

            height: 31px;

            position: absolute;

            background-image: url('../images/icon-carta-servico/icon-ouvidoria-local.png');

            background-size: cover;

            background-position: center;

            left: 0;

            top: 40%;

            transform: translateY(-50%);

        }

        .carta .box-ouvidoria-mob .icon-local .txt {

            color: #727272;

            font-size: 17px;

            font-family: "TrendaLight";

        }

        /*FIM MENU CARTA SERVICO MOB*/

    }

    /* @media(max-width: 760px) { */

    

    @media(max-width:1225px) {

        .licitacao-detalhe .txt_titulo {

            margin-bottom: 15%;

        }

        .licitacao-detalhe .box-conteudo {

            margin-top: 15%;

            margin-bottom: 15%;

        }

        .licitacao-detalhe .item-det {

            width: 100%;

        }

        .licitacao .form-row {

            flex-wrap: wrap;

        }

        .licitacao .situacao-licitacao {

            width: 100% !important;

        }

        .licitacao .group-licitacao {

            width: 100% !important;

        }

        .licitacao .box-titulo-lic {

            flex-direction: column;

        }

        .licitacao .txt_titulo {

            width: 100%;

            text-align: justify;

            flex-direction: column;

        }

        .licitacao form {

            flex-wrap: wrap;

        }

        .licitacao form .form-group {

            width: 100%;

        }

        .licitacao .txt_login {

            width: 100%;

        }

        .header_adm .tit {

            font-size: 24px;

        }

        .top-menu {

            display: none;

        }

        .header_den {

            margin-top: 60px;

        }

        .header-menu {

            display: none;

        }

        .boxed-menu .main-nav {

            display: none;

        }

        .header-inner {

            display: none;

        }

        .header-toolbar {

            display: none;

        }

        .menu-mob {

            display: block;

        }

        .auto_banner {

            display: none;

        }

        .footer-fixo {

            display: none;

        }

        .footer-texto {

            width: 100%;

            padding: 15px 5px;

        }

        .footer-bottom .container {

            flex-direction: column;

        }

        .denucie .container {

            display: flex;

            flex-wrap: wrap;

        }

        .denuncie-pc {

            display: none;

        }

        .denuncie-mob {

            display: block;

            height: auto;

        }

        .denuncie-mob img {

            width: 100%;

            height: 100%;

            object-fit: fill;

        }

        .autoatendimento .card {

            width: 48%;

            margin-bottom: 4%;

        }

        .texto2 .box {

            flex-wrap: wrap;

        }

        .empresa-pc {

            display: none;

        }

        .empresa-mob {

            display: block;

        }

        .inst {

            padding: 20px 0;

        }

        .inst .missao {

            padding: 10px 2px;

        }

        .inst .visao {

            padding: 10px 2px;

        }

        .inst .valores {

            padding: 10px 2px;

        }

        .box-amb {

            padding: 5px;

        }

        /* .header_adm .box-titulo {



        margin-top: 8em;



    } */

        .denucie .cadastro {

            width: 100%;

        }

        .box-bandeiras .box-img-band {

            width: 100%;

        }

        .box-bandeiras .box-dados-band {

            width: 100%;

            margin-bottom: 10%;

        }

        .box-fatura {

            flex-wrap: wrap;

        }

        .box-fatura .box-img {

            width: 100%;

        }

        .box-fatura .box-txt {

            width: 100%;

        }

        .denucie .list-banco .itens {

            width: 100%;

            margin: 2% 0;

        }

        .denucie .list-banco .itens img {

            width: 100%;

        }

        .inf-tecnicas-links ul {

            flex-direction: column;

        }

        .inf-tecnicas-links ul li {

            width: 100%;

            margin-bottom: 5%;

            padding: 35px 30px;

        }

        .inf-pc {

            display: none;

        }

        .inf-mobile {

            display: block;

        }

        .empresa-foto-mob .box {

            display: flex;

            flex-direction: column;

            width: 100%;

        }

        .empresa-foto-mob .box img {

            width: 100%;

        }

        .empresa-foto .pc {

            display: none;

        }

        .empresa-foto-mob {

            display: block;

        }

        .empresa-foto-mob .box .itens {

            margin-bottom: 5%;

        }

        .institucional .table-responsive {

            margin-bottom: 5%;

        }

        .institucional table tr,

        td {

            line-height: initial;

        }

        .denucie table th,

        tr,

        td {

            line-height: initial;

        }

        .titulo_pag {

            text-align: center;

        }

        .box-pres .box-inf-pres {

            margin-right: -1.0%;

        }

        .box-pres .desc {

            width: 90%;

        }

        .btn_legislacao .container {

            flex-direction: column;

        }

        .btn_legislacao .btn-leg {

            width: 100%;

            margin-top: 5%;

        }

        .header_adm .tit {

            font-size: 24px;

        }

        .legislacao .titulo_pdf {

            font-size: 16px;

            width: 100%;

        }

        .band-tarifaria-pdf .titulo_pdf {

            width: 100%;

        }

        .btn-obse-vazio {

            font-size: 14px;

            padding: 5px 10px;

            margin-left: 1%;

            background-color: #fff!important;

            color: #fff!important;

            border: 0px;

        }

        .btn-obse-vazio:hover {

            cursor: default;

        }

        .transparencia .titulo_pdf {

            width: 100%;

        }

        .hr-contato .container {

            display: flex;

            flex-wrap: wrap;

        }

        .box-cont-end {

            margin-bottom: 10%;

        }

        .box-cont-end img {

            display: none;

        }

        .box-cont-hora img {

            display: none;

        }

        .cooperativismo {

            padding: 5% 0;

        }

        .cooperativismo .container {

            display: flex;

            flex-direction: column;

            flex-wrap: wrap;

        }

        .cooperativismo .box-mis-vis {

            width: 100%;

        }

        .cooperativismo .box-val {

            width: 100%;

        }

        #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {

            font-size: 16px !important;

        }

        #navbarResponsive {

            background-color: #fff;

            color: #FFF;

        }

        .carousel_home {

            margin-top: 4em;

        }

        #mainNav {

            display: block;

        }

        .footer-bottom {

            margin: 0!important;

        }

        .inf-mob-contato {

            display: block;

        }

        footer .box {

            width: 100%;

        }

        footer .box_link {

            width: 15%;

        }

        .grupo {

            display: block;

        }

        .call-to-action .box_txt {

            width: 100%;

        }

        .call-to-action .titulo {

            font-size: 30px;

        }

        .call-to-action .subtitulo {

            font-size: 30px;

            margin: -10px 0 0 0;

        }

        .empresas img {

            margin-bottom: 3%;

        }

        .campanhas .card {

            width: 100%;

        }

        .respon_social p {

            font-size: 30px;

        }

        .patrocionio .container {

            flex-wrap: wrap;

        }

        .patrocionio .box_btn {

            width: 100%;

        }

        .campanhas .card {

            margin: 1% 0;

        }

        .box-titulo_amb {

            width: auto;

        }

        .box-titulo_amb {

            width: 100%;

            margin-left: auto;

            margin-right: auto;

            margin-top: 120px;

            padding-bottom: 47px;

            line-height: 35px;

        }

        .header_grupo .box-titulo {

            width: 100%;

        }

        .tit {

            font-size: 27px;

        }

        .section_filiais {

            height: 30vh;

            top: -50px;

        }

        .section_filiais img {

            width: 48%;

        }

        .section_right .txt_conc {

            padding-bottom: 4%;

        }

        .section_right {

            padding-bottom: 4%;

        }

        .section_left {

            display: none;

        }

        .grupo p {

            margin: 20% 0;

        }

        .sect_op {

            background-color: #f7f7f7;

            display: block;

            margin-bottom: 3%;

        }

        .pc {

            display: none;

        }

        .mobile {

            margin: 6% 0;

            display: block;

            padding-bottom: 15px;

            /* border-bottom: 1px solid #88C54B!important; */

        }

        .mobile_ult {

            margin: 5% 0;

            display: block;

            padding-bottom: 15px;

            border-bottom: 1px!important;

        }

        .grupo .btn {

            margin: 5% 0;

        }

        .clientes .cli-titulo {

            font-size: 23px;

        }

        .clientes .box_clientes img {

            width: 48%;

            margin: 3px;

        }

        .clientes .box_clientes img:nth-child(2n) {

            margin-right: 0;

        }

        .clientes .box_clientes img:nth-child(2n+1) {

            margin-left: 0;

        }

        .negocios_home .box_neg {

            display: flex;

            flex-direction: column;

        }

        .negocios_home .item {

            width: 100%;

            margin: 3% 0 1% 0;

        }

        .negocios_home .box_neg .item img {

            width: 100%;

        }

        .noticias .card {

            width: 100%;

            margin: 1% 0;

        }

        /* .noticias_home p {















    font-size: 35px;















  } */

        .noticias_home .card {

            width: 100%;

            margin: 1% 0;

        }

        .noticias_campanhas p {

            font-size: 19px;

        }

        .noticias_campanhas .card {

            width: 100%;

            margin: 1% 0;

        }

        .contato_end {

            margin-left: 0;

            padding-left: 0;

        }

        .noticias_rec .formtext {

            font-size: 17px;

            margin-left: 0;

            margin-bottom: 1rem !important;

        }

        .formulario_sugestoes .formtext {

            font-size: 17px;

            margin-left: 0;

        }

        .formulario_sugestoes .box_txt {

            width: 100%;

        }

        .formulario span {

            font-size: 12px;

        }

        .map .map-frase {

            margin-top: 10%;

            font-size: 20px;

        }

        .map .painel-map-nav ul.abas li a {

            height: 50px !important;

        }

        .map .painel {

            padding: 84px 15px 15px 15px!important;

        }

        /* .atuacao {



        height: 50vh;



    } */

        .header_map_loc .box-titulo_map {

            width: 100%;

            margin-left: auto;

            margin-right: auto;

        }

        .header_map_loc .box-titulo_map .tit {

            font-size: 19px;

        }

        .header_map_loc .box_txt {

            width: 100%;

        }

        .header_amb .box_txt {

            width: 100%;

        }

        .respon_social {

            height: 100vh;

        }

        .box-mensagem {

            width: 100%;

            line-height: 25px!important;

        }

        .box-mensagem .txt_1 {

            font-size: 17px;

        }

        .box-mensagem .txt_2 {

            font-size: 25px;

        }

        .noticias ul {

            padding-left: 2px;

        }

        .header_cont_forn .box-titulo_cont_forn {

            width: 100%;

        }

        .header_cont_inv .box-titulo_cont_inv {

            width: 100%;

        }

        .header_cont_trab .box-titulo_cont_trab {

            width: 100%;

        }

        .sutent-pc {

            display: none;

        }

        .sutent-mob {

            display: block;

        }

        #mainNav {

            background-color: #fff;

            border-bottom: 1px solid #88C54B;

        }

        #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {

            padding-top: 10px!important;

            padding-bottom: 12px!important;

        }

        #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {

            font-size: 16px!important;

        }

        .navbar-nav>li>a {

            height: 45px;

        }

        header.video {

            display: none!important;

        }

        /* header.carousel_home{















    display: block;















    margin-top: 100px;















  } */

        .inf-section {

            display: none;

        }

        .inf-section-mobile {

            display: none;

        }

        .inf-section-mobile .container {

            display: flex;

            flex-wrap: wrap;

        }

        .inf-section-mobile .bx {

            width: 50%;

        }

        .inf-section-mobile .bx img {

            width: 100%;

        }

        .mensagem {

            /* padding: 100px 0;















    text-align: center;















    background-size: cover;















    background-attachment: scroll; */

            /* height:auto;















  	min-height:100vh;















  	background-size:cover;















  	background-position:center;















    background-size: 100%; */

            height: 33%;

            width: 100%;

            /* min-height: 42vh; */

            background-size: contain;

            background-position: center;

            background-size: 100%;

            background-attachment: scroll

            /* height: 85vh;















    min-height: 300px;















    background: no-repeat center center scroll;















    -webkit-background-size: cover;















    -moz-background-size: cover;















    -o-background-size: cover;















    background-size: cover; */

        }

        .negocios_home .item .overlay {

            top: 83%;

        }

        .numeros {

            display: none;

        }

        .numeros_mobile {

            display: block;

        }

        .numeros_mobile .titulo {

            font-family: "TrendaBold";

            font-size: 27px;

            color: #fff;

        }

        .numeros_mobile .box-numeros {

            padding: 2px;

            margin-top: 5px;

            display: flex;

            flex-wrap: wrap;

        }

        .numeros_mobile .itens {

            width: 50%;

            font-size: 10px;

            color: #fff;

            margin-bottom: 5%;

        }

        .numeros_mobile .box-numeros .itens img {

            width: 100%;

        }

        .numeros_mobile .ligacoes {

            font-size: 10px;

            color: #fff;

        }

        .numeros_mobile .municipios,

        .pessoas,

        .veranistas {

            font-family: "TrendaBold";

        }

        .map .painel {

            padding: 84px 5px!important;

        }

        .map .painel p {

            font-size: 13px;

        }

        .map .painel ul li ul li b {

            font-size: 13px;

        }

        .clientes .box_clientes {

            display: flex;

            flex-wrap: wrap;

            align-items: center;

        }

        .clientes .box_itens {

            width: 33%;

        }

        .clientes .box_itens img {

            width: 100%;

        }

        .noticias .box_vj {

            display: none;

        }

        .noticias .box_vj_mobile {

            display: block;

        }

        .respon_social {

            padding: 100px 0;

            background-size: cover;

            background-attachment: scroll;

        }

        .section_filiais {

            left: 0;

        }

        .mensagem {

            display: none;

        }

        #concessoes {

            display: none;

        }

        #operacao {

            display: none;

        }

        #filiais {

            display: none;

        }

        .mob-neg {

            display: block;

            background-color: #F7F7F7;

        }

        #filiais_mob {

            margin-top: 1em;

        }

        #filiais_mob .container {

            display: flex;

        }

        #filiais_mob img {

            width: 49%;

            margin-bottom: 0.4em;

        }

        .transparencia .btn-obse {

            width: 100%;

        }

        .trans-btn-pc {

            display: none;

        }

        .trans-btn-mob {

            width: 100%;

            display: block;

        }

        .campanhas .box {

            flex-wrap: wrap;

        }

        .formulario_cadastro .file .file_label {

            width: 100%;

        }

    }

    

    @media(max-width: 414px) {

        .autoatendimento .card {

            width: 100%;

        }

        .licitacao .form-row {

            flex-wrap: wrap;

        }

        .licitacao .situacao-licitacao {

            width: 100% !important;

        }

        .licitacao .group-licitacao {

            width: 100% !important;

        }

        .carta .lado-dir-listagem #categoriaranking {

            width: 100%;

        }

        .campanhas .box {

            flex-wrap: wrap;

        }

        #carousel {

            display: none;

        }

        #carousel-mob {

            display: block;

        }

        .box-pres .box-inf-pres {

            margin-right: 10%;

        }

        .transparencia ul li {

            width: 100%;

            flex-wrap: wrap;

        }

        .transparencia .box-btn {

            display: flex;

            width: 100%;

            margin: 5% 0;

        }

        .transparencia .btn-obse {

            width: 100%;

        }

        .trans-btn-pc {

            display: none;

        }

        .trans-btn-mob {

            width: 100%;

            display: block;

        }

        .box-pres .box-inf-pres {

            margin-right: 1%;

            width: 48%;

        }

    }

    

    @media(max-width: 384px) {

        /* .box-pres .box-inf-pres {



        margin-right: 6%;



    } */

    }

    

    @media(max-width: 375px) {

        /* .box-pres .box-inf-pres {



        margin-right: 6%;



    } */

    }

    

    @media(max-width: 360px) {

        /* .box-pres .box-inf-pres {



        margin-right: 4%;



    } */

    }

    

    @media(max-width: 349px) {

        #formranking .form-group {

            width: 100%;

        }

        .carta .lado-dir-listagem #anoranking {

            width: 100%;

        }

        .carta .lado-dir-listagem #mesranking {

            width: 100%;

        }

        #formprogress .form-group {

            width: 100%;

        }

        .carta .lado-dir-listagem #anoprogress {

            width: 100%;

        }

        .carta .lado-dir-listagem #categoriaprogress {

            width: 100%;

        }

        .carta .lado-dir-listagem #servicoprogress {

            width: 100%;

        }

    }

    /*novo css*/

    

    * {

        box-sizing: border-box;

    }

    

    body {

        margin: 0;

        font-family: "TrendaLight";

        font-size: 18px;

        text-align: justify;

        color: #333;

        overflow-x: hidden;

    }

    

    .video-header {

        height: 100vh;

        display: flex;

        align-items: center;

        color: #fff;

    }

    

    .wrap {

        max-width: 960px;

        padding-left: 1rem;

        padding-right: 1rem;

        margin: auto;

        text-align: center;

    }

    

    .fullscreen-video-wrap {

        position: absolute;

        top: 0;

        left: 0;

        height: 100vh;

        width: 100%;

        overflow: hidden;

    }

    

    .fullscreen-video-wrap video {

        min-height: 100%;

        min-width: 100%;

    }

    

    .header-overlay {

        height: 100vh;

        width: 100vw;

        position: absolute;

        top: 0;

        left: 0;

        background: rgba(34, 33, 33, 0.65);

        opacity: 0.80;

    }

    

    .header-content {

        z-index: 2;

        margin-top: 20%;

        padding: 0 5rem;

    }

    

    .header-content h1 {

        font-size: 50px;

        margin-bottom: 0;

    }

    

    .header-content p {

        font-size: 1.5rem;

        display: block;

        padding-bottom: 2rem;

        margin-top: 10px;

    }

    

    .my-btn {

        padding: 1rem 1rem;

    }

    

    @media(max-width: 1200px) {

        #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {

            font-size: 11px;

        }

    }

    

    @media(max-width: 991px) {

        #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {

            font-size: 13px;

        }

    }

    /* @media(max-width:768px) { */

    

    @media(max-width:1225px) {

        .header-content h1 {

            font-size: 40px;

        }

        .header-content p {

            font-size: 1rem;

        }

    }

    

    section {

        text-align: center;

        margin-top: 0;

        font-size: 1.5rem;

    }

    

    .navbar {

        z-index: 10;

    }

    

    .my-nav .nav-link {

        color: aliceblue;

    }

    

    .my-nav .navbar-brand {

        color: aliceblue;

    }

    

    .navbar-toggler-icon {

        color: aliceblue;

    }