@font-face {
    font-family: Candara-TJRJ;
    src: url('../master/fonts/Candara.woff') format('woff'), url('../master/fonts/Candara.ttf') format('truetype');
}

@font-face {
    font-family: PEJ-Icons;
    src: url('../master/fonts/PJE-Icons.woff') format('woff'), url('../master/fonts/PJE-Icons.ttf') format('truetype');
}

.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%;
    }

img:hover {
    transform: scale(1.02);
    transition: transform 0.3s ease;
}

.icon-certidao-eletronica:before {
    content: "B";
}

.icon-certidao-eletronica-judicial:before {
    content: "J";
}

.icon-emolumentos:before {
    content: "C";
}

.icon-mapa:before {
    content: "D";
}

.icon-selo:before {
    content: "E";
}

.icon-cartilha:before {
    content: "F";
}

.icon-nacimento-obito:before {
    content: "K";
}

.icon-ias:before {
    content: "G";
}

.icon-protesto:before {
    content: "H";
}

.icon-revista:before {
    content: "I";
}

.icon-firma:before {
    content: "A";
}

.icon-validar:before {
    content: "L";
}

.icon-acervo:before {
    content: "M";
}

.acesso-rapido {
    width: 100%;
    overflow: hidden;
    text-align: center;
    padding-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .acesso-rapido .acesso-rapido-item {
        font-size: 0.9em;       
        width: 15%;
        display: block;
        border: solid 1px transparent;
        padding: 8px;
        text-align: center;
    }
        .acesso-rapido .acesso-rapido-item .PEJ-icone-acesso-rapido {
            font-family: PEJ-Icons;
            font-size: 65px;
        }

        .acesso-rapido .acesso-rapido-item:hover {
            border: solid 1px #969593;
            border-radius: 6px;
            box-shadow: 1px 3px 5px #888888;
            background-color: #245C81;
            border-color: #000000;
        }

            .acesso-rapido .acesso-rapido-item:hover * {
                color: #fff;
            }

    .acesso-rapido .ar-item-imagem {
        text-align: center;
        padding: 2px;
       
    }

    .acesso-rapido .ar-item-texto {
        margin-top: 8px;
        text-align: center;
    }

#sidebar .acesso-rapido {
    overflow: hidden;
    display: block;
}

    #sidebar .acesso-rapido .acesso-rapido-item {
        width: 99%;
        margin: 0 0 8px 0;
        height: 60px;
    }

        #sidebar .acesso-rapido .acesso-rapido-item .PEJ-icone-acesso-rapido {
            font-family: PEJ-Icons;
            font-size: 40px;
        }

        #sidebar .acesso-rapido .acesso-rapido-item .PEJ-icone-acesso-rapidobefore {
            font-size: 40px;
        }

    #sidebar .acesso-rapido .ar-item-imagem {
        float: left;
        width: 35%;
        display: block;
        text-align: center;
        padding-right: 8px;
        height: 42px;
        line-height: 42px;
    }

        #sidebar .acesso-rapido .ar-item-imagem img {
            height: 100%;
            width: 100%;
        }

        #sidebar .acesso-rapido .ar-item-imagem span {
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
        }

    #sidebar .acesso-rapido .ar-item-texto {
        float: left;
        width: 65%;
        text-align: left;
        margin-top: 0;
        height: 42px;
        line-height: 42px;
    }

        #sidebar .acesso-rapido .ar-item-texto span {
            display: inline-block;
            vertical-align: middle;
            line-height: normal;
        }

@media (max-width: 1199px) {
    .acesso-rapido {
        padding: 0;
        display: block;
    }

        .acesso-rapido .acesso-rapido-item {
            width: 40%;
            display: inline-block;
            margin: 8px 4% auto;
        }
}

@media (max-width: 991px) {
    #sidebar {
        clear: both;
    }
}

@media (max-width: 767px) {
    :not(#sidebar) > * > * > * > .acesso-rapido-item {
        width: 80%;
        margin: 16px 4% auto;
        min-height: 80px;
    }

        :not(#sidebar) > * > * > * > .acesso-rapido-item .ar-item-imagem .PEJ-icone-acesso-rapido {
            font-size: 55px;
        }
}

.home-destaques {
    padding-bottom: 2em;
}

    .home-destaques h2 {
        text-align: center;
        font-weight: bold;
        color: #545454;
    }

.home-destaque-img {
    width: 100%;
    height: 250px;
    display: block;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 100% auto;
}

.home-mais-destaques ul {
    list-style: none;
    padding: 0 0 0 16px;
}

    .home-mais-destaques ul * {
        color: #545454;
    }

    .home-mais-destaques ul li {
        font-weight: bold;
        font-size: 1.2em;
    }

        .home-mais-destaques ul li:before {
            content: '> ';
            font-size: 1.5em;
            font-weight: bold;
            vertical-align: central;
        }

.item-destaque-destaques {
    border-bottom: solid #c5b3b3 2px;
    object-fit: cover; 
    border-radius: 4px; 
}

.TJ-image-content {
    margin: 16px auto 16px auto;
    display: block;
}

.divDestaque {
    border: solid 1px #969593;
    border-radius: 6px;
    box-shadow: 1px 3px 5px #888888;
}


.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%;
}

@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: 107.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: 'Trebuchet MS', Verdana, Arial, sans-serif;
    color: #212529;
    padding-bottom: 24px;
}

    .area-conteudo a[target="_blank"] {
        color: #0d6efd;
        text-decoration: underline;       
        background: url('/images/ico-external.png') no-repeat right center;
        background-size: 1em;
        padding-right: 1.4em;
    }

.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;
}

    .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: 10px;    
}

.navbar .nav-link {
    font-size: 14px; 
}

.breadcrumb {
    padding: 8px 15px; 
    margin-bottom: 20px; 
    list-style: none;   
    border-radius: 4px; 
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            content: "/\00a0"; 
            padding: 0 5px;
            color: #6c757d; 
        }

    .breadcrumb > .active {
        color: #212529; 
    }

a,
a:hover,
a:focus,
a:active,
a:visited {
    text-decoration: none !important;
}

img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.dropdown-menu {
    background-color: #fff !important;
    z-index: 9999999 !important;
}

   
    .dropdown-menu .dropdown-item {
        color: #000; 
        font-size: 14px;
    }
        .dropdown-menu .dropdown-item:hover {
            background-color: #f8f9fa; 
            color: #000;
        }

.destaque-thumb {
    width: 100%;
    height: 120px; 
    object-fit: cover; 
}

.TJ-image-content {
    max-width: 100%; 
    height: auto; 
}


@media (max-width: 576px) {
    .TJ-image-content {
        width: 387px; 
        max-width: 100%; 
    }
}

.navbar-nav .nav-link {
    color: #000; 
    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; 
}

footer {
    background: linear-gradient(91deg, #0864b0 0.23%, #00afef 80.21%) !important;
    color: #fff;
}
    footer a {
        color: #fff; 
    }
        footer a:hover {
            color: #e0e0e0; 
        }

.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;
}