/*---------------------------------------------------------------
# Author - Railson Rodrigues Leite / Victor Gonçalves Bento
# Copyright (C) 2012 Interagi Tecnologia. All Rights Reserved.
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.interagi.com.br
-----------------------------------------------------------------*/
@media all and (min-width: 300px) and (max-width: 951px) {
    #fonte {
        width: 75px;
        display: none;
    }

    #sp-user1 {
        float: left;
        margin-top: 18px;
        width: 100%!important;
    }
    .acessibilidade {
        margin-left: 15%;
        /*display: none;*/


    }

    input#nomeInteressado {
        width: 97% !important;
    }

    input#nomeInteressadoProcessosArquivados{
        width: 97% !important;
    }

    input#dsPesquisa{
        width: 97% !important;
    }


    .sp-accordion.sp-accordion-style4 .toggler, .sp-accordion.sp-accordion-style4 .toggler span, .sp-accordion.sp-accordion-style4 .toggler span span{
        line-height: 15px;
    }

    .destaque-noticias .sp-accordion-item{
        margin-bottom: 10px;
        height: 50px;
    }

    .destaque-noticias .sp-accordion.sp-accordion-style4 .toggler span span {
        font-size: 12px;
    }

    .separator_sessao span {
        width: 113px !important;
    }

    #finder-filter-select-dates .icon-calendar{
        width: 15px !important;
    }

    .document tr:first-child th {
        font-size: 10px !important;
    }

    .document td{
        font-size: 10px !important;
    }

    #ytplayer{
        width: 100%;
        height: 250px
    }

    #dynamic_recaptcha_1 {
        margin-left: -20px;
    }

    .filter-date.fim {
        width: 42%!important;
        display: inline;
    }
    #search-form input {
        padding: 0 4px !important;
    }
    .filter-date.inicio {
        width: 58%!important;
    }

    .filter-date.inicio input {
        width: 69.6%!important;
    }

    .filter-date.inicio span {
        width: 110px !important;
    }

    .filter-date button {
        margin-left: -50px !important;
    }

    ul#finder-filter-select-dates li.filter-date {
        padding: 0px 0px 3px !important;
    }

    input#mod-finder-searchword {
        width: 90%;
        border-radius: 3px;
        border: 1px#dedede solid;
        padding: 9px 11px 9px 11px;
        float: left;
        margin-left: 2%;
        margin-right: 2%;
    }
    button.btn.btn-primary.hasTooltip.busca_geral.finderbusca_geral {
        margin-top: -3px;
        height: 40px;
        width: 17px;
        /* background: url('../images/icones/lupa.png') no-repeat left center; */
        border: none;
        float: left;
        position: absolute;
        right: 8%;
    }

    select#selecioneBusca {
        display: none;
    }
    .customredes_sociais {
        margin: 0 auto;
    }

    .topbar-desktop{
        display: none;
    }

    .topbar-desktop #topbar{
        display: none;
    }

    div#topbar {
        /*display: none;*/
    }
    .image-title {
        margin-left: 5px;
    }
    .sp-inner{
        padding-left: 5%;
        padding-right: 5%;
        width: 90%!important;
    }
    .sp-component-area.clearfix {
        padding: 0 0px;

    }


    /*Pagina Home do novo portal*/
    .noticiashome {
        width: 100%!important;
    }

    #sp-content1 {
        width: 100%!important;
    }

    .module_acessorapido {
        width: 100%;
    }

    .menumenuPrincipal {
        width: 100%!important;
        height: 100%;
        float: left;
        background: #931004;
        opacity: 0.95;
        border-top: 1px solid #c6675b;
    }
    .groupTipoProcesso label{
        font-size: 13px !important;
    }

    .labelTramitacao,.inputsTramitacao {
        width: calc(100% - 40px);
        float: left;
    }
    .menumenuPrincipal li {
        display: inline-block;
        padding: 5px 0px 5px 8px;
        width: calc(100% - 15px);
    }

    .menumenuPrincipal li:first-of-type {
        padding: 16px 13px 5px 8px;
    }

    .menumenuPrincipal li li:first-of-type {
        padding: 5px 0px 5px 5px;
        border-bottom: hidden;
    }

    .menumenuPrincipal li li a {
        color: #FFF !important;
    }

    .menumenuPrincipal li:last-of-type {
        padding: 5px 0px 20px 5px;
    }

    .menumenuPrincipal li li:last-of-type {
        padding: 5px 0px 0px 5px;
    }

    .menumenuPrincipal li li{
        background: none !important;
        padding: 0px;
        border-bottom: hidden !important;
        display: inline-block;
        width: 100%;
    }

    .menumenuPrincipal li.parent {
        background: url('../images/icones/setaitem.png') no-repeat 100% 15px;
    }



    .menu-principal-cnmp {
        background: none;
        height: 100%;
        background-color: #931004!important;
        background-image: none;
        display: none;
        position: absolute!important;
        z-index: 999;
        top: 0;
        height: auto;
        opacity: 0.95;
    }

    .menu-principal-cnmp #sp-user4{
        /*float: none;*/
        background: none !important;
        height: auto;
    }

    .meio #componente {
        width: 100%!important;
    }
    .groupItems {
        width: 100%;
    }
    .btnpesquisa {
        right: 0px; 
    }

    .campoPesq {
        width: 100%;
    }
    .module_iconeMenuMobile {
        float: left;
        top: 0px;
        width: 10%;
        position: absolute;
        right: 3%;
        display: block;
    }
    .fechaMenuMobile {
        position: absolute;
        right: 6%;
        top: 19px;
        z-index: 999;
        width: 20px;
        height: 20px;
        display: block;
    }

    .menumenuPrincipal li a:hover, .menumenuPrincipal .active a {
        border-top: 0px solid #FFF;
    }
    .menumenuPrincipal .nav-child {
        width: 75%;
    }
    .menumenuPrincipal .nav-child ul {
        width: 100%!important;
    }
    #slide img{
        width: 100%!important;
        height: 100%!important;
        /*z-index: 999;*/

    }
    #slide{
        display: none;
    }

    .noticiashome .destaque {
        width: 100%;
    }
    .item-pageconselheriros td {
        float: left;
    }
    .noticiashome .destaque {
        width: 100%!important;
        border-bottom: 1px dashed #DADADA;
        margin-bottom: 10px;
    }
    .noticiashome .listNot li {
        border-bottom: 1px #d3d3d3 dashed;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .noticiashome .listNot li:last-of-type {
        border-bottom: none;
    }
    .noticiashome .listNot {
        float: left;
        width: 100%!important;
    }
    .finder {
        width: 100%!important;
    }
    .ordem {
        width: 100%!important;
        margin-top: 0px!important;
    }
    .sliderNoticias .conteinerImg {
        width: 100%!important;
    }
    .sliderNoticias .conteinerInfo {
        width: 100%!important;
    }
    .conteiner2col {
        width: 100% !important;
        min-height: 200px !important;
        margin-top: 25px !important;
    }
    .finder .conteiner2col:nth-of-type(even) {
        margin-left: 0%; 
    }
    .sliderNoticias .conteinerInfo .desc {
        width: 100%;
    }

    .topo .sp-wrap.clearfix {
        background: #fff;
    }
    .module_logo {
        width: 200px;
        margin: 0 auto;
    }
    #sp-bottom6 {
        width: 100%!important;
    }
    .module_eventos {
        width: 100%!important;
    }    
    .event-map-header ~ #mat_map{
        display:block;
        height:350px !important;
    }
    .list-group-item  ~ .list-group-submenu{
        display:block;
        height:50px !important;
    }
    .collapsed ~ #mat_map {
        display: none !important;
    }
    .mod-block {
        padding: 0px!important; 
    }

    .timeLines .contentAbas div {
        width: 100%!important;
        padding: 0px!important;
    }
    .timeLines {
        width: 100% !important;
    }
    .timeLines .contentAbas {
        width: 99.5% !important;
    }
    @media (max-width: 426px){
        .timeLines .contentAbas > div{
            height: 50vh !important;
        }
    }
    .timeLines .hAbas div {
        /*width: 23%!important;*/
        width: 100% !important;
    }
    #sp-user2 {
        width: 100%!important;
        top: 0px;
        float: left!important;
        text-align: center;
    }
    .module_busca_geral {
        width: 100%!important;
        float: left!important;
        margin-top: 15px!important;
    }
    .form-consulta {
        width: 100%!important;
        padding: 0px!important;
        margin-bottom: 50px!important;
        height: auto!important
    }
    .home #consultas {
        padding-top: 4%;
        min-height: 100%;
        background-color: #F1F1F1;
        background-image: none;
    }
    #sp-content3 {
        margin: 0px!important; 
    }
    .module_redes_sociais {
        width: 140px;
        margin: 0 auto;
        float: none;
        display: none;
    }

    .module_redes_sociais_mobile {
        display: block;
        float: left;
        width: 100%;
        margin-top: 17px;
    }

    #barraEsquerda {
        width: 100%!important;
        margin-bottom: 5%!important;
        margin-right: 0%!important;
    }

    #barraEsquerda .sp-inner.clearfix{
        padding: 0!important;
    }

    .hAccordion {
        width: 100%!important;
        text-align: center;
        margin: 2px 0px 2px 0px !important;
        /*background: url("../../../modules/mod_formularios/assets/setaoff.png") 98% 20px no-repeat #e6e6e6 !important;*/
    }
    li#processosResol {
        margin-bottom: 0px!important; 
    }
    .module_redes_sociais_branco {
        margin: 36px -6px 0px 0px;
        text-align: center!important;
    }
    .module_endereco {
        margin-top: 10px!important;
        font-size: 13px;
        font-family: Open Sans, Helvetica, Arial, sans-serif;
    }
    .module_endereco {
        margin-top: 10px!important;
        font-size: 13px;
        font-family: Open Sans, Helvetica, Arial, sans-serif;
    }
    .module_endereco h2 {
        font-size: 20px;
        text-align: left;
        line-height: 25px;
        padding-top: 10px;
    }
    .module_copyright {
        margin: 20px 0 13px 0;
        font-family: Open Sans, Helvetica, Arial, sans-serif;
        text-align: left;
    }
    .customendereco {
        text-align: left;
    }
    .module_menu_rodape {
        margin: 0px!important;
        padding: 5px 0px 10px 0px;
    }
    .module_menu_rodape li:first-of-type a {
        padding: 0 10px 0 0!important;
    }

    .customredes_sociais_mobile.redes_sociais_geral {
        width: 100%;
        height: 30px;
        margin: 0 auto;
    }
    .redes_sociais_geral ul{
        float: none !important;
        margin: 0 auto;
        display:inline-block;
    }
    .customredes_sociais_branco.redes_sociais_geral {
        width: 100%;
        height: 30px;
        margin: 0 auto;
    }
    @media(max-width: 767px){
        .customredes_sociais_branco.redes_sociais_geral {
            width: 100%;
        }
        div#topbar-mobile ul#topbarContent {
            width: 100%;
        }
    }
    .custommenu_rodape {
        margin: 0 auto;
        width: 300px;
        height: auto !important;
    }
    .rodape2 {
        background: url('../images/bg/bg_footer.png') no-repeat bottom center #1e1e1e!important;
    }
    .fundoHome #sp-content-grid-top .sp-block{
        width:100% !important;
    }
    .sp-block {
        width: 100% !important;
        float: none;
        display: inherit;
    }

    #sp-slides {
        display: block!important;
        height: auto;
    }

    input#nomeInteressadoProcessosArquivados {
        margin: 0px 0px 9px !important;
    }

    .form-consulta span {
        font-family: Arial;
        font-size: 14px;
        color: #333333;
        display: block;
    }
    #date1_img, #date2_img, #date3_img, #date4_img, #date5_img, #date6_img, #date7_img, #date8_img{
        padding:7px 23px !important;
    }
    .form-consulta .filter-date.inicio .input-append span{
        margin:0 !important;
    }
    .imagem-descricao span {
        margin: 0px !important;
    }
    #filter_normas_categoria{
        display:block !important;
    }
    input#dsPesquisa {
        margin: 0px 0px 9px !important;
    }

    .form-consulta h3 {
        margin-top: -44px !important;
    }

    .pDist{
        margin-left: 0px !important; 
    }

    .module_acessorapido {width: 100%;padding-bottom: 10px;}

    .radioprocesso {
        width:100% !important;
        margin-bottom:10px;
    }

    .form-consulta form, .processos_pdf{
        padding: 0 17px 10px;
        min-height: 315px !important;
    }
    .form-consulta .labelTramitacaoTwo {
        width: 28%;
    }
    .group_nomeInteressado {
        width: 97% !important;
    }

    #accordionSvCidadao .open .hAccordion:first-of-type {
        color: #FFF;
        /*background: url("../../../modules/mod_formularios/assets/setaon.png") 98% 20px no-repeat #931004 !important;*/
    }
    .hAccordion {
        text-align: left;
        width: calc(100% - 10px) !important;;
        padding-left: 10px !important;
    }

    .form-consulta button[type="submit"],
    .form-consulta button[type="button"] {
        float: right;
        border-radius: 4px;
        border: 0px;
        background-color: #931004;
        color: #FFF;
        padding: 7px 23px;
        cursor: pointer;
        margin-right: 3%;
        margin-top: 0px;
        margin-bottom: 10px;
    }
    #finder-search button[type="submit"],
    #finder-search button[type="button"] {
        margin: 20px 15px 20px 0;
    }
    form#pjurisprudencia {
        height: 320px!important;
    }

    /* Campos Atos e Normas */
    #termoLivre {
        width: calc(100% - 45px) !important;
    }
    .busca_text .word .glyphicon-info-sign{
        margin-bottom: 5px;
    } 

    .campo-termo-livre{
        width: calc(100% - 20px) !important;
    }
    .form-consulta ul.chzn-choices {
        width: calc(100% - 5px) !important;
    }
    .chzn-container.chzn-container-multi {
        width: 100%!important;
    }

    .campo-form-home-select{
        width: 100% !important;
    }

    #date1, #date2, #date3, #date4, #date5, #date6, #date7, #date8 {
        width: 65% !important;
    }

    .module_eventos .date {
        height: 34px;
        font-size: 13px;
        padding: 4px 11px 20px;
    }

    .menumenuPrincipal .nav-child {
        position: relative;
        background: none; 
        padding: 0px 25px;
        margin-top: 16px;
        border-radius: 10px;
        border: hidden; 
        z-index: 9999;
        left: 0%;
        margin-left: 0px;
    }

    .menumenuPrincipal .nav-child li.active a {
        color: #FFFFFF;
    }

    .menumenuPrincipal .nav-child .seta{
        display: none;
    }

    .topbar-mobile {
        float: left;
        margin: 0 14% 0 14%;
        margin-top: 40px;
        background: none;
        display: block;
    }

    .acessibilidade_1 li{
        width: 50% !important;
    }



    .topbar-mobile #topbar-mobile {
        height: auto;
    }

    .topbar-mobile #topbarContent {
        background: none;
        height: auto;
    } 

    .topbar-mobile .acessibilidade.acessibilidade_2 {
        padding: 5px 0px 5px 0px;
    }

    .topbar-mobile .acessibilidade.acessibilidade_3 {
        padding: 3px 0px 5px 0px;
    }

    #topbarContent{
        background: none;
    }

    .topbar-mobile .acessibilidade{
        margin-left: 0px;
        border-right: none;
        height: auto;
        width: 100%;
        padding: 0px;
        text-align: center;
    }


    .topbar-mobile .acessibilidade li{
        width: 50%;
        padding: 5px 0px 5px 0px;
    }

    .topbar-mobile #topbarContent a{
        border-right: none;
        color: #FFF !important;
    }

    .topbar-mobile #topbar-mobile{
        margin-bottom: 0px;
    }

    #topbarContent a{
        padding: 0px !important;
    }

    #topbar{
        display: none;
    }

    #topbar-mobile{
        display: block;
    }

    .class-fundo{
        background: #000;
        height: 100%;
        position: absolute;
        z-index: 99;
        width: 100%;
        opacity: 0.8;
    }


    /*Revista*/
    .jcarousel img  {
        margin: 0 auto !important;
    }

    .jcarousel-control-next {
        right: 0;
        margin-right: 0px;
    }

    .jcarousel-control-prev{
        left: 0;
        margin-left: 0px; 
    }

    .latestnewsenhanced_173{
        width: 100%;
        float: left;
    }

    .tituloPaginaInformativos, .containerInformativos{
        width: 100% !important;
    }

    .containerInformativoEsquerdo{
        width: 100% !important;
    }


    .containerInformativoDireito{
        width: 100% !important;
        float: left;
        margin-left: 0px !important;
    }

    #barraDireita{
        width: 100% !important;
    }

    .matukioupcomingeventos_fng a.btn.btn-primary {
        margin-left: 0px !important;
        right: 10%;
    }

    /*Fim da página home do novo portal*/

    .modulo-organograma li a {
        border-radius: 5px !important;
    }
    .modulo-organograma li span {
        border-radius: 5px !important;
    }
    #componente img {
        margin: 0 auto;
    }
    .jcarousel li span {
        width: 100%!important;
        text-align: center!important;
    }
    #conteinerBuscaPub {
        width: 100%;
        margin: 0 auto;
    }
    #conteinerBuscaPub button.btn.btn-primary.hasTooltip.busca_geral.finderbusca_geral{
        margin-top: 0px!important;
    }
    .aSeparador  {
        margin-right: 19px !important;
        margin-left: 18px !important;
        margin-top: 6px !important;
    }
    #topbarContent li {
        padding: 4px 0px;
        width: 50%;
        text-align: center;
    }
    .sessao_proxima .btn-submit {
        padding: 9px 30px !important;
    }
    .sessao_proxima .email {
        width: calc(100% - 120px) !important; 
    }

    .conselheiros table td:last-of-type {
        display: block;
        padding-top: 270px !important;
    }
    .conselheiros table img {
        position: absolute;
        top: 142px;
        left: 30%;
    }
    span.filter_a{
        width:100% !important;
        text-align:left;
    }
    #search-form span {
        display: block;
    }
    #search-form .pq-select-button{
        width: 100% !important;
    }
    #finder-filter-select-list {
        width: 100%;
    }
    fieldset.word {
        width: 100%;
    }

    .fundo.fundoInternas #componente .jcarousel-wrapper img {
        margin: auto !important; 
    }
    .vertodos-publicacoes {
        top: -50px;
        right: 0px;
        position: absolute;
    }
    #MatukioForm select {
        float: left;
        width: 47%;
        margin-right: 2%;
        background: #FFF !important;
        border: 1px solid #DDD;
    }
    .compojoom-bootstrap .pull-right {
        float: none !important; 
    }
    .mat_event_image_holder_inner {
        text-align: center;
    }
    img.mat_event_img.img-thumbnail {
        height: 179px;
        width: 120px;
    }
    .compojoom-bootstrap #mat_events {
        padding-left: 16px;
        width: calc(100% - 15px);
    }
    .div-int-letras {
        width: 100%; 
    }
    .item_acesso {
        width: 100% !important;
    }
    .groupItems .item_acesso:nth-child(2) {
        margin: 0 !important;
    }
}
@media all and (min-width: 801px){
    .menuMobile{display: none;}
    #hornav{display: block;}


}
@media all and (max-width: 801px){
    .atos_normas_filter #componente{
        overflow: visible !important;
    }
    #componente{
        overflow:scroll;
        margin-left:-1%;
    }
    .sp-wrap{
        width:100% !important;
    }
    #hornav{display: none;}
    #sp-slides{display: none;}
    #componente{width: 100%!important;}
    .sp-wrap{width: 100%!important;}
    #sp-maincol{width: 100%!important;} 

    .home .fundoHome .topo2 #slide{
        display: block !important;
        margin-bottom: 30px;
        padding-top: 90px;
        padding-bottom: 25px;
    }
    .home .fundoHome .slide #sp-slides{
        top:0 !important;
    }
}


@media all and (min-width: 486px) and (max-width: 799px) {
    #finder-filter-select-dates {width: 100%;}
    .filtro .word {clear: both;float: none;}
    #advanced-search {width: 80% !important;}

    .item-pageacoes_cddf td{
        position:relative !important;
        width:auto !important;
    }

    div[itemprop="articleBody"] td:first-of-type {
        position: absolute;
        width: 100%;
    }

    div[itemprop="articleBody"] td:last-of-type {
        padding-top: 35% !important;
    }

    /* #componente img {
        margin-left: 40% !important;
    } */

    #componente div[itemprop="articleBody"].pagina-noticias img {
        border-radius: 5px;
        margin-left: 0 !important;
    }

    .fundo.fundoInternas #componente img.noticia-imagem {
        float: left;
        margin-left: 0px !important;
    }

    .largura-filtro,
    .largura-filtro:last-of-type {
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }

    .largura-filtro .filter-date.inicio,
    .largura-filtro .filter-date.fim {
        width: 40%!important;
        float: left;
        display: block;
    }

    .largura-filtro .filter_a {
        width: 20% !important;
        text-align: center;
        float: left;
        margin: 0px;
    }

    #search-form .largura-filtro input{
        width: calc(100% - 2px) !important;
    }

    #finder-search .largura-filtro button[type="submit"], 
    #finder-search .largura-filtro button[type="button"] {
        margin: 0px;
    }

    .compojoom-bootstrap .largura-filtro.acoes-filtro .btn {
        width: calc(50% - 3px);
    }
    
    #search-form .largura-filtro .calendar-container span{
        width: auto !important;
    }

    #search-form .largura-filtro .filter-date .calendar-container button{
        width: auto !important;
        margin-left: 0px !important;
        background: #970000 !important;
        border-radius: 4px !important;
        margin-right: 5px !important;
    }

    #search-form .largura-filtro .js-calendar{
        left: 10% !important;
    }

    #componente .galeria-artigo img {
        margin-left: 0 !important;
    }

    .newsflashpaginaCandidato {
        width: 90% !important;
        height: 430px !important;
    }

    #componente .newsflashpaginaCandidato .imagemPaginaCandidato img {
        margin-left: 3% !important;
        width: 94%;
    }

    .newsflashpaginaCandidato .textoArtigoPaginaCandidato {
        width: 100%;
        padding-left: 0px;
    }

    .fundoInternas #componente .newsflashpaginaCandidato .textoArtigoPaginaCandidato h1 {
        font-size: 18px !important;
    }

    .containerAbasPassoPasso .tabs li {
        width: calc(50% - 2px) !important;
        border: 1px solid #F9F9F9;
    }

    .tituloTabs.activeAba{
        border-top:0px !important;
    }

    .tituloTabs a{
        display: block !important;
        line-height: 40px;
        width:100% !important;
    }

    .containerAbasPassoPasso .contentConteudoPassoPasso{
        height:850px !important;
        width:100% !important;
    }

    .containerAbasPassoPasso{
        width:100% !important;
    }

    .conteudoPassoPasso{
        width:80% !important;
        height:auto !important;
    }

    .conteudoPassoPasso *{
        word-break: break-word;
    }

    .navPassador{
        display:none;
    }
    .tituloTabs{
        width:100% !important;
    }

    #componente #containerOrganograma img {
        margin-left: 0 !important;
    }

    #containerOrganograma{
        overflow: scroll;
    }

    #componente .jcemediabox-zoom-span{
        margin:0 !important;
    }

    #componente .jcemediabox-zoom-span img{
        margin:0 !important;
    }

}  


@media all and (min-width: 780px) and (max-width: 980px) {
    body{overflow-x: hidden;}
    .menu-item.first {margin-left: 0px!important;}
    #sub-menu-content {margin-left: -13px;}
    #sub-menu-content-transparencia{margin-left: 418px;}
    .sombra{margin-left: -57px;}
}


/*Comum*/
@media all and (min-width: 490px) and (max-width: 767px) {
    #ajuda {padding-left: 10px;right: 0;width: 282px;margin-top: -3px;}
    #ajuda li{width: auto;}
    #topbar-mobile {width: 100%;}    
    .sombra {width: 140%;margin-left: -40%;}
    #ajuda:first-child{margin-right: 10px; padding-left: 0px;}
    #acessibilidade {width: 100px;}
    #sp-user2 {width: 140px;top: 0px;left: 0px;float: right;}
    #sp-search {top: -20px;}
    #sp-slides {position: relative;top: 50px;display:none;}    
    #sp-user5 {margin-top: 54px;}
    #hornav{font-size: 13px;min-width: 0; display: none;}
    #topbar-mobile {height: 55px;}
    .filtro .button {
        float: left;
        margin-top: 108px;
        margin-left: -109px;
    }
} 
@media all and (min-width: 599px) and (max-width: 801px){
    #ajuda {
        right: 0;
        top: -1px;
    }
    .acessibilidade {
        height: 0px;
        margin-left: 0%;
        clear: inherit;
    }
    #sp-content3 {
        float: left;
        width: 50%;
    }
    #sp-content4 {
        float: right;
        width: 100%;
    }
}
@media all and (min-width: 490px) and (max-width: 599px){
    #ajuda {
        left: 18%;
    }
    .acessibilidade {
        height: 21px;
        margin-left: 23%;
    }
}

/*tablet  e celular landing*/
@media all and (min-width: 600px) and (max-width: 650px) {
    #conteinerSvPl{display: none;}
    .mobile{display: block;}
    #topbarMob{display: none;}
}

@media all and (min-width: 300px) and (max-width: 650px) {
    #contact-form {width: 100%;}
    .contact_contato .button {
        padding: 0;
        width: 100px;
        margin-left: 7px;
        right: 0;
    }

    .filter-date.inicio span {
        width: 20px !important;
    }

    .atos_normas_filter .filter-date,
    .atos_normas_filter .filter-date #filter_date1,
    .atos_normas_filter .filter-date #filter_date2{
        width:100% !important;
    }
}


@media all and (min-width: 485px) and (max-width: 779px) {
    #conteinerSvPl{display: none;}
    #servCidadaoMob{display: none;}
    #sp-slides{display: none;}
    .mobile{display: block;}
    #topbarMob{display: none;}
}



/*Celulares*/


@media all and (min-width: 300px) and (max-width: 485px) {
    #conteinerSvPl{display: none;}
    #servCidadaoMob{display: none;}
    #sp-slides{display: none;}
    .customlogo {
        width: 100%;
        text-align: center;
        clear: both;
    }


    .item-pageacoes_cddf div td{
        position:relative !important;
        width: auto !important;
    }

    div[itemprop="articleBody"] td:first-of-type {
        position: absolute;
        width: 100%;
    }

    div[itemprop="articleBody"] td:last-of-type {
        padding-top: 230px !important;
    }

    #componente #containerOrganograma img {
        margin: 0 !important;
    }

    #componente .jcemediabox-zoom-span{
        margin:0 !important;
    }

    #componente .jcemediabox-zoom-span img{
        margin:0 !important;
    }

    #componente .divisor_separator.videos img{
        margin-left:0 !important;
    }
    /* #componente img {
        margin-left: 24% !important;
    } */

    #componente div[itemprop="articleBody"].pagina-noticias img {
        border-radius: 5px;
        margin-left: 0 !important;
        width: 100%;
    }

    .data-pub {
        padding: 30px 5px 5px 0px;
        color: #999;
    }

    .fundoInternas #componente .pagina-noticias.page-header h2 {
        border-bottom: none;
        font-size: 26px !important;
        margin-bottom: 30px;
    }

    .pagina-noticias .itp-share {
        display: block !important;
        float: right;
        margin-right: 45px;
        position: absolute;
        top: 43px;
        left: 0;
        right: auto;
        margin-top: 0px;
    }

    .fundo.fundoInternas #componente img.noticia-imagem {
        float: left;
        max-width: 100%;
        max-height: 100%;
        margin-right: 0px;
        width: 100%;
        margin-left: 0px !important;
    }

    .tag-noticias div {
        background: #a03021;
        float: left;
        padding: 8px 10px;
        color: #fff;
        border-radius: 5px;
        font-size: 14px;
    }

    .largura-filtro,
    .largura-filtro:last-of-type {
        width: 100%;
        margin-right: 0px;
        margin-top: 20px;
    }

    .largura-filtro .filter-date.inicio,
    .largura-filtro .filter-date.fim {
        width: 40%!important;
        float: left;
        display: block;
    }

    .largura-filtro .filter_a {
        width: 20% !important;
        text-align: center;
        float: left;
        margin: 0px;
    }

    #search-form .largura-filtro input{
        width: calc(100% - 2px) !important;
    }

    #finder-search .largura-filtro button[type="submit"], 
    #finder-search .largura-filtro button[type="button"] {
        margin: 0px;
    }

    .compojoom-bootstrap .largura-filtro.acoes-filtro .btn {
        width: calc(50% - 3px);
    }
    
    #search-form .largura-filtro .calendar-container span{
        width: auto !important;
    }

    #search-form .largura-filtro .filter-date .calendar-container button{
        width: auto !important;
        margin-left: 0px !important;
        background: #970000 !important;
        border-radius: 4px !important;
        margin-right: 5px !important;
    }

    #search-form .largura-filtro .js-calendar{
        left: 10% !important;
    }

    #componente .galeria-artigo img {
        margin-left: 0 !important;
    }

    #componente .documentos img{
        margin-left:0 !important;
    }
    .compojoom-bootstrap .list-group-item{
        float: none !important;
    }

    .filter_a{
        text-align: left;
        width: 100%;
    }

    .ajuda{
        clear: both;
    }
    .item-pageacoes_cddf table{
        width:auto !important;
    }

    div[itemprop="articleBody"]{
        overflow:scroll;
    }

    .mobile{display: block;}
    #componente img{max-width: 100%;}
    #containerOrganograma{overflow: scroll;}
    #containerOrganograma img{max-width: 300%;}
    #conteinerHeader{min-width: 300px;overflow: hidden; background-repeat: repeat!important;}
    #ajuda {padding-left: 10px;width: 256px;left: 7%;margin-top: -3px;}
    #ajuda li{width: auto;}
    .liajuda{clear: both;}
    .topbar-mobile #topbar {height: auto;}
    /*    #topbar {display: none;}*/
    #topbarMob {padding-top: 8px;}
    #topbarContent li {padding-right: 0px;padding-left: 0 !important;}
    #ajuda li {padding-right: 8px;}
    #ajuda li:last-child{padding-left: 27px;}
    .sombra {width: 140%;margin-left: -40%;}
    #ajuda:first-child{margin-right: 10px; padding-left: 0px;}
    #acessibilidade {width: 103px;}
    .conteinnerLogo{width: 228px;position: relative;margin: 0 auto;}
    #logo {margin-top: 0px;}
    #sp-user1 {float: right;margin-top: 18px;width: 306px;}
    /*    #sp-user2 {width: 140px;top: 8px;left: 0px;float: right;}*/
    #sp-search {float: right;position: relative;width: 90%;margin: 5%;margin-top: 8px;margin-bottom: 7px; top:0px;}
    #mod-search-searchword {height: 20px;width: 100% !important;padding: 5px 15px;border: 2px solid #D6D6D6;border-radius: 5px;background: #FFF; margin: 0px;} 
    #sp-slides {display:none;}    
    #sp-user5 {margin-top: 54px;}
    #hornav{font-size: 13px;min-width: 0; display: none;}
    #sp-feature4{margin-top: 10px;}
    #sp-content5 {
        width: 100%;
        margin-right: 5%;
    }

    #sp-user5 {
        margin-top: 12px;
    }

    .modServicosMP{width: 100%;}

    .plenario{
        width: 100%;
        min-height: 360px;
    }
    .plenario img {
        margin:0;
    }

    #sp-content6 {
        width: 100%;
        display: none;
    }
    .modVeja {
        width: 100%;
        min-height: 360px;
    }
    .modVeja .news{width: 100% !important}

    #sp-content7 {
        width: 100%;
    }

    .modAgenda{
        width: 100%;
        min-height: 360px;
    }
    .modAgenda .tit a {
        width: 68%;
    }

    #sp-footer {
        min-width: 0;
    }
    #sp-footer .sp-inner {
        width: 100%;
    }

    /*--------------------------------------------------------*/
    table.documentos tbody {
        width: 100%!important;
        position: relative!important;
        /*overflow-x: auto!important;*/
        /*-webkit-overflow-scrolling: touch!important;*/
        /*white-space: nowrap!important;*/
    }
    table.documentos tbody tr {
        display: inline-block!important;
    }
    table.documentos tr {
        border-bottom: 0px solid #dddddd!important;
    }
    table.documentos td {
        border: 0;
    }
    table.documentos td:not(:first-child) {
        display: block!important;
    }
    table.documentos thead {
        display: none!important;
    }
    table.documentos {
        border: 1px solid #ddd!important;
        max-width: 100%!important;
    }

    /*--------------------------------------------------------------------------*/

    .p2{
        word-wrap: break-word;
    }




    /*-----------------------------------------------------------------------*/

    .module_endereco {
        font-size: 11px !important;
    }
    .module_endereco h2 {
        font-size: 16px;
        text-align: left;
    }
    .conteudoCorregedoria{
        margin:0;
    }
    .calendarioCorregedoria{
        width:100%;
    }
    .calendarioCorregedoria th{
        width:auto !important
    }
    .infoCorregedoria{
        width:100% !important;
        margin:0 !important;
    }
    #componente .conteudoCorregedoria a img{
        margin-left:0 !important;
    }
    .containerAbasPassoPasso .tabs li{
        width: calc(50% - 2px) !important;
        border: 1px solid #F9F9F9;
    }
    .containerAbasPassoPasso .tabs li a{
        border-right:0px !important;
    }
    .containerAbasPassoPasso{
        width:100% !important;
    }
    .conteudoPassoPasso{
        width:80% !important;
        height:auto !important;
    }
    .conteudoPassoPasso *{
        word-break: break-word;
    }
    .tituloTabs.activeAba{
        border-top:0px !important;
        width:100%;
    }
    .navPassador{
        display:none;
    }
    .newsflashpaginaCandidato{
        width: 90% !important;
        min-height: 470px !important;
    }
    #componente .newsflashpaginaCandidato .imagemPaginaCandidato img{
        margin-left: 3% !important; 
        width: 94%;
    }
    .newsflashpaginaCandidato .textoArtigoPaginaCandidato{
        width: 100%;
        padding-left: 0px;
    }
    .fundoInternas #componente .newsflashpaginaCandidato .textoArtigoPaginaCandidato h1{
        font-size: 18px !important;
    }
    .radioprocesso{
        width:100% !important;
        float: left;
        margin-bottom: 10px;
    }
    .radioprocesso input[type="radio"]{
        -webkit-appearance: none;
    }
}
@media all and (min-width: 473px) and (max-width: 485px) {
    #finder-filter-select-dates {width: 100%;}
    #advanced-search {width: 75% !important;}
    .filtro .button {margin-top: 110px;margin-left: -70px;}
    #search-results .ordem {float: left;text-align: left;}
    #advanced-search {
        width: 80% !important;
    }
    .filtro .button {
        float: left;
        margin-top: 108px;
        margin-left: -109px;
    }

}
@media all and (min-width: 273px) and (max-width: 472px) {
    ul#finder-filter-select-dates li.filter-date {width: 50%;}
    #advanced-search {width: 100% !important;}
    .filtro .button {margin-top: -58px;float: right;}
    #search-results .ordem {float: left;text-align: left;}
    select {width: 193px;}
    .filter-branch {clear: both;}
    #finder-filter-select-dates {width: 100%;}
}
@media all and (min-width: 273px) and (max-width: 340px) {
    .aSeparador {
        display: block;
        float: left;
        clear: both;
        margin-right: 25px !important;
        margin-top: -3px !important;
        width: 114px;
        text-align: center;
    }
    .listaPlenario li {
        margin-right: 4px !important;
    }
}

@media all and (min-width: 368px) and (max-width: 485px){
    .containerAbasPassoPasso .contentConteudoPassoPasso{
        height: 1100px !important;
        width:100% !important;
    }
}
@media all and (max-width: 367px){
    .containerAbasPassoPasso .contentConteudoPassoPasso{
        height: 1300px !important;
        width:100% !important;
    }
}