/*---------------------------------------------------------------
# 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;*/


    }

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

    .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: #a03021;
        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: #a03021!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;
    }    
    .mod-block {
        padding: 0px!important; 
    }

    .timeLines .contentAbas div {
        width: 100%!important;
        padding: 0px!important;
    }
    .timeLines {
        width: 290px !important;
    }
    .timeLines .contentAbas {
        width: 290px !important;
    }

    .timeLines .hAbas div {
        /*width: 23%!important;*/
        width: 68px!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;
    }
    .module_menu_rodape li a {
        font-size: 10px;
        padding: 0px 10px!important;
    }
    .customredes_sociais_mobile.redes_sociais_geral {
        width: 139px;
        height: 30px;
        margin: 0 auto;
    }
    .customredes_sociais_branco.redes_sociais_geral {
        width: 150px;
        height: 30px;
        margin: 0 auto;
    }
    .custommenu_rodape {
        margin: 0 auto;
        width: 300px;
    }
    .rodape2 {
        background: url('../images/bg/bg_footer.png') no-repeat bottom center #1e1e1e!important;
    }
    .sp-block {
        width: 100%;
        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;
        margin: 16px 0px 0px;
    }
    .imagem-descricao span {
        margin: 0px !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;}
    .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 #8e0e00 !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: #8E0E00;
        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-right: 5px;
    }
    form#pjurisprudencia {
        height: 320px!important;
    }

    /* Campos Atos e Normas */
    #termoLivre {
        margin-left: 10px !important;
        width: calc(100% - 45px) !important;
    }


    .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%;
    }
    #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){
    #hornav{display: none;}
    #sp-slides{display: none;}
    #componente{width: 100%!important;}
    .sp-wrap{width: 100%!important;}
    #sp-maincol{width: 100%!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;}

}  


@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: 47%;
    }
}
@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: 40px !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;
    }
    .ajuda{
        clear: both;
    }

    .mobile{display: block;}
    #componente img{max-width: 100%;}
    #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;
    }
}
@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;
    }
}