﻿
.lista-justificada ul {
    margin: 0;
    padding: 0;
    text-align: justify;
}

    .lista-justificada ul li {
        display: inline-block;
    }

    .lista-justificada ul:after {
        content: '';
        display: inline-block;
        width: 100%;
    }
/*
    Estilos para impressão. Geralmente de páginas específicas.
*/
@media print {
    input[type=button],
    nav,
    .sidebar,
    a[class*="btn"],
    button[type=submit] {
        display: none;
    }

    a[href]:after {
        content: none;
    }
    /* html, body {
        width: 210mm;
        height: 297mm;
    }

    @page {
        size: A4; 
        margin: 0;
    }*/
}

html {
    font-family: Candara-TJRJ, 'Trebuchet MS', Verdana, Arial;
}

@media (max-width: 767px) {
    .linha1 .col-xs-12 {
        text-align: center;
    }
}

.faixa {
    min-height: 130.2px;
    font-family: Candara-TJRJ, 'Trebuchet MS', Verdana, Arial;
}

    .faixa a {
        color: #fff;
    }

        .faixa a:hover,
        .faixa a:focus {
            color: #e6e6e6;
            text-decoration: none;
        }

.cabecalho,
.rodape {
    min-height: 130.2px;
    font-family: Candara-TJRJ, 'Trebuchet MS', Verdana, Arial;
    background: linear-gradient(91deg, #0864b0 0.23%, #00afef 80.21%);
    color: #fff;
}

    .cabecalho a,
    .rodape a {
        color: #fff;
    }

        .cabecalho a:hover,
        .rodape a:hover,
        .cabecalho a:focus,
        .rodape a:focus {
            color: #e6e6e6;
            text-decoration: none;
        }

.linha1 {
    min-height: 84px;
    border-bottom: 3px solid #fff;
}

    .linha1 h1 {
        font-family: Candara-TJRJ, 'Trebuchet MS', Verdana, Arial;
        font-weight: bold;
        font-size: 1.5em;
        margin: 0.4em 0 0.1em auto;
        padding-bottom: 0.1em;
    }

    .linha1 h2 {
        font-family: Candara-TJRJ, 'Trebuchet MS', Verdana, Arial;
        font-weight: bold;
        font-size: 1.4em;
        margin: 0 0 0.1em auto;
        padding-bottom: 0.1em;
    }

.linha2 * {
    margin: 1px;
    padding: 0;
}

.linha2 ul ul {
    margin: 0;
    padding: 0;
    text-align: justify;
}

    .linha2 ul ul li {
        display: inline-block;
    }

    .linha2 ul ul:after {
        content: '';
        display: inline-block;
        width: 100%;
    }

.linha2 ul > li {
    font-weight: bold;
    font-size: 1.6em;
}

    .linha2 ul > li .dropdown .open {
        color: #fff;
        z-index: 100;
    }

    .linha2 ul > li a:hover,
    .linha2 ul > li a:focus {
        color: #245C81;
        background: #fff;
        text-decoration: none;
    }

.linha2 ul .dropdown-menu {
    background-color: #245C81;
}

    .linha2 ul .dropdown-menu li {
        width: 100%;
        text-align: left;
        font-size: 1em;
    }

    .linha2 ul .dropdown-menu a {
        margin: 0px;
        color: #fff;
    }

        .linha2 ul .dropdown-menu a:hover {
            font-weight: bold;
        }

.logo {
    max-width: 200px;
    max-height: 65px;
    margin-top: 0.5em;
}

.area-conteudo {
    font-family: Candara-TJRJ, 'Trebuchet MS', Verdana, Arial;
    color: #212529;
    padding-bottom: 24px;
    /*a[target=_blank] {
    background: url('/images/ico-external.png') no-repeat right;
    background-size: 1em;
    padding-right: 1.2em;
}*/
}

    .area-conteudo p {
        font-size: 1.2em;
    }

    .area-conteudo a {
        color: #212529;
    }

        .area-conteudo a:hover {
            text-decoration: none;
            color: #20272b;
        }

    .area-conteudo h1 {
        border-bottom: solid #E9EEF2 2px;
        text-transform: uppercase;
        font-size: 1.5em;
        font-weight: bold;
        width: 100%;
        color: #245C81;
        margin: 0.5em auto 0.5em auto;
        padding: 0.5em 0 0.3em 0;
    }

    .area-conteudo h2 {
        font-family: Candara-TJRJ, 'Trebuchet MS', Verdana, Arial;
        font-weight: bold;
        font-size: 1.4em;
    }

    .area-conteudo h3 {
        color: #2B1B64;
        font-weight: bold;
        margin: 0.2em auto 0.1em auto;
    }

@media (max-width: 768px) {
    .area-conteudo p {
        font-size: 1em;
    }
}
@media (max-width: 576px) {
    .area-conteudo p {
        font-size: 1em;
    }
}

.breadcrumb {
    display: block;
    border-radius: 0;
    border-top: #fff 3px solid;
    /* background-color: #E9EEF2;*/
}

    .breadcrumb *,
    .breadcrumb a {
        color: #212529;
    }

.links-externos {
    margin-top: 3em;
    margin-bottom: -24px;
    background-color: #212529;
    padding: 1em 1em 0 1em;
}

    .links-externos a[target=_blank] {
        background: none;
        padding: inherit;
    }

.sitemap {
    min-height: 130.2px;
    font-family: Candara-TJRJ, 'Trebuchet MS', Verdana, Arial;
    background-color: #969593;
}

    .sitemap a {
        color: #fff;
    }

        .sitemap a:hover,
        .sitemap a:focus {
            color: #e6e6e6;
            text-decoration: none;
        }

.altura-30 {
    padding-top: 30px;
}

.altura-60 {
    padding-top: 60px;
}

.sticky {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    z-index: 1;
}

.interacao {
    border: solid 3px;
    padding: 8px 16px 8px 80px;
    display: block;
    color: #000;
    min-height: 80px;
    background-repeat: no-repeat;
    background-position-x: 8px;
    background-position-y: 8px;
    background-size: 64px;
}

.mensagem {
    border-color: #01416A;
    background-color: #079dfd;
    background-image: url("../images/icoMensagem.png");
}

.alerta {
    border-color: #BF9B10;
    background-color: #f3d975;
    background-image: url("../images/icoAlerta.png");
}

.erro {
    border-color: #B42231;
    background-color: #e88791;
    background-image: url("../images/icoErro.png");
}

.sucesso {
    border-color: #1F6F43;
    background-color: #57d08d;
    background-image: url("../images/icoSucesso.png");
}

.field-validation-error {
    color: #B42231;
}

.input-validation-error {
    border-color: #B42231;
}

/* Reduz tamanho da fonte da navbar */
.navbar .nav-link {
    font-size: 14px; /* ou experimente 0.75rem ou 12px */
}

a,
a:hover,
a:focus,
a:active,
a:visited {
    text-decoration: none !important;
}


.dropdown-menu {
    background-color: #fff !important;
}


    .dropdown-menu .dropdown-item {
        color: #000;
        font-size: 14px;
    }

        .dropdown-menu .dropdown-item:hover {
            background-color: #f8f9fa; /* leve cinza no hover */
            color: #000;
        }

.navbar-nav .nav-link {
    color: #000; /* cor padrão */
    text-decoration: none;
    font-weight: normal; 
    padding-bottom: 5px;
}


.navbar-nav > li {
    border-bottom: 2px solid #003366;
}

   
    .navbar-nav > li:hover {
        border-bottom: 3px solid #003366; 
    }

.navbar-nav .nav-link:hover {
    color: #003366; 
    font-weight: bold; 
}
/* MOBILE */
@media (max-width: 768px) {
    .acesso-rapido {
        flex-direction: column; 
        align-items: stretch;
    }

    .acesso-rapido-item {
        width: 100%; 
    }

        .acesso-rapido-item .ar-item-texto span {
            font-size: 0.9em; 
        }
}
/* CELULAR PEQUENO (<576px) */
@media (max-width: 575.98px) {
    .acesso-rapido {
        flex-direction: column; /* empilhar */
        align-items: stretch;
    }

    .acesso-rapido-item {
        width: 100%; /* ocupar toda a largura */
    }

        .acesso-rapido-item .ar-item-texto span {
            font-size: 0.9em; /* fonte menor */
        }
}
.btn-default {
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
}

    .btn-default:hover {
        background-color: #e6e6e6;
        border-color: #adadad;
        color: #000;
    }

.escolha {
    width: 20px;
    height: 20px;
    vertical-align: central;
    position: relative;
    top: 5px;
    overflow: hidden;
}

.radioespaco {
    margin-right: 15px;
}