/* MENU CIMA */

.cima-menu ul {
    display: flex;
}

.cima-menu ul li {
    margin-right: 60px;
    color: #fff;
}

.cima-menu ul li {
    margin-right: 60px;
    color: #fff;
}

.cima-menu ul li a {
    color: #fff;
}

.cima-menu ul li a:hover {
    color: rgb(223, 223, 223);
}

.cima-menu ul li a i {
    margin-right: 5px;
}

.indides {
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 20px;
    /*color: #0069d9;*/
    border-bottom: solid #f8af18 5px;
}

#categorias a {
    color: #fff;
    font-weight: bold;
    display: inline;
}

.borda_baixa_menu {
    border-bottom: solid #f4f4f4 3px;
}

.texto_color_menu {
    color: #ffffff;
    font-weight: bold;
}

.bg-top-site {
    background-color: #ffffff;
}

.font-top-site {
    color: #565656;
    /*    font-weight: 500;*/
}


/* TITULO CATEGORIAS INDEX - PORTAL */

.titulo-categorias-portal {
    font-size: 1.3rem;
    margin: 20px 0 0 40px;
    /* text-align: center; */
}


/*COVID-19*/

.coluna_covid {
    font-size: 20px;
}

.espacamento-top-text {
    margin: 10px 0;
}

.espacamento-top-container {
    margin: 30px 0;
}

body {
    /*    font-family: tahoma;*/
    padding: 0px;
}

.font-10 {
    font-size: 10px;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px;
}

.font-16 {
    font-size: 16px;
}

.font-18 {
    font-size: 18px;
}

.font-20 {
    font-size: 20px;
}

.font-21 {
    font-size: 21px;
}

.font-22 {
    font-size: 22px;
}

.font-23 {
    font-size: 25px;
}

.font-25 {
    font-size: 25px;
}

.font-26 {
    font-size: 26px;
}

.font-28 {
    font-size: 28px;
}

.bg-topo-site {
    /*background-color: #1e3170;*/
    color: #fff;
    /*    font-weight: bold;*/
    padding: 10px 10px;
}

.margem-top-0 {
    margin-top: 0px;
}

.margem-bottom-0 {
    margin-bottom: 0px;
}

.margem-top-galeria {
    margin-top: 40px;
}

.galeria-obras {
    padding: 2% 2%;
    /*    background-image: url("../imagens/fundo_granito_2.jpg");*/
    color: #000;
    font-weight: bold;
}

.galeria-materias {
    padding: 2% 2%;
    /*background-image: url("../imagens/fundo_granito.jpg");*/
    color: #fff;
    font-weight: bold;
    background-color: #f4f4f4;
}

.espacameno-entre-galerias {
    margin-top: 3%;
}

.rodape-fundo {
    padding: 5% 5%;
}

.rodape-fonte {
    color: #fff;
}

.logo_vlibras {
    width: 100px;
    height: 40px;
    text-align: right;
}

@media only screen and (max-width: 1200px) {
    .bg-topo-site {
        background-color: #1e3170;
        color: #fff;
        font-weight: bold;
        padding: 10px 10px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 500px) {
    .font-25 {
        font-size: 17px;
    }
    .font-20 {
        font-size: 17px;
    }
}

@media only screen and (max-width: 400px) {
    .bg-topo-site {
        background-color: #1e3170;
        color: #fff;
        font-weight: bold;
        padding: 10px 10px;
        font-size: 10.2px;
    }
}

.botoes_portal_index a {
    color: #fff;
}

.botoes_portal_index a:link {
    color: #fff;
}


/* link que foi visitado */

.botoes_portal_index a:visited {
    color: #fff;
}


/* mouse over */

.botoes_portal_index a:hover {
    color: #fff;
    background-color: #f8af18;
}


/* link selecionado */

.botoes_portal_index a:active {
    color: #fff;
}

/* DIÁRIO OFICIAL */

.diario-oficial {
    margin-top: 30px;
}

.diario-oficial .quem-somos {
    padding: 0 120px;
}

.diario-oficial .quem-somos h2 {
    color: #17a2b8;
    font-size: 22px;
    text-align: center;
    position: relative;
    margin-top: 50px;
}

.diario-oficial .quem-somos h2::after {
    content: '';
    display: block;
    width: 140px;
    border-top: 2px solid #f8af18;
    margin: 10px auto 0;
}

.diario-oficial .quem-somos p {
    text-align: justify;
}

.diario-oficial .edicao-atual {
    padding: 0 100px;
}

.diario-oficial .edicoes-anteriores {
    padding: 0 100px;
}

.diario-oficial .legislacao {
    padding: 0 100px;
}

.diario-oficial .expediente {
    padding: 0 120px;
}

.diario-oficial .expediente h2 {
    color: #17a2b8;
    font-size: 22px;
    text-align: center;
    position: relative;
    margin-top: 50px;
}

.diario-oficial .expediente h2::after {
    content: '';
    display: block;
    width: 140px;
    border-top: 2px solid #f8af18;
    margin: 10px auto 0;
}

.diario-oficial .expediente p {
    text-align: justify;
}

.diario-oficial .quem-somos .issn-diario {
    text-align: right;
    font-size: 1.3rem;
    font-weight: 600;
}

.pesquisas-satisfacao {
    display: flex;
    justify-content: space-between;
}

.pesquisas-satisfacao .conteudo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pesquisas-satisfacao .conteudo img {
    width: 70px;
}