﻿/* Styles for validation helpers
-----------------------------------------------------------*/

html {
    font-size: 100%;
}

.input-validation-error:empty, .input-validation-error + #cke_Materia:not(.cke_focus) {
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee;
}

strong {
    font-weight: bold;
}

#acoes li ul {
    margin: 10px 0;
}

fieldset {
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

/* Estilos para aplicação de Notícias
-----------------------------------------------------------*/

#conteudoPrincipalFrame ul li {
    list-style-type: none
}

#conteudoPrincipal ul li {
    list-style-type: none;
}



/*#cabecalho #banner {
	padding: 55px 0px 0px 0px;
    background-image: url

(https://web.trf3.jus.br/conteudoestatico/Imagens/Layout/bann

er.png);
	background-repeat: no-repeat;
}*/

#rodape {
    clear: both;
    background: #fff url(../Imagens/bg_rdp.gif) repeat-x;
    padding: 20px 0;
}

ul.menuAdm {
    font-size: 1.2em;
}

li.itemMenuAdm {
    display: inline;
}

img.imagemMenuAdm {
    vertical-align: middle;
}

input.ie6submit {
    width: auto;
    height: auto;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.tit2 {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    padding: 15px 5px;
    width: 100%;
    font-weight: bold;
    color: #607099;
    text-align: justify;
}

.tit3 {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    padding: 15px 5px;
    width: 100%;
    font: /*italic*/ bold /*14px*/ 18px Verdana,Arial,Helvetica,sans-serif; /*Georgia,"Times New 

Roman",Times,serif;*/
    color: #666666;
    font-size: 18px; /*14px;*/
    text-align: center;
    /*text-transform: lowercase;*/
}

/*.tit3:first-letter {
        text-transform: uppercase;
    }*/

.tit_pesquisa, .tit_pesquisa2 {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    padding: 10px 0;
    width: 100%;
    color: #607099;
    font: bold 11px/1.4 Verdana,Arial,Helvetica,sans-serif;
}

.tit_pesquisa2 {
    padding: 0;
    text-align: justify;
}

.mat {
    background: none repeat scroll 0 0 transparent;
    vertical-align: middle;
    width: 100%;
    font: /*12px*/ 12.8px/1.4 'Open Sans', Verdana,Arial,Helvetica,sans-serif;
    text-align: justify;
}

.rod_not {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font: 11px/1.4 Verdana,Arial,Helvetica,sans-serif;
    text-align: justify;
    margin: 15px 0 0;
}

.rod_not_pesquisa {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    font: 11px/1.4 Verdana,Arial,Helvetica,sans-serif;
    text-align: justify;
    margin: 0 0 15px 0;
}

.botao-impressao {
    display: inline-block;
    float: right;
}

.dados-noticia {
    display: flex;
    width: 100%;
    margin-top: 5px;
    float: right;
}

    .dados-noticia .ano-noticia {
        flex: 1;
    }

#noticias_edicao {
    width: 98%;
    margin-top: 15px;
    padding: 5px;
    border-width: 0px;
}

    #noticias_edicao th {
        color: #607099;
        font-size: 13px;
        font-weight: bold;
        border: solid #FFF;
        border-width: 0 0 0 2px;
        background-color: #F2F2F2;
    }

    #noticias_edicao tr {
        width: 98%;
        background-color: #F2F2F2;
        margin: 10px 0;
    }

.linha_em_branco {
    background-color: White;
    border-width: 0px;
    height: 18px;
}

.coluna_fonte {
    width: 45%;
    text-align: left;
}

.coluna_noticia {
    width: 23%;
    text-align: left;
}

.coluna_data {
    width: 28%;
    text-align: right;
}

.fonte_edicao {
    padding: 15px 5px;
    font-size: 12px;
    color: #000000;
    border-width: 0px;
}

.noticia_edicao {
    border-color: #CCCCCC;
    border-width: 0 0 1px;
    padding-top: 17px;
}

#fonte_noticia_autocomplete {
    margin: 2px 12px 10px 10px;
}

    #fonte_noticia_autocomplete .ui-widget {
        /*font-family: Verdana,Arial,Helvetica,sans-serif !important;*/
        font-size: 10px !important;
        width: 320px;
    }

    #fonte_noticia_autocomplete .ui-button, .ui-state-default,
    .ui-button-icon-only, .ui-corner-right, .ui-button-icon {
        width: 2em !important;
        height: 2em !important;
    }

#alteracaoAnosExistentes .grid {
    width: 100%;
}

    #alteracaoAnosExistentes .grid th {
        font-weight: bold;
    }

    #alteracaoAnosExistentes .grid td:first-child a {
        display: block;
        padding: 4px 0 5px 20px;
        background: url ('../Imagens/Icones/13x17/icone_calendario.gif') no-repeat;
    }

#alteracaoMesesExistentes .grid {
    width: 100%;
}

    #alteracaoMesesExistentes .grid th {
        font-weight: bold;
    }

    #alteracaoMesesExistentes .grid td:first-child a {
        display: block;
        padding: 4px 0 5px 20px;
        background: url ('../Imagens/Icones/13x17/icone_calendario.gif') no-repeat;
    }

#exibicaoAnosNoticias .grid, #exibicaoMesesNoticias .grid {
    width: 100%
}

    #exibicaoAnosNoticias .grid th, #exibicaoMesesNoticias

    .grid

    th {
        font-weight: bold;
    }

    #exibicaoAnosNoticias .grid td:first-child a,
    #exibicaoMesesNoticias .grid td:first-child a {
        display: block;
        padding: 4px 0 5px 20px;
        background: url ('../Imagens/Icones/13x17/icone_calendario.gif') no-repeat;
    }

/*#listaNoticias {
    width: 98%;
    margin: 2px 0;
}*/

    #listaNoticias ul, li {
        margin-bottom: 0px !important;
        margin-left: 0px !important;
        margin-top: 5px;
    }

.iconesAnexo, .tituloNoticiaLista {
    display: inline-block;
    padding: 2px 0;
    vertical-align: middle;
    width: 3%;
}

    .iconesAnexo, .iconesAnexo li, .tituloNoticiaLista, .tituloNoticiaLista li, ul, ul li {
        list-style-type: none;
    }

.tituloNoticiaLista {
    width: 96%;
    font: 11px/1.4 Verdana,Arial,Helvetica,sans-serif;
}

#textoMargemErro {
    text-align: center;
    margin-top: 15px;
}

#erro {
    background-image: url(../Imagens/Erro.gif);
    width: 404px;
    height: 291px;
    margin: auto;
}

div.espacamentoTextoErroPadrao {
    padding-top: 85px;
}

span.formataTextoErro {
    color: #006666;
    font-size: 1.5em;
    text-align: center;
}

form p + #mensagemAviso {
    margin: 2px 12px 10px 155px;
}

#MensagemAvisoSegundaFeira {
    color: Red;
    font-size: 32px;
    font-weight: bold;
    width: 75%;
}

#visitas p {
    font: 11px/1.5 Verdana,Arial,Helvetica,sans-serif;
    margin: 2em 0;
    padding: 0;
}

#visitas img {
    margin: 20px 0 20px 100px;
}

#titulo_noticia_galeria p {
    color: #666666;
    font: italic bold 14px Georgia,"Times New Roman",Times,serif; margin: 1em 0; text-align: left;
}

.validation-summary-valid {
    display: none;
}

.field-validation-valid {
    display: none;
}

.validation-summary-errors {
    /* Copiado o estilo das div.Mensagem devido a troca do 

ResumoValidacao para ValidationSummary
   * para correção temporaria do problema de mensagem de erro 

que aparecia sempre, mesmo no primeiro acesso*/
    border: 2px solid #ddd;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    padding: 0.4em 0.4em 0.4em 0.4em;
    text-align: left;
    font-size: 0.9em;
    background-color: #fbe3e4;
    color: #d12f19;
    border-color: #fbc2c4;
}


#BuscaLivre {
    width: 330px;
}

* {
    box-sizing: border-box;
}

#cabecalho #banner {
    max-width: 1600px;
    margin: auto;
    padding: 0;
}

.banner-992, .banner-768 {
    display: none;
}

@media(max-width: 992px) {
    .banner-992 {
        display: block;
    }

    .banner-768, .banner-1200 {
        display: none;
    }

    @media(max-width: 768px) {
        .banner-992, .banner-1200 {
            display: none;
        }

        .banner-768 {
            display: block;
        }
    }
}


#cabecalho img.banner-1200, #cabecalho img.banner-992,
#cabecalho img.banner-768 {
    width: 100%;
}



/*#esq {
    float: left;
    max-width: 173px;
}*/

#container {
    background: none;
}

#cabecalho {
    height: auto;
}

#xEditingArea {
    height: 500px !important;
}

.lista-areas {
}

    .lista-areas li {
        display: block;
        margin: 1em 0;
    }

    .lista-areas img {
        vertical-align: middle;
    }

.agendamento-noticia, .rascunho-noticia {
    position: fixed;
    display: block;
    padding: 1em;
    left: .25em;
    top: 0;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
}

.agendamento-noticia {
    transform: rotate(-45deg) translate(-50%, -50%) translate(16.7%, -175%);
    border: .25em solid #ccc;
    color: #fff;
    background-color: rgba(0, 0, 91, 0.6);
    pointer-events: none;
}

.rascunho-noticia {
    transform: rotate(-45deg) translate(-50%, -50%) translate(16.7%, -360%);
    border: .25em solid #777;
    color: #fff;
    background-color: rgba(0, 91, 0, 0.6);
    pointer-events: none;
}

.opcao-radio {
    vertical-align: top;
}

#rodape {
    color: #4a6c78;
}

/****** Manutenção 25/06/2020    *******/
.conteudo-principal h2 {
    /* font-family: 'Dosis'; */
    margin-top: .5em;
    font-family: 'Open Sans';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    color: #164b8d;
}

.conteudo-principal {
    font-family: 'Open Sans';
}

#cabecalho {
    margin: 0 5px;
}

#LinkFonte {
    width: 500px;
}

.tit3 {
    font-family: 'Open Sans';
    font-weight: bold;
}



#logindisplay {
    margin: 10px 0;
    padding: 7px 10px 7px 10px;
}



h1, h2, h4 {
    font-family: 'Open Sans';
}

.secao-acesso *:not(.glyphicon) {
    font-family: 'Open Sans' !important;
}

legend {
    width: auto;
}


.p-acessibilidade {
    border: none;
    border-radius: 0 0 30px 5px;
    background-color: #1A57A3;
    float: left;
    padding-top: 5px;
    padding-left: 10px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.p-sites {
    border: none;
    border-radius: 30px 0 5px 0;
    background-color: #4E8B45;
    float: right;
    padding-top: 5px;
    padding-right: 10px;
    text-align: right;
}

.p-barra {
    color: #fff;
    height: 30px;
    margin: 0;
    position: relative;
    width: 49%;
}

    .p-barra ul, .p-barra li {
        display: inline-block;
        list-style-type: none;
        font-family: "Open Sans", Arial, sans-serif;
        margin: 0;
        padding: 0;
    }

    .p-barra a {
        padding: 0 4px;
        font-size: 14px;
        cursor: pointer;
        text-align: center;
        color: white;
    }

.p-sites a:hover {
    text-decoration: underline;
}

.p-rodape {
    margin: 0 auto;
    background: none;
    background-color: #666;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: white;
}



.c-linha-rodape {
    font-size: 12px;
    padding: 16px;
}

    .c-linha-rodape address {
        font-style: normal;
        line-height: 1.45;
    }


        .c-linha-rodape address span {
            font-family: 'Dosis';
            font-style: normal;
            font-weight: bold;
            font-size: 16px;
        }

.links-ultimas .tit-ultimas {
    text-align: left;
    padding: 0;
    margin-bottom: .35em;
}


legend {
    margin: 0;
    border: none;
    padding: 0;
}


button:hover {
    background: none;
}



#container > :not(#conteudoPrincipal) /*:not(#cabecalho):not

(#rodape)*/ {
    width: calc((1170/1200)*100%); /*50%;*/
    max-width: 1170px;
    margin: auto;
}

#container > #conteudoPrincipal {
    width: calc((850/1170) * ((1170/1200) * 100%));
    max-width: 850px;
    margin: auto;
}

#conteudoPrincipal > fieldset {
    margin-bottom: 2em;
}

#container {
    width: 100%;
    border: 0;
}

.mat p {
    margin-bottom: 1em;
}

.duvidas-contato {
    /*font-family: Verdana, Arial, Helvetica, Sans-Serif;*/
    display: block;
    /*font-size:10px;*/
    color: #607099;
    /*padding: 0 15%;*/
    padding: 0;
    margin: 0;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}

/*.links-ultimas {
    margin-bottom: 40px;
}*/

.redes-sociais {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
}

    .redes-sociais > * {
        margin: .5em;
    }

.outros-compartilhamentos {
    align-self: flex-start;
}

.compartilhar {
    display: none;
    box-sizing: border-box;
    transform: translateY(-.25em);
    padding: .5em 0;
    width: 15ch;
    text-align: center;
    font-size: 75%;
    background: #eee;
    border: .15em solid #eee;
    border-radius: .25em;
}

    .compartilhar:hover, .compartilhar:focus {
        border: .15em solid #ccc;
    }

.item-menu {
    font-family: "Open Sans",sans-serif;
}

.menu-simples {
    margin-left: 0;
}

.transparencia a:hover, .transparencia a:focus {
    color: white;
    text-decoration: underline;
}

.item-interno:first-child {
    margin-top: 0 !important;
}


.rodape-principal {
    padding-bottom: 2em;
}

.rodape-principal .lista-servicos {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    bottom: 0;
}

fieldset legend {
    font-style: normal;
    text-shadow: none;
}

#ui-datepicker-div {
    display: none;
}

.ui-datepicker-title * {
    color: #000;
}

.ui-datepicker-trigger {
    cursor: pointer;
    margin-left: .5ch;
    width: 3ch;
    vertical-align: middle;
}

@media (max-width: 800px) {
    .compartilhar {
        display: block;
    }

    body {
        overflow-x: hidden;
    }

    .twitter-compartilhar {
        order: 3;
        padding-left: 15px;
    }

    .facebook-like {
        order: 1;
    }

    .facebook-compartilhar {
        order: 2;
    }

    .outros-compartilhamentos {
        order: 6;
    }



    .redes-sociais > * {
        /*flex: 0 1 calc(50%);*/
    }

    @media (max-width: 397px) {
        .redes-sociais > * {
            flex: 0 1 calc(50%);
            margin: 0;
        }

        .twitter-compartilhar {
            padding-left: 25px;
        }

        .redes-sociais {
            justify-content: flex-start;
        }

        .outros-compartilhamentos {
            /*padding-left: 3em;*/
        }
    }

    /*.redes-sociais :not(.compartilhar) {
        display: none;
    }*/
}

.aviso-outras-noticias {
    text-align: center;
    margin-bottom: .5em;
    margin-top: .5em;
}

    .aviso-outras-noticias a {
        font-size: 110%;
    }

        .aviso-outras-noticias a:hover, .aviso-outras-noticias a:focus {
            text-decoration: underline;
        }

/*.conjunto-padrao ~ br {
    display: none;
}*/

.conjunto-padrao {
    width: 100%;
    margin: auto;
    margin-top: 1em;
}

.iconesAnexo {
    display: inline-block;
}

.duvidas-contato {
    margin-top: .5em;
}

@media (max-width: 769px) {
    .iconesAnexo {
        width: 6%;
    }

    .tituloNoticiaLista {
        width: 92%;
    }
	
	img {
        height: auto !important; /* A altura não pode ser definida em mobile pq a falta de espaço para a largura pode fazer a imagem distorcer */
    }
}

.depois-conteudo {
    margin: 4em auto;
}

.depois-conteudo > * {
    text-align: center;
}

/*.mat > p:first-child {
    margin-bottom: 1.5em;
    margin-top: 1em;
    font-style: italic;
}*/
