/* Minification failed. Returning unminified contents.
(37,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,26): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(382,75): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(390,80): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(394,75): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(399,96): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(404,87): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(409,26): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(414,78): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(418,79): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(422,79): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(426,77): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(431,26): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(693,173): run-time error CSS1019: Unexpected token, found ')'
(693,173): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(838,22): run-time error CSS1039: Token not allowed after unary operator: '-primaria'
(854,32): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(974,26): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(987,25): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(996,25): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(1028,29): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(1039,29): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(1233,31): run-time error CSS1036: Expected expression, found ';'
(1370,22): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(1378,73): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(1386,89): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(1395,68): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(1404,80): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(1583,28): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(2371,177): run-time error CSS1019: Unexpected token, found ')'
(2371,177): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2487,22): run-time error CSS1039: Token not allowed after unary operator: '-primaria'
(2571,22): run-time error CSS1039: Token not allowed after unary operator: '-primaria'
(2665,22): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(2696,17): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(2702,17): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(2736,17): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(2757,21): run-time error CSS1039: Token not allowed after unary operator: '-primaria-800'
(3069,22): run-time error CSS1039: Token not allowed after unary operator: '-primaria'
 */
/* CSS Document */


@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300);

@media screen {

    .jquery-waiting-base-container {
        position: absolute;
        left: 0px;
        top: 0px;
        margin: 0px;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 99999;
        opacity: 0.9;
        /*-moz-opacity: 0.9;*/
        /*filter: alpha(opacity = 50);*/
        /*background-image: url(../css/select2-spinner.gif);*/
        background-image: url(../css/loading.gif);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-color: rgba(255,255,255,0.3);
        background-attachment: fixed;
        text-align: center;
        overflow: hidden;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        color: #333;
        padding-top: 19%;
        cursor: wait;
    }

    :root {
        --primaria: #004F9F;
        --primaria-800: #002F5F;
    }

    html {
        display: none;
    }

    body {
        overflow: hidden; /*body da tela principal */
        overflow-y: scroll;
        padding: 0;
        margin: 0;
    }

    a {
        text-decoration: none; /*nomes das op��es do pessoal(diarias,passagens e etc) */
        color: #333;
        font-weight: bold;
    }

    #menuConteudo a, #menuInicial a {
        color: #FFF;
        min-width: 50px;
    }

    /*Pagina principal plano de fundo*/
    #main {
        display: table;
        position: absolute;
        width: 100%;
        background-attachment: fixed;
        background: #FFF; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZmZjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGY1ZmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #FFF 0%, #cdf5fd 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #cdf5fd)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #FFF 0%, #cdf5fd 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #FFF 0%, #cdf5fd 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #FFF 0%, #cdf5fd 100%); /* IE10+ */
        background: linear-gradient(to bottom, #FFF 0%, #cdf5fd 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#cdf5fd', GradientType=0 ); /* IE6-8 */
    }

    #paginaInicial, #conteudo {
        display: table-cell;
        position: relative;
        width: 50%;
    }

    #paginaInicial {
        vertical-align: middle;
    }

    #conteudo {
        background: #E1E1E1; /*div da parte de baixo da pagina*/
    }


    /*
    #colunaEsquerda, #colunaDireita {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
    }

    
    #colunaEsquerda {
        text-align: right;
        width: 302px;
    }
        */

    #colunaDireita {
        max-width: 490px;
    }

    #barraLogoMS {
        width: 100%;
        display: table;
        position: relative;
        background: var(--primaria-800);
        z-index: 9999;
    }

    #brasao {
        vertical-align: middle;
        display: table-cell;
        padding: 5px 0px 5px 20px;
        width: 40px;
    }

    #tituloSite {
        color: #FFF;
        font-family: Arial;
        font-size: 16px;
        vertical-align: middle;
        display: table-cell;
    }

    .table {
        display: table;
        width: 100%;
        height: 100%;
    }

    #logo {
        width: 302px;
        height: 90px;
    }

    #slider {
        width: 302px;
        height: 311px;
    }

    /* Menu conteudo */

    /*#menuConteudo {
        display: table;
        width: 100%;
        position: relative;
        font-family: 'Roboto', sans-serif;
        color: #F3FFC3;
        font-weight: bold;
        font-size: 11px;
        background: #002F5F;
        background: #333;
        text-decoration: none;
    }*/

    /* Pagina */

    #ajax {
        display: block;
        height: 100%;
        width: 100%;
    }

    #itemLFR {
        border-top: 1px solid #000;
        width: 100%;
    }

    .menuPagina, .conteudoPagina {
        display: table-cell;
        vertical-align: top;
        padding: 0;
        background: #533800;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        font-size: 12px;
    }

    .menuPagina {
        /*background: #F3FFC3 !important;*/
        background: #F2F2F2 !important;
        width: 20%;
        min-width: 20%;
        max-width: 20%;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
    }

    .conteudoPagina {
        /*color:#E1E1E1;*/
        background: #FFF;
    }

    .tituloPagina {
        font-size: 42px;
        font-family: 'Roboto Condensed', sans-serif;
    }

    .subMenuPagina a {
        display: block;
        text-decoration: none;
        color: black;
        padding: 10px 0;
    }

    .divideTituloTexto {
        border: 1px solid #FFF;
        margin: 10px 0;
    }

    .texto {
        line-height: 1.5em;
        text-align: justify;
    }

    .formPesquisa .divInline {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        margin: 0 10px 10px 0;
    }

    .formPesquisa label {
        display: block;
        padding: 8px 0 8px;
        font-weight: bold;
    }

    .divInline.botao {
        vertical-align: bottom;
        margin: 0 10px 10px 0;
    }

    .nowrap label {
        display: inline-block;
        margin: 0 10px 10px 0;
    }

    tr:nth-child(odd) {
        background-color: #F9F9F9;
    }

    tr:nth-child(even) {
        background-color: #EEE;
    }

    table tr:hover {
        background-color: #CCC;
    }

    .tabelaResultado {
        display: block;
        position: relative;
        vertical-align: top;
        margin: 0 10px 10px 0;
        width: 100%;
    }

        .tabelaResultado table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }

            .tabelaResultado table td, .tabelaResultado table th {
                padding: 20px 5px;
            }

            .tabelaResultado table th {
                white-space: nowrap;
            }

            .tabelaResultado table thead tr:first-child {
                background: #666;
                text-align: left;
                color: #F0F0F0;
                text-transform: uppercase;
            }

            .tabelaResultado table tfoot tr:first-child {
                background: #666;
                text-align: left;
                color: #F0F0F0;
                text-transform: uppercase;
                font-weight: bold;
            }

            .tabelaResultado table .nivelUm td:first-child {
                font-weight: bold;
            }

            .tabelaResultado table .nivelDois td:first-child {
                font-style: italic;
                padding-left: 15px;
            }

            .tabelaResultado table .nivelTres td:first-child {
                padding-left: 30px;
            }

    .moeda {
        text-align: right;
        white-space: nowrap;
    }

    td.moeda::before {
        content: "R$ ";
    }

    /* Campos de Formularios */

    button, input[type="button"], input[type="submit"] {
        border: 1px solid #333;
        padding: 8px 20px 8px 35px;
        color: #e1e1e1;
        cursor: pointer;
        margin: 0 0 8px 0;
    }

        button:hover, input[type="button"]:hover, input[type="submit"]:hover, .divmapa:hover {
            background-color: #333;
        }

    input, select, textarea {
        border: 1px solid #C0C0C0;
        padding: 9px 0px 8px 5px;
        max-width: 400px;
        margin: 0px 0px 8px 0px;
    }

    .portalText {
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
        font-weight: bold;
        height: 14px;
    }

    .select2-container .select2-choice {
        height: auto;
        padding: 3px 8px;
        margin-bottom: 8px;
        background-color: #fff;
        background-image: none;
    }

    .select2-drop {
        margin-top: -9px !important;
    }

    .select2-results li {
        list-style: none;
        display: list-item;
        background-image: none;
        font-family: roboto;
        font-size: 12px;
    }

    .divBuscaIndexada {
        width: 240px;
        margin: 0px;
        padding: 0px;
    }

    .inputBuscaIndexada {
        margin-right: -3px;
    }

    .btnBuscaIndexada {
        background: url(images/icone-consultar.png) no-repeat center var(--primaria-800);
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 19px;
        padding-bottom: 10px;
    }

    .btnConsultar {
        background: url(images/icone-consultar.png) no-repeat 10px center var(--primaria-800);
    }

    .btnMapaDoSite {
        background: url(images/sitemap-32.png) no-repeat 10px center var(--primaria-800);
        background-size: 18px;
    }

    .btnSaibaMais {
        background: url(images/icones/32x32/saiba-mais-interno.png) no-repeat 10px center var(--primaria-800);
        background-size: 18px;
    }

    .btnRadar {
        background: url(images/radar-da-transparencia.png) no-repeat 10px center var(--primaria-800);
        background-size: 18px;
    }

    .btnLGPD {
        background: var(--primaria-800);
        padding: 8px 10px;
    }

    .btnGrafico {
        background: url(images/icone-graifco.png) no-repeat 10px center var(--primaria-800);
    }

    .btnExportarExcel {
        background: url(images/icone-exportar.png) no-repeat 10px center var(--primaria-800);
    }

    .btnDicionarioDeDados {
        background: url(images/icone-exportar.png) no-repeat 10px center var(--primaria-800);
    }

    .btnVoltar {
        background: url(images/icone-voltar.png) no-repeat 10px center var(--primaria-800);
        /*background: #002F5F;*/
    }

    .btnContinuar {
        background: var(--primaria-800);
        padding: 10px 20px 10px 20px !important;
    }

    .btnOk {
        background-color: #286090;
    }

    .btnCancel {
        background-color: #d9534f;
    }

    #msgTabSalarial ul {
        padding-left: 20px;
    }

    [onclick] {
        cursor: pointer;
    }

    .textoSaibaMais {
        line-height: 2em;
        font-size: 16px;
        text-indent: 30px;
        text-align: justify;
    }

    .textoLicitacao {
        line-height: 2em;
        font-size: 16px;
        text-indent: 30px;
        text-align: justify;
        max-width: 95%;
    }

    label.obrigatorio:after {
        content: ' *';
        color: red;
    }

    .field-validation-error {
        color: red;
        font-size: 10px;
    }

    .divPreposicao {
        display: inline-block;
        margin: 0px 10px 0px 10px;
        padding-bottom: 25px;
        font-weight: bold;
    }
}

@media screen and (max-device-width: 480px) {
    /*.conteudoSubPagina {
        width: 230%;
        min-width: 230%;
        max-width: 230%;
    }
    .jquery-waiting-base-container {
        width: 230%;
    }*/
}


.Paginacao {
    text-align: center;
}

    .Paginacao span {
        padding: 5px;
        cursor: pointer;
    }

        .Paginacao span:hover {
            background: #666;
            color: white;
        }

        .Paginacao span.PaginaAtual {
            cursor: default;
            background: #666;
            color: white;
            font-size: 145%; /*Diferenciando pelo tamanho da fonte para o usu�rio saber a pagina atual*/
        }

.button-details {
    padding: 5px 8px !important;
    color: initial !important;
    background-color: transparent !important;
    border: none;
    margin: 0px !important;
}

    .button-details:hover {
        background-color: darkgrey;
    }

.titulo-icone {
    font-weight: normal;
}

.width5 {
    width: 5%;
}

.width10 {
    width: 10%;
}

.width15 {
    width: 15%;
}

.width20 {
    width: 20%;
}

.width25 {
    width: 25%;
}

.width30 {
    width: 30%;
}

.width35 {
    width: 35%;
}

.width40 {
    width: 40%;
}

.width45 {
    width: 45%;
}

.width50 {
    width: 50%;
}

.width55 {
    width: 55%;
}

.width60 {
    width: 60%;
}

.width65 {
    width: 65%;
}

.width70 {
    width: 70%;
}

.width75 {
    width: 75%;
}

.width80 {
    width: 80%;
}

.width85 {
    width: 88%;
}

.width90 {
    width: 90%;
}

.width95 {
    width: 95%;
}

.width100 {
    width: 100%;
}

.indisponivel {
    color: red;
    font-size: small;
    font-weight: normal;
}

.flex-span {
    margin-left: 10px;
    margin-bottom: 5px;
}

.flex-tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.flex-container {
    display: flex;
    flex-basis: 200px;
    justify-content: flex-end;
}

.tr-bold:nth-child(odd), .tr-bold:nth-child(even) {
    font-weight: bold;
    background-color: #D9D9D9;
}

tr:nth-child(odd).ng-hide {
    display: table-row !important;
    font-weight: normal;
    background-color: #F9F9F9;
}

tr:nth-child(even).ng-hide {
    display: table-row !important;
    font-weight: normal;
    background-color: #EEE;
}

table tr:hover.ng-hide {
    background-color: #CCC;
}

.portalLayoutCards,
.portalLayoutContainer {
    display: none;
}

.portalActive {
    display: block !important;
}

.portalActiveFlex {
    display: flex !important;
}

.portalHide {
    display: none !important;
}

.portalBase {
    width: 100vw;
    height: 100vh;
    display: none;
}

.portalBaseActive {
    display: flex !important;
}

.portalBaseBackground {
    width: 100vw;
    height: 100vh;
    margin: auto;
    text-align: center;
    background-attachment: fixed;
    background: #FFF;
    padding: 20px 0;
    background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #FFF 0%, #cdf5fd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #cdf5fd));
    background: -webkit-linear-gradient(top, #FFF 0%, #cdf5fd 100%);
    background: -o-linear-gradient(top, #FFF 0%, #cdf5fd 100%);
    background: -ms-linear-gradient(top, #FFF 0%, #cdf5fd 100%);
    background: linear-gradient(to bottom, #FFF 0%, #cdf5fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#cdf5fd', GradientType=0);
}

    .portalBaseBackground > div {
        display: flex;
        flex-wrap: wrap;
        width: 1008px;
        margin: auto;
        gap: 8px !important;
    }

        .portalBaseBackground > div > div:first-child {
            width: 100%;
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

            .portalBaseBackground > div > div:first-child > a > img {
                width: 100%;
                height: auto;
                margin: 0;
                padding: 0;
            }

        .portalBaseBackground > div > div:last-child {
            display: grid;
            grid-template-columns: 86% 14%;
        }

            .portalBaseBackground > div > div:last-child > p {
                margin-block-start: 1em;
                margin-block-end: 1em;
                margin-inline-start: 0;
                margin-inline-end: 0;
                font-size: 0.7em;
                text-align: justify;
                font-family: 'Roboto';
                font-weight: 400;
            }

            .portalBaseBackground > div > div:last-child > div {
                display: flex;
                flex-direction: column;
                gap: 8px;
                margin: auto 0;
            }

                .portalBaseBackground > div > div:last-child > div > div {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-around;
                }

        .portalBaseBackground > div .portalBaseMenu {
            width: 100%;
            display: grid;
            grid-template-columns: repeat(auto-fill, 137px);
            grid-template-rows: repeat(2, 200px) 100px;
        }

@media (max-width: 1050px) {
    .portalBaseBackground > div {
        width: 900px;
    }

        .portalBaseBackground > div .portalBaseMenu {
            grid-template-columns: repeat(auto-fill, 143px);
            grid-template-rows: repeat(3, 180px) 120px;
        }
}

@media (max-width: 920px) {
    .portalBaseBackground > div {
        width: 800px;
    }

        .portalBaseBackground > div .portalBaseMenu {
            grid-template-columns: repeat(auto-fill, 153.5px);
            grid-template-rows: repeat(4, 160px) 130px;
        }

        .portalBaseBackground > div > div:last-child {
            grid-template-columns: 80% 20%;
        }
}

@media (max-width: 820px) {
    .portalBaseBackground > div {
        width: 700px;
    }

        .portalBaseBackground > div .portalBaseMenu {
            grid-template-columns: repeat(auto-fill, 228px);
            grid-template-rows: repeat(7, 160px);
        }

        .portalBaseBackground > div > div:last-child {
            margin-bottom: 20px;
        }
}

@media (max-width: 740px) {
    .portalBaseBackground > div {
        width: 600px;
    }

        .portalBaseBackground > div .portalBaseMenu {
            grid-template-columns: 100%;
            grid-template-rows: repeat(21, 100px);
        }

        .portalBaseBackground > div > div:last-child {
            display: flex;
            flex-direction: column;
        }

            .portalBaseBackground > div > div:last-child > p {
                width: 96%;
                padding: 0 5px;
            }

            .portalBaseBackground > div > div:last-child > div {
                display: flex;
                flex-direction: row;
                justify-content: center;
                gap: 2px;
            }
}

.portalBaseActive {
    display: flex !important;
}

.portalBaseBotoes {
    width: 100%;
    display: flex;
    justify-content: space-around;
    background: var(--primaria);
    padding: 8px 0;
    gap: 8px;
}

    .portalBaseBotoes > div:first-child {
        display: flex;
    }

    .portalBaseBotoes > div > input,
    .portalBaseBotoes > div > a > button {
        margin-bottom: 0 !important;
    }

    .portalBaseBotoes > div > button,
    .portalBaseBotoes > div > a > button {
        border: 1px solid var(--primaria-800);
    }

        .portalBaseBotoes > div > button:hover,
        .portalBaseBotoes > div > a > button:hover {
            border: 1px solid #fff;
        }

@media (max-width: 820px) {
    .portalBaseBotoes {
        display: grid;
        grid-template-columns: auto auto;
    }

        .portalBaseBotoes > div > a > button {
            width: 100% !important;
            display: flex;
            gap: 5px;
            justify-content: space-around;
        }
}

@media (max-width: 499px) {
    .portalBaseBotoes {
        display: flex;
        flex-direction: column;
    }

        .portalBaseBotoes > div > input {
            width: 80%;
        }
}

.portalBaseMenu {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fill, 137px);
    grid-template-rows: repeat(2, 200px) 100px;
    gap: 8px;
}

.portalBaseMenuItem {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

    .portalBaseMenuItem .portalBaseLink {
        display: flex;
        flex-direction: column;
        gap: 8px;
        justify-content: center;
        justify-items: center;
        width: 100%;
        height: 100%;
        color: #fff;
        text-transform: uppercase;
        font-weight: 400;
        text-align: center;
    }

        .portalBaseMenuItem .portalBaseLink > img {
            margin: 0 auto;
        }

        .portalBaseMenuItem .portalBaseLink > span {
            font-family: 'Roboto';
            font-size: 0.9em;
        }

            .portalBaseMenuItem .portalBaseLink > span.titulo {
                font-family: 'Verdana' !important;
                font-size: 26.5px !important;
                font-weight: 700;
                text-transform: none;
                cursor: normal !important;
            }

@media (max-width: 820px) {
    .portalBaseMenuItem .portalBaseLink > img {
        height: 48px;
        width: 48px;
    }
}

@media (max-width: 740px) {
    .portalBaseMenuItem .portalBaseLink {
        flex-direction: row;
        vertical-align: middle;
        justify-content: left;
        padding: 0 20px;
        font-weight: 800;
    }

        .portalBaseMenuItem .portalBaseLink > img {
            margin: auto 0;
        }

        .portalBaseMenuItem .portalBaseLink > span {
            margin: auto 0;
        }
}

.portalBaseTopoMenu {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    width: 100%;
}

    .portalBaseTopoMenu > div:first-child {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        justify-items: center;
        gap: 0;
        width: 100%;
        margin: 0;
        background: var(--primaria-800);
        font-family: 'Roboto Condensed';
        font-size: 1.5em;
        font-weight: 300;
        color: #fff;
    }

        .portalBaseTopoMenu > div:first-child > div:first-child {
            display: flex;
            justify-content: row;
            gap: 5px;
            font-family: 'Roboto';
            font-size: 12.8px;
            color: var(--primaria-800);
            text-align: justify;
            vertical-align: middle;
        }

        .portalBaseTopoMenu > div:first-child > div:last-child {
            font-size: 12.8px;
            font-family: 'Roboto Condensed';
            font-size: 0.7em;
            color: var(--primaria-800);
            text-align: right;
            padding-right: 10px;
            vertical-align: middle !important;
        }

    .portalBaseTopoMenu > div:last-child {
        display: grid;
        grid-template-columns: 10% 90%;
        gap: 30px;
        width: 100%;
        margin: 0;
        background: #D2E4EE;
        border-bottom: 3px solid #A7BBC4;
    }

        .portalBaseTopoMenu > div:last-child > div:first-child {
            display: flex;
            flex-direction: column;
            text-align: right;
            gap: 15px;
            width: 100%;
            margin: 0;
            padding: 5px;
            font-family: 'Roboto';
            font-size: 12.8px;
            color: #000;
        }

            .portalBaseTopoMenu > div:last-child > div:first-child > div:first-child {
                font-family: 'Roboto Condensed';
                font-size: 32px;
                color: var(--primaria-800);
            }

            .portalBaseTopoMenu > div:last-child > div:first-child > a:last-child {
                display: flex;
                flex-direction: row;
                gap: 5px;
                justify-content: right;
                font-family: 'Roboto Condensed';
                font-size: 14.4px;
                font-weight: bold;
                color: var(--primaria-800);
            }

@media (max-width: 1017px) {
    .portalBaseTopoMenu > div:last-child {
        grid-template-columns: 20% 80%;
    }
}

@media (max-width: 776px) {
    .itemMenu {
        grid-area: menu;
    }

    .itemInfo {
        grid-area: info;
        text-align: justify;
        width: 80%;
    }

    .itemLink {
        grid-area: link;
    }

    .itemButtom {
        grid-area: buttom;
    }

    .portalBaseTopoMenu > div:last-child {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

        .portalBaseTopoMenu > div:last-child > div:first-child {
            display: grid;
            grid-template-areas:
                'menu buttom info'
                'link buttom info';
            gap: 5px;
            justify-items: left;
        }

            .portalBaseTopoMenu > div:last-child > div:first-child > div:first-child {
                font-size: 25px;
            }

    img.openMenuLinks {
        display: block !important;
    }

    .itensMenus {
        display: none;
    }
}

@media (max-width: 599px) {
    .itemLogo {
        grid-area: logo;
        padding-right: 5px;
        justify-content: right;
    }

    .itemTitulo {
        grid-area: titulo;
        justify-content: left;
        vertical-align: middle !important;
    }

    .itemVersao {
        grid-area: versao;
        padding-right: 5px;
        font-size: 12px !important;
        justify-content: right;
    }

    .portalBaseTopoMenu > div:first-child {
        display: grid;
        grid-template-areas:
            'titulo logo'
            'titulo versao';
        gap: 0;
        justify-content: normal;
        justify-items: normal;
    }
}

@media (max-width: 399px) {
    .portalBaseTopoMenu > div:last-child > div:first-child {
        gap: 10px;
    }

    .itemLogo {
        display: none !important;
    }

    .portalBaseTopoMenu > div:first-child {
        grid-template-areas: 'titulo versao';
    }
}


.portalBaseMenuTopo {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fill, 300px);
    gap: 8px;
    padding: 5px;
}

.portalBaseMenuTopoItem {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

    .portalBaseMenuTopoItem .portalBaseLink {
        display: grid;
        grid-template-columns: 40px 260px;
        gap: 0;
        justify-content: left;
        justify-items: left;
        width: 100%;
        height: 100%;
    }

        .portalBaseMenuTopoItem .portalBaseLink > img {
            filter: invert(70%);
            margin: 0 auto;
        }

        .portalBaseMenuTopoItem .portalBaseLink > span {
            color: #000;
            font-family: 'Roboto Condensed';
            font-size: 16px;
            font-weight: 200;
        }

            .portalBaseMenuTopoItem .portalBaseLink > span.titulo {
                color: #000;
                font-family: 'Roboto Condensed' !important;
                font-size: 26.5px !important;
                font-weight: 300;
                text-transform: none;
            }

.portalMenuLateral {
    display: grid;
    grid-template-columns: 260px auto;
    grid-template-areas: 'links container';
    gap: 5px;
    margin: 0;
    padding: 0;
    cursor: default;
}

    .portalMenuLateral > .portalMenuLateralLinks {
        grid-area: links;
        background: #F2F2F2;
        height: 100%;
        margin: 0;
        padding: 10px;
    }

        .portalMenuLateral > .portalMenuLateralLinks > div.busca {
            display: flex;
            flex-direction: row;
            gap: 0;
            margin: 0 !important;
            padding: 0 !important;
        }

            .portalMenuLateral > .portalMenuLateralLinks > div.busca > input {
                width: calc(100% - 32px) !important;
                padding: 8px 0 7px 5px !important;
            }

            .portalMenuLateral > .portalMenuLateralLinks > div.busca > a > button {
                height: 31.8px !important;
            }

        .portalMenuLateral > .portalMenuLateralLinks > div.titulo {
            font-size: 36px;
            font-family: 'Roboto Condensed', sans-serif;
            padding-bottom: 3px;
            border-bottom: 2px solid #fff;
            cursor: default !important;
        }

            .portalMenuLateral > .portalMenuLateralLinks > div.titulo > div {
                display: flex;
                flex-direction: row;
                gap: 4px;
                justify-content: space-between;
                justify-items:;
                vertical-align: middle;
            }

        .portalMenuLateral > .portalMenuLateralLinks > div.mensagem {
            display: none;
            font-family: 'Roboto', sans-serif;
            font-size: 13px;
            font-weight: normal;
            line-height: 1.5em;
            text-align: justify;
            padding: 3px 0;
            border-bottom: 2px solid #fff;
            cursor: default !important;
        }

        .portalMenuLateral > .portalMenuLateralLinks > div.itensLinks {
            display: flex;
            flex-direction: column;
            font-family: 'Roboto', sans-serif;
            font-size: 13px;
            font-weight: normal;
            line-height: 1.2em;
            text-align: justify;
            padding: 15px 0 0;
            gap: 10px !important;
        }

            .portalMenuLateral > .portalMenuLateralLinks > div.itensLinks > * {
                text-decoration: none;
                padding: 0;
                font-weight: bold;
                padding-bottom: 8px;
                cursor: pointer !important;
            }

            .portalMenuLateral > .portalMenuLateralLinks > div.itensLinks > span {
                text-decoration: underline !important;
            }

            .portalMenuLateral > .portalMenuLateralLinks > div.itensLinks > p.info {
                cursor: default !important;
            }

            .portalMenuLateral > .portalMenuLateralLinks > div.itensLinks > div {
                cursor: default !important;
                text-align: justify !important;
                padding: 0 5px 5px !important;
                font-size: 12px !important;
                font-weight: normal !important;
                font-style: italic;
            }

            .portalMenuLateral > .portalMenuLateralLinks > div.itensLinks > *.subLink {
                padding-left: 10px !important;
            }

                .portalMenuLateral > .portalMenuLateralLinks > div.itensLinks > *.subLink::before {
                    content: '\2022';
                    padding-right: 5px !important;
                }

        .portalMenuLateral > .portalMenuLateralLinks > div.horarioAtendimento {
            display: none;
            text-align: justify;
            padding: 15px 0;
            color: rgb(0, 0, 255);
            font-family: 'Roboto', sans-serif;
            font-weight: bold;
            font-size: 13px;
            cursor: default !important;
        }

    .portalMenuLateral > .portalMenuLateralContainer {
        grid-area: container;
        background: #FFF;
        height: 100%;
        margin: 0;
        padding: 10px;
        max-width: calc(100vw - 260px);
    }

    @media (max-width: 600px) {
        .portalMenuLateral > .portalMenuLateralContainer {
            max-width: 100%;
        }
    }

        .portalMenuLateral > .portalMenuLateralContainer > div:first-child {
            display: table-cell;
            vertical-align: top;
            padding: 8px 0 0;
            font-family: 'Roboto', sans-serif;
            font-weight: normal;
            font-size: 12px;
        }

            .portalMenuLateral > .portalMenuLateralContainer > div:first-child > * {
                display: inline;
                margin-right: 10px;
            }

                .portalMenuLateral > .portalMenuLateralContainer > div:first-child > * > img {
                    margin-bottom: 10px;
                }


        .portalMenuLateral > .portalMenuLateralContainer > div:last-child {
            margin: 0;
            padding: 0;
        }


@media (max-width: 799px) {
    .portalMenuLateral {
        display: grid;
        grid-template-columns: auto;
        grid-template-areas: 'links'
            'container';
    }

    img.openLinks {
        display: block !important;
    }

    .portalMenuLateral > .portalMenuLateralLinks > div.mensagem {
        margin-right: 10px;
    }

    .portalMenuLateral > .portalMenuLateralLinks > div.itensLinks {
        display: none;
        margin-right: 10px;
        transition: height 5s;
    }
}

.portalButtom {
    background: var(--primaria-800);
    display: block !important;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

    .portalButtom.Buscar {
        background: url(images/icone-consultar.png) no-repeat 10px var(--primaria-800) !important;
    }

        .portalButtom.Buscar::before {
            content: "Buscar";
        }

    .portalButtom.SaibaMais {
        background: url(images/icones/32x32/saiba-mais-interno.png) no-repeat 10px var(--primaria-800);
        background-size: 18px;
    }

        .portalButtom.SaibaMais::before {
            content: "Saiba Mais";
        }

    .portalButtom.MapaDoSite {
        background: url(images/sitemap-32.png) no-repeat 10px var(--primaria-800);
        background-size: 18px;
    }

        .portalButtom.MapaDoSite::before {
            content: "Mapa Do Site";
        }

    .portalButtom.RadarDaTransparencia {
        background: url(images/radar-da-transparencia.png) no-repeat 10px var(--primaria-800);
        background-size: 18px;
    }

        .portalButtom.RadarDaTransparencia::before {
            content: "Radar da Transparência";
        }

img.openMenuLinks,
img.openLinks {
    display: none;
}

img.openMenusButtom,
img.openLinksButtom {
    content: url(/Content/Transparencia/images/icones/50x50/icons8-bars-50.png);
    height: 32px;
    width: 32px;
    display: none;
    margin-right: 10px;
    margin: auto 10px auto auto;
}

img.closeMenusButtom,
img.closeLinksButtom {
    content: url(/Content/Transparencia/images/icones/50x50/icons8-close-50.png);
    height: 32px;
    width: 32px;
    display: none;
    margin-right: 10px;
    margin: auto 10px auto auto;
}

@media (min-width: 777px) {
    img.openMenusButtom.portalActive,
    img.closeMenusButtom.portalActive {
        display: none !important;
    }
}


@media (min-width: 800px) {
    img.openLinksButtom.portalActive,
    img.closeLinksButtom.portalActive {
        display: none !important;
    }
}

@media (max-width: 499px) {
    .portalButtom {
        font-size: 16px;
        background-position-x: 20px;
    }

        .portalButtom.Buscar {
            font-size: 13px !important;
        }
}

.portalContainer {
    margin: 0;
    display: inline-flex;
}

.portalMiddleVAlign {
    vertical-align: middle;
}

.portalNaoInverterCor {
    filter: invert(0) !important;
}

.portalBaseMenuCor[titulo="LGPD"] {
    background: #75A47A;
}

.portalBaseMenuCor[titulo="SegurancaPublica"] {
    background:  #0f62ac;
}

.portalBaseMenuCor[titulo="Agro"] {
    background: #0C6E25;
}

.portalBaseMenuCor[titulo="TurismoMS"] {
    background: #ffcc00;
}

.portalBaseMenuCor[titulo="Pessoal"] {
    background: #97CBC7;
}

.portalBaseMenuCor[titulo="LicitacaoContrato"] {
    background: #5D71B6;
}

.portalBaseMenuCor[titulo="Institucional"] {
    background: #45537A;
}

.portalBaseMenuCor[titulo="Legislacao"] {
    background: #9E48AB;
}

.portalBaseMenuCor[titulo="DividaAtiva"] {
    background: #0d7a71;
}

.portalBaseMenuCor[titulo="ResponsabilidadeFiscal"] {
    background: #3EB482;
}

.portalBaseMenuCor[titulo="Receitas"] {
    background: #ECAE01;
}

.portalBaseMenuCor[titulo="Despesas"] {
    background: #E25D00;
}

.portalBaseMenuCor[titulo="Orcamento"] {
    background: #CDC33D;
}

.portalBaseMenuCor[titulo="RepasseProgramas"] {
    background: #86BC4A;
}

.portalBaseMenuCor[titulo="Patrimonio"] {
    background: #D03763;
}

.portalBaseMenuCor[titulo="MSDigital"] {
    background: #477C85;
}

.portalBaseMenuCor[titulo="AssistenciaSocial"] {
    background: #e61919;
}

.portalBaseMenuCor[titulo="ConselhosEstaduais"] {
    background: #8948C0;
}

.portalBaseMenuCor[titulo="AcessoInformacao"] {
    background: #5397BA;
}

.portalBaseMenuCor[titulo="EOuv"] {
    background: #1659bf;
}

.portalBaseMenuCor[titulo="DadosAbertos"] {
    background: #8948C0;
}


.w100 {
    width: 100%;
}

.h100 {
    width: 100%;
}

.pd5px {
    padding: 5px;
}

.divmapa {
    margin-left: 15px;
    text-align: center;
    display: flex;
    height: 30px;
    margin-left: 15px;
    text-align: center;
    display: flex;
    border: 1px solid #333;
    width: 120px;
    background-color: var(--primaria-800);
    color: white;
}

    .divmapa a {
        display: flex;
    }

        .divmapa a img {
            margin: auto;
            margin-left: 8px;
            height: 24px;
            width: 24px;
        }

        .divmapa a span {
            font-weight: normal;
            margin: auto;
            margin-left: 8px;
            color: #e1e1e1;
            font-family: Arial;
            font-size: 13.33px;
        }

.posicaoPdf {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    font-size: 20px;
    color: white;
    width: 100%;
    height: 100%;
}

.containerPdf {
    position: relative;
    width: 80vw;
    padding-top: 75%;
    height: 50vh;
}

.custom-h1 {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.8em;
    margin: 0px 20px 0px 0px;
    font-weight: bold;
}

.custom-h2 {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.4em;
    margin: 0px 20px 0px 0px;
    font-weight: bold;
    text-decoration: underline;
}

.custom-p {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 1em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

p {
    font-weight: normal;
    margin: 0px 0px 0px 0px;
}

.custom-h3 {
    font-size: 1.2em;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    margin: 0px 0px 0px 0px;
}

.custom-h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    font-style: italic;
}

.custom-div {
    margin-top: 8px;
}

.custom-divOrgao {
    margin-top: 20px;
}


@media screen and (max-width: 1040px) { 
    #paginaInicial {
        display: block;
        width: 100%;
        min-width: initial;
        max-width: initial;
        /*margin-top:20px;*/
    }


    #conteudo {
        display: block; /*nao colocar "none" */
        width: 100%;
        min-width: 50px;
        max-width: 50px;
    }
    

.itemMenuConteudo span:first-child {
    background-size: 100px;
    width: 18px !important;
    height: 18px !important;
}

.itemMenuConteudo {
    margin: 5px !important;
    height: 50px !important;
    width: 80px !important;
}

.itemMenuConteudo span:last-child {
    padding: 4px 10px;
    font-size: 9px;
}

    .itemMenuConteudo {
        height: 50px;
        width: 80px;
    }
    .itemMenuConteudo.btnSaibaMais span:first-child {
    background-position: -82px 0 !important;
}
    .itemMenuConteudo.btnDespesas span:first-child {
    background-position: -42px -20px !important;
}
    .itemMenuConteudo.btnPessoal span:first-child {
    background-position: -21px 0 !important;
}
    .itemMenuConteudo.btnLicitacoes span:first-child {
    background-position: -61px 0 !important;
}
    .itemMenuConteudo.btnRepasses span:first-child {
    background-position: 0 -41px !important;
}
    .itemMenuConteudo.btnOrcamento span:first-child {
    background-position: -41px 0 !important;
}
    .itemMenuConteudo.btnExerciciosAnteriores span:first-child {
    background-position: -61px -20px !important;
}
    .itemMenuConteudo.btnFaleConosco span:first-child {
    background-position: -1px -20px !important;
}




    .menuPagina, .conteudoPagina {
        display: block;
        max-width: initial;
        width: 100%;
        width: -webkit-calc(100% - 40px); /* para Chrome */
        width: -moz-calc(100% - 40px); /* para Firefox */
        width: calc(100% - 40px); /* para suporte nativo */
    }

    #colunaEsquerda, #colunaDireita {
        /*display: block;*/
        vertical-align: top;
        height: initial;
        margin: auto auto;
    }

    .itemMenuConteudo {
        margin: 0px 0 5px 5px;
    }

    #brasao {
        padding: 5px 0px 5px 5px;
    }

    .itemMenuConteudo span:first-child {
        display: none;
    }

    .itemMenuConteudo {
        padding: 0px 0;
        height: 45px;
        font-weight: normal;
    }

    #btnVoltarInicio {
        /*display: none;*/
    }

    .tabelaResultado table td, .tabelaResultado table th {
        padding: 5px;
    }
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/77FXFjRbGzN4aCrSFhlh3hJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/isZ-wbCXNKAbnjo6_TwHThJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/UX6i4JxQDm3fVTc1CPuwqhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/jSN2CGVDbcVyCnfJfjSdfBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/PwZc-YbIL414wB9rB1IAPRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/WxrXJa0C3KdtC7lMafG4dRTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/OpXUqTo0UgQQhGj_SFdLWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/1hZf02POANh32k2VkgEoUBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/cDKhRaXnQTOVbaoxwdOr9xTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/K23cxWVTrIFD6DJsEVi07RTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vSzulfKSK0LLjjfeaxcREhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcCzTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcCzUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC0bcKLIaa1LC45dFaAfauRA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC2o_sUJ8uO4YLWRInS22T3Y.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC76up8jxqWt8HVA3mDhkV_0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcCyYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(https://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC44P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nE8xhg-WlD4iG4AP-V7QxYA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nN_eC2PfU-cUGGN7U-FIfKc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nLvM2QJLsjx6Keu1D2MYodo.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nNd5cRMOq5PeG3VabknWPxo.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nLpX8dGXLalyu5OokvgDQcs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nPVFL0ofnRu5Y2lP-UpEUGU.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(https://fonts.gstatic.com/s/robotocondensed/v13/b9QBgL0iMZfDSpmcXcE8nBBQ_Gf4FfI8J4SYljBAylk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


@media screen {

    /* Botoes */

    #colunaEsquerda .itemMenuInicial, #colunaDireita .itemMenuInicial {
        color: #FFF;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        display: inline-block;
        margin: 0 10px 10px 0;
        vertical-align: top;
        text-decoration: none;
    }

    .btnMenuInicial {
        display: table-cell;
        width: 100%;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
    }

        .btnMenuInicial span {
            display: inline-block;
            max-width: 130px;
            vertical-align: middle;
            text-align: left;
        }

            .btnMenuInicial span:first-child {
                display: inline-block;
                width: 64px;
                height: 64px;
                margin: 0 10px 0 0;
            }

    #colunaDireita .btnMenuInicial span {
        text-align: center;
    }

    #colunaEsquerda #btnSaibaMais {
        width: 302px;
        height: 80px;
    }

    #colunaEsquerda #btnDdadosAbertos {
        width: 310px;
        height: 70px;
    }

    #colunaDireita .itemMenuInicial {
        display: inline-block;
        width: 145px;
        height: 200px;
    }

        #colunaDireita .itemMenuInicial span {
            margin: auto;
        }

            #colunaDireita .itemMenuInicial span:first-child {
                margin-bottom: 20px;
                display: block;
                width: 64px;
                height: 64px;
            }

    #colunaDireita #btnFaleConosco.itemMenuInicial,
    #colunaDireita #logoGoverno.itemMenuInicial {
        height: 70px;
        width: 224.5px;
    }

        #colunaDireita #btnFaleConosco.itemMenuInicial span {
            display: inline-block;
            vertical-align: middle;
        }

            #colunaDireita #btnFaleConosco.itemMenuInicial span:first-child {
                margin: 0 10px 0;
            }

    /* Cores dos botoes */

    #btnSaibaMais,
        .itemMenuConteudo.btnSaibaMais,
        .menuPagina.btnSaibaMais {
        background: #9B46C5;
    }

    .itemMenuConteudo.btnDadosAbertos,
    .menuPagina.btnDadosAbertos {
        background: #97C646;
    }

    #btnReceitas,
    .itemMenuConteudo.btnReceitas,
    .menuPagina.receitas {
        background: #FEAF0C;
    }

    #btnDespesas,
    .itemMenuConteudo.btnDespesas,
    .menuPagina.despesas {
        background: #FF5E0D;
    }

    #btnPessoal,
    .itemMenuConteudo.btnPessoal,
    .menuPagina.pessoal {
        background: #7CCCC8;
    }

    #btnLicitacoes,
    .itemMenuConteudo.btnLicitacoes,
    .menuPagina.licitacoes {
        background: #5275B9;
    }

    #btnRepasses,
    .itemMenuConteudo.btnRepasses,
    .menuPagina.repasses {
        background: #6BBC45;
    }

    #btnOrcamento,
    .itemMenuConteudo.btnOrcamento,
    .menuPagina.orcamento {
        background: #D1C43A;
    }

    #btnFaleConosco,
    .itemMenuConteudo.btnFaleConosco,
    .menuPagina.faleConosco {
        background: #46A9C6;
    }

    #btnExerciciosAnteriores,
    .itemMenuConteudo.btnExerciciosAnteriores,
    .menuPagina.btnExerciciosAnteriores {
        background: #5CA47A;
    }

    #btnVoltarInicio {
        background: #999;
    }

    /* Imagens dos botões do Menu Inicial */


    .itemMenuInicial .btnMenuInicial span:first-child {
        background-image: url(images/portal_transp_ms_icones_brancos_64.png);
        background-repeat: no-repeat;
    }

    .itemMenuInicial.btnSaibaMais .btnMenuInicial span:first-child {
        background-position: -259px 0;
    }

    .itemMenuInicial.btnDdadosAbertos .btnMenuInicial span:first-child {
        background-position: -194px -65px;
    }

    .itemMenuInicial.btnReceitas .btnMenuInicial span:first-child {
        background-position: 0 0;
    }

    .itemMenuInicial.btnDespesas .btnMenuInicial span:first-child {
        background-position: -129px -65px;
    }

    .itemMenuInicial.btnPessoal .btnMenuInicial span:first-child {
        background-position: -65px 0;
    }

    .itemMenuInicial.btnLicitacoes .btnMenuInicial span:first-child {
        background-position: -194px 0;
    }

    .itemMenuInicial.btnRepasses .btnMenuInicial span:first-child {
        background-position: 0 -130px;
    }

    .itemMenuInicial.btnOrcamento .btnMenuInicial span:first-child {
        background-position: -129px 0;
    }

    .itemMenuInicial.faleConosco .btnMenuInicial span:first-child {
        background-position: 0 -65px;
    }

    /* Menu conteudo */

    .itemMenuConteudo {
        display: inline-block;
        cursor: pointer;
        padding: 5px 0;
        margin: 5px 0 20px 20px;
        height: 75px;
        width: 100px;
        vertical-align: top;
        /*background: #333 !important;*/
    }

        .itemMenuConteudo span {
            display: block;
            vertical-align: middle;
        }

            .itemMenuConteudo span:first-child {
                display: block;
                width: 32px;
                height: 32px;
                margin: 0 0 0 10px;
            }

            .itemMenuConteudo span:last-child {
                padding: 10px;
            }

        .itemMenuConteudo:hover {
            background-color: #333 !important;
        }

        /* Imagens dos botões do Menu Conteudo */

        .itemMenuConteudo span:first-child {
            background-image: url(images/portal_transp_ms_icones_brancos_32.png);
            background-repeat: no-repeat;
        }

        .itemMenuConteudo.btnSaibaMais span:first-child {
            background-position: -132px 0;
        }

        .itemMenuConteudo.btnDadosAbertos span:first-child {
            background-position: -99px -34px;
        }

        .itemMenuConteudo.btnReceitas span:first-child {
            background-position: 0 0;
        }

        .itemMenuConteudo.btnDespesas span:first-child {
            background-position: -66px -32px;
        }

        .itemMenuConteudo.btnPessoal span:first-child {
            background-position: -33px 0;
        }

        .itemMenuConteudo.btnLicitacoes span:first-child {
            background-position: -99px 0;
        }

        .itemMenuConteudo.btnRepasses span:first-child {
            background-position: 0 -66px;
        }

        .itemMenuConteudo.btnOrcamento span:first-child {
            background-position: -66px 0;
        }

        .itemMenuConteudo.btnExerciciosAnteriores span:first-child {
            background-position: -100px -35px;
        }

        .itemMenuConteudo.btnFaleConosco span:first-child {
            background-position: 0 -33px;
        }

        .itemMenuConteudo.btnVoltarInicio span:first-child {
            background-position: -66px -66px;
        }

}

.btnAjustaTabela{
    text-decoration:underline;
    color:blue;
}
/* CSS para a div PAGINAINICIAL */

#paginaInicial {
    width: 100vw;
    height: 100vh;
}

    #paginaInicial .background {
        width: 50%;
        height: 100%;
        display: flex;
        margin: auto;
        text-align: center;
        background-attachment: fixed;
        background: #FFF;
        padding: 20px 0;
        background: url(data:image/svg+xml; base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #FFF 0%, #cdf5fd 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #cdf5fd));
        background: -webkit-linear-gradient(top, #FFF 0%, #cdf5fd 100%);
        background: -o-linear-gradient(top, #FFF 0%, #cdf5fd 100%);
        background: -ms-linear-gradient(top, #FFF 0%, #cdf5fd 100%);
        background: linear-gradient(to bottom, #FFF 0%, #cdf5fd 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#cdf5fd', GradientType=0);
    }

    #paginaInicial .pagina-inicial {
        display: flex;
        flex-wrap: wrap;
        width: 1008px;
        margin: auto;
    }

#menus-paginaInicial {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fill, 144px);
    grid-template-rows: repeat(2, 200px) 100px;
}

@media screen and (max-width: 1008px) {
    #menus-paginaInicial {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(auto-fill, 20%);
        grid-template-rows: repeat(3, 200px) repeat(1, 100px);
    }
}

@media screen and (max-width: 700px) {
    #menus-paginaInicial {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(auto-fill, 33%);
        grid-template-rows: repeat(5, 200px) repeat(2, 100px);
    }
}

#paginaInicial .topo {
    width: 100%;
    height: auto;
}

#paginaInicial .linha-menu-pagina-inicial {
    display: table;
    width: 100%;
}

#paginaInicial .menu-item {
    /*display: table-cell;*/
    width: 100%;
    padding: 5px;
    /*margin: auto -2px;*/
    box-sizing: border-box;
}

#paginaInicial .containerIconText {
    display:flex;
}

#paginaInicial .botoes1 {
    display: flex;
    margin-bottom: 6px;
}

#paginaInicial .botoes2 {
    display: flex;
}

#paginaInicial .linha-menu-pagina-inicial.menu-topo .menu-item {
    width: auto;
}

#paginaInicial .linha-menu-pagina-inicial.menu-infos .menu-item {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
}

    #paginaInicial .linha-menu-pagina-inicial.menu-infos .menu-item .menu-item-content {
        padding: 15px;
    }

#paginaInicial .linha-menu-pagina-inicial.menu-itens .menu-item .menu-item-content {
    width: 100%;
    padding: 50px 0;
}

    #paginaInicial .linha-menu-pagina-inicial.menu-itens .menu-item .menu-item-content, #paginaInicial .linha-menu-pagina-inicial.menu-itens .menu-item .menu-item-content a {
        color: #FFF;
        text-transform: uppercase;
        font-size: 0.9em;
        font-family: 'Roboto';
        font-weight: 400;
    }

#paginaInicial .texto-paginaInicial a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.9em;
    font-family: 'Roboto';
    font-weight: 400;
}

#paginaInicial .linha-menu-pagina-inicial.menu-rodape {
    font-size: 0.7em;
    text-align: justify;
    font-family: 'Roboto';
    font-weight: 400;
}

#paginaInicial .buscaindexada .menu-item-busca {
    background: var(--primaria);
}

#paginaInicial .institucional .menu-item-content {
    background: #45537A;
}

#paginaInicial .legislacao .menu-item-content {
    background: #9E48AB;
}

#paginaInicial .pessoal .menu-item-content {
    background: #97CBC7;
}

#paginaInicial .patrimonio .menu-item-content {
    background: #D03763;
}

#paginaInicial .responsabilidade-fiscal .menu-item-content {
    background: #3EB482;
}

#paginaInicial .receitas .menu-item-content {
    background: #ECAE01;
}

#paginaInicial .despesas .menu-item-content {
    background: #E25D00;
}

#paginaInicial .orcamento .menu-item-content {
    background: #CDC33D;
}

#paginaInicial .licitacoes-contratos .menu-item-content {
    background: #5D71B6;
}

#paginaInicial .repasses-convenios .menu-item-content {
    background: #86BC4A;
}

#paginaInicial .divida-ativa .menu-item-content {
    background: #0d7a71;
}

#paginaInicial .linha-menu-pagina-inicial.menu-infos .menu-item .menu-item-content, #paginaInicial .linha-menu-pagina-inicial.menu-infos .menu-item .menu-item-content a {
    color: #FFF;
    text-transform: uppercase;
    font-size: 0.9em;
    font-family: 'Roboto';
    font-weight: 400;
}

#paginaInicial .LGPD .menu-item-content {
    background: #0f62ac;
}

#paginaInicial .Turismo .menu-item-content {
    background: #ffcc00;
}

#paginaInicial .exercicios-anteriores .menu-item-content {
    background: #75A47A;
}

#paginaInicial .acesso-informacao .menu-item-content {
    background: #5397BA;
}

#paginaInicial .ms-digital .menu-item-content {
    background: #477C85;
}

#paginaInicial .e-ouv .menu-item-content {
    background: #1659bf;
}

#paginaInicial .assist-social .menu-item-content {
    background: #e61919;
}

#paginaInicial .saiba-mais .menu-item-content {
    background: var(--primaria);
}

#paginaInicial .dados-abertos .menu-item-content {
    background: #8948C0;
}

/*.saiba-mais .menu-item-content .titulo {
    padding: 8px 0 9px;
}*/

#paginaInicial .linha-menu-pagina-inicial.menu-infos .menu-item.logo-rodape .menu-item-content {
    padding: 0;
}

#paginaInicial .icone {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

#paginaInicial .menu-infos {
    text-align: left;
}

#paginaInicial .agro .menu-item-content {
    background: #0C6E25;
}

    #paginaInicial .menu-infos .icone {
        width: auto;
        text-align: center;
        vertical-align: middle;
        margin: 0 10px 0 0;
        margin-bottom: 10px;
    }

    #paginaInicial .menu-infos .iconeCard {
        width: auto;
        text-align: center;
        vertical-align: middle;
        margin: 0 0;
        margin-bottom: 10px;
    }

    #paginaInicial .menu-infos .titulo {
        max-width: 70%;
        display: inline-block;
        vertical-align: middle;
        white-space: normal;
    }

#paginaInicial .menu-item-content {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: calc(100% - 10px);
    justify-content: center;
    align-items: center;
    padding: 5px;
    overflow-wrap: anywhere;
}

#paginaInicial .menu-item-busca {
    cursor: default;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle;
}

.titulo-menor {
    font-size: 0.9em;
    text-align: center;
}

.menu-item-menor {
    /*width: 15% !important;*/
    /*height: 50% !important;*/
}

.eouv-titulo {
    font-family: OpenSans-ExtraBold, Verdana;
    font-size: 26.5px;
    font-weight: 700;
    color: white;
    line-height: normal;
    text-transform: none !important;
}

/* CSS para a div CONTEUDO */

#menuConteudo #topo {
    width: 100%;
    display: table;
    background: var(--primaria-800);
    font-family: 'Roboto Condensed', sans-serif;
}

    #menuConteudo #topo > * {
        display: table-cell;
        vertical-align: middle;
        padding: 3px 5px;
    }

#menuConteudo #logo-governo {
    text-align: left;
    width: 20%;
}

    #menuConteudo #logo-governo > * {
        display: inline-block;
        vertical-align: middle;
    }

#menuConteudo #titulo-portal {
    text-align: center;
    color: #FFF;
    font-family: 'Roboto Condensed';
    font-size: 1.5em;
    font-weight: 300;
    width: 60%;
}

#menuConteudo #versao {
    text-align: right;
    color: var(--primaria-800);
    width: 20%;
}

#menuConteudo #governo-ms {
    font-family: 'Roboto', sans-serif;
    color: var(--primaria-800);
    font-size: 0.8em;
}

#menuConteudo #menu-titulo-reduzido {
    display: none;
    width: 100%;
    background: #D2E4EE;
    border-bottom: 1px solid #A7BBC4;
}

#menuConteudo #menu-topo {
    display: table;
    width: 100%;
    background: #D2E4EE;
    border-bottom: 3px solid #A7BBC4;
}

    #menuConteudo #menu-topo > * {
        display: table-cell;
        vertical-align: top;
        text-align: center;
    }

#menuConteudo #coluna-esquerda {
    width: 15%;
    text-align: right;
    padding: 10px;
}

#menuConteudo #titulo-menu {
    font-size: 2em;
    font-family: 'Roboto Condensed';
    font-weight: 300;
    color: var(--primaria-800);
}

#menuConteudo #text-menu {
    font-size: 0.8em;
    font-family: 'Roboto';
    display: block;
    margin: 10px 0;
}

#menuConteudo #campo-pagina-inicial {
    white-space: nowrap;
    padding: 5px 0;
    cursor: pointer;
    vertical-align: middle;
}

    #menuConteudo #campo-pagina-inicial > * {
        display: inline-block;
        font-size: 0.9em;
        vertical-align: middle;
        color: var(--primaria-800);
        font-family: 'Roboto';
    }

#menuConteudo #coluna-direita {
    padding-top: 8px;
}

    #menuConteudo #coluna-direita .menu-item {
        white-space: nowrap;
        display: inline-block;
        padding: 5px 25px;
        cursor: pointer;
        width: 20%;
        text-align: left;
        min-width: 200px;
    }

    #menuConteudo #coluna-direita .icone {
        margin-right: 7px;
    }

    #menuConteudo #coluna-direita .menu-item .menu-item-content > * {
        display: inline-block;
        vertical-align: middle;
        font-family: 'Roboto Condensed';
    }

@media screen and (max-device-width: 480px) {
    #paginaInicial .background {
        width: 233%;
    }

    #conteudo {
        width: 100%;
    }

    #menuConteudo #governo-ms {
        display: none;
    }

    #menuConteudo #titulo-portal {
        font-size: 1em;
        font-weight: 300;
        width: 60%;
    }

    #menuConteudo #menu-titulo-reduzido {
        display: table;
        width: 100%;
        /*padding: 3px 3px 3px 10px;*/
    }

        #menuConteudo #menu-titulo-reduzido > * {
            padding: 3px 3px 3px 10px;
        }

    #menuConteudo #coluna-esquerda {
        display: none;
    }

    #menuConteudo #coluna-direita .menu-item {
        white-space: normal;
        display: inline-block;
        padding: 5px;
        cursor: pointer;
        width: 100%;
        text-align: left;
        min-width: 80px;
        max-width: 160px;
    }

    #menuConteudo #coluna-direita .icone {
        margin-right: 1px;
    }

    #menuConteudo #coluna-direita .menu-item .menu-item-content > * {
        white-space: normal;
        display: inline-block;
        font-size: 0.7em;
    }
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.in {
    filter: alpha(opacity = 50);
    opacity: .5;
}

.modal-backdrop.fade {
    filter: alpha(opacity = 0);
    opacity: 0;
}

.fade.in {
    opacity: .5;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
body {
}


/*Primeiro Layout*/

/*.conteudoPagina{
       width:80%;
       background: rgb(215,247,237);
       background: linear-gradient(175deg,rgba(243,254,195,1) 0% ,  rgba(215,247,237,1) 100%);
   }
   .containers {           
            width: 95%;
            height: 100%;
          
        }
        .titulos {
            width:100%;
            height:100px;
            text-align: center;
            margin:15px;
            flex-direction: column;
        }
        .bloco-links {           
            margin: auto;
            width: 100%;  
            display:flex; 
            flex-wrap:wrap; 
            justify-content: center;               
            
        }
        .bloco {
            width: 150px;
            margin: 5px;        
           
           
        }
        .link {  
            display:flex; 
            justify-content:flex-start;        
            list-style: none;
            text-align:start;                           
            width: 165px;           
            font-size:10px;           
            border-radius: 2px;          
        }
        .link a{
            color:white;
            margin:auto;    
            margin-left:0px;       
            text-decoration: none;            
        }
        .link img{
            width: 22px;
            height:22px;           
            padding:5px;            
           
        }
        .blocos {
            padding: 5px;
        }        
        .links {
            width:170px;  
            font-size:14px;            
            list-style:none;
            font-family:'Roboto Condensed';
        }
        .subitem {
          margin-left:10px;
          text-decoration:none;
        }*/


/*Aqui começa o segundo layout*/
.conteudoPagina {
    width: 100%;
    background: white;
}

.container {
    width: 95%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}

.titulos {
    width: 100%;
    height: 100px;
    text-align: center;
    margin: 15px;
}

.card {
    width: 170px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-self: flex-start;
    margin-right: 10px;
}

.card-body {
    margin-left: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .card-body a {
        display: block;
        width: 170px;
        font-size: 14px;
        list-style: none;
        font-family: 'Roboto Condensed';
    }

.card-header {
    display: flex;
    justify-content: flex-start;
    list-style: none;
    text-align: start;
    width: 165px;
    font-size: 10px;
    border-radius: 2px;
    height: 32px;
    padding: 5px;
}

    .card-header a {
        color: white;
        margin: auto;
        margin-left: 0px;
        text-decoration: none;
    }

    .card-header img {
        width: 22px;
        height: 22px;
        padding: 5px;
    }

.bloco {
    width: 95%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .bloco .card-header {
        text-transform: uppercase;
    }

.institucional-mapa {
    background-color: #45537A;
}

.legislacao-mapa {
    background-color: #9E48AB;
}

.servidores-mapa {
    background-color: #97CBC7;
}

.patrimonios-mapa {
    background: #D03763;
}

.responsabilidadeFiscal-mapa {
    background-color: #3EB482;
}

.receita-mapa {
    background-color: #ECAE01;
}

.despesa-mapa {
    background: #E25D00;
}

.orcamento-mapa {
    background: #CDC33D;
}

.ouvidoria-mapa {
    background: #1659BF;
}

.acesso-mapa {
    background: #5397BA;
}

.dadosabertos-mapa {
    background: #1659BF;
}

.glossario-mapa {
    background: var(--primaria);
}

.outrosPoderes-mapa {
    background: #75A47A;
}

.repasse-mapa {
    background: #86BC4A;
}

.licitacoes-mapa {
    background: #5D71B6;
}

.dividaativa-mapa {
    background: #0d7a71;
}

.TurismoMS-mapa {
    background: #ffcc00;
}

.assistsocial-mapa {
    background: #e61919;
}

.controlesocial-mapa {
    background: #8948C0;
}

.Agro-mapa {
    background: #0C6E25;
}

.sublink-mapa {
    margin-left: 20px;
}