@import url("reset.css"); @import url("cor.css"); @import url("../js/swiper-master/dist/css/swiper.min.css"); @import url("../plugins/DatePicker/css/datepicker.css"); @import url("../plugins/DatePicker/css/bootstrap.css"); body *{font-family: 'Ubuntu', sans-serif;transition:all 0.2s ease;} strong{font-weight:bold;} #custon-vlibras{ top:25%!important;right: -9px!important; } .btn {border: 1px solid #fff;padding: 10px;font-weight: bold;color: #fff;border-radius: 10px; background-color: #fff; cursor: pointer} /*GLOBAL*/ .input_global{width:100%;height:35px;padding: 10px;margin-top: 10px} .fluter100{width:100%} .fluter90{width:calc(90% - 10px)} .fluter80{width:calc(80% - 10px)} .fluter75{width:calc(75% - 10px)} .fluter70{width:calc(70% - 10px)} .fluter60{width:calc(60% - 10px)} .fluter50{width:calc(50% - 10px)} .fluter40{width:calc(40% - 10px)} .fluter39{width:calc(39% - 10px)} .fluter30{width:calc(30% - 10px)} .fluter33{width:calc(33% - 10px)} .fluter30{width:calc(30% - 10px)} .fluter25{width:calc(25% - 10px)} .fluter20{width:calc(20% - 10px)} .fluter15{width:calc(15% - 10px)} .fluter10{width:calc(10% - 10px)} .bg-gray{background-color: #f2f2f2;} .background_dark{background-color: #383b42!important} .txt_dark{color: #383b42!important} .d-hide {display: none!important;} .d-show {display: show!important;} .d-strong{font-weight: bold!important;} .d-buttons {width: 100%;border-radius: 2px;height: 30px;max-width: 120px;margin: 10px;font-weight: bold;outline: none;border: 0;cursor: pointer;color: white;} .d-info-danger {font-size: 10px;color: red;} .d-blod {font-weight: bold;} .btn-green {background-color: #99D992;text-shadow: 3px -1px 10px #0a0a0a59;} .btn-grey{background-color: #7e7e7e;text-shadow: 3px -1px 10px #0a0a0a59;} .btn-purple{background-color: #A95CB7;text-shadow: 3px -1px 10px #0a0a0a59;} .btn-blur {background-color: #1DAEBE;} .btn-red {background-color: #F88C6D;} .txt-green {color: #99D992;} .txt-grey{color: #7e7e7e;} .txt-blur {color: #1DAEBE;} .txt-red {color: #F88C6D;} .txt-marine{color: #00bcd4!important} .txt_white{color: white!important} .btn-download{padding: 5px 15px;background-color: #dddfe0;font-size: 12px;text-decoration: none;color: black;cursor: pointer;border-radius: 9px;border: 1px solid #00000066;} /*PESQUISA DE SATISFACAO*/ #satisfacao{ margin-top: 100px; min-height: 200px;margin-bottom: 50px} #satisfacao .satisfacao-header h1{font-size: 1.5rem;font-weight: bold } #satisfacao .satisfacao-body{margin-top: 20px;} #satisfacao .satisfacao-body ul{display: grid;grid-template-columns: repeat(5, 1fr);column-gap: 10px} #satisfacao .satisfacao-body ul li{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 10px;padding: 20px;border-radius: 10px} #satisfacao .satisfacao-body ul li span{font-size: 2.5rem;} #satisfacao input, #satisfacao textarea{width: 100%;padding: 10px;margin-top: 10px;} #satisfacao .satisfacao-message{display: none} #satisfacao .satisfacao-message form ul{display: flex;flex-wrap: wrap;margin: 0 auto;padding-bottom: 10px;padding-top: 10px;justify-content: space-between;width: 100%;gap:10px} #satisfacao li.face{-moz-transition:color .2s ease-in;-o-transition:color .2s ease-in;-webkit-transition:color .2s ease-in;cursor: pointer;text-shadow: 1px 0px 0px #0000008f;border: 1px solid} #satisfacao li.face:hover{text-shadow: 1px 0px 10px #0000008f;} #satisfacao li.very-dissatisfied{color: #ff000094;} #satisfacao li.little-dissatisfied{color: #d6a63e94;} #satisfacao li.neutral{color: #828282;} #satisfacao li.little-satisfied{color: #a7c34ac7;} #satisfacao li.satisfied{color:#009688;} #satisfacao li.very-dissatisfied:hover, #satisfacao li.very-dissatisfied-checked{background-color: #ff000094;color: #fff;} #satisfacao li.little-dissatisfied:hover, #satisfacao li.little-dissatisfied-checked{background-color: #d6a63e94;color: #fff;} #satisfacao li.little-satisfied:hover, #satisfacao li.little-satisfied-checked{background-color: #a7c34ac7;color: #fff;} #satisfacao li.neutral:hover, #satisfacao li.neutral-checked{background-color: #828282;color: #fff;} #satisfacao li.satisfied:hover, #satisfacao li.satisfied-checked{background-color:#009688;color: #fff;} /*ICONES*/ i{ background: url(../img/icones.png) no-repeat; transition:all 0.0s ease;} .pointer{cursor: pointer} /*PRINCIPAL*/ .p_galeria,.estrutura_inicial,#vereadores,#container_noticias, #noticias_relacionadas, #formulario_midias,#painel_diversos,#atalhos2,.b_galeria,#pagina_lei, #p_banner, .p_uteis, .p_uteis ul, footer nav, footer#rodape .direitos nav, #p_n_miniaturas, #mapa_site{width:1180px; margin:auto; clear:both;} .hover-zoom{overflow:hidden} .hover-zoom:hover img {transition:all 0.4s ease;transform: scale(1.1);z-index: -1} #painel_diversos ul li i:hover {background-color:#00214275!important;} #corpo_pagina .conteudo strong,.estrutura_inicial .conteudo_ouvidoria .texto_descritivo strong{ font-weight:bold;} #corpo_pagina .conteudo em, .estrutura_inicial .conteudo_ouvidoria .texto_descritivo em{ font-style:italic;} #contact-teams{padding: 10px;border-radius: 10px;font-weight: bold} .new_margin_top{margin-top: 35px} /*MODAL EMERGENCIAL*/ #modalEmergencial {position:fixed!important;} #modalEmergencial .w3c-modal-content{width:670px;} #modalEmergencial .w3c-modal-content .modal-header{width: 100%;border-bottom:1px solid #e5e5e5;min-height: 35px;font-weight:600;height: auto;} #modalEmergencial .w3c-modal-content .modal-header h1{width: 90%;float: left;margin-left: 10px;padding: 10px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;height: 25px;} #modalEmergencial .w3c-modal-content .modal-header button{cursor: pointer; float: right;background-color: white;border: 0;font-size: 15px;color: #47494a;opacity: 0.6;font-weight: 600;margin-right: 4px;} #modalEmergencial .w3c-modal-content .w3-container .conteudo{width:calc(100% - 20px);margin-top:10px; display: flex;justify-content: center;} #modalEmergencial .w3c-modal-content .w3-container .conteudo img{margin-left:10px;z-index:1;width:100%;cursor:pointer;max-width: 500px;} /*NOTICIAS*/ #container_noticias .bloco3 .titulo_principal{width: 100%;font-weight: 700;font-size: 14px; color: #2948A1;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;line-height: 20px;} #container_noticias .bloco3 .sub_titulo_principal{width: 100%;font-weight: 400;font-size: 15px;color: #939393;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} #container_noticias .bloco3{width: 100%;float: left;margin-bottom: 20px;} #container_noticias .bloco3 .gride1 {width:calc(50% - 5px);float:left;} #container_noticias .bloco3 .gride1 .noticias {width:100%;min-height:65px} #container_noticias .bloco3 .gride1 .noticias ul{width:100%;} #container_noticias .bloco3 .gride1 .noticias ul li{width:calc(50% - 5px);float: left;margin-right: 10px} #container_noticias .bloco3 .gride1 .noticias ul li:last-child{margin-right:0} #container_noticias .bloco3 .gride1 .noticias ul li h1{width:100%;font-weight:700;font-size:14px;color:#2948A1;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden;} #container_noticias .bloco3 .gride1 .noticiasImagem {width:100%;margin-top: 20px;min-height: 260px} #container_noticias .bloco3 .gride1 .noticiasImagem ul{width:100%;} #container_noticias .bloco3 .gride1 .noticiasImagem ul li{width:calc(50% - 5px);height:auto; float: left;margin-right: 10px} #container_noticias .bloco3 .gride1 .noticiasImagem ul li:last-child{margin-right:0} #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal{max-width:431px;min-height:122px;width: 100%!important;height: auto !important;overflow: hidden;} #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal img{width: calc(100%) !important;min-height:122px;height: auto !important;border-radius: 3px;max-height:247px;} #container_noticias .bloco3 .gride2 {width:calc(50% - 5px);float: right;margin-top: 20px;} #container_noticias .bloco3 .gride2 .noticias {width:100%;height:auto;min-height:235px;display: flex;} #container_noticias .bloco3 .gride2 .noticias ul{width:100%;} #container_noticias .bloco3 .gride2 .noticias ul li{width:calc(50% - 10px);height:auto; float: left;} #container_noticias .bloco3 .gride2 .noticias ul li:last-child{float:right;margin-right: 0} #container_noticias .bloco3 .gride2 .noticias ul li {width: calc(50% - 5px);height: auto;float: left;margin-right: 10px;} #container_noticias .bloco3 .gride2 .noticias ul li .imgPrincipal{max-width: 431px;min-height: 122px;width: 100%!important;height: auto !important;overflow: hidden;} #container_noticias .bloco3 .gride2 .noticias ul li .imgPrincipal img{width: calc(100%) !important;min-height: 122px;height: auto !important;border-radius: 3px;max-height: 247px;} #container_noticias .bloco3 .gride2 .painel{width:100%;height:80px;margin-top:20px;} #container_noticias .bloco3 .gride2 .painel ul{width:100%} #container_noticias .bloco3 .gride2 .painel ul li{width:calc(25% - 5px);text-align:center;height: 73px;float: left;border-right: 1px #d0d0d0 solid;position: relative;} #container_noticias .bloco3 .gride2 .painel ul li i{position: absolute;left:45px;width:50px;height:50px;background-color:#002142;} #container_noticias .bloco3 .gride2 .painel ul li .foto {background-position: -1001px -60px !important;} #container_noticias .bloco3 .gride2 .painel ul li .video {background-position: -951px -60px !important;} #container_noticias .bloco3 .gride2 .painel ul li .audio {background-position: -901px -60px !important;} #container_noticias .bloco3 .gride2 .painel ul li .noticia {background-position: -852px -60px !important;} #container_noticias .bloco3 .gride2 .painel ul li h2 {width:100%;position: absolute;top: 53px;text-align: center;height: 30px;color: #000000;font-weight: 600;font-size: 11px;} #container_noticias .bloco3 .gride2 .painel ul li:last-child{border-right:0} /*MENU*/ .estrutura-menu{background-color:#F1F1F1;min-height:340px;margin-bottom:20px;display: flex;} .estrutura-menu .estrutura_inicial .navbar-fix {width: 100%;padding: 50px 0 50px 0;display: flex;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu {width: calc(25% - 15px); float: left;margin-right: 20px;margin-bottom: 10px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu h1 {width: 100%;font-weight: 700;font-size: 28px;color: #000000;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu .conteudo {width: auto;margin-top: 30px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu .conteudo ul{width: 100%;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu .conteudo ul li{ width: 100%;margin-bottom: 15px;font-size: 15px;font-weight: 500;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu:last-child{margin-right:0} .estrutura-menu .estrutura_inicial .navbar-fix ul li:last-child{margin-right:0} .estrutura-menu .estrutura_inicial .navbar-fix ul li h1{width: 100%;font-weight: 700;font-size:28px;color:#000000;} .estrutura-menu .estrutura_inicial .navbar-fix ul li .conteudo{width:auto;margin-top:30px} .estrutura-menu .estrutura_inicial .navbar-fix ul li .conteudo ul li{width: 100%;margin-bottom:15px;font-size:15px;font-weight:500;} .text_grey{color:#777777} .text_green{color:#128C00;} .text_red{color:#CC0000;} .text_orange{color:#E54C20;} .text_blue{color:#00468C;} .text_black{color:#000000;} /*OUVIDORIA*/ .estrutura_inicial .ouvidoria {width: 100%;/*height:200px*/} .estrutura_inicial .ouvidoria h1{width: 100%;font-weight: 700;font-size: 28px;color:#000000;} .estrutura_inicial .ouvidoria .topo .sublinhado{width: 40px;height:5px;background-color:#002142;display: block;margin-top: 20px} .estrutura_inicial .ouvidoria .topo{border-bottom: 1px solid #D9D9D9} .estrutura_inicial .ouvidoria ul{width: 100%;padding-top:20px;display: flex;} .estrutura_inicial .ouvidoria ul li{width: 100%;} .estrutura_inicial .ouvidoria ul li h1 a{color:#2247AB} .estrutura_inicial .ouvidoria ul li h2{width:90%;margin-top:10px} .estrutura_inicial .ouvidoria ul li h2 a{color:#777777;font-weight:600;line-height: initial;} .estrutura_inicial .conteudo_ouvidoria #corpo_pagina {display:grid; grid-template-columns: repeat(4, 1fr);gap:10px;padding-bottom:20px} .estrutura_inicial .painel-ouvidoria{padding-bottom:30px} .estrutura_inicial .painel-ouvidoria img{width: 100%} .estrutura_inicial .painel-ouvidoria .desktop{display: block} .estrutura_inicial .painel-ouvidoria .mobile{display: none} .estrutura_inicial .ouvidoria ul{gap:10px; } .estrutura_inicial .conteudo_ouvidoria .denuncia{background-image:url("../img/img-denuncia.png");background-repeat: no-repeat;} .estrutura_inicial .conteudo_ouvidoria .elogio{background-image:url("../img/img-elogio.png");background-repeat: no-repeat;} .estrutura_inicial .conteudo_ouvidoria .reclamacao{background-image:url("../img/img-reclamacao.png");background-repeat: no-repeat;} .estrutura_inicial .conteudo_ouvidoria .solicitacao{background-image:url("../img/img-solicitacao.png");background-repeat: no-repeat;} .estrutura_inicial .conteudo_ouvidoria .sugestao{background-image:url("../img/img-sugestao.png");background-repeat: no-repeat;} .estrutura_inicial .conteudo_ouvidoria .manifestacao{background-image:url("../img/img-manifestacao.png");background-repeat: no-repeat;} .estrutura_inicial .conteudo_ouvidoria .duvida{background-image:url("../img/img-faq.png");background-repeat: no-repeat;} .estrutura_inicial .conteudo_ouvidoria .mini_ouvidoria a{color:#FFFFFF;} .estrutura_inicial .conteudo_ouvidoria .mini_ouvidoria h1{margin-left: 10px;font-weight: bold;font-size: 25px;padding-top: 100px;margin-bottom: 10px;} .estrutura_inicial .conteudo_ouvidoria .mini_ouvidoria h2{width: calc(100% - 20px);margin-left: 10px;font-weight: 400;font-size: 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 10px;} .estrutura_inicial .manifestacoes form label{font-size: 12px;width: 100%;text-align: left;height: 30px;font-weight: 700;} .estrutura_inicial .ouvidoria-duvidas {min-height: 400px} .estrutura_inicial .ouvidoria-duvidas .accordion {background-color: #eee;color: #444;cursor: pointer;padding: 10px;width: 100%;min-height:20px; border: none;text-align: left;outline: none;font-size: 15px;transition: 0.4s;} .estrutura_inicial .ouvidoria-duvidas .active, .accordion:hover {background-color: #ccc;} .estrutura_inicial .ouvidoria-duvidas .accordion:after {content: '\002B';font-weight: bold;float: right;margin-left: 5px;} .estrutura_inicial .ouvidoria-duvidas .active:after {content: "\2212";} .estrutura_inicial .panel-accordion {padding:0 15px;background-color: white; max-height: 0; overflow: hidden;transition: max-height 0.2s ease-out;line-height:25px} /*ACESSO RAPIDO*/ #painel_diversos h1{width: 100%;font-weight: 700;font-size: 28px;color:#000000;margin-top: 10px;} #painel_diversos .topo .sublinhado{width: 40px;height:5px;background-color:#002142;display: block;margin-top: 20px} #painel_diversos .topo{border-bottom: 1px solid #D9D9D9} #painel_diversos ul{margin-top: 10px} /*GALERIA DE BANNER*/ .base-banner{position: relative;overflow:hidden} .base-banner{height:179px;padding-top:30px;position:relative;} .base-banner .swiper-container-banner {width:calc(100% - 100px);height:150px;overflow: hidden;margin-left:50px} /*FOTOS*/ .margin-top{margin-top:30px} .estrutura_inicial .galeria_fotos {width: 100%; height:auto;margin-top: 20px;margin-bottom:30px;min-height: 290px;} .estrutura_inicial .galeria_fotos h1{width: 100%;font-weight: 700;font-size: 28px;} .estrutura_inicial .galeria_fotos h1 a{color:#000000;} .estrutura_inicial .galeria_fotos .topo .sublinhado{width: 40px;height:5px;background-color:#002142;display: block;margin-top: 20px} .estrutura_inicial .galeria_fotos .topo{border-bottom: 1px solid #D9D9D9} .estrutura_inicial .galeria_fotos .iShowVideos{height: auto;min-height: 210px;margin-bottom: 20px;} .estrutura_inicial .galeria_fotos ul{width:100%} .estrutura_inicial .galeria_fotos ul li {width:calc(calc(100% - 30px) / 4);float: left; margin-left:10px;margin-top: 20px;height: auto;} .estrutura_inicial .galeria_fotos ul li .imgPrincipal{max-width: 700px;min-height: 100px;width:100%!important;height: auto !important;overflow: hidden;max-height: 189px;} .estrutura_inicial .galeria_fotos ul li .imgPrincipal img{width: calc(100%) !important;min-height: 100px;height: auto !important;} .estrutura_inicial .galeria_fotos ul li .legenda{height:auto;margin-bottom: 30px;} .estrutura_inicial .galeria_fotos ul li .legenda h2{color: #777777;font-weight: 600;margin-top: 10px;} .estrutura_inicial .galeria_fotos ul li:first-child{margin-left:0} .estrutura_inicial .galeria_fotos ul li:last-child{margin-right:0} /*ESTRUTURA ORGANIZACIONAL*/ .bloco_principal{background-color:#F1F1F1;height:340px;margin-bottom:20px} .bloco_estrutural{background-color:#F1F1F1;min-height:940px;} .bloco_estrutural .estrutura_inicial .topo{height:200px;border-bottom:1px solid #A2A2A2;} .bloco_estrutural .estrutura_inicial .topo h1{width:50%;font-weight:700;font-size:35px;color: #000000;float: left;padding-top:50px;line-height: 50px;} .bloco_estrutural .estrutura_inicial .topo h1 a {color:#10793E} .bloco_estrutural .estrutura_inicial .topo .img_principal{float: left;margin-top:20px;margin-left:30px} .bloco_estrutural .estrutura_inicial .topo h2{width:20%;float:left;margin-left:30px;padding-top:50px;} .bloco_estrutural .estrutura_inicial .topo h2 a {font-weight:700;font-size:35px;color:#10793E;line-height:40px;} .bloco_estrutural .estrutura_inicial .conteudo{height:500px;} .bloco_estrutural .estrutura_inicial .conteudo .gride1{width:calc(50% - 1px);border-right: 1px solid #A2A2A2;min-height:450px;float:left} .bloco_estrutural .estrutura_inicial .conteudo .gride1 h2{width:100%;font-weight:700;font-size:28px;color: #000000;float: left;padding-top:20px;line-height: 50px;margin-bottom:20px;} .bloco_estrutural .estrutura_inicial .conteudo .gride1 ul{width:100%} .bloco_estrutural .estrutura_inicial .conteudo .gride1 ul li{width:98%;margin-bottom:15px;} .bloco_estrutural .estrutura_inicial .conteudo .gride1 ul li a{color:#777777;font-weight:700} .bloco_estrutural .estrutura_inicial .conteudo .gride2{width:calc(50% - 1px);min-height:450px;float:right;} .bloco_estrutural .estrutura_inicial .conteudo .gride2 h2{width:100%;font-weight:700;font-size:28px;color: #000000;float: left;padding-top:20px;line-height: 50px;margin-bottom:20px;} .bloco_estrutural .estrutura_inicial .conteudo .gride2 ul{width:100%} .bloco_estrutural .estrutura_inicial .conteudo .gride2 ul li{width:100%;margin-bottom:15px;} .bloco_estrutural .estrutura_inicial .conteudo .gride2 ul li a{color:#777777;font-weight:700;} .bloco_estrutural .estrutura_inicial .conteudo .gride2 .portal{width:calc(50% - 10px);float: left;margin-left:50px} .bloco_estrutural .estrutura_inicial .conteudo .gride2 .consultas, .bloco_estrutural .estrutura_inicial .conteudo .gride2 .servicos{float: left} /*RODAPE*/ #rodape .entidade{width:60%;min-height:250px;float: left} #rodape .entidade i{width:37px;height: 29px;position: absolute;} #rodape .entidade h1{width:100%;font-weight: 700;font-size: 28px;color:white;padding-top: 20px;line-height: 50px;text-transform: uppercase;} #rodape .entidade h2{width:100%;font-weight:400;font-size:14px;color:white;float:right;margin-top: 20px;margin-left:40px} #rodape .entidade h2{width:calc(100% - 44px);font-weight:400;font-size:14px;color:white;float: left;margin-top: 20px} #rodape .entidade h3{width:100%;font-weight:400;font-size:14px;color:white;float: left;margin-top:30px;margin-left:40px} #rodape .entidade h3 a {font-weight:400;font-size:14px;color:white;} #rodape .entidade .icon_endereco{background-position: 0px -190px !important;} #rodape .entidade .icon_google{background-position: -37px -190px !important;margin-top: 10px;} #rodape .entidade .telefone{background-position: -74px -190px !important;margin-top: 20px} #rodape .redes-sociais{width:30%;float:right;margin-left:10%} #rodape .redes-sociais h1{width: 100%;font-weight: 700;font-size: 28px;color:white;float: left;padding-top: 20px;line-height: 50px;text-transform: uppercase;} #rodape .entidade .bloco1 {width:100%;height:50px;} #rodape .entidade .bloco1 .icon_endereco{float:left;margin-top: 10px;} #rodape .entidade .bloco1 h2{float:right} #rodape .entidade .bloco2 {width:50%;height:50px;float: left} #rodape .estrutura_inicial .redes-sociais a i{width:50px;height:50px;float: left;margin:10px 10px 10px 10px} #rodape .estrutura_inicial .redes-sociais .facebook{background-position:-391px -249px !important;} #rodape .estrutura_inicial .redes-sociais .instagram{background-position:-338px -249px !important;} #rodape .estrutura_inicial .redes-sociais .youtube{background-position:-286px -249px !important;} /*LOAD PAGE*/ #divLoading{margin: 0 auto;width: 100px;margin-bottom: 10%;} #divLoading img{width: 70%;margin: 0 auto;} /*NOVAS NOTICIAS*/ #p_noticias .bloco1{width:680px;height:440px;position:relative;overflow: hidden;float: left} #p_noticias .bloco1 img {position:absolute;display:block;z-index:-1;top:0;transition:transform 0.4s linear;} #p_noticias .bloco1:hover img {transform: scale(1.1);} #p_noticias .bloco1 .topo{width: 100%; height:30px;} #p_noticias .bloco1 .topo .titulo{padding-left:40px;padding-top:20px;text-shadow: 0.1em 0.1em 0.2em black;color:#FFFFFF;font-size: 14px;font-weight: 600;text-transform: uppercase;width: 300px;float: left} #p_noticias .bloco1 .topo .compartilhar{text-shadow: 0.1em 0.1em 0.2em black;color:#FFFFFF;font-size: 14px;font-weight: 600;width: 300px;float: right;text-align: right;padding-top:20px;padding-right:20px;} #p_noticias .bloco1 .descricao{padding-left: 45px;position: absolute;bottom: 15px;z-index: 3;width:600px; text-align: center;} #p_noticias .bloco1 .descricao a{font-size: 30px;color: #fff;text-shadow: 1px 1px 2px black, 0 0 1em #0e0e0e, 0 0 0.2em #080808;padding-top: 40%;} #p_noticias .bloco1 .compartilhar span{font-size:28px; margin-left: 10px;} #p_noticias .bloco2 {width:490px;height:215px;float:right;} #p_noticias .bloco2 .mini{height:215px;position:relative;overflow: hidden;margin-bottom: 10px} #p_noticias .bloco2 .mini img {position: relative;display:block;z-index: -1;top: 0;transition:transform 0.4s linear;} #p_noticias .bloco2 .mini:hover img {transform: scale(1.1);} #p_noticias .bloco2 .mini .topo{height:30px;position: absolute;} #p_noticias .bloco2 .mini .topo .titulo{padding-left:20px;padding-top:20px;text-shadow: 0.1em 0.1em 0.2em black;color:#FFFFFF;font-size:12px;font-weight:500;text-transform: uppercase;width:250px;float: left} #p_noticias .bloco2 .mini .topo .compartilhar{z-index: 10; text-shadow: 0.1em 0.1em 0.2em black;color:#FFFFFF;font-size:12px;font-weight: 600;text-transform: uppercase;width:190px;float: right;text-align: right;padding-top:20px;padding-right:20px;} #p_noticias .bloco2 .mini .descricao{position:absolute; z-index: 3;width:100%;text-align: center;bottom:15px;} #p_noticias .bloco2 .mini .descricao a{font-size: 15px;color: #fff;text-shadow: 1px 1px 2px black, 0 0 1em #0e0e0e, 0 0 0.2em #080808;padding-top: 40%;} #p_noticias .bloco2 .mini .compartilhar span{font-size:20px; margin-left: 10px;} .estrutura_inicial .conteudo_ouvidoria .texto_descritivo{width:100%;line-height: 1.875rem;color: #2d2d2d;font-size: 1rem;margin-bottom:20px} #corpo_pagina .cabecalho_noticia{width:100%;min-height:180px} #corpo_pagina .cabecalho_noticia .categoria{width:100%;min-height:30px;font-size:23px;font-weight:600;line-height:35px;color:#6a6a6a;} #corpo_pagina .cabecalho_noticia .titulo_principal{width:100%;height:auto;font-size:32px;font-weight:800;line-height:57px;color:#202121;} #corpo_pagina .cabecalho_noticia .data_atualizacao{width:50%;height:50px;float: left;font-weight:600;margin-top: 10px} #corpo_pagina .cabecalho_noticia .compartilhar{width:50%;height:50px;float:right;text-align:right;margin-top: 10px} #corpo_pagina .cabecalho_noticia .compartilhar span{font-size:25px;margin-left: 10px;cursor: pointer;} #corpo_pagina .conteudo{width:100%;line-height:25px;color: #2d2d2d;font-size:16px;margin-bottom:20px;overflow:hidden;display: flex;flex-direction: column;} #corpo_pagina .periodo-eleitoral{margin-bottom:0;} #corpo_pagina .rodape {min-height:65px;} #corpo_pagina .rodape .autor{width:50%;height:50px;float:left;text-align:left;} #corpo_pagina .rodape .compartilhar{width:50%;height:50px;float:right;text-align:right;} #corpo_pagina .rodape .compartilhar span{font-size:25px;margin-left: 10px;cursor: pointer;} #corpo_pagina .mais_noticias {height:auto;border-top: 1px solid #d6d6d6;clear: both;display: table;} #corpo_pagina .mais_noticias .titulo_mais_noticia{margin-top: 10px;height:auto;width: 100%;font-weight: 700;font-size: 28px;color: #000000;margin-bottom: 10px;text-transform: uppercase} #corpo_pagina .mais_noticias .titulo_mais_noticia span{width: 40px;height: 5px;background-color: #002142;display: block;margin-top: 20px;} #corpo_pagina .mais_noticias .bloco_noticia{width:calc(50% - 20px);min-height:260px;} #corpo_pagina .mais_noticias .bloco_noticia:nth-child(even){float:left;} #corpo_pagina .mais_noticias .bloco_noticia:nth-child(odd){float:right;} #corpo_pagina .mais_noticias .bloco_noticia .descricao_noticia{width:calc(50% - 10px);float:left;} #corpo_pagina .mais_noticias .bloco_noticia .desc_max{width:100%;} #corpo_pagina .mais_noticias .bloco_noticia .descricao_noticia .categoria_notica{width:100%;font-size:15px;font-weight:400;color:#002142;line-height:33px;float: left;} #corpo_pagina .mais_noticias .bloco_noticia .descricao_noticia .titulo_notica{width:100%;font-size:21px;font-weight:600;line-height:33px;float: left;} #corpo_pagina .mais_noticias .bloco_noticia .descricao_noticia .data_notica{font-size:12px;font-weight:600;line-height:33px;} #corpo_pagina .mais_noticias .bloco_noticia .img_noticia{width:calc(50% - 10px);float: right;overflow: hidden;max-width:400px;min-height: 200px;height: auto !important;} #corpo_pagina .mais_noticias .bloco_noticia .img_noticia img {transition: transform 0.4s linear;width: calc(100%) !important;height: auto !important;} #corpo_pagina .mais_noticias .bloco_noticia .img_noticia:hover img {transform: scale(1.1);} #corpo_pagina .mais_noticias .bloco_noticia a {color: black;} /*CONFIGURACOES DOS BOTOES*/ #transparencia .menu_transparencia{display: flex;flex-wrap: wrap;} #menu_transparencia *{-webkit-transition: -webkit-transform 0.0s ease 0s; -moz-transition: -moz-transform 0.0s ease 0s; -o-transition: -o-transform 0.0s ease 0s; transition: transform 0.0s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} #menu_transparencia{z-index: 10;width: auto; height: auto !important;display: flex;justify-content: flex-end;align-items: center;} #menu_transparencia ul{ width: auto; height: auto;} #menu_transparencia ul li{ width: auto; height: auto; color:#FFF; padding: 5px 30px 5px 10px; float: left; position: relative; border-top-right-radius: 5px; border-top-left-radius: 5px; font-weight: 500; font-size: 12px;} #menu_transparencia ul li i{ width: 12px; height: 12px; background-position: -207px -145px; position: absolute; right: 9px; top:8px; opacity: 0.6;} #menu_transparencia ul li ul{position: absolute; top: 27px; left: 0px; min-width: 300px; border-radius: 5px; border-top-left-radius: 0px; display: none; } #menu_transparencia ul li ul li{ width: auto; height: auto; background: #000; background: none !important; padding: 0px; float: none; font-size: 12px;} #menu_transparencia ul li:nth-child(6n) ul, #menu_transparencia ul li:nth-child(5n) ul{top: 27px; left:inherit; right:0px; border-top-right-radius: 0px; border-top-left-radius: 5px;} #menu_transparencia ul li:hover i{ background-position: -205px -161px; } #menu_transparencia ul li:hover ul, #menu_transparencia ul li ul:active{ display: block; } #menu_transparencia ul li:hover{z-index: 10}/*compras*/ #menu_transparencia ul li:nth-child(1n) a{ color:#d90000;}/*compras*/ #menu_transparencia ul li:nth-child(2n) a{ color:#8FE195;}/*receitas*/ #menu_transparencia ul li:nth-child(3n) a{ color:#E18F99;}/*despesas*/ #menu_transparencia ul li:nth-child(4n) a{ color:#BEA3C9;}/*orcamento*/ #menu_transparencia ul li:nth-child(5n) a{ color:#E5C69A;}/*repasses*/ #menu_transparencia ul li:nth-child(6n) a{ color:#8BDBD2;}/*pessoal*/ #menu_transparencia ul li:nth-child(6n) a{ color:#eb9770;}/*atos normativos*/ #menu_transparencia ul li:hover a{ color:#000; }/*compras*/ #menu_transparencia ul li ul li a{ padding: 5px 12px 5px; width: 100%; height: 20px; display: table;}/*compras*/ #menu_transparencia ul li ul li:hover{z-index: 10!important}/*compras*/ #menu_transparencia ul li ul li:hover a{ color:#000; }/*compras*/ #menu_transparencia ul li:nth-child(1n) ul, #menu_transparencia ul li:nth-child(1n):hover{ background:#d90000 !important;}/*compras*/ #menu_transparencia ul li:nth-child(2n) ul, #menu_transparencia ul li:nth-child(2n):hover{ background:#8FE195 !important;}/*receitas*/ #menu_transparencia ul li:nth-child(3n) ul, #menu_transparencia ul li:nth-child(3n):hover{ background:#E18F99 !important;}/*despesas*/ #menu_transparencia ul li:nth-child(4n) ul, #menu_transparencia ul li:nth-child(4n):hover{ background:#BEA3C9 !important;}/*orcamento*/ #menu_transparencia ul li:nth-child(5n) ul, #menu_transparencia ul li:nth-child(5n):hover{ background:#E5C69A !important;}/*repasses*/ #menu_transparencia ul li:nth-child(6n) ul, #menu_transparencia ul li:nth-child(6n):hover{ background:#8BDBD2 !important;}/*pessoal*/ #menu_transparencia ul li:nth-child(6n) ul, #menu_transparencia ul li:nth-child(6n):hover{ background:#eb9770 !important;}/*atos normativos*/ #menu_transparencia ul li:hover ul li:hover{ background: rgba(255,255,255,0.50) !important; }/*pessoal*/ /*CONFIGURACOES DOS BOTOES*/ .btn_default{-webkit-border-radius: 0!important; -moz-border-radius: 4px;border-radius: 0 !important;height:30px; line-height:24px;margin:3px 10px 0px 0px; float:left;border: #C8C8C8 solid 1px; font-size:14px; padding:0px 5px;} .btn_default:hover{ opacity:0.9;} .btn_width_100{width:100%;} .btn_width_95{width:95%;} .btn_width_90{width:90%;} .btn_width_80{width:80%;} .btn_width_70{width:70%;} .btn_width_65{width:65%;} .btn_width_60{width:60%;} .btn_width_50{width:50%;} .btn_width_40{width:40%;} .btn_width_30{width:30%;} .btn_width_20{width:20%;} .btn_width_10{width:10%;} .btn_margin_left{margin-left: 10px;} .btn_margin_rigth{margin-right: 10px;} #painel_table{width: 100%;height: auto;float: left;} #painel_table_auditoria{width: 100%;height: auto;float: left;} .a_color_black{color: black;} /*BOTAO NO IFRAME DE CONTRATOS E LICITACOES*/ .btn_iframe{font-size: 15px;color: #FFF;text-decoration: none;background: #002142;border: 1px #000001;height: 36px;padding-left:10px;padding-right:10px;font-weight: 300;cursor:pointer;margin-left: 10px} /*PERIODO ELEITORAL*/ .estrutura_inicial #corpo_pagina .periodo-eleitoral h1{width: 100%;height: auto;font-size: 32px;font-weight: 800;line-height: 57px;color: #202121;} /*SERVIDORES*/ #painel_superior{ width:100%; height:auto; display:table; font-weight:600; font-size:14px; float:left;margin-bottom: 10px;} #painel_superior ul{width: calc(100%);display: flex;flex-wrap: wrap;margin: 0 auto;padding-bottom: 10px;padding-top: 10px;justify-content: space-between;} #painel_superior ul li{display: inline-block; } #painel_superior ul .categoria_covid{width:16%} #painel_superior .matricula{width:19%;margin-right:10px;} #painel_superior .nome{width:calc(60% - 20px);} #painel_superior .locacao{width:20%;margin-left: 10px} #painel_superior .tipo_servidor{width:20%;} #painel_superior .cargo{width:35%;} #painel_superior .referencia{width:20%;} #painel_superior .botao{transform: translateY(35%);} #painel_superior .exportar{width: 12%;margin-top: 10px;position: relative} #painel_superior .cod_auditoria{width:16.5%;margin-right:10px;} #painel_superior .titulo_auditoria{width:40%;margin-right:10px;} /*PROGRAMAS E PROJETOS*/ #painel_superior .pp_referencia{width:8.7%;} #painel_superior .pp_descricao{width:37%;} #painel_superior .pp_descricao{width:37%;} #painel_superior .pp_mes{width:calc(15% - 20px);} #painel_superior .pp_botao{height:50px;transform: translateY(30%);} #painel_superior .pp_botao input {font-size: 16px;color: #FFF; text-decoration: none;background: #002142;border: 1px #000001;height: 32px;padding-left: 20px;padding-right: 20px; font-weight: 600;} /*DIARIAS E PASSAGENS*/ #painel_superior .empenho{width:10%;/*margin-right:10px;*/} #painel_superior .datas{width:11%;/*margin-right: 10px;*/} #painel_superior .valores{width:10%;/*margin-right: 10px;*/} #painel_superior .favorecido{width: calc(46% - 30px);/*margin-right: 10px;*/} #painel_superior .acao{width:25%;} #painel_superior .orgao{width:25%;} #painel_superior .unidade{width:25%;} #painel_superior .iprint{width: 40px;height: 40px;position: absolute;float: right;right:10px;background-position: -279px -148px !important;} #painel_superior .ipdf{width: 40px;height: 40px;position: absolute;right:43px;background-position: -320px -148px !important;} #painel_superior .icsv{width: 40px;height: 40px;position: absolute;right:76px;background-position: -361px -148px !important;} #painel_superior .ijson{background-color:#0A246A;width: 40px;height: 40px;position: absolute;right:109px;background-position: -402px -148px !important;} #frame_interno .iprint{margin-top: 10px;width: 40px;height: 40px;position: absolute;float: right;right:10px;background-position: -279px -148px !important;} #frame_interno .ipdf{margin-top: 10px;width: 40px;height: 40px;position: absolute;right:43px;background-position: -320px -148px !important;} #frame_interno .icsv{margin-top: 10px;width: 40px;height: 40px;position: absolute;right:76px;background-position: -361px -148px !important;} #frame_interno .ijson{margin-top: 10px;background-color:#002142;width: 40px;height: 40px;position: absolute;right:109px;background-position: -402px -148px !important;} #painel_superior ul li:nth-child(6){margin-right: 0;} #painel_superior .btn-submit-diarias{font-size: 16px;color: #FFF; text-decoration: none;background: #002142;border: 1px #000001;height: 30px;padding-left: 20px;padding-right: 20px; font-weight: 600;} /*PUBLICACOES*/ #painel_superior .palavra_chave{width: calc(30% - 10px); /*margin-right: 10px;*/} #painel_superior .tipo_categoria{width: calc(19% - 10px); /*margin-right: 10px;*/} /* TEXTO ANTERIOR*/ .texto_atenterior b{background-color: yellow; padding-top:3px;line-height: 20px;} /*PAGINA DE LEIS*/ #pagina_lei{min-height:40px;margin-bottom: 10px;font-size: 14px;font-weight: 600;} #pagina_lei .titulo_lei p{font-size: large;font-weight: normal;margin-bottom: 10px;} #pagina_lei .conteudo_leis{min-height:40px;display: flex;} #pagina_lei .conteudo_leis ul{margin-bottom: 10px;height:auto;} #pagina_lei .conteudo_leis ul li{border-radius: 5px;line-height: 26px;padding: 0 10px;margin: 0 10px 10px 0;background: #002142;float: left;font-size: 14px;font-weight: 600;color: #FFFFFF;} #pagina_lei .conteudo_leis ul li a{color: #FFFFFF} /*TABELA DE LEIS*/ .tg {border-collapse: collapse;border-spacing: 0;width: 100%} .tg td {font-family: Arial, sans-serif;padding: 10px 5px;border-style: solid;border-width: 1px;overflow: hidden;word-break: normal;border-color:#0000002e;} .tg th {font-family: Arial, sans-serif;font-weight: normal;padding: 10px 5px;border-style: solid;border-width: 1px;overflow: hidden;word-break: normal;border-color: black;} .tg .tg-d5um {border-color: #c7c3c3;text-align: center;vertical-align: middle} .tg .tg-7whf {background-color: #002142;color: #f7f6f6;border-color: #c7c3c3;text-align: center;vertical-align: middle;font-weight:700} .tg .tr_hover:hover{background-color: rgba(153, 153, 153, 0.36)} .tg .tr_hover:hover .d-table-info-complementar tbody td{border: 1px solid #717171;} .d-table-info-complementar tbody tr:hover{background-color: #efededd4;} /*FIM DA TABELA DE LEIS*/ /*PAINEL DIVERSOS*/ #painel_diversos {height: auto;border-radius: 3px;position: relative;overflow: hidden;line-height: 125%;padding: 50px 0 50px 0;} #painel_diversos ul {margin: 0 0 0 0;} #painel_diversos ul li {float: left;width: 106px;height:140px;margin: 10px 0 0 10px;background: #ffffff;list-style-type: none !important;cursor: pointer;} #painel_diversos ul li a {color: black;} #painel_diversos ul li:first-child{margin-left: 0;} #painel_diversos ul li i{display: block;margin: 0 auto;margin-top:10px;width:66px;height:72px; background-color:rgb(0, 33, 66);border: 1px white solid} #painel_diversos ul li.licitacoes i {background-position: -446px -73px !important;} #painel_diversos ul li.contratos i {background-position: -379px -0px !important;} #painel_diversos ul li.atas_das_sessoes i {background-position: -512px -227px !important;} #painel_diversos ul li.indicacoes i {background-position: -445px -227px !important;} #painel_diversos ul li.projetos i {background-position:-576px -227px !important;} #painel_diversos ul li.obras_publicas i {background-position: -379px -73px !important;} #painel_diversos ul li.carta_servico i {background-position: -312px -0px !important;} #painel_diversos ul li.transporte_escolar i {background-position: -446px -0px !important;} #painel_diversos ul li.servidores i {background-position: -512px -143px !important;} #painel_diversos ul li.dados_abertos i {background-position:-644px -222px !important;} #painel_diversos ul li.diarias_passagens i {background-position: -446px -144px !important;} #painel_diversos ul li.mapa_lei i {background-position: -312px -73px !important;} #painel_diversos ul li.publicacoes i {background-position: -512px -73px !important;} #painel_diversos li h4 {width: 100%;height: 30px;font-size: 13px;font-weight: 600;text-align: center;color: black;} #painel_diversos li img{margin: 0 auto;display: block;width:66px;height:72px;} /*CONFIGURACAO MIDIA*/ #conteiner_midia{width: 1180px;margin: auto;clear: both;display: table;background: #FFFFFF;position: relative;z-index: 1;} #form_midia input[type="text"] {width: calc(40% - 10px);/*height: 25px;*/line-height: 24px;margin-right: 10px;float: left;border: #C8C8C8 solid 1px;padding: 5px;font-size: 14px;} #form_midia input[type="submit"]{font-size: 16px;color: #FFF;text-decoration: none;background: #002142;border: 1px #000001;height: 36px;padding-left: 20px;padding-right: 20px;float: left;font-weight: 600;} #barra_navegacao_midias{float: right; min-height: 30px; } #barra_navegacao_midias nav{width:100%;padding-bottom: 2%;} /*CONFIGURACAO NOTICIAS*/ #conteiner_noticias{width: 1180px;margin: auto;clear: both;display: table;background: #FFFFFF;position: relative;z-index: 1;} #opt_categoria{width: 10%;height: 36px;margin-right: 10px;float: left;border: #C8C8C8 solid 1px;} #form_noticias input[type="text"] {width: calc(27% - 10px);height: 37px;line-height: 24px;margin-right: 10px;float: left;border: #C8C8C8 solid 1px;padding: 5px;font-size: 14px;} #form_noticias input[type="submit"]{font-size: 16px;color: #FFF;text-decoration: none;background: #002142;border: 1px #000001;height: 36px;padding-left: 20px;padding-right: 20px;float: left;font-weight: 600;} #barra_navegacao_midias{float: right; min-height: 30px; } #barra_navegacao_midias nav{width:100%;padding-bottom: 2%;} #barra_navegacao_midias nav{margin: 0 auto;} #barra_navegacao_midias nav ul{height:50px;margin: 0 auto;width: auto;} #barra_navegacao_midias nav li{ width:120px; height:35px; float:left; border-right:1px solid #d0d0d0; position:relative; } #barra_navegacao_midias nav li i{ background: url(../img/icones1.png) no-repeat; position:absolute; width:42px; height:39px;background-color: #002142;} #barra_navegacao_midias nav li h2{margin: auto;margin-top: 10%;width:60px;color: #000000;font-weight: 600;font-size: 11px;float: right;} #barra_navegacao_midias nav li a { width:100%; height:39px; display:block;background-color: #FFFFFF;} #barra_navegacao_midias nav li.foto i{background-position:-121px 0 !important;} #barra_navegacao_midias nav li.video i{background-position:-80px 0 !important;} #barra_navegacao_midias nav li.audio i{background-position:-44px 0 !important;} #barra_navegacao_midias nav li.noticia i{background-position:-0 0 !important;} #barra_navegacao_midias nav li:last-child{border: 0} /*TOPO SITE*/ #conteudo{ background:#FFFFFF; position:relative; z-index:1;min-height: 1000px;} #topo{min-width:700px;position:relative;width: 100% !important;height:100vh; min-height:500px;overflow:hidden;} .topo_min{height: 52vh!important;min-height: 350px!important;} #botao_respansivo, #topo .institucional{ display:none;} #topo.diversos{max-height:350px;} #topo .swiper-wrapper{ position: fixed;width:100% !important;height:100% !important;z-index:-999;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #topo .swiper-wrapper img{ width:100% !important; height:100% !important;} #topo .swiper-wrapper .swiper-slide {/*margin-top: -100px;*/background-position: center !important;text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; width:100%; height:100%;width:100hv; height:100hv; min-width:2000px; background-size: 100% !important;min-height:1000px;} #topo .acessibilidade{ width:auto; background: #FFFFFF; height:35px; clear:both; overflow:hidden;position:relative;z-index:10;} #topo .acessibilidade ul{ margin:auto; width:1200px; height:35px;} #topo .acessibilidade ul li{ width:auto; height:35px; line-height:35px; float:left; margin:0px 37px 0px 15px; font-size:14px;} #topo .acessibilidade ul li:hover{ opacity:0.7;} #topo .acessibilidade ul li:last-child{ margin:0px 0px 0px 20px;} #topo .acessibilidade ul li i{ width:23px; height:24px; margin:5px; float:left;} #topo .acessibilidade .mause{ background-position:-24px 0px !important;} #topo .acessibilidade .pc{ background-position:-48px 0px !important;} #topo .acessibilidade .diminuir{ background-position:-72px 0px !important;} #topo .acessibilidade .normal{ background-position:-96px 0px !important;} #topo .acessibilidade .aumentar{ background-position:-120px 0px !important;} #topo .acessibilidade .contraste{ background-position:-144px 0px !important;} #topo .acessibilidade .preto{ background:#333333 !important; color:#FFFFFF; margin-top:11px; font-weight:bold; width:15px; height:15px; line-height:15px; text-align:center;padding:0px; font-size:11px;} #topo .acessibilidade ul li a{ color:#000000;} #topo header .acessibilidade{ display:none !important; } #topo .menu{ width:auto; height:55px; background:#002142; clear:both; overflow:hidden; position:relative;z-index:1;} #topo .menu ul{ margin:auto; width:1140px; height:55px;} #topo .menu ul li{ width:auto; height:55px; line-height:55px; float:left; margin:0px 116px 0px 20px; font-weight:bold; font-size:14px; color:#FFF;} #topo .menu ul li:hover{ opacity:0.7;} #topo .menu ul li:last-child{ margin:0px 0px 0px 20px;} #topo .menu ul li a{ color:#FFF;} #topo .menu ul li i{ width:20px; height:24px; margin:16px 0px; float:left; background-position:-168px 0px !important; } #topo header{ height:110px; background:url(../img/degrade_left.png) repeat-x 0px -119px; position:relative;z-index:10;} #topo header aside { width:1200px; height:110px; margin:auto; position:relative; display: table; } /*BUSCA*/ #topo header form { width:477px; height:39px;position:absolute;bottom:52px; right:35px;} #topo header input[type="search"]{ width:100%; height:39px; background:#FFFFFF; padding:0px 120px 0px 10px; opacity:0.8;} #topo header input[type="submit"]{ position:absolute; right:10px; top:8px; cursor:pointer; width:24px; height:24px; background: url(../img/icones.png) no-repeat -259px -117px; opacity:0.7; border:0px;} #topo header input[type="submit"]:hover{ opacity:1.0; } #topo header a.filtro{ position:absolute; right:45px; top:12px; font-size:13px; color:#000000; z-index:99;} #topo header a.filtro i{ width:15px; height:15px; position:absolute; right:70px; top:1px; background-position:-203px -143px !important; opacity:0.8;} /*BUSCA PERSONALIZADA SUBPREFEITURA*/ .menu_subprefeitura{width:610px!important;} .menu_subprefeitura #busca{width:630px!important;} #busca_avancada{ width:100% !important; height:auto; display:table; display:none; } #busca_avancada h2{ width:auto; height:42px; line-height:42px; padding:0px 10px; font-size:20px; font-weight:600; background:#002142; color:#fff; } #busca_avancada ul{ background:#FFF; width:auto; height:auto; display:table; opacity:0.9; padding:5px 0px; z-index:999;} #busca_avancada li{ float:left; padding:5px 10px; width:calc(50% - 20px); font-size:13px; opacity:0.9;} /*LOGO*/ #topo header img{ position:absolute; left:20px; z-index:1;} #topo header a strong{ display: table-cell; vertical-align: middle; width:500px; height:100px; line-height:120%; padding-left:150px; font-size:28px; font-weight:600; color:#000000;} /*SEGUNDO MENU*/ #topo header aside nav{ width:auto; position:absolute; right:0px; bottom:25px;} #topo header aside nav li{ margin:0 35px 0 0; float:left;} #topo header aside nav li:hover{ opacity:0.7;} #topo header aside nav li a{ color:#002041; font-weight:bold; font-size:13px; } #nav_sub_prefeitura{ right:-18px!important;} #topo footer{position: absolute; margin:auto; width:100% !important; height:118px;bottom:0px;} #topo footer ul{ width:1200px; height:118px; margin:auto; background:#FFFFFF;} #topo footer ul li{ width:287px; height:80px; float:left; margin:20px 0px 0px 10px; position:relative;} #topo footer ul li:hover{ opacity:0.8; } #topo footer ul li:nth-child(2n+2){ width:288px; } #topo footer ul li i{width:60px;height:60px;position:absolute;background-color:#002142;margin-top:10px;} #topo footer ul li:nth-child(3) i {width:65px;height:65px;} /**/ #topo footer ul li{border-right: 1px solid black;} #topo footer ul li div{ width:75%; height:100%; float:right;} #topo footer ul li div h2{color: #000000;font-size: 20px;padding: 12px;font-weight: 700;} #topo footer ul li div h3{ color:#000000; font-size:14px; font-weight:600; padding:0px 12px 0px 12px;} #topo footer ul li.e-sic div h2{ color:#000000;} #topo footer ul li.acesso_informacao div h2{ color:#000000;} #topo footer ul li:last-child{border-right:0;} #topo footer ul li.diario_oficial i{background-position:-1000px 0px !important;} #topo footer ul li.transparencia i{background-position:-944px -0px !important;} #topo footer ul li.e-sic i{background-position:-876px 0px !important} #topo footer ul li.acesso_informacao i{background-position:-816px 0px !important} /*Atalho*/ #atalhos{position: absolute; margin:auto; width:100% !important; height:118px;bottom:0;} #atalhos ul{ width:1200px; height:118px; margin:auto; background:#FFFFFF;} #atalhos ul li{ width:287px; height:108px; float:left; background:#002142; margin:10px 0 0 10px; position:relative;} #atalhos ul li:hover{ opacity:0.8; } #atalhos ul li:nth-child(2n+2){ width:288px; } #atalhos ul li i{ width:58px; height:58px; position:absolute; top:30px; left:15px;} #atalhos ul li div{ width:70%; height:100%; float:right; background: url(../img/degrade_vertical.png) repeat-y; border-left:1px solid #157EFB;} #atalhos ul li div h2{ color:#00BFFF; font-size:20px; font-weight:600; padding:12px;} #atalhos ul li div h3{ color:#FFFFFF; font-size:14px; font-weight:600; padding:0 12px 0 12px;} #atalhos ul li.carta_cidadao i{ background-position: -426px -2px !important;} #atalhos ul li.transporte_escolar i{ background-position: -264px -182px !important;} #atalhos ul li.contratos i{ background-position:-199px -185px !important; } #atalhos ul li.licitacoes i{ background-position: -222px -255px !important; } /*ATALHOS2*/ #atalhos2{position: relative; margin:auto; height:118px;bottom:10px;} #atalhos2 ul{ position: absolute} #atalhos2 ul{ width:1200px; height:118px; margin:auto; background:#FFFFFF;} #atalhos2 ul li{ width:287px; height:108px; float:left; background:#002142; margin:10px 0 0 10px; position:relative;} #atalhos2 ul li:hover{ opacity:0.8; } #atalhos2 ul li:nth-child(1){ margin-left: 0} #atalhos2 ul li:nth-child(2n+2){ width:288px; } #atalhos2 ul li i{ width:58px; height:58px; position:absolute; top:30px; left:15px;} #atalhos2 ul li div{ width:70%; height:100%; float:right; background: url(../img/degrade_vertical.png) repeat-y; border-left:1px solid #157EFB;} #atalhos2 ul li div h2{ color:#00BFFF; font-size:20px; font-weight:600; padding:12px;} #atalhos2 ul li div h3{ color:#FFFFFF; font-size:14px; font-weight:600; padding:0 12px 0 12px;} #atalhos2 ul li.dados_abertos i{ background-position: -97px -56px !important;} #atalhos2 ul li.diarias_passagens i{ background-position: -527px -250px !important;} #atalhos2 ul li.obras_publicas i{ background-position:-523px -197px !important; } #atalhos2 ul li.servidores i{ background-position: -525px -126px !important; } /*PRINCIPAL*/ /*****DIVERSOS******/ .texto_atenterior{width:100%;padding: 20px 0 20px 0} /*****DIVERSOS******/ /*NOTICIAS*/ main{ padding-top:10px;} #p_noticias #painel{ width:584px; height:357px; background: #000; position:absolute; top:0; left:0;} #p_noticias #painel .swiper-container, #pc_noticias #painel .swiper-container{ width:100% !important; height:100% !important;} #p_noticias #painel .swiper-container:hover, #pc_noticias #painel .swiper-container:hover{ overflow:hidden;} #p_noticias #painel .swiper-wrapper, #pc_noticias #painel .swiper-wrapper{ width:100% !important; height:100% !important; } #p_noticias #painel .swiper-wrapper img, #pc_noticias #painel .swiper-wrapper img{ width:100% !important; height:100% !important;} /*CUSTOM*/ #p_noticias #painel .swiper-pagination{ } #p_noticias #painel .swiper-slide, #pp_noticias #painel .swiper-slide{ position:relative; width:auto;} #p_noticias #painel .swiper-slide h2, #pc_noticias #painel .swiper-slide h2{ position:absolute;opacity:0.8;background:#de8f00;line-height:22px;padding:6px 10px; font-size:20px; bottom:0px; color:#fff; width:calc(100% - 10px) !important;} /*NOTICIAS CÂMARAS*/ #pc_noticias{ height:462px; } #pc_noticias #painel{ width:883px; height:462px; background: #000; position:absolute; top:0; right:0;} #pc_noticias ul{ width:287px; height:118px; margin:auto; background:#FFFFFF; float:left;} #pc_noticias ul li{ width:287px; height:108px; clear:both; background:#002142; margin:0 0 10px 0; position:relative;} #pc_noticias ul li:hover{ opacity:0.8; } #pc_noticias ul li i{ width:58px; height:58px; position:absolute; top:30px; left:15px;} #pc_noticias ul li div{ width:70%; height:100%; float:right; background: url(../img/degrade_vertical.png) repeat-y; border-left:1px solid #157EFB;} #pc_noticias ul li div h2{ color:#00BFFF; font-size:20px; font-weight:600; padding:12px;} #pc_noticias ul li div h3{ color:#FFFFFF; font-size:14px; font-weight:600; padding:0 12px 0 12px;} #pc_noticias ul li.e-sic div{ border-left:1px solid #00B22D; } #pc_noticias ul li.acesso_informacao div{ border-left:1px solid #FFC926; } #pc_noticias ul li.e-sic div h2{ color:#00B22D;} #pc_noticias ul li.acesso_informacao div h2{ color:#FFBF00;} #pc_noticias ul li.diario_oficial i{ background-position:-192px 0px !important; } #pc_noticias ul li.transparencia i{ background-position:-250px 0px !important; } #pc_noticias ul li.e-sic, #pc_noticias ul li.acesso_informacao{ background-color:#444444; } #pc_noticias ul li.e-sic h1{ color:#00B22C; } #pc_noticias ul li.e-sic i, #pc_noticias ul li.acesso_informacao i{ background-position:-192px -58px !important; } #pc_noticias ul li.e-sic{ background-color:#444444; } #pc_noticias ul li.acesso_informacao h1{ color:#FFBF00; } #p_noticias nav{ width:584px; height:225px; position:absolute; bottom:100px; left:0; overflow:hidden;} #p_noticias nav ul{ width:100%; height:73px;} #p_noticias nav li{ width:145px; height:70px; float:left; border-right:1px #d0d0d0 solid; position:relative;top:5px } #p_noticias nav li i{ position:absolute; top:5px; left:48px;width:50px; height:50px; background-color: #002142;} #p_noticias nav li h2{ width:100%; position:absolute; top:53px; text-align:center; height:30px; color: #000000; font-weight:600; font-size:11px; } #p_noticias nav li a { width:100%; height:100%; display:block;background-color: #FFFFFF;} #p_noticias nav li.foto i{background-position:-239px -250px !important;} #p_noticias nav li.video i{background-position:-290px -250px !important;} #p_noticias nav li.audio i{background-position:-341px -250px !important;} #p_noticias nav li.noticia i{background-position:-392px -250px !important;} #p_noticias .miniaturas{ width:586px; height:439px; position:absolute; top:0; right:0;} #p_noticias .miniaturas li, #p_n_miniaturas li{ color:#FFFFFF; width:189px;height:218px; margin:0 10px 10px 0; float:left; overflow:hidden;} #p_noticias .miniaturas li:nth-child(3n+3){ margin:0 0 10px 0; width:188px;} #p_noticias .miniaturas li div, #p_n_miniaturas li div{ width:auto; height:135px; overflow:hidden;border: 1px rgb(183, 189, 189) solid;} #p_noticias .miniaturas li img{ width:189px; height:135px;} #p_noticias .miniaturas li p, #p_n_miniaturas li p{ line-height:120%; color:#0085B2; font-size:11px; font-weight:600;} #p_noticias .miniaturas li span, #p_n_miniaturas li span{ color:#000000; line-height:120%; font-size:13px; font-weight:600; width:100% !important; display:table; } #p_noticias nav li:last-child{border: 0} /*noticias câmaras*/ #p_n_miniaturas { height:auto; display:table; } #p_n_miniaturas li{ width:188px; height:auto; } #p_n_miniaturas li:nth-child(3n+3){ width:189px;} #p_n_miniaturas li:nth-child(6n+6){ margin:0px 0px 10px 0px; } #p_n_miniaturas li div{ width:auto; height:135px; overflow:hidden;border: solid 1px #CCCCCC; border-bottom: solid 2px #002142; } #p_n_miniaturas li img{ width:189px; height:135px;} /*MENU PRINCIPAL*/ #p_menu{ width:1180px; height:395px; margin:auto; margin-bottom:20px;} #p_menu ul{ width:288px; height:395px; background:#F1F1F1; float:left; margin:0px 10px 0px 0px; position:relative;} #p_menu ul:last-child{ margin:0px; } #p_menu ul:nth-child(2n+2){ width:287px; } #p_menu ul li{ width:calc(100%-24px); height:35px; line-height:35px; border-bottom:1px #666666 dotted; margin:0px 12px; clear:both; font-size:14px; color:#666666;} #p_menu ul i{ position:absolute; bottom:10px; right:10px; background-position:-193px -117px !important; width:24px; height:24px; } #p_menu ul i a{ display:block;width:25px; height:25px; color:#666666;} #p_menu ul li a{ color:#666666; display:block;} #p_menu ul li:hover a{ color:#333333;} #p_menu ul li:hover{ background:#D3D3D3; color:#000000;} #p_menu ul li.top{ width:calc(100%); height:51px; border:0px; margin:0px 0px; } #p_menu ul li.bottom{ width:calc(100%); height:51px; border:0px; margin:0px 0px; } #p_menu ul li:hover.bottom{ background:#F1F1F1; } #p_menu h1{ width:100% !important; height:51px; line-height:51px; float:left; background: url(../img/degrade_vertical.png) #128D00 repeat-y 50px; position:relative; color:#FFFFFF; font-weight:600; font-size:18px; text-align:center; vertical-align:middle; margin-bottom:5px;} #p_menu h1 i{ width:35px; height:35px; position:absolute; top:10px; left:8px; background-position: 0px -24px !important;} #p_menu h1:hover{ opacity:0.8;} #p_menu .transparencia h1, #p_menu .transparencia i{ background-color:#128D00 !important; } #p_menu .transparencia i.b:hover{ background-color: #094C00 !important;} #p_menu .cidadao h1, #p_menu .cidadao i{ background-color:#CE0000 !important; } #p_menu .cidadao i.b:hover{ background-color: #690000;} #p_menu .cidadao h1 i{ background-position: -35px -24px !important;} #p_menu .empresas h1, #p_menu .empresas i{ background-color:#E54E22 !important; } #p_menu .empresas i.b:hover{ background-color: #AE3714 !important;} #p_menu .empresas h1 i{ background-position: -70px -24px !important;} #p_menu .servidor h1, #p_menu .servidor i{ background-color:#00468C; } #p_menu .empresas i.b:hover{ background-color: #002851 !important;} #p_menu .servidor h1 i{ background-position: -105px -24px !important;} /*GALERIA*/ .p_galeria{ height:294px; position:relative;margin-bottom: 10px;} .p_galeria ul.galeria{ width:694px; height:284px; overflow: hidden; margin-right:10px; float:left;} .p_galeria h1{ padding:0 0 0 65px; height:48px; line-height:48px; clear:both; font-size:18px; font-weight:600; color:#de8f00; } .p_galeria h1 a{float: right;height: 40px;cursor: pointer;font-size: 14px;color: black;} .p_galeria i{transition: all 0.0s ease;width: 50px;height: 50px;position: absolute;float: left;top: 0;background-position: -239px -250px !important;background-color: #002851;} .p_galeria i a{ width:100%; height:100%; display:block;} .p_galeria ul.galeria li{ width:342px; height:226px; float:left; margin:10px 10px 0 0; position:relative; overflow:hidden;} .p_galeria ul.galeria li.top{ width:100% !important; height:auto; margin:0;} .p_galeria ul.galeria li img{ width:342px; height:226px; } .p_galeria ul.galeria li h2{ width:100%; height:auto; line-height:25px; text-align:center;opacity:0.8;background:#de8f00;position:absolute; bottom:0; color:#FFFFFF; font-size:14px; font-weight:600;} .p_galeria ul.galeria li:last-child{ margin:10px 0 0 0; } .p_galeria ul.banner{ width:476px; height:294px; float:left; margin:0; } .p_galeria ul.banner li{ width:233px; height:137px; float:left; margin:0 10px 10px 0; } .p_galeria ul.banner li img{ width:233px; height:137px;} .p_galeria ul.banner li:nth-child(2n+2){ margin:0 0 10px 0; } .estrutura_inicial .galeria_audios{height:auto;position:relative;} .estrutura_inicial .galeria_audios .top i{transition: all 0.0s ease;width: 50px;height: 50px;position: absolute;top: 1px;background-position: -340px -250px !important;background-color: #002142;} .estrutura_inicial .galeria_audios .top h1{padding: 0 0 0 65px;height: 40px;line-height: 48px;clear: both;font-size: 20px;font-weight: 600;color: #de8f00;} .estrutura_inicial .galeria_audios .top h1 a {float: right;height: 40px;cursor: pointer;font-size: 14px;color: black;} .estrutura_inicial .galeria_audios ul{width: 100%;height:195px; overflow: hidden;margin-right: 10px;float: left;} .estrutura_inicial .galeria_audios ul li{width:calc(50% - 10px);height:auto;float: left;margin: 10px 10px 0 0;position: relative;overflow: hidden;border: 1px rgb(183, 189, 189) solid;} .estrutura_inicial .galeria_audios ul li h1{width:100%;height:20px;line-height:20px;text-align: center;overflow: hidden;float: left;font-size: 14px;font-weight: bold;color: #FFFFFF; background: #002142;} .estrutura_inicial .galeria_audios ul li:last-child{margin-right: 0} /*GALERIA VIDEO BANNER*/ .b_galeria{ height:294px; position:relative;margin-bottom: 0;padding-bottom: 10px;} .b_galeria .top{width: 58.9%} .b_galeria ul.galeria{ width:100%; height:auto; margin-right:10px;} .b_galeria h1{ padding:0 0 0 65px; height:40px; line-height:48px; clear:both; font-size:20px; font-weight:600; color:#de8f00; } .b_galeria .top a{float: right;height:40px; cursor: pointer; font-size:14px;color: black;} .b_galeria i{ transition: all 0.0s ease; width: 50px; height:50px; position: absolute; top: 1px; background-position: -290px -250px !important;background-color: #002142;} .b_galeria i a{ width:100%; height:100%; display:block;} .b_galeria ul.galeria li{width: 340px;height: 235px;float: left;margin: 10px 10px 0 0;position: relative;overflow: hidden;border: 1px rgb(183, 189, 189) solid;} .b_galeria ul.galeria li.top{ width:100% !important; height:auto; margin:0;} .b_galeria ul.galeria li img{ width:100%; height:235px; } .b_galeria ul.galeria li h2{ width:100%; height:auto; line-height:25px; text-align:center;opacity:0.8;background:#de8f00; position:absolute; bottom:0; color:#FFFFFF; font-size:14px; font-weight:600;} .b_galeria ul.banner{ width:476px; height:294px; float:left; margin:-39px 0 0 0; } .b_galeria ul.banner li{ width:233px; height:137px; float:left; margin:0 10px 10px 0; } .b_galeria ul.banner li img{ width:233px; height:137px;border: 1px #b7bdbd solid;} .b_galeria ul.banner li:nth-child(2n+2){ margin:0 0 10px 0; } #p_banner{min-height: 140px!important; padding-bottom: 20px} #p_banner ul{ width:100%!important;height:auto;display:table; float:left; margin:0 0 0 0;} #p_banner ul li{ width:calc(50% - 5px) !important; height:140px; float:left; margin:0px 10px 10px 0px; } #p_banner ul li img{ max-width:100%; width:100% !important; height:auto;} #p_banner ul li:nth-child(2n+2){ margin:0 0 10px 0; } .p_uteis{ width:auto; background:#F3F3F3; height:auto;} .p_uteis .barra{ width:100%; height:45px; background:#868695; clear:both; font-weight:600;} .p_uteis .barra h1{ width:1180px; margin:auto; height:45px; line-height:45px; color:#FFFFFF; font-size:18px;} .p_uteis ul{ padding:10px 0px 30px; width:1180px;display: table;} .p_uteis ul li { width:280px; height:40px; line-height:40px; float:left; border-bottom:1px #666666 dotted; margin:0px 20px 0px 0px; font-size:13px; color:#666666; overflow:hidden;} .p_uteis ul li:nth-child(4n+4){ margin:0px 0px 0px 0px;} .p_uteis ul li h2{ float:right; font-weight:600;} .p_uteis ul li a{ color:#666666; display:block; width:100%; height:100px;} .p_uteis ul li a:hover{ color:#000000; display:block; width:100% !important; height:100% !important;} .p_uteis ul li:hover{ background:#CCCCCC; color:#000000;} footer#rodape{ width:100%; height:auto; background:#002142; position:relative; z-index:1;} footer#rodape .direitos nav{ position:relative;} footer#rodape .direitos{ clear:both; height:53px; line-height:52px; background:#FFFFFF; margin-top:30px; } footer#rodape .direitos .h1{ color:#000000; font-size:14px; padding-left:15px; font-weight:600; } footer#rodape .direitos i{ position:absolute; width:83px; height:28px; top:13px; } footer#rodape .direitos i.icp-brasil{ background-position:0px -114px !important; right:105px;} footer#rodape .direitos i.w3c{ background-position:-86px -114px !important; right:10px;} footer#rodape .direitos i a{ display:block; width:100%;height:28px;} footer#rodape .direitos i.procedebahia{ background-position:0px -75px !important; right:200px; width:95px; height:32px;} footer#rodape .direitos i.isistemas{ background-position:0px -239px !important; right:305px; width:116px; height:34px;} /*EFEITOS*/ #cmd_fotos li img, #p_noticias .miniaturas li img, #p_n_miniaturas li img, #galeria li img, .p_galeria ul.galeria li img, #v_galeria ul.galeria li img, #noticias ul li img, #lista_busca ul li img, #p_noticias #painel .swiper-wrapper img, #pc_noticias #painel .swiper-wrapper img{ -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } #cmd_fotos li:hover img, #p_noticias .miniaturas li:hover img, #p_n_miniaturas li:hover img, #galeria li:hover img, .p_galeria ul.galeria li:hover img,#v_galeria ul.galeria li:hover img, #noticias ul li img:hover, #lista_busca ul li img:hover, #p_noticias #painel .swiper-wrapper img:hover, #pc_noticias #painel .swiper-wrapper img:hover{ -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } /*DIVERSOS*/ #conteudo, footer#rodape{ min-width:1200px;} #navega, #fixo, #obras, #obras_listas, #obras_conteudo, #noticias, #ppa, #ppa_login_lobal, #ouvidoria_formulario, #diario_oficial, #galeria, #audios, #leitor_tela, #ouvidoria,#login_global_recuperar,#login_global, #contato, #acesso,#acesso_dados_abertos, #acesso .informacao, #secretarias,#mapa_lei, #paginas, #secretaria_c, #audios, #turistas, #licitacoes, #transparencia{width:1180px; margin:auto; clear:both; display: table;background:#FFFFFF; position:relative;/* z-index:1;*/} #galeria #nenhum_registro, #noticias #nenhum_registro, #leitor_tela #nenhum_registro, #turistas #nenhum_registro, #audios #nenhum_registro{ padding:100px 0px; } /*OBRAS*/ #galeria_fotos_cdm{width: 100%;height: auto;overflow: hidden;margin-right: 10px;float: left;} #galeria_fotos_cdm li{width:120px;height:90px;float: left;margin: 10px 10px 0 0;position: relative;overflow: hidden;} /*NAVEGA*/ #navega{ padding:0px 0px 0px; height:auto;} #navega ul{ height:auto; float:left;display:table;} #navega h2{ height:26px; line-height:26px; padding:0px 10px 0px 0px;float:left; font-size:14px; font-weight:600;} #navega ul li{ height:26px; line-height:26px; padding:0px 10px; margin:0px 10px 10px 0px; background:#002142; float:left; font-size:14px; font-weight:600; color:#FFFFFF;} #navega nav{ width:auto; height:auto; float:right; margin-left:50px;} #navega nav i{ width:23px; height:24px; margin:2px; float:left; cursor:pointer; } #navega nav ul li{ background:#FFFFFF; margin:0px 5px 10px 0px; padding:0px;} #navega nav .diminuir{ background-position:-72px 0px !important;} #navega nav .normal{ background-position:-96px 0px !important;} #navega nav .aumentar{ background-position:-120px 0px !important;} #navega ul .ol{ padding:0px 0px; background:#EEEEEE; color:#000000;} #navega ul .ol:hover{ background:#002142; color:#FFFFFF;} #navega ul .ol a{ width:100%; padding:0px 10px; height:26px; line-height:26px; float:left; font-size:14px; font-weight:600; color:#000000;} #navega ul .ol:hover a { color:#FFFFFF;} /*ERROR 404*/ #error_404{ padding:70px 0px; } #error_404 .img{ background:url(../img/error_404.png) no-repeat center; width:300px; height:200px; margin:auto;} #error_404 h1, #error_404 h2{color:#666; font-size:35px; text-align:center; width:100%; line-height:120%;} #error_404 h2{font-size:16px; } /*TEXTO FIXO*/ #fixo { padding:0px 0px 20px; font-size:94%; line-height:130%;} #fixo h1{ padding:10px 0px; font-size:25px; line-height:115%;} #fixo h2{ padding:8px 10px; margin-bottom:10px; font-size:14px; font-weight:600; background:#002142; color:#FFFFFF; display: table; } #fixo h3{ padding:8px 10px; margin-bottom:10px; font-size:14px; font-weight:600; color:#000; display: table; float:right; clear:both;} #fixo span{ clear:both; line-height:115%;} #fixo strong{ font-weight:bold;} #fixo ul, #fixo ol{ padding-left:18px; display:table;} #fixo ol li{ list-style-type:decimal; } #fixo ul li{ list-style-type:disc ;} #fixo em{ font-style: italic;} /*TEMA CAMARA*/ .tema_camara{height:22vh!important;min-height:190px!important;} /*ATALHOS MENU CAMARA*/ .atalhos-menu-camara{width: 100%;min-height:135px;background-color:#002142;position: relative;} .atalhos-menu-camara .estrutura_inicial ul{width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);column-gap:72px;} .atalhos-menu-camara .estrutura_inicial ul li{margin-right: 10px;min-height: 135px} .atalhos-menu-camara .estrutura_inicial ul li:last-child{margin-right:0} .atalhos-menu-camara .estrutura_inicial ul li img{width: 100%;height: auto;} #obras_conteudo { padding:0px 0px 20px; font-size:94%; line-height:130%;} #obras_conteudo h1{ padding:10px 0px; font-size:25px; line-height:115%;} #obras_conteudo h2{ padding:8px 10px; margin-bottom:10px; font-size:14px; font-weight:600; background:#002142; color:#FFFFFF; display: table; } #obras_conteudo h3{ padding:8px 10px; margin-bottom:10px; font-size:14px; font-weight:600; color:#000; display: table; float:right; clear:both;} #obras_conteudo span{ clear:both; line-height:115%;} #obras_conteudo strong{ font-weight:bold;} #obras_conteudo ul, #fixo ol{ padding-left:18px; display:table;} #obras_conteudo ol li{ list-style-type:decimal; } #obras_conteudo ul li{ list-style-type:disc ;} #obras_conteudo em{ font-style: italic;} #cmd_foto{width:1180px; height:350px;border-bottom:solid 6px #002142; margin:0px 0px 10px 0px; clear:both;} #cmd_foto img{width:1180px; height:350px;} .foto_p1180, .foto_p410{width:1180px; height:350px;border-bottom:solid 6px #002142; margin:0px 0px 10px 0px; clear:both;} .foto_p1180 img{width:1180px; height:350px;} .foto_p410{width:410px; height:310px; clear:none; float:left; margin:0px 10px 10px 0px;} .foto_foto_p410 img{width:410px; height:310px;} #cmd_fotos ul{ padding-left:0px;} #cmd_fotos li{overflow: hidden;margin:0px 10px 10px 0px; border:solid 1px #002142; border-bottom:solid 4px #002142; list-style-type:none !important;} #cmd_fotos ol, #cmd_vereadores ol{ list-style-type:none;} /*VEREADORES*/ #fixo #vereadores {display: grid;grid-template-columns: repeat(4,1fr);column-gap: 10px;} #fixo #vereadores li{list-style: none;padding: 10px;display: flex;flex-direction: column;} #fixo #vereadores li h2{width: 100%} #fixo #vereadores li a{justify-content: center;display: flex;padding: 10px;} #vereadores .vereador_perfil{margin-top: 20px} /*OBRAS PUBLICAS */ #obras ul {width: 1200px;height:auto;margin: auto;background: #FFFFFF;padding-bottom: 10px} #obras ul li {width:388px;height:90px;float: left;position: relative;margin-bottom: 10px;border: 1px solid rgba(100, 102, 110, 0.69);margin-right: 10px} #obras ul li div .container {width:100%;height: 100%;} #obras ul li div .imagem {width:24%;} #obras ul li div .imagem img{width: 90px;height: 88px;float: left;border-right: 1px solid rgb(148, 149, 155);cursor: pointer;} #obras ul li div .conteudo {width:76.5%;height: 100%;float: right;} #obras ul li div h2 {width:86%;color:#FFFFFF;background: #444444;float: left;font-size: 15px;font-weight: 600;padding:5px;} #obras ul li div span {color: #FFFFFF; width: 14%;float: right;border-left: 1px solid #FFFFFF;padding: 5px 0 0;margin: 0 auto;height: 25px;text-align: center;} #obras ul li div h3 {color: #080808;font-size: 14px;font-weight: 600;padding: 50px 0 0 10px;} #obras_listas ul{ clear:both; margin-bottom:20px; display:table;} #obras_listas ul li{ border-bottom: solid 2px #002142; width:579px; height:149px; overflow: hidden; float:left; margin:0px 10px 5px 0px; position:relative; } #obras_listas ul li:nth-child(2n+2){ margin:0px 0px 5px 10px;} #obras_listas ul li .img{ height:149px; width:200px; overflow: hidden; float:left; border:solid 1px #ccc; border-bottom:0px;} #obras_listas ul li img{ height:149px; width:200px; } #obras_listas h2{ background:#333333; float:left; margin:0 3px; color:#FFF; height:auto; opacity:0.8; padding:5px; font-size:14px;} #obras_listas strong{ background:#002142; float:right;margin:0; color:#FFFFFF; padding:5px; font-weight:600; font-size:14px; position:absolute; top:119px;border-radius: 3px; right:0;} #obras_listas h1{ color:#333333; padding-top:5px;font-size:18px; line-height:110%; text-align:left; float: left;margin:0 8px 7px; width:360px;} #obras_listas .barra{ border-radius: 3px;width:325px; height:23px; line-height:25px; color:#000000; font-size:15px; font-weight:bold; text-align:center; background:#DC0003; float: left; margin:0 8px;-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.7); position:absolute; top:120px; left:200px;} #obras_listas .barra span{ z-index:99; position:absolute; width:70px; left:132px; text-align:center;} #obras_listas .barra .bar{border-radius: 3px; height:100%; color:#000000; font-weight:bold; text-align:center; background:#00B22D; position: absolute;animation: progress-animation 6s infinite;} #fixo .barra{ border-radius: 3px;width:325px; height:23px; line-height:25px; color:#000000; font-size:15px; font-weight:bold; text-align:center; background:#DC0003; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.7);-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7); box-shadow:0px 0px 2px rgba(0, 0, 0, 0.7); z-index:99; position:relative;} #fixo .barra .bar{border-radius: 3px; height:100%; color:#000000; font-weight:bold; text-align:center; background:#00B22D; position: absolute;} #fixo .barra span{ z-index:99; position:absolute; width:70px; left:132px; top:3px;text-align:center;} #cmd_vereadores{padding-left:0px !important; padding-top:50px;width: 100%;display: grid!important;grid-template-columns: repeat(3,1fr)} #cmd_vereadores li{height:330px; list-style-type:none !important; float:left; margin:0px 20px 20px 0px; text-align:left; } #cmd_vereadores li:nth-child(6n+6){margin:0px 0px 20px 0px;} #cmd_vereadores h2{ width:100%;margin-bottom: 0} #cmd_vereadores li div{padding: 10px; overflow: hidden;list-style-type:none !important;} #cmd_vereadores li div a{display: flex;align-items: center;justify-content: center} #cmd_fotos.cmd_top, #cmd_fotos.cmd_bottom{ float:left; width:auto; padding-left:0px !important;} #cmd_fotos.cmd_top li, #cmd_fotos.cmd_bottom li{ float:left;padding-left:0px !important;} #cmd_fotos.cmd_left{ float:left; padding-left:0px !important;} #cmd_fotos.cmd_right{ float:right; margin:0px 0px 10px 10px; padding-left:0px !important;} #cmd_fotos.cmd_right li{ margin:0px 0px 10px 0px; } #cmd_fotos.cmd_bottom{ margin:10px 0px;} /*FILTRO DE BUSCA*/ #filtro{ margin-bottom:20px; height:35px;} #filtro input[type="text"]{ width:550px;line-height:24px;margin-right:10px; float:left;border: #C8C8C8 solid 1px; padding:5px;font-size:14px;} #filtro input[type="submit"]{ font-size: 16px;color: #FFF;text-decoration: none;background: #002142; border: 1px #000001; height:36px; padding-left:20px; padding-right:20px;float:left; font-weight:600;} #filtro input[type="submit"]:hover{ opacity:0.9;} #filtro select{ height:36px; margin-right:10px;float:left;border: #C8C8C8 solid 1px;} #filtro optgroup{ background:#DDDDDD;} #filtro optgroup option{ background: #F4F4F4; color:#000000; font-size:13px;} /*FILTRO DE BUSCA*/ #filtro_novo{ margin-bottom:20px; width:300px; height:auto; background:#cccccc; display:table; font-weight:600; font-size:14px; float:left;} #filtro_novo h4{ width:100% !important; height:40px; line-height:40px; text-align:center; background:#002142; color:#FFFFFF; font-size:14px; display:table; font-weight:600;} #filtro_novo ul{ width:auto; padding:10px 10px 5px;} #filtro_novo ul li{ padding:0px 0px 10px; font-size:14px; list-style-type:none !important; clear:both; } #filtro_novo ul ul{ width:auto; padding:5px 0px 0px;} #filtro_novo ul ul li{ height:auto; line-height:25px; display:table; padding:0px 0px 1px; } #filtro_novo input[type="text"]{ width:270px; height:36px; line-height:24px;margin:3px 0px 10px; float:left;border: #C8C8C8 solid 1px; font-size:14px; padding:0px 5px;} #filtro_novo input[type="submit"]{ font-size: 16px;color: #FFF;text-decoration: none;background: #002142; border: 1px #000001; height:36px; padding-left:20px; padding-right:20px;font-weight:600;} #filtro_novo input[type="submit"]:hover{ opacity:0.9;} #filtro_novo select{ width:140px; height:38px; margin-right:10px;float:left;border: #C8C8C8 solid 1px; margin:3px 0px 10px;} /*FILTRO DE DIARIAS E PASSAGENS*/ #diarias_e_passagens{ margin-bottom:20px; width:330px; height:auto; background:#cccccc; display:table; font-weight:600; font-size:14px; float:left;} #diarias_e_passagens h4{ width:100% !important; height:40px; line-height:40px; text-align:center; background:#002142; color:#FFFFFF; font-size:14px; display:table; font-weight:600;} #diarias_e_passagens ul{ width:auto; padding:10px 10px 5px;} #diarias_e_passagens ul li{ padding:0px 0px 10px; font-size:14px; list-style-type:none !important; clear:both; } #diarias_e_passagens ul ul{ width:auto; padding:5px 0px 0px;} #diarias_e_passagens ul ul li{ height:auto; line-height:25px; display:table; padding:0px 0px 1px; } #diarias_e_passagens .input_date,.input_value{ width:141px; height:36px; line-height:24px;margin:3px 0px 10px; float:left;border: #C8C8C8 solid 1px; font-size:14px; padding:0px 5px;} #diarias_e_passagens select{ width:270px; height:36px; line-height:24px;margin:3px 0px 10px; float:left;border: #C8C8C8 solid 1px; font-size:14px; padding:0px 5px;} #diarias_e_passagens input[type="submit"]{ font-size: 16px;color: #FFF;text-decoration: none;background: #002142; border: 1px #000001; height:36px; padding-left:20px; padding-right:20px;font-weight:600;} #diarias_e_passagens input[type="submit"]:hover{ opacity:0.9;} #diarias_e_passagens select{ width:305px; height:38px; margin-right:10px;float:left;border: #C8C8C8 solid 1px; margin:3px 0px 10px;} #diarias_e_passagens .input_favorecido{ width:293px; height:36px; line-height:24px;margin:3px 0px 10px; float:left;border: #C8C8C8 solid 1px; font-size:14px; padding:0px 5px;} #diarias_e_passagens .ipdf {width: 40px;height: 40px;position: absolute;top: 323px;left: 244px;background-position: -335px -7px !important;} #diarias_e_passagens .iprint {width: 40px;height: 40px;position: absolute;top: 323px;left: 285px;background-position: -375px -12px !important;} #diarias_e_passagens_exportar .ipdf {width: 40px;height: 40px;position: absolute;top: 460px;left: 234px;background-position: -328px 5px !important;} #diarias_e_passagens_exportar .iprint {width: 40px;height: 40px;position: absolute;top: 460px;left: 285px;background-position:-375px 3px !important;} /*FILTRO DE BUSCA*/ #filtro_publicacoes{ margin-bottom:20px; width:300px; height:auto; background:#cccccc; display:table; font-weight:600; font-size:14px; float:left;} #filtro_publicacoes h4{ width:100% !important; height:40px; line-height:40px; text-align:center; background:#002142; color:#FFFFFF; font-size:14px; display:table; font-weight:600;} #filtro_publicacoes ul{ width:auto; padding:10px 10px 5px;} #filtro_publicacoes ul li{ padding:0px 0px 10px; font-size:14px; list-style-type:none !important; float:left; } #filtro_publicacoes ul ul{ width:auto; padding:5px 0px 0px;} #filtro_publicacoes ul ul li{ height:auto; line-height:25px; display:table; padding:0px 0px 1px; clear:both;} #filtro_publicacoes input[type="text"]{ width:270px; height:36px; line-height:24px;margin:3px 0px 10px; float:left;border: #C8C8C8 solid 1px; font-size:14px; padding:0px 5px;} #filtro_publicacoes input[id="dataini"]{ width:124px; margin-right:10px;} #filtro_publicacoes input[id="datafim"]{ width:124px;} #filtro_publicacoes input[type="submit"]{font-size: 16px;color: #FFF;text-decoration: none;background: #002142; border: 1px #000001; height:36px; padding-left:20px; padding-right:20px;font-weight:600; margin-top:19px;} #filtro_publicacoes input[type="submit"]:hover{ opacity:0.9;} #filtro_publicacoes select{ width:134px; height:38px; margin-right:10px;float:left;border: #C8C8C8 solid 1px; margin:3px 10px 10px 0px;} /*REGISTROS*/ #nenhum_registro{ width:100% !important; margin:auto; height:auto; font-size:30px; font-weight:600; text-align:center; padding:150px 0px; display:block;} /*BUSCA AVANÇADA*/ #lista_busca{ width:775px; height:auto; float:left; margin-left:20px;padding-top:3%;} #lista_busca ul{ padding-left:0px;} #lista_busca ul li{ border-bottom: solid 2px #002142; width:856px; height:auto; float:left; margin:0px 0px 10px 0px; position:relative; list-style-type:none; } #lista_busca ul li .img{ height:149px; width:200px; overflow: hidden; float:left; border:solid 1px #ccc; border-bottom:0px;} #lista_busca ul li img{ height:149px; width:200px; } #lista_busca h2{ background:#333333; float:left; margin:0px 3px; color:#FFF; height:auto; opacity:0.8; padding:5px; font-size:16px;} #lista_busca strong{ background:#002142; float:right;margin:0px; color:#FFFFFF; padding:5px; font-weight:600; font-size:14px;} #lista_busca h1{font-size: 20px;text-align:left; color:#333333; padding:5px 0px;line-height:110%;float: left;margin:0px 8px; width:100%; } #lista_busca .soundcloud{ width:857px; border:0px; height:87px; overflow-x:hidden;} #lista_busca p{ width:100%;color:#000000; font-size:13px;margin:0px 5px; float: left; line-height:120%; display:table;margin-bottom: 10px} #lista_busca a{ color:#000000; } /* NOTICIAS */ #noticias ul{ clear:both; margin-bottom:20px; display:table;} #noticias ul li{ border-bottom: solid 2px #002142; width:579px; height:149px; overflow: hidden; float:left; margin:0px 10px 5px 0px; position:relative; } #noticias ul li:nth-child(2n+2){ margin:0px 0px 5px 10px;} #noticias ul li .img{ height:149px; width:200px; overflow: hidden; float:left; border:solid 1px #ccc; border-bottom:0px;} #noticias ul li img{ height:149px; width:200px; } #noticias h2{ background:#333333; float:left; margin:0px 3px; color:#FFF; height:auto; opacity:0.8; padding:5px; font-size:14px;} #noticias strong{ background:#002142; float:right;margin:0px; color:#FFFFFF; padding:5px; font-weight:600; font-size:14px;} #noticias h1{ color:#333333; padding-top:5px;font-size:21px; line-height:110%; text-align:left; float: left;margin:0px 8px; width:360px;} #fixo .compartilhar{float:right} #fixo .compartilhar span{cursor:pointer;font-size:25px;margin-left:20px;color:#542351} /*PPA - OUVIDORIA*/ #ppa, #ouvidoria_formulario, #contato { padding:0px 0px 20px; } #ppa h1, #ouvidoria_formulario h1, #contato h1{ padding:10px 0px; font-size:25px;} #ppa h2, #ouvidoria_formulario h2, #contato h2{ padding:8px 10px; margin-bottom:10px; font-size:14px; font-weight:600; background:#002142; color:#FFFFFF; display: table; } #ppa h2:hover, #ouvidoria_formulario h2:hover{ opacity:0.8; } #ppa span, #ppa p, #ouvidoria_formulario span, #ouvidoria_formulario p{ font-size:94%; clear:both; line-height:115%; text-align:justify; cursor:pointer;} #ppp .formulario, #ppp .aprensentacao, #ouvidoria_formulario .formulario, #ouvidoria_formulario .aprensentacao{ display:none;} .form{ width:800px; height:auto; margin:30px auto; padding-left:15px; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none; clear:both;} .form ul{ clear:both;width:100%; display: table;} .form li{ float:left; padding:5px 10px 0px 0px; text-align:left;} .form textarea, .form select, .form input{ width:100% !important; border:#D3D3D3 solid 1px; height:38px;} .form select{ padding:5px;} .form textarea{ min-width:100%; max-width:100%;} .form input[type=checkbox], .form input[type=radio]{ width:13px; height:13px;} .form b{ color:#CC0205; } .form h4{font-size:15px; color:#CC0205; font-weight:bold; margin-bottom:10px;} .form .recaptcha{ margin-top:0px;} .form input[type="submit"]{font-size: 18px;color: #FFF; min-width:300px; background: #002142;border: 1px #000001; height:35px; font-weight:600;padding:0px 20px; } .form input{ height:36px; line-height:27px;} .form input[disabled="disabled"], .form select[disabled="disabled"], .form textarea[disabled="disabled"], .form input[readonly="readonly"]{ background: #E7E7E7;} /*CONTATO*/ #contato .form li:nth-child(1), #contato .form li:nth-child(6), #contato .form li:nth-child(7){ width:760px !important;} #contato .form li:nth-child(2), #contato .form li:nth-child(3), #contato .form li:nth-child(4), #contato .form li:nth-child(5){ width:375px !important; } #ouvidoria_formulario .form li:nth-child(1){ width:calc(100% - 20px) !important; max-width:378px;} #ouvidoria_formulario .form li:nth-child(2){ width:calc(100% - 20px) !important; max-width:392px;} /*CONTATO*/ #contato .form li:nth-child(6), #contato .form li:nth-child(7){ width:760px !important;} #contato .form li:nth-child(3), #contato .form li:nth-child(4), #contato .form li:nth-child(5){ width:375px !important; } /*OUVIDORIA*/ #ppa .form ul:nth-child(2) li:nth-child(1){ width:552px !important;} #ppa .form ul:nth-child(2) li:nth-child(2){ width:200px !important;} #ppa .form ul:nth-child(2) li:nth-child(3){ width:342px !important;} #ppa .form ul:nth-child(2) li:nth-child(4), #ppa .form ul:nth-child(2) li:nth-child(5){ width:200px !important;} #ppa .form ul:nth-child(2) li:nth-child(6){ width:400px !important;} #ppa .form ul:nth-child(2) li:nth-child(7){ width:85px !important;} #ppa .form ul:nth-child(2) li:nth-child(8){ width:257px !important;} #ppa .form ul:nth-child(2) li:nth-child(9){ width:250px !important;} #ppa .form ul:nth-child(2) li:nth-child(10){ width:70px !important;} #ppa .form ul:nth-child(2) li:nth-child(11){ width:100px !important;} #ppa .form ul:nth-child(2) li:nth-child(12){ width:312px !important;} #ppa .form2 li:nth-child(1), #ppa .form2 li:nth-child(2){ width:150px !important;} #ppa .form2 li:nth-child(3){ width:760px !important;} #ppa .form2 li:nth-child(4){ width:775px !important;} #ppa .form2 li:nth-child(5), #ppa .form2 li:nth-child(6), #ppa .form2 li:nth-child(7), #ppa .form2 li:nth-child(8), #ppa .form2 li:nth-child(9), #ppa .form2 li:nth-child(10){ width:376px !important;} #ppa .form2 ul:nth-child(2) li:nth-child(1) { width:376px !important;} /*OUVIDORIA MENSAGEM SUCESSO*/ .estrutura_inicial .ouvidoria{padding: 50px 0 50px 0;} .estrutura_inicial .ouvidoria .mensagem_sucesso{width:100%;display: flow-root;background-color:#58a5f33b;color:#2b5c8e} .estrutura_inicial .ouvidoria .mensagem_sucesso h1{font-size: 20px;font-weight: 700;text-align: center; height: 40px;padding:20px 0 0 0;color:#2b5c8e} .estrutura_inicial .ouvidoria .mensagem_sucesso h2{font-size:16px;padding: 10px 0 0 10px;line-height:20px} .estrutura_inicial .ouvidoria .mensagem_sucesso h2 span{font-weight:600;} .estrutura_inicial .ouvidoria .mensagem_sucesso h3{font-size:18px;font-weight:600;height: 40px;padding: 10px 0 0 10px;line-height:20px} .estrutura_inicial .ouvidoria .mensagem_sucesso button{padding: 10px;border: 0;font-style: inherit;float: right;margin-right: 20px;cursor: pointer;background: #00214296;color: #fff;margin-bottom:20px} /*OUVIDORIA MENSAGEM ERROR*/ .estrutura_inicial .ouvidoria .mensagem_error{width:100%;background-color:#da343473;color:#ad1717;} .estrutura_inicial .ouvidoria .mensagem_error h1{font-size: 20px;font-weight: 700;text-align: center; height: 40px;padding:20px 0 0 0;color:#ad1717} .estrutura_inicial .ouvidoria .mensagem_error h2{font-size:16px;font-weight:600;height: 40px;padding: 10px 0 0 10px;line-height:20px} .estrutura_inicial .ouvidoria .mensagem_error h3{font-size:15px;font-weight:600;height: 40px;padding: 10px 0 0 10px;line-height:20px} /*CONFIRMAÇÃO DE ENVIO*/ #confirmar{ clear:both; width:100%;height:auto; margin:auto; padding:10px 0px 50px; text-align:center; position:relative;} #confirmar h3{font-size: 20px;color: #424242;color:#CC0205; line-height:120%; clear:both;} #confirmar strong{ font-size:14px; color:#000000;} #confirmar #logo{ position: relative; margin:10px 0px 50px 140px;} #confirmar .logo{ position: relative; margin:10px 0px 50px 340px;} #confirmar b{ font-size:18px;} #confirmar span{ color: #424242;} /*DIARIO OFICIAL*/ #diario_oficial{ text-align:center; } #diario_oficial iframe{ width:700px; height:900px;} /*GALERIA DE FOTOS*/ #galeria li{width:281px; overflow:hidden; height:219px; float:left; margin:0px 15px 15px 0px; border:solid 1px #CCCCCC; border-bottom:solid 4px #002142; position:relative;} #galeria li:nth-child(4n+4){ float:left; margin:0px 0px 15px 0px; width:283px;} #galeria li img { border-bottom:none;width:281px; height:219px; } #galeria li:nth-child(4n+4) img{ width:283px; } #galeria h3{background:#2E7EAF; position: absolute; padding:5px; margin:0px; color:#FFFFFF;font-size:12px;opacity:0.9;font-weight:normal; z-index:99;} #galeria h2{ position:absolute; bottom:0px; width:295px; height:auto; z-index:999; color:#FFF; background:#000; opacity:0.7; font-size:15px; padding:3px 5px;font-weight:normal;} /* LEITOR DE TELA */ #leitor_tela h1{ color:#333333; padding:5px 0px 7px 0px;font-size:25px; line-height:110%; text-align:left; } #leitor_tela *{ font-size:15px; line-height:140%; text-align:justify;} #leitor_tela h3{ font-size:21px; margin:15px 0px; color:#333333;} #leitor_tela h2{ font-size:16px; background:#002142; color:#FFFFFF; opacity:0.9; padding:8px; display:table; margin:10px 0px; font-weight:600;} #leitor_tela div{ clear:both; margin-bottom:20px;} #leitor_tela ul{clear:both; float:left; margin-right:10px;} #leitor_tela li{border:1px solid #DBDBDB; width:210px; height:158px; overflow: hidden;margin:0px 0px 10px 0px; position:relative;border-bottom:solid 4px #002142;} #leitor_tela a{ color:#016CA0; font-weight:bold;} #leitor_tela a:hover{ color: #C70003;} /*OUVIDORIA*/ #ouvidoria{ line-height:120%;} #ouvidoria h1{ color:#333333; padding:5px 0px 7px 0px;font-size:25px; line-height:110%; text-align:left; } #ouvidoria *{ font-size:15px; line-height:120%; text-align:justify;} #ouvidoria h2{ font-size:16px; background:#002142; color:#FFFFFF; opacity:0.9; padding:8px; display:table; margin:10px 0px;} #ouvidoria ul{ width:100% !important; clear:both; display:table;} #ouvidoria li{ width:572px; height:260px; background:#CCCCCC; float:left; margin:35px 35px 35px 0px; position:relative;} #ouvidoria li:nth-child(2n+2){ margin:35px 0px 35px 0px;} #ouvidoria li h3{ width:100%; height:42px; border-bottom:1px #B20000 solid; background:#444444; font-size:18px; font-weight:600; color:#FFFFFF; text-align:center; line-height:42px;} #ouvidoria li div{ position:absolute; top:63px; left:20px; width:200px; height:180px; background:#F6F6F6;} #ouvidoria li div img{ margin-left:10px; width:180px; height:180px; } #ouvidoria li h4{width:310px; height:180px; float: right; margin:20px; font-size:17px; font-weight:600;line-height:140%; text-align:left;} #ouvidoria li a{position:absolute; bottom:20px; right:20px; color:#D90000; font-weight:600; } #ouvidoria li a:hover{ color:#0A0909;} #ouvidoria li a i{ position:absolute; top:1px; left:-13px; width:15px; height:18px; background-position:-175px -24px !important; font-size:5px;} #ouvidoria img.telefone{ float:left; margin:30px 50px;} #ouvidoria blockquote{ margin-top:70px; float:left; line-height:130%;} /*Login Global*/ #login_global{ line-height:120%;} #login_global h1{ color:#333333; padding:5px 0px 7px 0px;font-size:25px; line-height:110%; text-align:left; } #login_global *{ font-size:15px; line-height:120%; text-align:justify;} #login_global h2{ font-size:16px; background:#002142; color:#FFFFFF; opacity:0.9; padding:8px; display:table; margin:10px 0px;} #login_global ul{ width:100% !important; clear:both; display:table;} #login_global li{ width:572px; height:260px; background:#CCCCCC; float:left; margin:35px 35px 35px 0px; position:relative;} #login_global li:nth-child(2n+2){ margin:35px 0px 35px 0px;} #login_global li h3{ width:100%; height:42px; border-bottom:1px #B20000 solid; background:#444444; font-size:18px; font-weight:600; color:#FFFFFF; text-align:center; line-height:42px;} #login_global li div{ position:absolute; top:63px; left:20px; width:200px; height:180px; background:#F6F6F6;} #login_global li div img{ margin-left:10px; width:180px; height:180px; } #login_global li h4{width:310px; height:180px; float: right; margin:20px; font-size:17px; font-weight:600;line-height:140%; text-align:left;} /*#login_global li a{position:absolute; bottom:20px; right:20px; color:#D90000; font-weight:600; }*/ #login_global li .recuperar{bottom:20px; right:20px; color:#D90000; font-weight:600; width: 50%;float: right;margin: 0 3% 0px;height: 28px;} #login_global li .recuperar i{position: absolute;margin-left: -15px;width: 15px;height: 18px;background-position: -175px -24px !important;font-size: 5px;} #login_global li .cadastrar{position:absolute; bottom:20px; right:20px; color:#D90000; font-weight:600; } #login_global li .cadastrar i{ position:absolute; top:1px; left:-13px; width:15px; height:18px; background-position:-175px -24px !important; font-size:5px;} #login_global li a:hover{ color:#0A0909;} #login_global img.telefone{ float:left; margin:30px 50px;} #login_global blockquote{ margin-top:70px; float:left; line-height:130%;} /*Login Global*/ #login_global_recuperar{ line-height:120%;} #login_global_recuperar h1{ color:#333333; padding:5px 0px 7px 0px;font-size:25px; line-height:110%; text-align:left; } #login_global_recuperar *{ font-size:15px; line-height:120%; text-align:justify;} #login_global_recuperar h2{ font-size:16px; background:#002142; color:#FFFFFF; opacity:0.9; padding:8px; display:table; margin:10px 0px;} #login_global_recuperar ul{ margin: 0 auto; clear:both; display:table;} #login_global_recuperar li{ width:572px; height:260px; background:#CCCCCC; float:left; margin:35px 35px 35px 0px; position:relative;} #login_global_recuperar li:nth-child(2n+2){ margin:35px 0px 35px 0px;} #login_global_recuperar li h3{ width:100%; height:42px; border-bottom:1px #B20000 solid; background:#444444; font-size:18px; font-weight:600; color:#FFFFFF; text-align:center; line-height:42px;} #login_global_recuperar li div{ position:absolute; top:63px; left:20px; width:200px; height:180px; background:#F6F6F6;} #login_global_recuperar li div img{ margin-left:10px; width:180px; height:180px; } #login_global_recuperar li h4{width:310px; float: right; margin:20px; font-size:17px; font-weight:600;line-height:140%; text-align:left;} /*#login_global_recuperar li a{position:absolute; bottom:20px; right:20px; color:#D90000; font-weight:600; }*/ #login_global_recuperar li .recuperar{bottom:20px; right:20px; color:#D90000; font-weight:600; width: 50%;float: right;margin: 0 3% 0px;height: 28px;} #login_global_recuperar li .recuperar i{position: absolute;margin-left: -15px;width: 15px;height: 18px;background-position: -175px -24px !important;font-size: 5px;} #login_global_recuperar li .cadastrar{position:absolute; bottom:20px; right:20px; color:#D90000; font-weight:600; } #login_global_recuperar li .cadastrar i{ position:absolute; top:1px; left:-13px; width:15px; height:18px; background-position:-175px -24px !important; font-size:5px;} #login_global_recuperar li a:hover{ color:#0A0909;} #login_global_recuperar img.telefone{ float:left; margin:30px 50px;} #login_global_recuperar blockquote{ margin-top:70px; float:left; line-height:130%;} /* RECADOS DIVERSOS */ #recados_m { margin-top:20px} #recados_m ul{ margin-left:13px; padding:0px; clear:both;} #recados_m li{ padding-bottom:5px; border-bottom: dotted 1px #919191; margin-bottom:15px;} #recados_m ul li span{ margin:0px; padding:3px;font-size:15px; margin-bottom:5px; color:#FFF;} #recados_m .azul{ background:#016CA0;} #recados_m .botao{background:#002142; color:#fff; font-weight:600; margin:auto; border:0px; height:35px; line-height:35px; font-size:14px;margin-bottom:30px;} #recados_m .data{ background:#BD080B; float:right;} #recados_m blockquote{ margin-top:10px; line-height:120%; color:#333333; font-size:14px;} #responder input[type="button"]{ float:right;} /*CARTA DE SERVICO*/ #title_menu_carta{float:left;margin-bottom: 2px;font-size: 14px;padding-left: 3%;padding-top: 2%;} .collapsible {color: white;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;} .active, .collapsible:hover {background-color: #002041;color: #fff;} .content {padding: 0 18px;display: none;overflow: hidden;background-color: #f1f1f1;} #lista_busca_ferramentas, .container_informacoes_adicionais{ width:775px; height:auto; float:left; margin-left:20px;} #lista_busca_ferramentas .shadowbox{border: 1px solid #cacaca8a;box-shadow: 0px 0px 3px #ececec;margin-bottom: 15px;margin-left: 7px;padding: 20px;position: relative;} #lista_busca_ferramentas .shadowbox .tarja{background:#002142;left: -8px;padding: 7px 10px;position: absolute;color: white;font-size: 14px;font-weight: 600;} #lista_busca_ferramentas .shadowbox .title{width: 100%;text-align: center;} #lista_busca_ferramentas .shadowbox .title, .update{color:#002142;font-size: 16px;font-weight: bolder;right:10px;margin-top: 7px;position: absolute;} #lista_busca_ferramentas .shadowbox .conteudo{margin: 60px 0 0;} #lista_busca_ferramentas .footer{margin-top:15px} #lista_busca_ferramentas .footer a{font-size:13px;color:#000306!important;text-decoration: none;background:#cccccc;border: 1px #000001;height: 36px;padding:5px;font-weight: 600;cursor: pointer;} #lista_busca_ferramentas .shadowbox .tarja i {width: 40px;height: 40px;position: absolute;background-position: -581px -177px !important;} #lista_busca_ferramentas .shadowbox .footer .recuros{min-height: 40px;} #lista_busca_ferramentas .shadowbox .footer .recuros ul{height: auto;} #lista_busca_ferramentas .shadowbox .footer .recuros ul li{margin: 0 10px 10px 0;float: left;list-style: none;} #lista_busca_ferramentas .shadowbox .footer a:hover{background: #002142;color: white!important;} #carta_exportar .ipdf {width: 40px;height: 40px;position: absolute;top: 70px;left: 308px;background-position: -320px -189px !important;} #carta_exportar .iprint {width: 40px;height: 40px;position: absolute;top: 70px;left: 343px;background-position: -279px -189px !important;} #carta_exportar .icsv {width: 40px;height: 40px;position: absolute;top: 70px;left: 274px;background-position: -361px -189px !important;} #carta_exportar .ijson {background-color:#0A246A; width: 40px;height: 40px;position: absolute;top: 70px;left: 241px;background-position: -402px -189px !important;} /*ACESSO A INFORMAÇÃO*/ #acesso{ padding:0px 0px 30px 0px;line-height:140%;} #acesso iframe{ width:770px !important;} #acesso span{ clear:both; line-height:115%;} #acesso strong{ font-weight:bold;} #acesso ul, #acesso ol{ padding-left:18px; display:table;} #acesso ol li{ list-style-type:decimal; } #acesso ul li{ list-style-type:disc ;} #acesso em{ font-style: italic;} #acesso .informacao a{ color:#016CA0; } #acesso .informacao a:hover{ color: #00557F;} #acesso .informacao h1{font-family: Arial, Verdana, sans-serif;line-height: 100%;font-weight: bold;margin: 5px 0px;color: #C0C0C0;} #acesso .informacao blockquote{font-family:Arial, Verdana, sans-serif; width:auto; font-size:14px; color: #606060; margin:25px 0px; padding-right:10px; text-align:justify; line-height:145%; } #acesso .informacao .acessoinformacao{ width:305px; height:133px; margin:0px 15px 0px 0px; float:left;} #acesso .menu_rodape{ display:none;} #acesso .menu{ width:385px; height:auto; float: right; margin-bottom:20px; background:#CCCCCC; margin-left:20px;} #acesso .menu h2{ color:#FFFFFF; font-size:21px; height:45px; line-height:45px; border-bottom:3px #00B22D solid; text-align:center; background:#444444;} #acesso .menu ul{ background: #EFEFEF; height:auto; width:auto; margin:10px; padding-left:0px !important; display: block !important;} #acesso .menu ul li{ width:auto; height:auto; border-bottom:1px solid #CCCCCC; position:relative; overflow:hidden; list-style:none !important;} #acesso .menu ul li i{ width:17px; height:17px; position:absolute; left:10px; top:13px; background-position:-175px -59px !important;} #acesso .menu ul li a{ font-family:Arial, Verdana, sans-serif; font-size:14px; line-height:45px;padding:0px 0px 0px 35px;display:block;color: #002142;width:auto; height:44px; font-weight:600;} #acesso .menu li a:hover, #acesso .menu li .ativo{background: #F7F7F7; text-decoration:underline;} #acesso .menu ul ul li a{ font-weight:500;} #acesso .menu ul li a span{ background: url(../img/icones.png) no-repeat; width:17px; height:17px; background-position:-175px -76px !important; position:absolute; right:10px; top:15px;} #acesso .menu ul li .ativo span{ background-position:-175px -93px !important;} #acesso .menu ul ul li span{ top:10px;} #acesso .menu ul ul{background:#CCCCCC; margin:0px 8px 8px 8px;} #acesso .menu ul ul ul{background:#CCCCCC; margin:0px 5px 5px 5px; padding-bottom:5px;} #acesso .menu ul ul li{ width:auto; height:auto; margin-top:1px; border-bottom:0px; position:relative; border-radius:1px;} #acesso .menu ul ul li a{line-height:35px;padding:0px 0px 0px 15px;display:block;color: #8E8E8E;width:auto; height:35px; font-size:13px; font-weight:600;background: #F7F7F7;} #acesso .menu ul ul li a:hover, #acesso .menu ul ul li .ativo{background: #F9F9F9; color: #353434;} #acesso .informacao .d-busca-js{padding: 10px;display: flex;align-items: center;} #acesso .informacao .d-busca-js span{position: absolute;right:15px;font-size: 20px} /*MENU*/ .menu-info{ width:385px; height:auto; float: right; margin-bottom:20px; background:#CCCCCC; margin-left:20px;} .menu-info h2{ color:#FFFFFF; font-size:21px; height:45px; line-height:45px; border-bottom:3px #00B22D solid; text-align:center; background:#444444;} .menu-info ul { background: #EFEFEF; height:auto; width:calc(100% - 20px); margin:10px; padding-left:0px !important;} .menu-info ul li{ width:calc(100%); height:auto; border-bottom:1px solid #CCCCCC; position:relative; overflow:hidden; list-style:none !important;} .menu-info ul li a {font-family:Arial, Verdana, sans-serif;font-size:14px; font-weight: bold; padding: 11px 10px 9px 35px;text-decoration:none; display: block; color: #002142 !important; position: relative;} .menu-info ul li a:hover {background: #F7F7F7; color: #00557F !important;} .menu-info ul li i{width:17px; height:17px; position:absolute; left:10px; top:11px; background:url("../img/icones.png") no-repeat; background-position:-175px -59px !important; } .menu-info ul li .dcjq-icon{ background: url(../img/icones.png) no-repeat; width:17px; height:17px; background-position:-175px -76px !important; position:absolute; right:10px; top:13px; -webkit-transition: -webkit-transform 0.0s ease 0s; -moz-transition: -moz-transform 0.0s ease 0s; -o-transition: -o-transform 0.0s ease 0s; transition: transform 0.0s ease 0s;} .menu-info ul li .test .dcjq-icon{ background-position:-175px -93px !important;} .menu-info ul li a.dcjq-parent:hover {background: #EFEFEF;} .menu-info ul ul { background: #CCCCCC; margin: 0px 8px 8px 8px; } .menu-info ul ul li{ width: calc(100%); height: auto; margin-top: 1px;border-bottom: 0px; position: relative;border-radius: 1px;} .menu-info ul ul li a {background: #F7F7F7; color: #818181 !important; font-size: 13px; padding: 11px 10px 9px 15px;} .menu-info ul ul li a:hover{ text-decoration:underline; color: #353434 !important;} .menu-info ul li a.dcjq-parent:hover{ background: #F7F7F7;} .menu-info ul ul li a.dcjq-parent:hover{ background: #F7F7F7; } .menu-info ul a.dcjq-parent.active {} .menu-info ul a.dcjq-parent.active .dcjq-icon {} .menu-info ul a:active{} .menu-info ul ul ul{background:#CCCCCC; margin:0px 5px 5px 5px; width: calc(100% - 10px); } .menu-info-rodape{ display: none; } /*DADOS ABERTOS*/ #acesso_dados_abertos .informacao_dados_abertos{width: 100%;} #acesso_dados_abertos .informacao_dados_abertos h1 {font-size: x-large; text-align: center;font-family: Arial, Verdana, sans-serif;line-height: 100%;font-weight: bold;margin: 5px 0px;color: #C0C0C0;} .dados_abertos_margin{margin-right:10px;} .acesso_dados_abertos{width:calc(50% - 5px); height:170px; background:#EFEFEF; border-radius:3px; position:relative; overflow:hidden; line-height:125%;float: left;margin-top: 3%;} .acesso_dados_abertos h2{ width:100%; height:40px; background:#444444; border-bottom:3px solid #00B22D;line-height:40px; text-align:center ; font-size:17px; font-weight:bold; color:#FFFFFF;} .acesso_dados_abertos ul{ margin:18px 0 0 0; padding-left:0 !important;} .acesso_dados_abertos h5{ width:775px; height:40px; margin-top:0; line-height:40px; text-align:center; font-size:14px; clear:both; font-weight:600;} .acesso_dados_abertos h5 strong{ font-weight:bold;} .acesso_dados_abertos li{ float:left; width:120px; height:80px; margin:0 0 0 18px; background: #FFFFFF; border:#FFFFFF 1px solid; list-style-type:none !important;cursor: pointer;} .acesso_dados_abertos li:hover{ border:#444444 1px solid;} .acesso_dados_abertos li h3{ width:233px; height:50px; line-height:50px; text-align:center ; font-size:17px; font-weight:700;} .acesso_dados_abertos li h4{ width:213px; height:30px; padding:0 10px; text-align:center; font-size:13px;font-weight:600; } .acesso_dados_abertos li img{ width:100%; height:80px;margin:0;} /*ATALHOS*/ #atalhos{position: relative;width: 1180px;margin: auto;clear: both;} #atalhos ul{width: 1200px;height: 118px;margin: auto;background: #FFFFFF;} #atalhos ul li{width: 287px;height: 108px;float: left;background: #002142;margin: 0px 0px 0px 10px;position: relative;} #atalhos ul li:hover{opacity: 0.8;} #atalhos ul li i{width: 58px;height: 58px;position: absolute;top: 30px;left: 15px;} #atalhos ul li div {width: 70%;height: 100%;float: right;background: url(../img/degrade_vertical.png) repeat-y;border-left: 1px solid #157EFB;} #atalhos ul li div h2{color: #00BFFF;font-size: 20px;font-weight: 600;padding: 12px;} #atalhos ul li div h3{color: #FFFFFF;font-size: 14px;font-weight: 600;padding: 0px 12px 0px 12px;} /*ATALHOS2*/ #atalhos2{position: relative;width: 1180px;margin: auto;clear: both;} #atalhos2 ul{width: 1200px;height: 118px;margin: auto;background: #FFFFFF;} #atalhos2 ul li{width: 287px;height: 108px;float: left;background: #002142;margin: 10px 0 0 10px;position: relative;} #atalhos2 ul li:hover{opacity: 0.8;} #atalhos2 ul li i{width: 58px;height: 58px;position: absolute;top: 30px;left: 15px;} #atalhos2 ul li div {width: 70%;height: 100%;float: right;background: url(../img/degrade_vertical.png) repeat-y;border-left: 1px solid #157EFB;} #atalhos2 ul li div h2{color: #00BFFF;font-size: 20px;font-weight: 600;padding: 12px;} #atalhos2 ul li div h3{color: #FFFFFF;font-size: 14px;font-weight: 600;padding: 0px 12px 0px 12px;} /*CARTA DE SERVICO*/ #acesso .menu_carta{ width:385px; height:auto; float: left; margin-bottom:20px; background:#CCCCCC; margin-left:20px;} #acesso .menu_carta h2{ color:#FFFFFF; font-size:21px; height:45px; line-height:45px; border-bottom:3px #00B22D solid; text-align:center; background:#444444;} #acesso .menu_carta ul{ background: #EFEFEF; height:auto; width:auto; margin:10px; padding-left:0px !important; display: block !important;} #acesso .menu_carta ul li{ border-bottom: 1px solid #CCCCCC;position: relative;list-style: none !important;} #acesso .menu_carta ul li i{ width:17px; height:17px; position:absolute; left:10px; top:13px; background-position:-175px -59px !important;} #acesso .menu_carta ul li a{padding: 10px 10px 10px 33px;font-family:Arial, Verdana, sans-serif; font-size:14px;display:block;color: #002142;width:auto;min-height:44px; font-weight:600;} #acesso .menu_carta li a:hover, #acesso .menu li .ativo{background: #F7F7F7; text-decoration:underline;} #acesso .menu_carta ul ul li a{ font-weight:500;} #acesso .menu_carta ul li a span{ background: url(../img/icones.png) no-repeat; width:17px; height:17px; background-position:-175px -76px !important; position:absolute; right:10px; top:15px;} #acesso .menu_carta ul li .ativo span{ background-position:-175px -93px !important;} #acesso .menu_carta ul ul li span{ top:10px;} #acesso .menu_carta ul ul{background:#CCCCCC; margin:0px 8px 8px 8px;} #acesso .menu_carta ul ul ul{background:#CCCCCC; margin:0px 5px 5px 5px; padding-bottom:5px;} #acesso .menu_carta ul ul li a{padding: 10px 0 0 0;color: #8E8E8E;font-size: 12px;font-weight:600;background: #f1f1f1;} #acesso .menu_carta ul ul li a:hover, #acesso .menu ul ul li .ativo{background: #F9F9F9; color: #353434;} #acesso .responsavel{ margin-bottom:5px; font-family:Arial, Verdana, sans-serif;font-size:16px;font-weight:bold;display:table;} #acesso .pdf{width:auto; display:table; font-size:16px;font-weight:bold;} #acesso .pdf h2{ position:relative; padding-left:15px;} #acesso .pdf h2 i{width:10px; height:16px; background-position:-151px -194px; position:absolute; left:0px; top:3px;} #acesso .pdf a{ font-weight:600;} #acesso .pdf ul{ display:table; height:auto; margin:5px 0px 40px 0px;} #acesso .pdf ul li{ list-style-type:none; position:relative; padding-left:17px; height:auto; margin:3px 0px 7px 0px; font-size:14px;} #acesso .pdf ul li i{ width:19px; height:18px; position:absolute; left:-10px; top:2px;} #acesso .pdf ul li i.txt{ background-position:-0px -220px;} #acesso .pdf ul li i.doc, #acesso .pdf ul li i.docx{ background-position:-19px -220px;} #acesso .pdf ul li i.xls, #acesso .pdf ul li i.xlsx{ background-position:-38px -220px;} #acesso .pdf ul li i.pdf{ background-position:-57px -220px;} #acesso .pdf ul li i.pptx, #acesso .pdf ul li i.ppt{ background-position:-76px -220px;} #acesso .pdf ul li i.jpg, #acesso .pdf ul li i.jpge{ background-position:-95px -220px;} #acesso .pdf ul li i.zip, #acesso .pdf ul li i.rar{ background-position:-114px -220px;} /*ACESSO A INFORMACAO*/ #acesso_informacao_atendimento{width:775px; /*height:320px*/; background:#EFEFEF; border-radius:3px; position:relative; overflow:hidden; line-height:125%;} #acesso_informacao_atendimento h2{ width:775px; height:46px; background:#444444; border-bottom:3px solid #00B22D;line-height:46px; text-align:center ; font-size:22px; font-weight:bold; color:#FFFFFF;} #acesso_informacao_atendimento ul{ margin:18px 0px 0px 0px; padding-left:0px !important;display: grid; grid-template-columns: repeat(3,1fr);} #acesso_informacao_atendimento h5{ width:775px; height:auto !important; margin-top:0px; line-height:40px; text-align:center; font-size:14px; clear:both; font-weight:600;} #acesso_informacao_atendimento h5 strong{ font-weight:bold;} #acesso_informacao_atendimento li{ float:left; width:233px; height:auto; margin:0px 0px 0px 18px; background: #FFFFFF; border:#FFFFFF 1px solid; list-style-type:none !important;} #acesso_informacao_atendimento li:hover{ border:#4A4848 1px solid;} #acesso_informacao_atendimento li h3{ width:233px; height:50px; line-height:50px; text-align:center ; font-size:17px; font-weight:700;} #acesso_informacao_atendimento li h4{ width:213px; /*height:30px;*/ padding:0px 10px 10px; text-align:center; font-size:13px;font-weight:600; } #acesso_informacao_atendimento li img{ width:120px; height:120px;margin:0px 55px 0px;} /*CARTA DE SERVICO*/ #acesso_informacao_carta_atendimento{width:775px; height:130px; background:#EFEFEF; border-radius:3px; position:relative; overflow:hidden; line-height:125%;} #acesso_informacao_carta_atendimento h6{ width:775px; height:46px; background:#444444; border-bottom:3px solid #00B22D;line-height:46px; text-align:center ; font-size:17px;color:#FFFFFF;} #acesso_informacao_carta_atendimento ul{ margin:18px 0px 0px 0px; padding-left:0px !important;} #acesso_informacao_carta_atendimento h5{ width:775px; height:40px; margin-top:0px; line-height:40px; text-align:center; font-size:14px; clear:both; font-weight:600;} #acesso_informacao_carta_atendimento h5 strong{ font-weight:bold;} #acesso_informacao_carta_atendimento li{ float:left; width:233px; height:213px; margin:0px 0px 0px 18px; background: #FFFFFF; border:#FFFFFF 1px solid; list-style-type:none !important;} #acesso_informacao_carta_atendimento li:hover{ border:#4A4848 1px solid;} #acesso_informacao_carta_atendimento li h3{ width:233px; height:50px; line-height:50px; text-align:center ; font-size:17px; font-weight:700;} #acesso_informacao_carta_atendimento li h4{ width:213px; height:30px; padding:0px 10px; text-align:center; font-size:13px;font-weight:600; } #acesso_informacao_carta_atendimento li img{ width:120px; height:120px;margin:0px 55px 0px;} #acesso_informacao_carta_atendimento li a{position:absolute; bottom:20px; right:20px; color:#D90000; font-weight:600; } #acesso_informacao_carta_atendimento p{padding: 20px 0px 20px 20px;} #title_menu_carta {float: left;margin-bottom: 2px;font-size: 14px!important;padding-left: 3%;padding-top: 2%;color: black!important;} .carta_designer{padding-left: 0px;margin-left: 0!important;cursor: pointer;} .carta_busca{width: 92%;margin-left: 10px;padding-left: 10px;height: 30px;} .btn-submit_carta{font-size: 16px;color: #FFF;text-decoration: none;background: #002142;border: 1px #000001;height: 36px;padding-left: 20px;padding-right: 20px;font-weight: 600;cursor: pointer;margin-left: 10px;margin-top: 7px;} #lista_busca_carta_servico{width: calc(100% - 405px);float: right;margin-left: 20px;} /*LINKS DE ACESSO A INFORMAÇÃO*/ #acesso_informacao_links{width:775px; height:auto; padding:20px 0px 0px;} #acesso_informacao_links ul{ padding-left:0px !important;display: flex;} #acesso_informacao_links li { width:100%; padding:0px 15px; height:40px; line-height:40px; margin:0px 0 20px 0px; background:#444444; color:#FFFFFF; font-size:14px; font-weight:bold; float:left; border-bottom:2px solid #00B22D; position:relative; list-style:none !important;} #acesso_informacao_links li:hover{ opacity:0.8; } #acesso .informacao #acesso_informacao_links a{ color:#FFFFFF; display:block; width:auto; height:auto;} #acesso_informacao_links li i{ width:17px; height:17px; background-position:-175px -59px !important; position:absolute; top:12px; right:15px; } #acesso_informacao_links li:nth-child(2n+2){ margin:0px 0px 20px 0px;} /*BOTÕES*/ #acesso_informacao_botao{width:775px; height:auto; padding:0px 0px 0px;} #acesso_informacao_botao ul{ padding-left:0px !important;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;} #acesso_informacao_botao li {width: calc(25% - 15px); /*padding:0px 15px;*/ height:145px; line-height:40px; /*margin:0px 20px 10px 0px;*/ background:#F3F3F3; color:#006428; font-size:14px; font-weight:bold; float:left;border:1px solid #F3F3F3; border-bottom:2px solid #00B22D; position:relative; list-style:none !important;display: flex; justify-content: center;} #acesso_informacao_botao li h2{ width:146px; height:40px; text-align:center; color:#006428;} #acesso_informacao_botao li img{ width:90px; height:90px; margin:0px 28px;} #acesso_informacao_botao li:nth-child(4n+4){ margin:0px 0px 10px 0px;} #acesso_informacao_botao li:hover{opacity:0.8; border:1px solid #00B22D; border-bottom:2px solid #00B22D; } /*MENU*/ #secretarias h1{ font-size:30px; margin:0px 0px 20px;} #secretarias ul{ display:table; padding:0px 0px 30px;} #secretarias li{ height:auto;width: 378px;float: left;border-bottom: dotted 1px #002142;overflow: hidden;position: relative;margin: 0px 20px 0px 0px;} #secretarias li:nth-child(3n+3){ margin-right:0px;} #secretarias a{color:#212121; font-size:16px; width:auto; height:100%; display:block; padding:10px;} #secretarias a:hover{ background: #CCCCCC;} #mapa_lei h1{ font-size:30px; margin:0px 0px 20px;} #mapa_lei ul{ display:table; padding:0px 0px 30px;} #mapa_lei li{ height:42px; width:378px; float:left; border-bottom: dotted 1px #002142; overflow:hidden; line-height:140%; position:relative; margin:0px 20px 0px 0px;} #mapa_lei li:nth-child(3n+3){ margin-right:0px;} #mapa_lei a{color:#212121; font-size:16px; width:auto; height:100%; display:block; padding:10px;} #menu_d span, #menu_d .mp3{ width:20px; height:20px; background-position:-91px -140px !important; margin-right:10px; position:absolute; top:0px; left:0px;} #menu_d span{ top:5px; } #menu_d font{ font-size:22px; width:450px; color:#023971; position:absolute; top:1px; left:30px; line-height:120%;} #menu_d .mp3{ width:30px; height:30px; padding-top:2px;} /*PAGINAÇÃO*/ #paginas{ height:auto; clear:both; padding:20px 0px;font-size: 13px;font-weight:bold;color:#666666; position:relative; } #paginas .nav_pg{ width:1180px; margin:auto; height:auto;clear:both; font-weight:600;display:table; padding:0px 0px 20px 0px;} #paginas .nav_pg ul{margin:auto; height:auto; display:table; } #paginas .nav_pg li{ height:25px; padding:5px 8px; float:left; border-right:solid 1px #EFEFEF; font-size: 14px;color:#ffffff;text-decoration:none;font-weight:600; } #paginas .nav_pg a{ margin:0px; padding:0px;} #paginas .nav_pg a:hover{ margin:0px; padding:0px;color:#990000;} #paginas .ativo{border-right:solid 1px #EFEFEF; background-color:#cccccc;} /*PAINEL DE COMANDOS - PAGINAÇÃO*/ #paginas #cmd { position:relative;width:auto; height:auto; clear:both;} #paginas a{color: #222; text-decoration: none;} #paginas a:hover{ color:#990000;} #paginas .anterior{width:105px; height:25px; position:absolute; left:0px;top:0px;} #paginas .proxima{width:105px; height:25px; position:absolute; right:0px;top:0px;text-align: right;} #paginas h2{font-size: 14px; color: #000; margin:5px; text-align:center; font-weight: 600;} #paginas i{ position:relative; top:-3px; width:20px; height:20px; margin:0px 5px; float:left; -webkit-transition: -webkit-transform 0.0s ease 0s; -moz-transition: -moz-transform 0.0s ease 0s; -o-transition: -o-transform 0.0s ease 0s; transition: transform 0.0s ease 0s;} #paginas .prev{ background-position: -218px -116px !important; } #paginas a:hover .prev{ background-position: -218px -156px !important; } #paginas .prev1{ background-position: -218px -136px !important;} #paginas .next{ background-position: -238px -116px !important; float:right;} #paginas a:hover .next{ background-position: -238px -156px !important; } #paginas .next1{ background-position: -238px -136px !important;float:right;} /* SECRETARIA CONTEÚDO */ #secretaria_c ul{ padding-left:0px;} #secretaria_c li{ border-bottom: solid 2px #002142; width:380px; height:68px; overflow: hidden; float:left; margin:0px 20px 20px 0px; position:relative; list-style:none;} #secretaria_c li:nth-child(3n+3){ margin-right:0px;} #secretaria_c ul li h2{ padding:3px;font-size:12px; margin:0px; color:#FFF; opacity:0.8; display:table; float:left;} #secretaria_c ul li h1{ color:#333333;font-size:14px; margin:0px; padding:3px 0px; line-height:100%;width:285px; float:left;} #secretaria_c div, #secretaria_c div img{ width:95px; height:68px; overflow: hidden;float:left; } /*AUDIOS*/ #audios li{ width:379px; height:180px; overflow: hidden; float:left; margin:0 18px 18px 0; border:1px solid #000000; } #audios li h1{ width:379px; height:32px; line-height:32px; text-align:center; overflow: hidden; float:left; font-size:14px; font-weight:bold; color:#FFFFFF; background:#002142;} #audios li iframe{ width:379px; height:148px; } #audios li:nth-child(3n+3){ margin:0 0 18px 0;} /* TURISTAS */ #turistas li{ border-bottom: dotted 1px #919191; margin:0 20px 20px 0; width:579px; height:150px; overflow: hidden; float:left; position:relative;} #turistas li:nth-child(2n+2){ margin:0 0 20px 0;} #turistas h2{ font-size:16px; background:#002142; color:#FFFFFF; opacity:0.9; padding:8px 0; display:table; margin:10px 0; width:1180px; text-align:center; font-weight:bold;} #turistas div.img{ width:180px; height:135px; overflow: hidden; float:left; margin-bottom:20px; margin-right:10px; border:#D9D9D9 solid 1px; border-bottom:0;border-bottom:3px solid #002142;} #turistas div img{ width:180px; height:135px; } #turistas ul li span{ margin:0; padding:3px;font-size:14px; line-height:120%; margin-bottom:5px;color:#333333; height:auto; opacity:0.8; width:370px; text-align:left; float: left;} /*LICITAÇÕES*/ #licitacoes iframe{ border:0; overflow:scroll; width:100%; height:450px;display: none} /*TRANSPARÊNCIA*/ #transparencia { padding:0px 0px 20px; font-size:94%; line-height:130%;min-height: 300px;} #transparencia h1{ padding:10px 0px; font-size:25px; line-height:115%;} #transparencia .linha{ width: 100% !important; border-bottom: #B3B6B8 3px solid; margin-bottom: 10px;} #transparencia .titulo_principal{ padding:8px 10px; margin-bottom:10px; font-size:14px; font-weight:600; background:#002142; color:#FFFFFF; display: table; } #transparencia h3{ padding:8px 10px; margin-bottom:10px; font-size:14px; font-weight:600; color:#000; display: table; float:right; clear:both;} #transparencia span{line-height:115%;} #transparencia strong{ font-weight:bold;} #transparencia iframe{ width: 100% !important;} .estrutura_inicial .receitas-despeas-covid .tp, #transparencia .tp{ display:flow-root; width: 100% !important; min-height: 220px; background:#EEEEEE; margin: 10px 0 20px 0; position: relative; border-radius: 5px; text-shadow: 5px 5px 5px rbga(0,0,0,0.5); padding-bottom: 2px;} .estrutura_inicial .receitas-despeas-covid .tp div, #transparencia .tp div{ display: table; width: 370px !important; height:calc(100%) !important; background: #FFFFFF; border: 1px #B3B6B8 solid; border-radius: 5px; position: absolute; top: 0px; left:0px; margin: 0px;} #transparencia .tp ul{display: table;width: calc(100% - 370px) !important;float: right;background: #8FBBE2;min-height: 225px;height: calc(100%) !important;border-radius: 5px;padding: 20px 20px 20px 40px;border: 1px #B3B6B8 solid;} #transparencia .tp ul li{ font-size: 14px;line-height: 25px; list-style: disc;} #transparencia ul li a{ color:#000; } #transparencia ul li a:hover{ text-decoration:underline; opacity: 0.9;} .estrutura_inicial .receitas-despeas-covid .tp i,#transparencia .tp i{ width: 60px; height: 58px; position: absolute; top:15px; left: 10px;} .estrutura_inicial .receitas-despeas-covid .tp h2, .estrutura_inicial .receitas-despeas-covid div h3, .estrutura_inicial .receitas-despeas-covid div span, #transparencia .tp h2, #transparencia div h3, #transparencia div span{ /*position: absolute;*/ padding:0; margin: 0; } #transparencia .title{display: flex;justify-content: space-between;} #transparencia .title h1{width: 100%} #transparencia .title .busca{display: flex;width: 100%; justify-content: flex-end; align-items: center;position: relative} #transparencia .title .busca input{width: 100%;height: 30px;padding: 10px;box-shadow: 0 0 4px #383c43, 0 0 0px #fff, 0 0 0px #3b3f45;border: 1px solid #383b42;} #transparencia .title .busca span{font-size: 20px;font-weight: bold;margin-right: 10px;position: absolute} .estrutura_inicial .receitas-despeas-covid .tp h2, #transparencia .tp h2{ top: 32px; left:78px; color: #000; font-size: 28px; background:#fff!important;} .estrutura_inicial .receitas-despeas-covid .tp span, #transparencia .tp span{ top: 90px; left:20px; color: #000; font-size: 15px; width: calc(100% - 40px) !important; } .estrutura_inicial .receitas-despeas-covid .tp h3, #transparencia .tp h3{ bottom: 10px; right:10px; color: #000; font-size: 12px; } .estrutura_inicial .receitas-despeas-covid .receitas,#transparencia .compras ul{ background: #8FE195; } .estrutura_inicial .receitas-despeas-covid .despesas,#transparencia .compras ul{ background: #8fbbe2; } #transparencia .receitas ul{ background: #8FE195; } #transparencia .despesas ul{ background: #E18F99; } #transparencia .orcamento ul{ background: #BEA3C9; } #transparencia .repasses ul{ background: #E5C69A; } #transparencia .pessoal ul{ background: #8BDBD2; } #transparencia .covid ul{ background: #d45144; } #transparencia .normativos ul{ background: #eb9770; } #transparencia .interacao ul{ background: #dce68a; } #transparencia .compras i{ background-position: -580px 0; } .estrutura_inicial .receitas-despeas-covid .receitas i, #transparencia .receitas i{ background-position: -640px -56px!important ; } .estrutura_inicial .receitas-despeas-covid .despesas i, #transparencia .despesas i{ background-position: -580px -56px!important ; } #transparencia .orcamento i{ background-position: -640px 0; } #transparencia .repasses i{ background-position: -580px -112px ; } #transparencia .pessoal i{ background-position: -640px -112px ; } #transparencia .covid i{ background-position: -640px -168px ; } #transparencia .normativos i{ background-position: -580px -169px ; } #transparencia .interacao i{ background-position: -700px 0px ; } /*BOTOES RECEITA E DESPESA COVID*/ .estrutura_inicial .receitas-despeas-covid .tp{width: 49%!important;min-height: 100px;} .estrutura_inicial .receitas-despeas-covid .tp div{width: 180px !important;} .estrutura_inicial .receitas-despeas-covid .tp i{left: 0px;top: 23px;} .estrutura_inicial .receitas-despeas-covid .tp h2{font-size: 23px;left:50px;top:40px} .estrutura_inicial .receitas-despeas-covid .tp ul{width: calc(100% - 198px);float: right;margin-top: 20px;} .estrutura_inicial .receitas-despeas-covid .tp ul li a{font-size: 14px;font-weight: 700;color: #080808b5;line-height: 20px;} .estrutura_inicial .receitas-despeas-covid .receitas{float: left} .estrutura_inicial .receitas-despeas-covid .despesas{float: right} /*Botão contratos e aquisições*/ .btn-estrutura-contratos{background-color:#569eee;padding: 10px;color: #fff; display: flex;flex-direction: row; max-width: 30%;border-radius: 10px;justify-content: center; align-items: center;gap: 16px;font-size: 16px;cursor: pointer} .btn-estrutura-contratos span{font-size: 21px;} .btn-estrutura-contratos a{color: #fff;font-weight: bold;} <<<<<<< HEAD #grid_contratacao_aquisicao.c-ca{display: contents; height: 100px } ======= #grid_contratacao_aquisicao.c-ca{height: 100px } >>>>>>> dev /*MAPA DO SITE*/ #mapa_site {display:flex;flex-wrap: wrap} #mapa_site .sublinhado{width: 40px;height: 3px;background-color:#002142;display: block;} #mapa_site h1{font-size: 20px;color: #fefefe;font-weight: 700;padding: 10px;background-color: #134c09;margin-bottom: 10px;} #mapa_site h2{font-size: 15px;color: #080808;font-weight:700;margin-bottom:5px;} #mapa_site h3{color: #080808;} #mapa_site h4{color: #080808;} #mapa_site .institucional{width: calc(50% - 10px);float: left;margin: 10px 10px 10px 0;background-color: rgba(238, 238, 238, 0.69);padding-bottom:30px;} #mapa_site .transparencia{width: calc(50% - 10px);float: right;margin: 10px 0 10px 10px;background-color: rgba(238, 238, 238, 0.73);padding-bottom:30px;} #mapa_site .acesso_a_informacao{width: calc(50% - 10px);float:right;margin: 10px 10px 10px 0;background-color: rgba(238, 238, 238, 0.59);padding-bottom:30px;} #mapa_site .outros{width: calc(50% - 10px);float:left;margin: 10px 0 10px 10px;background-color: #eeeeee;padding-bottom:30px;} #mapa_site .institucional li{padding: 7px;margin-left:6%;} #mapa_site .institucional .n2{margin-left:10%;} #mapa_site .transparencia li{padding: 7px;margin-left:6%;} #mapa_site .transparencia .n2{margin-left:10%;} #mapa_site .transparencia .n3{margin-left:5%;} #mapa_site .acesso_a_informacao li{padding: 7px;margin-left:6%;} #mapa_site .acesso_a_informacao .n2{margin-left:10%;} #mapa_site .acesso_a_informacao .n3{margin-left:2%;} #mapa_site .acesso_a_informacao .n4{margin-left:-2%;} #mapa_site .outros li{padding: 7px;margin-left:6%;} #mapa_site .outros .n2{margin-left:10%;} #mapa_site .outros .n3{margin-left:5%;} /*CENTRALIZANDO O SEGUNDO MENU*/ .sem_sub-prefeitura{margin: auto;width: 900px;height: 55px;} /*VEREADORES*/ #vereadores h1 {padding: 10px 0px;font-size: 25px;line-height:115%;} #vereadores h2{padding: 8px 10px;margin-bottom: 10px;font-size: 14px;font-weight: 600;background: #002142;color: #FFFFFF;display: table;} #vereadores span {clear: both;line-height: 115%;} #vereadores strong {font-weight: bold;} /*NOTICIAS RELACIONADAS*/ #noticias_relacionadas{border-top: solid 6px #002142;min-height: 200px;} #noticias_relacionadas ul {padding-left: 0px;margin-top:10px;} #noticias_relacionadas div, #noticias_relacionadas div img {width: 95px;height: 68px;overflow: hidden;float: left;} #noticias_relacionadas li {border-bottom: solid 2px #002142;width: 380px; height: 68px;overflow: hidden;float: left;margin: 0px 20px 20px 0px;position: relative;list-style: none;} #noticias_relacionadas li:nth-child(3n){margin:0px 0px 20px 0px} #noticias_relacionadas ul li h2 {background-color: #002142;padding: 3px;font-size: 12px;margin: 0px;color: #FFF;opacity: 0.8;display: table;float: left;} #noticias_relacionadas ul li h1 {color: #333333;font-size: 14px;margin: 0px;padding: 3px 0px;line-height: 100%;width: 285px;float: left;} /* NOTICIAS NOVA */ #container_noticias {height: auto;display: table;background: #FFFFFF;position: relative;z-index: 1;margin-bottom: 20px;} #container_noticias .bloco1{width:584px;height:500px;position:relative;overflow: hidden;float: left;margin-right: 10px;border-radius:3px} #container_noticias .bloco1 .imgPrincipal{max-width: 700px;min-height:584px;width: 100%!important;height: auto !important;overflow: hidden;} #container_noticias .bloco1 .imgPrincipal img{width: calc(100%) !important;min-height:584px;height: auto !important;} #container_noticias .bloco1 .titulo{width: calc(100% - 12px);z-index:2;position: absolute;margin-left: 12px;font-weight: 700;font-size: 30px;color: #fff;text-shadow:0 0 20px black, 0 0 1em #0e0e0e, 0 0 0.2em #080808;height:auto; bottom: 65px;} #container_noticias .bloco1 .compartilhar{text-shadow: 0.1em 0.1em 0.2em black;color: #FFFFFF;font-size: 14px;font-weight: 600;width: 150px;float: right;text-align: right;position: absolute;right: 30px;top: 20px;z-index: 4;} #container_noticias .bloco1 .descricao{position: absolute;bottom:15px;z-index: 3;width:576px;text-align: left;margin-left: 10px;height: auto} #container_noticias .bloco1 .descricao a{font-size:20px;color: #fff;text-shadow:0 0 20px black, 0 0 1em #0e0e0e, 0 0 0.2em #080808;padding-top:68%;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} #container_noticias .bloco1 .compartilhar span{font-size:28px; margin-left: 10px;} #container_noticias .bloco2 .mini .imgPrincipal{max-width:680px;min-height:202px;width: 100%!important;height: auto !important;overflow: hidden;} #container_noticias .bloco2 .mini .imgPrincipal img{width: calc(100%) !important;min-height:202px;height: auto !important;cursor: pointer} #container_noticias .bloco2 {width:585px;height:auto;float:right;} #container_noticias .bloco2 .mini{height:245px;position:relative;overflow: hidden;margin-bottom: 10px;border-radius:3px;} #container_noticias .bloco2 .mini:last-child{margin-bottom:0} #container_noticias .bloco2 .mini .topo{height:30px;position: absolute;} #container_noticias .bloco2 .mini .titulo{width: calc(100% - 30px);z-index:2;position: absolute;margin-left: 12px;font-weight: 700;font-size:25px;color: #fff;text-shadow: 1px 1px 2px black, 0 0 1em #0e0e0e, 0 0 0.2em #080808;bottom: 55px;} #container_noticias .bloco2 .mini .compartilhar{text-shadow: 0.1em 0.1em 0.2em black;color: #FFFFFF;font-size: 14px;font-weight: 600;width: 142px;text-align: right;padding-top: 20px;padding-right: 20px;z-index:2;position: absolute;right: 10px;} #container_noticias .bloco2 .mini .descricao{position: absolute;z-index: 3;width: calc(100% - 12px);margin-left: 12px;height:40px;bottom: 0;} #container_noticias .bloco2 .mini .descricao a{font-size: 15px;color: #fff;text-shadow: 1px 1px 2px black, 0 0 1em #0e0e0e, 0 0 0.2em #080808;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} #container_noticias .bloco2 .mini .compartilhar span{font-size:20px; margin-left: 10px;} /* VISUALIZACAO DA NOTICIA */ #noticias .bloco2 {width:100%;height:auto;float:right;} #noticias .bloco2 .mini{width:calc(calc(100% - 67%) - 10px);height:215px;position:relative;overflow: hidden;margin-bottom: 10px;float: left; margin-left: 10px} #noticias .bloco2 .mini img {position: relative;display:block;z-index: -1;top: 0;transition:transform 0.4s linear;} #noticias .bloco2 .mini:hover img {transform: scale(1.1);} #noticias .bloco2 .mini .topo{height:30px;position: absolute;width:100%} #noticias .bloco2 .mini .topo .titulo{padding-left:20px;padding-top:20px;text-shadow: 0.1em 0.1em 0.2em black;color:#FFFFFF;font-size:12px;font-weight:500;width:calc(50% - 10px);float: left} #noticias .bloco2 .mini .topo .compartilhar{padding-right:20px;text-align: right;padding-top:13px;text-shadow: 0.1em 0.1em 0.2em black;color:#FFFFFF;font-size:12px;font-weight:500;float:right} #noticias .bloco2 .mini .descricao{position:absolute; z-index: 3;width:100%;text-align: center;bottom:15px;} #noticias .bloco2 .mini .descricao a{font-size: 15px;color: #fff;text-shadow: 1px 1px 2px black, 0 0 1em #0e0e0e, 0 0 0.2em #080808;padding-top: 40%;} #noticias .bloco2 .mini .compartilhar span{font-size:20px; margin-left: 10px;} /* Slideshow container */ .estrutura_inicial #corpo_pagina .slideshow-container {max-width:800px;min-height:180px;width: 100%!important;height: auto !important;overflow: hidden;margin: 0 auto} .estrutura_inicial #corpo_pagina .slideshow-container .mySlides {display: none;overflow: hidden} .estrutura_inicial #corpo_pagina .slideshow-container .mySlides .center{color: #f2f2f2;font-size:30px;padding: 8px 12px;position: absolute;top:0;right:0;cursor: pointer} .estrutura_inicial #corpo_pagina .slideshow-container .mySlides .center:hover {background-color: rgba(0,0,0,0.8);} .estrutura_inicial #corpo_pagina .slideshow-container .mySlides img {width: calc(100%) !important;min-height:190px;height: auto !important;} .estrutura_inicial #corpo_pagina .slideshow-container .prev, .next {display: none; cursor: pointer;position: absolute;top: 50%;width: auto;margin-top: -22px;color: white;font-weight: bold;font-size: 18px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;} .estrutura_inicial #corpo_pagina .slideshow-container .next {right: 0;border-radius: 3px 0 0 3px;} .estrutura_inicial #corpo_pagina .slideshow-container .prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);} .estrutura_inicial #corpo_pagina .dot {cursor: pointer;height: 15px;width: 15px;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;} .estrutura_inicial #corpo_pagina .active, .dot:hover {background-color: #717171;} .estrutura_inicial #corpo_pagina .slideshow-container .fade {-webkit-animation-name: fade;-webkit-animation-duration: 1.5s;animation-name: fade;animation-duration: 1.5s;} .estrutura_inicial #corpo_pagina .d-galeria-imgs {display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;padding: 20px;max-width: 100%;} .estrutura_inicial #corpo_pagina .d-galeria-imgs .mySlides {display: block;box-shadow: 1px 1px 0px 1px #00000038} /*BUSCA CORONAVIRUS*/ #container_noticias .bloco_covid .titulo{display: flex;justify-content: space-between;padding: 30px 0;} #container_noticias .bloco_covid .titulo h1{width: 50%;font-size: 20px;line-height: 30px;font-weight: 900} #container_noticias .bloco_covid .titulo div{width: 100%;display: flex;align-items: center;} #container_noticias .bloco_covid .titulo input{width: 100%;height: 40px;padding: 0 20px;} #container_noticias .bloco_covid .titulo span{position: absolute;right: 10px;font-size: 25px} /*COVID 19*/ .titulo_pricipal_covid h1{font-size: 20px;line-height: 30px;color: #AAD7FE;font-weight: bold;width: 50%;} .titulo_pricipal_covid h2{font-weight: 900;font-size: 20px;line-height: 30px;float: left;} .titulo_pricipal_covid h3{font-size: 15px;font-weight: 900;float: right} #container_noticias .bloco_covid .painel{display: flex;width: calc(100% - 10px);margin: 0 auto 30px;} #container_noticias .bloco_covid .painel ul{width: 100%;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 24px;list-style: none;} #container_noticias .bloco_covid .painel ul li{display:flex;flex-wrap: wrap;padding-top: 20px;width: 100%;border: 1px solid #EDEDED;} #container_noticias .bloco_covid .painel ul li span{width: 10px;height:50px;margin-left: -5px;position: absolute;} #container_noticias .bloco_covid .painel ul li h3{width: calc(100% - 30px);font-size:25px;font-weight: 900;line-height: 30px;padding-left: 15px;} #container_noticias .bloco_covid .painel ul li h4{width: 100%;font-size: 12px;font-weight: 900;line-height: 20px;padding-left: 15px;} #container_noticias .bloco_covid .painel ul li h5{width: 100%;font-size: 12px;font-weight: 400;line-height: 15px;padding-left: 15px;margin-bottom: 10px;} .btn-mais-noticias{display: flex; background: #002142;width: 100%; min-height: 65px} .btn-mais-noticias img{height: 50px; width: 50px;padding-left:50px; padding-top:7px;padding-right: 30px;} .btn-mais-noticias a{margin-top:5px} .btn-mais-noticias a span{color:#FFFFFF;font-size: 25px;line-height:50px; font-weight:900;} .estrutura_inicial .outras-informacoes-covid{display: flex;width:100%;height: auto;padding-bottom: 20px;} .estrutura_inicial .outras-informacoes-covid ul li a{color: #ffffff;} .estrutura_inicial .outras-informacoes-covid ul li{border-radius: 5px;line-height: 26px;padding: 0 10px;margin: 0 10px 10px 0; background: #002142;float: left;font-size: 14px;font-weight: 600;} .estrutura_inicial .bloco_covid .texto_descritivo {width: 100%;line-height: 1.875rem;color: #2d2d2d;font-size: 1rem;margin-bottom: 20px;} .estrutura_inicial .bloco_covid .texto_descritivo strong{font-weight: 900;} #conteudo .estrutura_inicial .panel-covid .desktop, #conteudo .estrutura_inicial .panel-covid .mobile{width:100%; height: auto;} #conteudo .estrutura_inicial .panel-covid .mobile{display:none} .estrutura_inicial .bloco_covid .descricao_img{width: 100%;text-align: center;} .estrutura_inicial .bloco_covid .descricao_img img{width:100%;max-width: 567px;height: auto} /*LEIS ORCAMENTARIAS*/ .estrutura_inicial .formulario_lo{width:100%;} .estrutura_inicial .formulario_lo ul {width:70%;display: flex;flex-wrap: wrap;margin:0 auto;padding-bottom: 30px} .estrutura_inicial .formulario_lo ul li {width:calc(60% - 10px);margin-right:10px;overflow: hidden;margin-bottom: 5px} .estrutura_inicial .formulario_lo ul li:nth-child(2){width:calc(40% - 10px);} .estrutura_inicial .formulario_lo ul li:nth-child(4){width:calc(20% - 10px);} .estrutura_inicial .formulario_lo ul li:nth-child(5){width:calc(20% - 10px);} .estrutura_inicial .formulario_lo ul li:nth-child(6){width:calc(50% - 10px);} .estrutura_inicial .formulario_lo ul li:nth-child(7){width:calc(10% - 10px);} .estrutura_inicial .formulario_lo ul li:nth-child(8){width:calc(40% - 10px);} .estrutura_inicial .formulario_lo ul li:nth-child(9){width:calc(30% - 10px);} .estrutura_inicial .formulario_lo ul li:nth-child(10){width:calc(30% - 10px);} .estrutura_inicial .formulario_lo ul li:nth-child(11){width:calc(20% - 10px);} .estrutura_inicial .formulario_lo ul li:nth-child(12){width:calc(20% - 10px);} .estrutura_inicial .formulario_lo ul li:nth-child(13){width:calc(40% - 5px);margin-right:0} .estrutura_inicial .formulario_lo ul li:nth-child(14){width:100%;margin-right:0} .estrutura_inicial .formulario_lo ul li:nth-child(15){width:100%;margin-right:0} .estrutura_inicial .formulario_lo ul li:nth-child(16){width:100%;margin-right:0} .estrutura_inicial .formulario_lo ul li:nth-child(17){width:100%;margin-right:0} .estrutura_inicial .formulario_lo ul li:nth-child(18){width:100%;margin-right:0} .estrutura_inicial .formulario_lo ul li:nth-child(18) h2{font-weight: 900;height:20px;margin-top: 10px;} .estrutura_inicial .formulario_lo ul li:nth-child(18) h3{height:20px;} .estrutura_inicial .formulario_lo ul li:nth-child(19){width:calc(50%);margin-right:0} .estrutura_inicial .formulario_lo ul li:nth-child(20){width:calc(50%);margin-right:0} .estrutura_inicial .formulario_lo ul li input {width:100%;padding: 10px} .estrutura_inicial .formulario_lo ul li textarea {width:calc(100% - 17px);margin-right:0} .estrutura_inicial .formulario_lo ul li select {width:100%;height:33px;} .estrutura_inicial .formulario_lo ul li button {width:calc(100% - 20px);height:50px;margin:10px;background-color: #002142;color: #FFFFFF;font-size: 20px;border: 0;border-radius:4px;} .estrutura_inicial .formulario_lo ul li h4 {font-weight: 900} /*PAINEL CONFIGURAVEL CORONA VIRUS*/ .painel_configuravel_adicional{width: 100%;min-height: 200px;background-color: #F1F1F1;display: flex;padding-bottom:30px} .painel_configuravel_adicional .estrutura_inicial .painel_cabecalho{width: 100%; min-height: 100px;margin-top: 20px;border-bottom: 1px solid black;margin-bottom: 10px} .painel_configuravel_adicional .estrutura_inicial .painel_cabecalho img{height:90px;width:90px;float: left;} .painel_configuravel_adicional .estrutura_inicial .painel_cabecalho h1{width:calc(90% - 10px);float:right;font-size:35px;color:#9F2C2C;font-weight: 100} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo{width:100%;min-height: 200px} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo span{width:100%;text-transform: uppercase;font-weight:bold;font-size: 20px;margin: 10px 0 10px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo .pb{width:25%;float: left} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo .pb ul {margin-top:10px} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo .pb ul li{width:100%;margin-bottom: 10px} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo .painel_bloco1 ul li p{width:100%;color:#777777;line-height: 20px;} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo .painel_bloco1 ul li b{width:100%;color:#000000} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo .painel_bloco2 ul li p{color:#777777;line-height: 20px;} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo .painel_bloco2 ul li b{color:#000000} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo .painel_bloco3 ul li p{color:#777777;line-height: 20px;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo .painel_bloco4 ul li a{color:#777777;line-height: 20px;} /*PROCESSO SIMPLIFICADO*/ .estrutura_inicial .processo_simplificado{display: flex;padding-bottom: 20px;flex-direction: column;} .estrutura_inicial .processo_simplificado .bloco .titulo{border-bottom:3px solid #002142;margin-bottom: 10px;} .estrutura_inicial .processo_simplificado .bloco .titulo h2{font-size: 20px;line-height: 30px;color: #002144} .estrutura_inicial .processo_simplificado .bloco .titulo h2 strong{font-weight: 900;} .estrutura_inicial .processo_simplificado .bloco .texto{width: 100%;line-height: 1.875rem;color: #2d2d2d;font-size: 1rem;margin-bottom: 20px;} .estrutura_inicial .processo_simplificado .dados li{margin-right: 10px;overflow: hidden; margin-bottom: 15px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .estrutura_inicial .processo_simplificado .dados li:nth-child(1){width: calc(80% - 10px);} .estrutura_inicial .processo_simplificado .dados li:nth-child(2){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .dados li:nth-child(3){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .dados li:nth-child(6){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .dados li:nth-child(7){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .dados li:nth-child(8){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .dados li:nth-child(9){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .dados li:nth-child(10){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .dados li:nth-child(11){width: calc(40% - 10px);} .estrutura_inicial .processo_simplificado .dados li:nth-child(12){width: calc(60% - 10px);} .estrutura_inicial .processo_simplificado .dados li:nth-child(13){width: calc(20% - 10px);margin-right: 10px} .estrutura_inicial .processo_simplificado .dados li:nth-child(14){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .endereco li{margin-right: 10px;overflow: hidden; margin-bottom: 5px;} .estrutura_inicial .processo_simplificado .endereco li:nth-child(1){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .endereco li:nth-child(2){width: calc(60% - 10px);} .estrutura_inicial .processo_simplificado .endereco li:nth-child(3){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .endereco li:nth-child(5){width: calc(40% - 10px);} .estrutura_inicial .processo_simplificado .endereco li:nth-child(6){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .endereco li:nth-child(7){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .endereco li:nth-child(8){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .endereco li:nth-child(9){width: calc(20% - 10px);} .estrutura_inicial .processo_simplificado .endereco li:nth-child(10){width: calc(40% - 10px);} .estrutura_inicial .processo_simplificado .anexo li{width:100%; margin-right: 10px;overflow: hidden; margin-bottom: 5px;} .estrutura_inicial .formulario_lo .anexo li:nth-child(2){width:calc(45% - 10px);float: left} .estrutura_inicial .formulario_lo .anexo li:nth-child(3){width:calc(45% - 10px);float: right} .estrutura_inicial .formulario_lo .anexo li input{padding-left: 2px; padding: 15px;} .estrutura_inicial .processo_simplificado .finalizar li{width:100%; margin-right: 10px;overflow: hidden; margin-bottom: 5px;} .estrutura_inicial .processo_simplificado .finalizar li:nth-child(2){width:100%; margin-right: 10px;overflow: hidden; margin-bottom: 5px;} .estrutura_inicial .processo_simplificado .finalizar li:nth-child(3){width:40%; margin-right: 10px;overflow: hidden; margin-bottom: 5px;} .estrutura_inicial .processo_simplificado .finalizar li:nth-child(4){width: 40%; margin-right: 10px;overflow: hidden; margin-bottom: 5px;} .estrutura_inicial .processo_simplificado .finalizar li input{width:10px;height:10px;} .estrutura_inicial .processo_simplificado #confirmaDados{position: fixed;} .estrutura_inicial .processo_simplificado #confirmaDados .w3c-modal-content .modal-header{width:100%;height: 30px;background-color:#002142; text-align:center;padding-top: 10px} .estrutura_inicial .processo_simplificado #confirmaDados .w3c-modal-content .modal-header h1{font-size:18px;font-weight: bold;color:#fff} .estrutura_inicial .processo_simplificado #confirmaDados .w3c-modal-content .w3-container{width: 100%;height: auto;display: flex} .estrutura_inicial .processo_simplificado #confirmaDados .w3c-modal-content .w3-container .conteudo{width: 60%;margin:20px auto} .estrutura_inicial .processo_simplificado #confirmaDados .w3c-modal-content .w3-container .conteudo .pre_view_anexo{display: grid; grid-template-columns: repeat(auto-fit, minmax(100px, auto));} .estrutura_inicial .processo_simplificado #confirmaDados .w3c-modal-content .w3-container .conteudo a{width: 100%;margin-bottom: 10px} .estrutura_inicial .processo_simplificado #confirmaDados .w3c-modal-content .w3-container .conteudo label{line-height:20px} .estrutura_inicial .processo_simplificado #confirmaDados .modal-footer{width:80%;margin-left:20%} .estrutura_inicial .processo_simplificado #confirmaDados .modal-footer button{width:20%;border: 0;font-size:15px;color: #fff;padding:8px;margin-right: 10%} .estrutura_inicial .processo_simplificado #confirmaDados .modal-footer button:first-child{background-color:#D07F5A;} .estrutura_inicial .processo_simplificado #confirmaDados .modal-footer button:last-child{background-color:#002142;} .estrutura_inicial .processo_simplificado .acompanhar li{margin-right: 10px;overflow: hidden; margin-bottom: 5px;} .estrutura_inicial .processo_simplificado .acompanhar li:nth-child(1){width: calc(40% - 10px);} .estrutura_inicial .processo_simplificado .acompanhar li:nth-child(2){width: calc(60% - 10px);} .estrutura_inicial .processo_simplificado .acompanhar li:nth-child(3){width: calc(45% - 10px);} .estrutura_inicial .processo_simplificado .acompanhar li:nth-child(4){width: calc(55% - 10px);} .estrutura_inicial .processo_simplificado .acompanhamento{width: calc(60% - 10px); margin: 20px auto 0; padding-bottom: 20px} .estrutura_inicial .processo_simplificado .acompanhamento .tg{width: 100%} .estrutura_inicial .processo_simplificado .acompanhamento .tg .tg-7whf{width:30%;text-align: left} .estrutura_inicial .processo_simplificado .acompanhamento .tg .tg-d5um{width:70%;text-align: left} .estrutura_inicial .processo_simplificado .apresentacao{min-height:580px;} .estrutura_inicial .processo_simplificado .apresentacao .descricao{width:100%;line-height: 1.875rem;color: #2d2d2d;font-size: 1rem;margin-bottom: 20px;} .estrutura_inicial .processo_simplificado .apresentacao p{margin: 0 auto;} .estrutura_inicial .processo_simplificado .apresentacao .container_ps{width: 73%;height: 230px;margin: 0 auto} .estrutura_inicial .processo_simplificado .apresentacao .mini_ps{height: 190px;width: 272px;margin-left: 10px; margin-top: 20px;float: left;} .estrutura_inicial .processo_simplificado .apresentacao .mini_ps h1{width: calc(100% - 20px);/*height: 40px;*/margin-left: 10px;font-weight: bold;font-size: 28px;line-height: 40px;padding-top: 100px;color: #FFFFFF;} .estrutura_inicial .processo_simplificado .apresentacao .mini_ps h2{width: calc(100% - 20px);margin-left: 10px;height: 40px;overflow: hidden;font-weight: 400;font-size: 15px;color: #FFFFFF;} .estrutura_inicial .processo_simplificado .apresentacao .ps_cadastro{background-image: url("../img/ps_cadastro.png");background-repeat: no-repeat;} .estrutura_inicial .processo_simplificado .apresentacao .ps_acompanhar{background-image: url("../img/ps_acompanhar.png");background-repeat: no-repeat;} .estrutura_inicial .processo_simplificado .apresentacao .ps_documentos{background-image: url("../img/ps_documentos.png");background-repeat: no-repeat;} /*NOVO PROCESSO SIMPLIFICADO*/ .estrutura_inicial #processo_simplificado {padding: 20px 0} .estrutura_inicial #processo_simplificado button {text-align: center;width: 100%;float: right;height: 50px;cursor: pointer;font-size: 15px;color: #FFF;background: #168894;border: 0;font-weight: 600;} .estrutura_inicial #processo_simplificado h1{font-size: 17px;font-weight: bold;text-align: left;margin: 20px 0;} .estrutura_inicial #processo_simplificado .conteudo {width: 100%; line-height: 25px;color: #2d2d2d;font-size: 16px;margin-bottom: 20px;overflow: hidden;display: flex;flex-direction: column;} .estrutura_inicial #processo_simplificado .join {display: flex} .estrutura_inicial #processo_simplificado .pre_inscricao {width: 100%;margin: 30px auto;} .estrutura_inicial #processo_simplificado .pre_inscricao .bloco {width:80%;margin: 0 auto;background-color: white;box-shadow: 0 0 5px #171717, 0 0 5px #fff, 0 0 5px #484545;} .estrutura_inicial #processo_simplificado .pre_inscricao .bloco .topo {text-align: center;color: white;font-weight: bold;font-size: 15px;padding: 10px;background-color: #168894;} .estrutura_inicial #processo_simplificado .pre_inscricao .bloco .corpo {padding: 20px;display: flex;column-gap: 20px;flex-direction: column} .estrutura_inicial #processo_simplificado .pre_inscricao .bloco .corpo a{font-size: 14px;font-weight: bold;color: black} .estrutura_inicial #processo_simplificado .pre_inscricao .bloco .corpo .logo {display: flex;justify-content: center;align-items: center} .estrutura_inicial #processo_simplificado .pre_inscricao .bloco .corpo span{font-size: 80px} .estrutura_inicial #processo_simplificado .pre_inscricao .bloco .corpo ul {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;row-gap: 15px;} .estrutura_inicial #processo_simplificado .pre_inscricao .bloco .corpo ul li input {height: 35px;width: 100%;padding-left: 10px} .estrutura_inicial #processo_simplificado .cadastro form ul{display: flex;flex-wrap: wrap;justify-content: space-between;row-gap:20px;} .estrutura_inicial #processo_simplificado .cadastro form ul li{display: flex;flex-direction: column;} .estrutura_inicial #processo_simplificado .cadastro form ul li.anexos{display: grid;grid-template-columns: 1fr 1fr;column-gap:10px;row-gap:20px;} .estrutura_inicial #processo_simplificado .cadastro form ul li.anexos .grupo{display: flex;flex-direction:row;gap: 10px;border:1px solid #403c3c40;padding: 10px;} .estrutura_inicial #processo_simplificado .cadastro form ul li.anexos .grupo a{font-weight: bold} .estrutura_inicial #processo_simplificado .cadastro .titulo{font-size: 15px;font-weight: bold;padding: 20px 0} .input_control{width: 100%;padding: 10px;margin-top: 10px}; /*CORONA_VIRUS PAINEL VER MAIS*/ #id01_modal .w3c-modal-content .w3-container .conteudo_modal {width: 100%} #id01_modal .w3c-modal-content .w3-container .conteudo_modal ul{width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows:auto; grid-column-gap: 10px;} #id01_modal .w3c-modal-content .w3-container .conteudo_modal ul li p{line-height: 20px} #id01_modal .w3c-modal-content .w3-container .conteudo_modal ul li a{line-height: 20px} /*CORONA VIRUS RECEITAS E DESPESAS*/ #conteiner_midia .covid_receitas_despesas ul{width: 100%;display:flex;flex-wrap: wrap;} #conteiner_midia .covid_receitas_despesas ul .botao{transform: translateY(34%);margin-right: 10px;} #conteiner_midia .covid_receitas_despesas ul .exportar{transform: translateY(30%);margin-left: 0;width: 14%;} #conteiner_midia .covid_receitas_despesas ul li:nth-child(2){width:28%;margin-right: 10px} #conteiner_midia .covid_receitas_despesas ul .datepicker:before, #conteiner_midia .covid_receitas_despesas ul .datepicker:after{display: none} /*COVID CDS PREFEITURAS*/ #conteudo .estrutura_inicial .panel-covid{padding: 20px 0 50px 0;} .estrutura_inicial .cabecalho_covid_cds{width:100%; padding-bottom: 20px;display:grid;grid-template-columns: 1fr 1fr;column-gap: 20px} .estrutura_inicial .cabecalho_covid_cds .brasao_nome{display: flex} .estrutura_inicial .cabecalho_covid_cds .brasao_nome img{height:100px;} .estrutura_inicial .cabecalho_covid_cds .brasao_nome span{font-size: 25px;line-height: 30px;color: #002144;font-weight: 900;margin-top:45px;} .estrutura_inicial .cabecalho_covid_cds form{margin: 30px 0; width: 100%;} .estrutura_inicial .cabecalho_covid_cds form label{font-size:15px;color: #002144;font-weight:700;} .estrutura_inicial .cabecalho_covid_cds form select{height: 30px;width: 80%;} .estrutura_inicial .cabecalho_covid_cds form button{height: 30px;padding: 0px 30px;margin: 0px 0px 10px 8px;background: #002142;font-size: 14px;font-weight: 600;color: #FFFFFF;border: 0;} .estrutura_inicial .mensagem_covid_cds{height: 150px;flex-direction: column;font-size: 15px;display: flex;justify-content: center;align-items: center;font-weight: 900;} .estrutura_inicial .mensagem_covid_cds h1{margin-right:10px;} .estrutura_inicial .mensagem_covid_cds form {width: 50%;margin-top: 30px} .estrutura_inicial .mensagem_covid_cds form select{width:calc(100% - 115px);height: 30px} .estrutura_inicial .mensagem_covid_cds form button{height: 30px;padding: 0px 30px;margin: 0px 0px 10px 8px;background: #002142;font-size: 14px;font-weight: 600;color: #FFFFFF;border: 0;} /*NOVO DADOS ABERTOS*/ .recuoo{height: 40px} #diario-table-result{width: 100%;border:3px solid #cccccc;} #diario-table-result .cabecalho{width:calc(100% - 10px);border-bottom:3px solid #cccccc;background-color:#002142;padding: 10px 0 10px 10px} #diario-table-result .cabecalho span{color: white;} #diario-table-result table{width: 100%;padding-bottom: 20px} #diario-table-result table tr:hover{background-color:#e0e0e09;} #diario-table-result table tr th{border: 1px solid #cccccc;padding: 10px;font-weight: 900;font-size: 12px;} #diario-table-result table tr td{border: 1px solid #cccccc;padding: 10px;font-size: 12px;} #diario-table-result table tr td .tarja{background: #002142;padding: 7px 10px;color: white;font-size: 14px;font-weight: 600;} #diario-table-result table tr td ul{display: table;} #diario-table-result table tr td ul li{float: left;} #diario-table-result table tr td ul li a{font-size: 13px;color: #000306;text-decoration: none;background: #cccccc;border: 1px #000001;height: 36px;padding: 5px;font-weight: 600;cursor: pointer;margin-right:10px} /*QUESTIONARIO PARTICIPATIVO*/ .table-gride{width:calc(100% - 10px);border: 3px solid #cccccc;margin-top: 10px} .table-gride .cabecalho{width:100%;border-bottom: 3px solid #cccccc;background-color: #002142;padding: 10px 0 10px 10px;color:#fff} .table-gride table{width:100%;padding-bottom: 20px;} .table-gride table tr th { border: 1px solid #cccccc;padding: 10px;font-weight: 900;font-size: 14px;background-color: #cccc;} .table-gride table tr td {border: 1px solid #cccccc;padding:0 10px 10px;font-size: 14px;} .check-big{width:30px!important;height: 20px!important} /*NOVO E-SIC*/ #new_e-sic {display: flex;flex-direction: column} #new_e-sic .cabecalho_e_sic{height: 165px;} #new_e-sic .cabecalho_e_sic .topo {width: 100%;height: 120px;background-color: #00843c;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .banner_e_sic {display: flex;flex-direction: row;height: 120px} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .banner_e_sic img{width: 164px;height: 164px;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .banner_e_sic .title-header{display: flex;flex-direction: column;justify-content: center;width: 40%;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .banner_e_sic .title-header h1{color: white;font-size: 25px;font-weight: bold;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .banner_e_sic .title-header h2{color: white;font-size: 20px;opacity: 0.8;} #new_e-sic .cabecalho_e_sic .topo .topoAuth{display: flex;justify-content: center;align-items: center;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial form{display: flex;align-items: center;padding: 10px 0 0 200px;column-gap: 10px} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial form .input-group {width: 100%;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial form .input-submit {display: flex;justify-content: center;width: 100%;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial form .icon_input {position: absolute;margin-top: 5px;margin-left: 5px;font-size: 26px;color: #00843c;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial form .input_default {width:100%;height: 35px;border: 1px solid #00843c;outline: none;margin-right: 20px;padding: 0 0 0 35px;font-size: 15px;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial form input[type=submit]{width:95%;height: 37px;border: 0;background-color: #00843c;color: white;font-size: 22px;outline: none;cursor: pointer;z-index: 3;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links {width: 320px;top:-80px;height: 85px;border: 1px solid #fdd527;position: relative;padding: 10px;text-align: center;z-index: 2;float: right;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links a {color: #fdd527;font-size: 15px;font-weight: 600;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links span {color: #fdd527;font-size: 15px;font-weight: 600;margin: 0 10px 0 10px;} #new_e-sic .estrutura_inicial .e-sic_conteudo{display: flex;flex-direction: row;column-gap: 20px;margin-top: 20px} #new_e-sic .estrutura_inicial .e-sic_conteudo .texto_aprensentacao{display: flex;flex-direction: column; line-height: 1.875rem;color: #2d2d2d;font-size: 0.95rem;float: left;} #new_e-sic .estrutura_inicial .e-sic_conteudo .texto_aprensentacao h1{margin-bottom:5px;font-weight: bold} #new_e-sic .estrutura_inicial .e-sic_conteudo .banner_right{display: flex;flex-direction:column; line-height: 20px;} #new_e-sic .estrutura_inicial .e-sic_conteudo .banner_right .mine{margin-bottom: 10px} #new_e-sic .estrutura_inicial .e-sic_conteudo .banner_right .mine .titulo{font-size: 16px;font-weight: bold;} #new_e-sic .estrutura_inicial #e_sic .banner_full .desktop, #new_e-sic .estrutura_inicial #e_sic .banner_full .mobile {width: 100%} #new_e-sic .estrutura_inicial #e_sic .banner_full .mobile {display: none;} #new_e-sic .barra_contato {background: #efefef; padding: 40px 0 40px 0;margin-top: 50px;} #new_e-sic .barra_contato ul {display: flex; flex-direction:row;column-gap: 20px;justify-content: space-between;} #new_e-sic .barra_contato ul li {display: flex; flex-direction: column; justify-content: center; align-items: center;gap: 20px;width: 100%} #new_e-sic .barra_contato ul li span.title {font-weight: bold; font-size: 1.2rem;} #new_e-sic .barra_contato ul li span.icon {font-size:6rem;color:#5f5b5b} #new_e-sic .estrutura_inicial .sobre_lei {line-height: 1.875rem;color: #2d2d2d;font-size: 1rem;margin-top: 20px} #new_e-sic .estrutura_inicial .outras_informacoes {margin-top: 20px} #esic-plus .titulo_principal{font-size: 20px;line-height: 30px;color: #002144;font-weight: 900;} #new_e-sic .estrutura_inicial .outras_informacoes .titulo_pricipal h2{font-size: 20px;line-height: 30px;color: #002144;font-weight: 900;} #new_e-sic .estrutura_inicial .outras_informacoes .lista {display: flex;width: 100%;height: auto;padding-bottom: 20px;} #new_e-sic .estrutura_inicial .outras_informacoes .lista ul li {border-radius: 5px;line-height: 26px;padding: 0 10px;margin: 0 10px 10px 0;background: #00843c;float: left;} #new_e-sic .estrutura_inicial .outras_informacoes .lista ul li a{color:white;font-size: 14px;font-weight: 600;} #new_e-sic .e-sic .defaul_btn, #satisfacao .btn_success {width: 100%;height: 40px;border: 0;font-size: 20px;outline: none;cursor: pointer;margin-top: 24px;} #new_e-sic .e-sic form input[type="text"], #new_e-sic .e-sic form input[type="password"],#new_e-sic .e-sic form select, #new_e-sic .e-sic form input[type="date"], #new_e-sic .e-sic form input[type="file"], #new_e-sic .e-sic form textarea {width: 100%; padding: 10px;margin-top: 10px;} #new_e-sic .e-sic .btn_success, #satisfacao .btn_success{background-color: #00843c;color: white;} #new_e-sic .e-sic .tx_14_vermelho {font-weight: bold;text-align: center;color: #C11906;font-size: 12px;} #new_e-sic .e-sic ul {display: flex;flex-wrap: wrap;margin: 0 auto;padding-bottom: 10px;padding-top: 10px;justify-content: space-between;width: 100%;} /*RECOVERY PASS*/ #new_e-sic .e-sic .estrutura_inicial .titulo_principal {font-size: 20px;line-height: 30px;color: #002144;width: 100%;padding: 20px 0 20px 0;font-weight: 700;} #new_e-sic .e-sic ul#recover-pass {width: 50%;row-gap: 10px;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links-logado {display: flex;justify-content: space-between;align-items: center;width: 300px;border: 2px solid #fdd527;padding: 10px;border-radius: 10px;height: 60px;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links-logado a {font-size: 35px;color: white;font-weight: bold;} #new_e-sic .estrutura_inicial #e_sic .painel ul{display: grid;grid-template-columns: repeat(4, 1fr);column-gap: 20px} #new_e-sic .estrutura_inicial #e_sic .painel ul li a {display: flex;justify-content: left;} #new_e-sic .estrutura_inicial #e_sic .painel ul li a span {position: absolute;color: #fff;font-weight: 900;font-size: 20px;margin: 150px 0 0 10px;} #new_e-sic .estrutura_inicial #e_sic .painel ul li a img{width: calc(100%) !important;height: auto !important;} /*TRANSPARENCIA*/ #transparencia .banners .desktop{width: 100%} #transparencia .banners .mobile{display: none} /*NOVA OUVIDORIA*/ #new_ouvidoria .barra_contato {background: #efefef; padding: 40px 0 40px 0;margin-top: 50px;} #new_ouvidoria .barra_contato ul {display: flex; flex-direction:row;column-gap: 20px;justify-content: space-between;} #new_ouvidoria .barra_contato ul li {display: flex; flex-direction: column; justify-content: center; align-items: center;gap: 20px;width: 100%} #new_ouvidoria .barra_contato ul li span.title {font-weight: bold; font-size: 1.2rem;} #new_ouvidoria .barra_contato ul li span.icon {font-size:6rem;color:#5f5b5b} /* MENSAGEM DO RODAPE */ #messager-footer{width: 100%;background-color:#393a3feb;position: fixed;z-index: 10;bottom: 0;display: flex;justify-content: center;flex-direction: column;align-items: center;padding: 10px;} #messager-footer .mf-body{width: 80%;font-weight: 500;line-height: 20px;padding: 10px} #messager-footer .mf-body p{color: white;} #messager-footer .mf-body a{text-decoration: underline;color: #1daebe;} /*NOVO CONTRATOS E AQUISIÇÃO*/ .estrutura_inicial #contratos_covid{display: flex;padding-bottom: 20px;flex-direction:column;} .estrutura_inicial #contratos_covid .d-form{width: 100%;padding: 0;margin: 0;} .estrutura_inicial #contratos_covid .d-form li{display: flex;flex-direction: column;justify-content: center;margin-bottom: 10px;} .estrutura_inicial #contratos_covid .d-form li button{background-color: #002142;border: 0;height:40px;margin-top: 14px;color: white;font-weight: 500;border-radius: 4px;} .estrutura_inicial #contratos_covid .d-form label{font-weight: 600} .estrutura_inicial #contratos_covid .d-form input{height:30px;padding-left: 10px} .estrutura_inicial #contratos_covid form ul{display: flex;flex-wrap: wrap;justify-content: space-between} .estrutura_inicial #contratos_covid .list {display: flex;padding-bottom: 20px;flex-direction:row;justify-content: space-between;flex-wrap: wrap;} .estrutura_inicial #contratos_covid .list .shadowbox{border: 1px solid #0021426b;box-shadow: 0px 0px 3px #002142;padding: 20px;position: relative;margin-top: 20px;width: calc(50% - 50px)} .estrutura_inicial #contratos_covid .list .shadowbox .conteudo ul{display: flex;flex-wrap: wrap;flex-direction:column;} .estrutura_inicial #contratos_covid .list .shadowbox .conteudo ul li{margin: 10px;display: flex;flex-wrap: wrap;gap: 10px;} .estrutura_inicial #contratos_covid .list .shadowbox ul li.objeto{font-weight: 900;line-height: 20px} .estrutura_inicial #contratos_covid .list .shadowbox ul li a{font-size: 12px;padding: 8px;color: #002142;font-weight: 500;background-color: #eeeeee;text-decoration: none} .estrutura_inicial #contratos_covid .list .shadowbox .footer{padding: 10px;margin-top: 20px} .estrutura_inicial #contratos_covid .list .shadowbox .footer ul{display: flex;flex-direction: row;gap: 10px;flex-wrap: wrap;} .estrutura_inicial #contratos_covid .list .shadowbox .footer ul li{margin: 10px} .global-export{flex-direction: row!important;margin-bottom: 0!important;align-items: center;} .global-export img{background-color: #002142;} /*NOVO DIARIO OFICIAL*/ #diario_oficial .estrutura_diario{width:80%;margin: 0 auto;} #diario_oficial .estrutura_diario .d_header{display: flex;flex-direction: row;border-bottom: 2px solid #CCCCCC;padding: 10px;} #diario_oficial .estrutura_diario .d_header .d-h-text{padding-left: 20px;display: flex;justify-content: center;flex-direction: column;text-align: left;} #diario_oficial .estrutura_diario .d_header .d-h-text h1{font-size: 35px;font-weight: 600;line-height: 45px;} #diario_oficial .estrutura_diario .d_header .d-h-text h2{font-size: 25px;font-weight: 400;} #diario_oficial .estrutura_diario .d_content {display: flex;flex-direction: row;flex-wrap: wrap;border-bottom: 2px solid #CCCCCC;padding: 20px 10px} #diario_oficial .estrutura_diario .d_content .d-painel{width: 25%;} #diario_oficial .estrutura_diario .d_content .d-painel ul{display: grid;grid-template-columns: 1fr;grid-gap: 10px;} #diario_oficial .estrutura_diario .d_content .d-painel ul li{display: flex;flex-direction: column;row-gap: 10px;padding: 10px;text-align: left;border-bottom: dotted 1px #CCCCCC;} #diario_oficial .estrutura_diario .d_content .d-painel ul li b{font-size: 15px;line-height: 20px;} #diario_oficial .estrutura_diario .d_content .d-painel ul li a{font-size: 15px;line-height: 20px;color: black;} #diario_oficial .estrutura_diario .d_content .d-calendar{display: flex;flex-direction: column;align-items: center;width: 75%;border-left:dotted 1px #CCCCCC} #diario_oficial .estrutura_diario .d_content .d-calendar #diarios_publicados{width:90%;padding: 10px; border: #D4D4D4 solid 1px; background-color: #FFF; font-size: 18px; color: #373435; border-radius: 3px;line-height: 40px; height: 50px;} #diario_oficial .estrutura_diario .d_content .d-calendar #calendar_loading{font-size: 60px;margin-top: 40px;} #diario_oficial .estrutura_diario .d_content .d-calendar ul{width: 90%;color: black;display: grid;grid-template-columns: repeat(7, 1fr);margin: 10px;} #diario_oficial .estrutura_diario .d_content .d-calendar #calendar {width: 90%;display: flex;flex-wrap: wrap;flex-direction: column;} #diario_oficial .estrutura_diario .d_content .d-calendar #calendar tr {display: grid;grid-template-columns: repeat(7, 1fr);column-gap: 10px;margin-bottom: 10px} #diario_oficial .estrutura_diario .d_content .d-calendar #calendar tr td {padding: 10px;border: 1px solid #1e282c29;align-items: center;border-radius: 5px;font-weight: 900;} #diario_oficial .estrutura_diario .d_content .d-calendar #calendar tr td.bg-info {background-color:#99d992;} #diario_oficial .estrutura_diario .d_content .d-calendar #calendar tr td.bg-info a {color: white; padding: 10px 20px} #diario_oficial .estrutura_diario .d_content .d-calendar #calendar tr td ul.edition-extra {height: 47px;width: 80px;display: none; position: absolute;background:#99d992;margin-top: 25px;margin-left: -10px;} #diario_oficial .estrutura_diario .d_content .d-calendar #calendar tr td:hover ul.edition-extra {display: flex;color: white;flex-wrap: wrap;} #diario_oficial .estrutura_diario .d_content .d-calendar #calendar tr td:hover ul.edition-extra li {width: 100%;padding: 4px;} #diario_oficial .estrutura_diario .d_content .d-calendar #calendar tr td:hover ul.edition-extra li a{padding: 0} #diario_oficial .estrutura_diario .d_footer p{padding: 10px} /*NOVA PUBLICACAO*/ .estrutura_inicial #d-update{height: 100px} .estrutura_inicial #d-update ul{display: flex;justify-content:flex-end;align-items: center;height: 100%;} .estrutura_inicial #d-update ul li{background-color: #c5b20b;color: white;padding: 10px;font-weight: 600;} .estrutura_inicial .d-form ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .estrutura_inicial .d-form li {display: flex;flex-direction: column;justify-content: center;margin-bottom: 10px;} .estrutura_inicial .d-form li label {font-weight: 600;} .estrutura_inicial .d-form li input, .estrutura_inicial .d-form li select {height: 30px;padding-left: 10px;} .estrutura_inicial .d-form li select {width: 99%;} .estrutura_inicial .d-form li button {background-color: #002142;border: 0;height: 30px;margin-top: 14px;color: white;font-weight: 500;border-radius: 4px;} .estrutura_inicial .d-table {border: 1px solid #D4D4D4;font-size: 13px;} .estrutura_inicial .d-table .links-btn-download{font-size: 12px;padding: 8px;color: #002142;font-weight: 500;background-color: #eeeeee;text-decoration: none;} .estrutura_inicial .d-table .d-anexos{display: flex;flex-wrap: wrap;gap: 10px;margin: 20px;} .estrutura_inicial .d-table .d-open{display: flex;justify-content: center;font-size: 20px;color: #5d5f61;} .estrutura_inicial .d-table .d-justification{display: flex;justify-content: center;} .estrutura_inicial .d-table .ementa_iframe{padding: 10px;text-transform: uppercase;line-height: 15px;} .estrutura_inicial .d-table .ementa_iframe .d-info-complementar{text-align: center} .estrutura_inicial .d-table .d-colum-situation{display: none} .d-table-info-complementar{width: 100%;margin-top: 10px} .d-table-info-complementar thead th{border: 1px solid white;} .d-table-info-complementar thead th:last-child{width: 20%} .d-table-info-complementar tbody{border-color: white;text-align: left} .d-table-info-complementar tbody td{border: 1px solid #d2caca} .d-table-info-complementar tbody td:last-child{text-align: center;} .estrutura_inicial .d-table .ementa_iframe .d-buttons{display: none}; #miniModalRequest{display: none} #miniModalRequest .btn-close{cursor: pointer;float: right;background-color: red;border: 0;color: white;padding: 5px;} #miniModalRequest .w3-container{padding:20px} #miniModalRequest .w3-container #tableminiModalRequest{margin-top:30px;} #miniModalRequest .w3-container #tableminiModalRequest tr th span{font-weight:700} #miniModalOrigem{display: none;z-index: 9} #miniModalOrigem .btn-close{cursor: pointer;float: right;background-color: red;border: 0;color: white;padding: 5px;} #miniModalOrigem .w3-container{padding:20px} #miniModalOrigem .w3-container #tableMiniModalOrigem{margin-top:30px;} #miniModalOrigem .w3-container #tableMiniModalOrigem tr th span{font-weight:700} /*VACINOMETRO*/ .green {background: #4caf50!important} .painel_vacinometro ul{display: grid;grid-template-columns: repeat(3, 1fr);width: 100%;column-gap: 20px;} .painel_vacinometro ul.col-md-2{grid-template-columns: repeat(2, 1fr);} .painel_vacinometro ul li{display: flex;flex-direction:column;background-color: #568ED4;padding: 20px;border-radius: 10px;} .painel_vacinometro ul li h1{font-size: 20px;font-weight: 600;color: white;} .painel_vacinometro ul li h2{padding-top: 10px;font-weight: 600;color: white;} .painel_vacinometro ul li div{margin-top: 20px;border-top: 5px solid #efeae76e;} .painel_vacinometro ul li div ul{grid-template-columns: 1fr;row-gap: 10px;padding: 10px;} .painel_vacinometro ul li div ul li{color: white;padding:0;} .titulo_pricipal_covid {padding:30px 0 10px 0;display: flex; justify-content: space-between} .titulo_pricipal_covid_flex {display: flex;align-items: center;} .titulo_pricipal_covid strong{font-size: 20px;line-height: 30px;color: #AAD7FE;font-weight: bold;} .titulo_pricipal_covid select{border: 0} .painel_vacinometro_alvo{margin-bottom: 40px;display: flex;flex-direction: column;row-gap: 20px} .painel_vacinometro_alvo ul{display: flex;flex-wrap: wrap;column-gap: 20px;} .painel_vacinometro_alvo ul{display: flex;flex-wrap: wrap;column-gap: 20px;row-gap: 10px;} .painel_vacinometro_alvo ul li{background-color: #568ed469;padding: 10px; border-radius: 10px;font-size: 12px;justify-content: center;display: flex;column-gap: 10px;flex-direction: column;} /*NOVA LISTAGEM DE VACINAS*/ .painel_vacinometro_publico ul {display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; column-gap: 20px;row-gap: 20px;} .painel_vacinometro_publico ul li {display: flex; flex-direction: column;border-radius: 10px; padding: 1px} .painel_vacinometro_publico ul li div{padding: 20px;} .painel_vacinometro_publico ul li div.pvp_header{color: white;text-align: center;font-weight: bold;padding:10px 20px;} .painel_vacinometro_publico ul li div.pvp_body {background-color: #fff;padding: 0px} .painel_vacinometro_publico ul li div.pvp_body table {width: 100%;} .painel_vacinometro_publico ul li div.pvp_body table tr th {text-align: center;font-weight: bold;padding: 5px;} .painel_vacinometro_publico ul li div.pvp_body table tr td {padding: 5px;} .painel_vacinometro_publico ul li div.pvp_footer {padding: 0 15px;} .painel_vacinometro_publico ul li div.pvp_footer span {font-size: 14px;text-transform: lowercase;} .painel_vacinometro_publico ul li div.pvp_footer ul {padding: 10px 0; display: flex;flex-direction: row;gap: 10px;} .painel_vacinometro_publico ul li div ul li {color: white;padding: 0;} /*NOVO VEREADOES*/ .element-text{width: 100%;line-height: 25px;color: #2d2d2d;font-size: 16px;margin-bottom: 20px;overflow: hidden;display: flex;flex-direction: column;} .estrutura_inicial #d-vereadores h1{padding: 10px 0px;font-size: 25px;line-height: 115%;} .estrutura_inicial #d-vereadores h2{padding: 8px 10px;font-size: 14px;font-weight: 600;background: #002142;color: #FFFFFF;display: table;} .estrutura_inicial #d-vereadores ul{display: grid!important;grid-template-columns: repeat(3, 1fr);padding: 30px 0;} .estrutura_inicial #d-vereadores ul li{list-style: none!important;padding: 10px;display: flex;flex-direction: column;} .estrutura_inicial #d-vereadores ul li a {justify-content: center;display: flex;padding: 10px;} /*NOVA GALERIA DE IMAGENS*/ .estrutura_inicial .d-galeria-fotos {margin: 30px 0} .estrutura_inicial .d-galeria-fotos h1 {padding: 10px 0px;font-size: 25px;line-height: 115%;} .estrutura_inicial .d-galeria-fotos .sub-titulo {display: flex;justify-content: space-between} .estrutura_inicial .d-galeria-fotos .sub-titulo h2 {padding: 8px 10px;margin-bottom: 10px;font-size: 14px;font-weight: 600;background: #002142;color: #FFFFFF;display: table;} .estrutura_inicial .d-galeria-fotos .sub-titulo h3 {padding: 8px 10px;margin-bottom: 10px;font-size: 14px;font-weight: 600;color: #000;display: table;float: right;clear: both;} .estrutura_inicial .d-galeria-fotos #d-cmd_fotos{display: grid;grid-template-columns: repeat(4,1fr); gap:20px} .estrutura_inicial .d-galeria-fotos #d-cmd_fotos li{overflow: hidden;position: relative} .estrutura_inicial .d-galeria-fotos #d-cmd_fotos li span{position: absolute;bottom: 0;min-height: 20px;width: 100%;background-color:#002142;left: 0;display: flex;align-items: center;font-size: 12px;padding:0 10px;font-weight: bold;color: white} /*CONTROLADORIA INTERNA*/ #fixo .anexos ul{display: flex;padding: 0;gap: 10px;flex-wrap: wrap;} #fixo .anexos ul li{list-style:none;} #fixo .anexos ul li{list-style:none;} #fixo .anexos ul li a{color: black;border: 2px solid #00000021;padding: 10px; border-radius: 10px;} #fixo .anexos ul li a span{font-size: 20px; color: red;} /*NOVO QUESTIONARIO PARTICIPATIVO*/ .estrutura_inicial #questionario_participatico .titulo_pricipal{margin:50px 0 20px 0} .estrutura_inicial #questionario_participatico .titulo_pricipal h1{font-size: 20px;font-weight: bold} .estrutura_inicial #questionario_participatico .formulario ul{display: flex;flex-wrap: wrap;margin: 0 auto;padding-bottom: 10px;padding-top: 10px;justify-content: space-between;width: 100%;gap:10px} .estrutura_inicial #questionario_participatico .formulario ul li input, .estrutura_inicial #questionario_participatico .formulario ul li select{width: 100%;height: 30px} .estrutura_inicial #questionario_participatico .formulario ul li textarea{width: 100%;} .estrutura_inicial #questionario_participatico .formulario ul li button{width: 100%;height: 40px;font-size: 15px;font-weight: bold;border: 0;margin-top: 10px} /*NOVO CADASTRO DE FORNECEDORES*/ .estrutura_inicial #cadastro_fornecedor h1{font-size: 16px;font-weight: bold; padding: 20px 0} .estrutura_inicial #cadastro_fornecedor .apresentacao .conteudo{width: 100%;line-height: 25px;color: #2d2d2d;font-size: 16px;margin-bottom: 20px;overflow: hidden;display: flex;flex-direction: column;} .estrutura_inicial #cadastro_fornecedor .apresentacao .nav ul{display: grid;grid-template-columns: repeat(3, 1fr);gap:10px} .estrutura_inicial #cadastro_fornecedor .d-form , .estrutura_inicial #cadastro_fornecedor .d-form form {padding: 30px 0 0 0} .estrutura_inicial #cadastro_fornecedor .d-form form input[type="submit"] {font-size: 18px;color: #FFF;min-width: 300px;background: #002142;border: 1px #000001;height:60px;font-weight: 600;padding: 0px 20px;} .estrutura_inicial #cadastro_fornecedor .d-form form .obrigatorio{color: red; font-weight: bold;padding: 10px;} .estrutura_inicial #cadastro_fornecedor .nav ul li{height: 200px;display: flex;flex-direction: column;justify-content: flex-end;} .estrutura_inicial #cadastro_fornecedor .nav ul li a{color: white;height: 100%;display: flex;align-items: flex-end;} .estrutura_inicial #cadastro_fornecedor .nav ul li a:last-child{height: 40%} .estrutura_inicial #cadastro_fornecedor .nav ul li a h1{font-size:22px;padding: 10px} .estrutura_inicial #cadastro_fornecedor .nav ul li a h2{padding:10px 10px 15px} .estrutura_inicial #cadastro_fornecedor .nav .bgi_cadastro{background-image: url("../img/cadastro_fornecedor/cadastrar.png")} .estrutura_inicial #cadastro_fornecedor .nav .bgi_login{background-image: url("../img/cadastro_fornecedor/logar.png")} .estrutura_inicial #cadastro_fornecedor .nav .bgi_autenticar{background-image: url("../img/cadastro_fornecedor/autenticar.png")} /*PARCEIROS*/ .estrutura_inicial #cadastro_fornecedor .nav .parceiros_cadastro{background-image: url("../img/cadastro_parceiros/cadastro.jpeg")} .estrutura_inicial #cadastro_fornecedor .nav .parceiros_login{background-image: url("../img/cadastro_parceiros/login.jpeg")} .estrutura_inicial #cadastro_fornecedor .nav .parceiros_consulta{background-image: url("../img/cadastro_parceiros/parceiros.jpeg")} .estrutura_inicial #cadastro_fornecedor .nav .parceiros_repasses{background-image: url("../img/cadastro_parceiros/liberacao.jpeg")} .autenticar #auth{border-radius: 10px 10px 10px 10px;background: #fff;padding: 30px;width: 50%;box-shadow: 0 30px 60px 0 rgb(0 0 0 / 30%);margin: 0 auto; display: flex;flex-direction: column;align-items: center;} .autenticar #auth .d-form form{padding: 0} .autenticar #auth .d-form form a.recovery{width: auto; color: blue;font-size: 15px;} .autenticar #auth .d-form form .recaptcha{display: flex;align-items: center;} .autenticar #auth .d-form form button{padding: 15px;height: auto} #cadastro_fornecedor {margin-bottom: 50px} #form_cadastro_fornecedor ul.files{display: grid;grid-template-columns: repeat(2,1fr);column-gap: 10px} #form_cadastro_fornecedor ul.files li{display: flex;flex-direction: row;border: 1px solid #00000036;padding: 10px;justify-content: end;} #form_cadastro_fornecedor ul.files li span{font-size: 25px;} #form_cadastro_fornecedor ul.files li div{margin-left: 10px;display: flex; flex-direction: column} /*NOVO SERVICOS*/ .flex-center{display: flex;justify-content: center;align-content: center} .custom-icon{font-size: 25px} .estrutura_inicial #servicos{display: flex;flex-direction: row;margin-top: 50px;} .estrutura_inicial #servicos .menu{width: 35%;background-color: #CCCCCC;padding:20px;display: flex;flex-direction: column;gap: 10px;} .estrutura_inicial #servicos .menu h1{font-size: 16px;font-weight: bold} .estrutura_inicial #servicos .menu form{display: flex;flex-direction: column; grid-column-gap: 10px;margin-bottom: 20px;} .estrutura_inicial #servicos .menu form input{height: 35px;padding-left: 10px;border: 0;} .estrutura_inicial #servicos .menu form input[type=submit]{margin-top: 10px; font-size: 16px;height: 35px;font-weight: bold;cursor: pointer; border: 0;} .estrutura_inicial #servicos .menu form .footer{display: grid;grid-template-columns: 1fr 1fr;column-gap: 10px;} .estrutura_inicial #servicos .menu form .footer .export{display: grid;grid-template-columns: repeat(4, 1fr);margin-top: 5px;} .estrutura_inicial #servicos .menu form .footer .export .d-ijson{width: 40px;height: 40px;background-position: -401px -189px !important;position: absolute;} .estrutura_inicial #servicos .menu form .footer .export .d-icsv{width: 40px;height: 40px;background-position: -361px -189px !important;position: absolute;} .estrutura_inicial #servicos .menu form .footer .export .d-ipdf{width: 40px;height: 40px;background-position: -320px -189px !important;position: absolute;} .estrutura_inicial #servicos .menu form .footer .export .d-iprint{width: 40px;height: 40px;background-position: -279px -189px !important;position: absolute;} .estrutura_inicial #servicos .menu nav ul li{background-color: #efefef;display: flex;flex-direction: column;cursor: pointer;border:1px solid #0000003b} .estrutura_inicial #servicos .menu nav ul li a{font-weight: bold;color: #050505a8;padding: 12px;font-size: 14px;} .estrutura_inicial #servicos .menu nav ul li .content{padding:0;display: none;overflow: hidden; background-color: #f1f1f1;} .estrutura_inicial #servicos .menu nav ul li .content ul li{padding: 0 20px;border: 0;border-top:1px solid #0000003b} .estrutura_inicial #servicos .menu nav ul li .content ul li:hover{background-color: #6b6e73;} .estrutura_inicial #servicos .menu nav ul li .content ul li:hover a{color:#fff;} .estrutura_inicial #servicos .menu nav ul li .sub-active{background-color: #6b6e73;} .estrutura_inicial #servicos .menu nav ul li .sub-active a{color:#fff;} .estrutura_inicial #servicos .list{width: 65%} .estrutura_inicial #servicos .list .content-block{padding:20px 40px} .estrutura_inicial #servicos .list .content-block h1{font-size: 16px;font-weight: bold;text-align: center;margin-bottom: 10px} .estrutura_inicial #servicos .list .content-block h2{font-size: 14px;font-weight: bold;text-align: center;margin-bottom: 10px} .estrutura_inicial #servicos .list .content-block h3{font-size: 14px;font-weight: bold;text-align:left;margin-bottom: 10px} .estrutura_inicial #servicos .list .content-block .texto{width: 100%;line-height: 25px;color: #2d2d2d;font-size: 14px;margin-bottom: 20px;overflow: hidden;display: flex;flex-direction: column;} .estrutura_inicial #servicos .list .content-block ul{margin-top: 20px} .estrutura_inicial #servicos .list .content-block li{padding: 10px;border: 1px solid #c7c7c7;border-radius: 10px;overflow: hidden;margin-bottom: 10px;} .estrutura_inicial #servicos .list .content-block li a{color: #168894;font-weight: bold;width: 100%;display: flex} .estrutura_inicial #servicos .list .content-block li:hover{background-color:#168894;} .estrutura_inicial #servicos .list .content-block li:hover a{color: white} /*NOVO TELEFONE UTEIS*/ .gird_estruta_principal .barra h1{height: 45px;line-height: 45px;color: #FFFFFF;font-size: 18px;font-weight: bold;display: flex;justify-content: space-between;} .gird_estruta_principal .barra h1 a{color: #FFFFFF;} .gird_estruta_principal .conteudo{padding: 10px 0 80px 0} .gird_estruta_principal .conteudo ul{display: grid;grid-template-columns: repeat(4,1fr)} .gird_estruta_principal .conteudo ul li {display:flex;justify-content: space-between;/*height: 40px;*/line-height: 40px;border-bottom: 1px #666666 dotted;margin: 0px 20px 0px 0px;font-size: 13px;color: #666666;overflow: hidden;} .gird_estruta_principal .conteudo ul li a{font-size: 13px;color: #666666;text-decoration: none} .gird_estruta_principal .conteudo ul li h2{font-weight: bold} /*NOVA DENUNCIA*/ #denuncia ul{padding: 10px 100px; display: flex; flex-wrap: wrap; justify-content: space-between} #denuncia ul li {padding-top: 10px } #denuncia select, #denuncia textarea, #denuncia input{width: 100%;padding: 10px;border: #D3D3D3 solid 1px;} #denuncia h2{margin: 20px 0;padding: 10px;font-weight: bold;color: #fff} #denuncia .bloco_sucesso{text-align: center;margin-top:100px;border: 1px solid #00b22d91;padding: 20px;border-radius: 10px;} #denuncia .bloco_sucesso h1{font-size: 20px;color: green;font-weight: bold} /*NOVO VEREADORES*/ .d-vereadores{display: flex;flex-direction: column;gap: 20px;} .d-vereadores .vereador_perfil{display: flex;align-items: center;gap: 20px;} .d-vereadores .vereador_perfil ul{display: grid;grid-template-columns: 1fr;grid-gap: 20px;} .d-vereadores .d-vereador_biografia{width: 100%;line-height: 25px;color: #2d2d2d;font-size: 16px;margin-bottom: 20px;overflow: hidden;display: flex;flex-direction: column;} /*FALAR COM LICITAÇÕES*/ #b-falar_com_setor{display: flex;justify-content: space-between;align-items: center;} #falar-com{width: 100%; padding: 50px; margin-top: 80px} .barra_contato h2{font-size: 25px;text-align: center;font-weight: bold; margin-bottom: 30px;} .barra_contato{width: 100%; margin-top: auto} .barra_contato .estrutura_inicial{margin-top: 40px; margin-bottom: 40px; display: flex;justify-content: center; align-items: center; ma} .barra_contato .estrutura_inicial #canais_envio{display: flex;flex-direction: row; column-gap: 30px; justify-content: center;} .barra_contato .estrutura_inicial .icone{font-size: 50px; text-align: center; display: flex; justify-content:center; align-items: center} .barra_contato .estrutura_inicial #canais_envio .texto{font-size: 16px} .barra_contato .estrutura_inicial #canais_envio .texto li{margin-bottom: 5px;margin-right: 50px; width:100%;word-wrap: break-word;} #transparencia .banners ul{display: grid; grid-template-columns: 1fr 1fr; gap:30px;padding-top: 30px} #transparencia .banners ul li:first-child{display: flex; justify-content: flex-start} #transparencia .banners ul li:last-child{display: flex; justify-content: flex-end} @media screen and (max-width: 1280px){ .barra_contato .estrutura_inicial #canais_envio .texto li{text-align: center}.barra_contato .estrutura_inicial #canais_envio{display: block; column-gap: 30px;}.barra_contato .estrutura_inicial #canais_envio .texto li{margin-bottom: 10px}.barra_contato .estrutura_inicial #canais_envio .icone{margin-top: 30px; margin-bottom: 15px}.barra_contato .estrutura_inicial #canais_envio .divisao{ visibility: hidden} } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } @media screen and (max-width: 1220px) { /*GLOBAL*/ #conteiner_midia,.estrutura_inicial,#container_noticias,#vereadores,#noticias_relacionadas,#conteiner_noticias,#mapa_site,.p_galeria,#painel_diversos,#obras_conteudo, #atalhos2,.b_galeria,#pagina_lei, #p_banner,#acesso_dados_abertos, .p_uteis ul, footer nav, footer#rodape .direitos nav{ width:980px; margin:auto; clear:both;} /*MENU ATALHO CAMARA*/ .atalhos-menu-camara .estrutura_inicial ul {column-gap: 6px;} /*NOVA NOTICIA*/ #p_noticias .bloco1 {width: 565px;} #p_noticias .bloco1 .descricao {padding-left:0;width: calc(100% - 20px);} #p_noticias .bloco2 {width: calc(100% - 575px);} #p_noticias .bloco2 .mini .topo .compartilhar {padding-top:0;} /*SITE*/ #topo .acessibilidade ul{ width:1000px; } #topo .acessibilidade ul li{ margin:0px 26px 0px 10px; font-size:12px;} #topo .acessibilidade ul li:last-child{ margin:0px 0px 0px 10px;} #topo header .acessibilidade{ display:none !important; } #topo .menu ul{ width:940px;} #topo .menu ul li{ margin:0px 68px 0px 20px; font-size:14px;} #topo header aside { width:1000px;} /*BUSCA*/ #topo header form { width:455px; right:30px;} #topo header input[type="search"]{ width:455px; } /*BUSCA PERSONALIZADA SUB_PREFEITURA*/ #menu_sub_prefeitura a strong{width: 260px!important;font-size: 24px!important;} .menu_subprefeitura{width:555px!important;} .menu_subprefeitura #busca{width:555px!important;} /*LOGO*/ #topo header a strong{ width:350px; } /*SEGUNDO MENU*/ #topo header aside nav li{ margin:0px 30px 0px 0px; float:left;} #topo header aside nav li:last-child{ margin:0px 30px 0px 0px;} #topo footer{ height:108px;} #topo footer ul{ width:1000px; height:108px; } #topo footer ul li{ width:238px; height:82px;margin:12px 0px 0px 10px} #topo footer ul li:nth-child(2n+2){ width:237px; } #topo footer ul li i{top: -4px;left:0;} #topo footer ul li div h2{font-size:18px; padding:10px;} #topo footer ul li div h3{ font-size:13px; padding:0px 10px;} /*PRINCIPAL*/ /*ATALHO*/ #atalhos{ height:108px;} #atalhos ul{ width:1000px; height:108px; } #atalhos ul li{ width:238px; height:98px;} #atalhos ul li:nth-child(2n+2){ width:237px; } #atalhos ul li i{ top:23px; left:8px;} #atalhos ul li div h2{font-size:18px; padding:10px;} #atalhos ul li div h3{ font-size:13px; padding:0px 10px;} #atalhos ul li:first-child {margin-left: 10px;} /*ATALHO*/ #atalhos2{height:108px;} #atalhos2 ul{ width:100%; height:108px; } #atalhos2 ul li{ width:238px; height:98px;} #atalhos2 ul li i{ top:23px; left:8px;} #atalhos2 ul li div h2{font-size:18px; padding:10px;} #atalhos2 ul li div h3{ font-size:13px; padding:0 10px;} #atalhos2 ul li:nth-child(2n+2){width:237px; } /*NOTICIAS*/ #container_noticias .bloco3 .gride2 .painel ul li i {left: 35px;} #p_noticias #painel{ width:485px; height:295px; } #p_noticias #painel .swiper-slide h2, #pc_noticias #painel .swiper-slide h2{ line-height:20px; padding:8px 10px; font-size:18px; } #pc_noticias #painel{ width:732px; height:386px; } #pc_noticias{ height:388px;} #pc_noticias ul li{ width:238px; height:89px;} #pc_noticias ul li:nth-child(2n+2){ width:238px; } #pc_noticias ul li i{ top:15px; left:8px;} #pc_noticias ul li div h2{font-size:18px; padding:8px;} #pc_noticias ul li div h3{ font-size:13px; padding:0px 8px;} #p_noticias nav{ width:410px; height:225px;} #p_noticias nav li{ width:100px;height: 60px;} #p_noticias nav li:last-child{ border:0px;width:121px;} #p_noticias nav li i{ background: url(../img/icones1.png) no-repeat; position:absolute; top:3px;margin: 0 auto;width:42px; height:39px;background-color: #002142;} #p_noticias nav li.foto i {background-position:0 0 !important;} #p_noticias nav li.video i{background-position:-44px 0 !important;} #p_noticias nav li.audio i{background-position:-87px 0 !important;} #p_noticias nav li.noticia i{background-position:-130px 0 !important;} #p_noticias nav li h2{ width:100%; top:43px; font-size:10px; } #p_noticias .miniaturas{ width:485px; height:370px; } #p_noticias .miniaturas li{ width:155px; height:178px; } #p_noticias .miniaturas li:nth-child(3n+3){ margin:0 0 10px 0; width:155px;} #p_noticias .miniaturas li div{ height:110px;} #p_noticias .miniaturas li img{ width:155px; height:110px;} #p_noticias .miniaturas li p, #p_n_miniaturas li p{font-size:10px; } #p_noticias .miniaturas li span, #p_n_miniaturas li span{ font-size:12px; line-height:110%;} /*miniaturas noticias*/ #p_n_miniaturas { height:auto; display:table; } #p_n_miniaturas li{ width:155px; height:auto; } #p_n_miniaturas li:nth-child(3n+3){ width:155px;} #p_n_miniaturas li div, #p_n_miniaturas li img{ width:153px; height:109px; } /*MENU PRINCIPAL*/ #p_menu{ width:980px; height:395px; margin:auto; margin-bottom:10px;} #p_menu ul{ width:237px; height:395px; background:#F1F1F1; float:left; margin:0px 10px 0px 0px; } #p_menu ul:last-child{ margin:0px; } #p_menu ul:nth-child(2n+2){ width:238px; } /*GALERIA*/ .p_galeria{ height:256px;} .p_galeria ul.galeria{ width:574px; height:246px; overflow: hidden; margin-right:10px; float:left;} .p_galeria h1{height:40px; line-height:40px;font-size:17px; } .p_galeria ul.galeria li{ width:282px; height:197px;float:left; margin:10px 10px 0 0; } .p_galeria ul.galeria li img{ width:282px; height:197px; } .p_galeria ul.galeria li:last-child{ margin:10px 0 0 0; } .p_galeria ul.banner{ width:396px; height:246px; float:left; margin:0;} .p_galeria ul.banner li{ width:193px; height:118px; float:left; margin:0 10px 10px 0;} .p_galeria ul.banner li img{ width:193px; height:118px;} .p_galeria ul.banner li:nth-child(2n+2){ margin:0 0 10px 0; } /*BANNER*/ #p_banner ul li{width:calc(50% - 5px) !important;height:116px!important;padding-bottom: 20px} /*GALERIA VIDEO BANNER*/ .b_galeria{ height:256px;} .b_galeria ul.galeria{ width:574px; height:246px; overflow: hidden; margin-right:10px; float:left;} .b_galeria ul.galeria li{ width:280px; height:197px;float:left; margin:10px 10px 0 0; } .b_galeria ul.galeria li img{ width:282px; height:197px; } .b_galeria ul.galeria li:last-child{ margin:10px 0 0 0; } .b_galeria ul.banner{ width:396px; height:246px; float:left; margin:0;} .b_galeria ul.banner{ width:396px; height:246px; float:left; margin:-40px 0 0 0;} .b_galeria ul.banner li{ width:193px; height:118px; float:left; margin:0 10px 10px 0;} .b_galeria ul.banner li img{ width:193px; height:118px;} .b_galeria ul.banner li:nth-child(2n+2){ margin:0 0 10px 0; } .p_uteis ul{ width:980px; } .p_uteis .barra h1{ width:980px; height:40px; line-height:40px;font-size:16px;} .p_uteis ul li { width:313px; font-size:13px;} .p_uteis ul li:nth-child(4n+4){ margin:0px 20px 0px 0px;} .p_uteis ul li:nth-child(3n+3){ margin:0px 0px 0px 0px; } footer#rodape ul{ width:228px; height:auto; float:left; margin:0px 10px 10px 0px; } footer#rodape ul:last-child{ margin:0px 0px 0px 10px; } footer#rodape ul:nth-child(4n+4){ margin:0px 0px 10px 0px; } footer#rodape ul span{ color:#7DC0EA; font-weight:600; margin:20px 0px 5px; font-size:15px; line-height:90%;} footer#rodape ul li{ color:#FFFFFF; line-height:19px; font-size:13px; font-weight:600;} footer#rodape ul li:hover{ opacity:0.7;} footer#rodape ul li a {color:#FFFFFF;} footer#rodape ul.contato li{ width:auto; height:auto; padding:5px 0px 8px 0px;font-weight:600; position:relative; color:#FFFFFF; opacity:0.9; font-size:12px;line-height:16px; padding-left:42px; margin-bottom:10px;} footer#rodape .direitos nav{ position:relative;} footer#rodape .direitos{ clear:both; background:#FFFFFF; } footer#rodape .direitos .h1{ color:#000000; font-size:13px; padding-left:15px; font-weight:600; } footer#rodape .direitos i{ position:absolute; width:83px; height:28px; top:13px; } footer#rodape .direitos i.icp-brasil{ background-position:0px -114px !important; right:105px;} footer#rodape .direitos i.w3c{ background-position:-86px -114px !important; right:10px;} footer#rodape .direitos i.procedebahia{ background-position:0px -75px !important; right:195px; width:95px; height:32px;} footer#rodape .direitos i.isistemas{ right:295px;} /*DIVERSOS*/ #conteudo, footer#rodape{ min-width:1000px;} #navega, #fixo, #noticias, #obras, #obras_listas, #diario_oficial, #galeria, #leitor_tela, #ouvidoria,#login_global,#login_global_recuperar, #ppa, #ouvidoria_formulario, #contato, #acesso, #acesso .informacao, #secretarias,#mapa_lei, #paginas, #paginas .nav_pg, #secretaria_c, #audios, #turistas, #licitacoes, #transparencia{width:980px; margin:auto; clear:both;} /*BUG NAS PAGINAS*/ #paginas{width: 100%;} /*CARTA DE SERVICO*/ #acesso ul, #acesso ol{ padding-left:18px; display:block;} #lista_busca_ferramentas{width:calc(100% - 405px)} /*TEXTO FIXO*/ #fixo h1{ padding:10px 0px; font-size:23px;} #fixo h2{ margin-bottom:12px; font-size:12px; } #fixo span{ font-size:90%;} #cmd_foto{width:980px; height:291px;border-bottom:solid 5px #002142; } #cmd_foto img{width:980px; height:291px;} #cmd_vereadores li:nth-child(6n+6){margin:0px 20px 20px 0px;} #cmd_vereadores li:nth-child(5n+5){margin:0px 0px 20px 0px;} /*FILTRO*/ #filtro input[type="text"]{ width:400px; } /*FILTRO DE BUSCA*/ #filtro_novo{ width:280px; font-size:14px; } #filtro_novo input[type="text"]{ width:250px; height:36px; line-height:24px;margin:3px 0px 10px; float:left;border: #C8C8C8 solid 1px; font-size:14px; padding:0px 5px;} /*FILTRO DE BUSCA*/ #filtro_publicacoes{ width:280px; font-size:14px; } #filtro_publicacoes input[type="text"]{ width:250px; height:36px; line-height:24px;margin:3px 0px 10px; float:left;border: #C8C8C8 solid 1px; font-size:14px; padding:0px 5px;} #filtro_publicacoes input[id="dataini"]{ width:114px; margin-right:10px;} #filtro_publicacoes input[id="datafim"]{ width:114px;} #filtro_publicacoes select{ width:125px; } #filtro_publicacoes input[id="busca"]{ width:250px !important;} /*BUSCA AVANÇADA*/ #lista_busca{ width:675px; height:auto; float:left; margin-left:20px;} #lista_busca ul li{ border-bottom: solid 2px #002142; width:675px; height:auto; overflow: hidden; float:left; margin:0px 0px 10px 0px; position:relative; } #lista_busca ul li .img{ height:135px; width:181px; } #lista_busca ul li img{ height:135px; width:181px; } #lista_busca h2{ padding:5px; font-size:15px; margin:0px 3px;} #lista_busca strong{ padding:5px; font-size:15px;} #lista_busca h1{ font-size:18px; width:476px; padding:5px 0px 2px; margin:0px 8px;} #lista_busca .h1{ width:670px;} #lista_busca .soundcloud{ width:675px; border:0px; height:80px;} #lista_busca p{ width:476px; font-size:12px;line-height:115%;} /* NOTICIAS */ #noticias ul li{ width:479px; height:120px;} #noticias ul li .img{ height:120px; width:160px; } #noticias ul li img{ height:120px; width:160px; } #noticias h2{ font-size:12px;} #noticias strong{ font-size:12px;} #noticias h1{ font-size:18px; width:300px; } /*OBRAS*/ #obras ul{width:100%;} #obras h3, #obras_listas strong, #obras_listas h2{ font-size:12px; } #obras ul li {width: 32%;} #obras ul li div .conteudo {width: 70.9%;} #obras ul li div span {width: 9%;} #obras_listas ul li{ width:479px; height:120px;} #obras_listas ul li .img{ height:120px; width:160px; } #obras_listas ul li img{ height:120px; width:160px; } #obras_listas h2{ font-size:12px;} #obras_listas h1{ font-size:15px; width:300px; } #obras_listas strong{ font-size:12px; top:92px;} #obras_listas .barra{ top:92px; left:160px; width:268px; height:22px;} #obras_listas .barra span{ width:70px; left:101px; top:-1px; text-align:center; font-size:14px; } /*GALERIA DE FOTOS*/ #galeria li{width:231px; height:180px; margin:0px 15px 15px 0px; } #galeria li img { width:231px; height:180px; } #galeria li:nth-child(4n+4){ margin:0px 0px 15px 0px; width:232px;} #galeria li:nth-child(4n+4) img{ width:232px; } #galeria h3{ padding:5px; font-size:10px;} #galeria h2{ width:295px;font-size:13px; padding:3px 5px;} /* LEITOR DE TELA*/ #leitor_tela *{ font-size:90%; } #leitor_tela h3{ font-size:90%; } #leitor_tela h2{ font-size:90%;} /*OUVIDORIA*/ #ouvidoria blockquote{ width:500px;} #ouvidoria li{ width:472px; height:215px;} #ouvidoria li h3{ height:35px; font-size:16px; line-height:35px;} #ouvidoria li div{ position:absolute; top:50px; left:15px; width:166px; height:150px; } #ouvidoria li div img{ width:150px; height:150px; } #ouvidoria li h4{width:260px; height:150px; margin:15px; font-size:14px; } #ouvidoria li a{position:absolute; bottom:20px; right:20px; } /*LOGIN GLOBAL*/ #login_global blockquote{ width:500px;} #login_global li{ width:472px; height:236px;} #login_global li h3{ height:35px; font-size:16px; line-height:35px;} #login_global li div{ position:absolute; top:50px; left:15px; width:166px; height:150px; } #login_global li div img{ width:150px; height:150px; } #login_global li h4{width:260px; height:150px; margin:15px; font-size:14px; } #login_global li a{bottom:20px; right:20px; } /*ACESSO A INFORMAÇÃO*/ #acesso iframe{ width:630px !important;} #acesso .menu{ width:335px; margin-left:15px;} #acesso .menu h2{ font-size:18px; height:42px; line-height:42px; border-bottom:2px #00B22D solid; } #acesso .menu ul li i{ top:12px;} #acesso .menu ul li a{ font-size:12px; line-height:45px; height:41px; } #acesso .menu ul li a span{ top:13px;} .menu-info{ width:335px; margin-left:15px;} .menu-info h2{font-size:18px; border-bottom:2px #00B22D solid; } .menu-info ul{ padding-left: 0px;} .menu-info ul li a{ font-size:12px; } .menu-info ul ul li a{font-size:12px;} #acesso_informacao_atendimento{width:630px; height:278px;} #acesso_informacao_atendimento h2{ width:630px; height:42px;line-height:42px; font-size:22px;} #acesso_informacao_atendimento ul{ margin:15px 0px 0px 0px; } #acesso_informacao_atendimento h5{ width:630px; font-size:12px; } #acesso_informacao_atendimento li{ float:left; width:188px; height:178px; margin:0px 0px 0px 15px; background: #FFFFFF; border:#FFFFFF 1px solid; list-style-type:none;} #acesso_informacao_atendimento li h3{ width:188px; height:50px; line-height:50px; font-size:14px; } #acesso_informacao_atendimento li h4{ width:178px; height:30px; padding:0px 5px; font-size:11px; } #acesso_informacao_atendimento li img{ width:90px; height:90px;margin:0px 50px 0px;} /*LINKS DE ACESSO A INFORMAÇÃO*/ #acesso_informacao_links{width:635px;} #acesso_informacao_links li { width:277px; height:40px; line-height:40px; margin:0px 15px 10px 0px; font-size:13px;} /*DADOS ABERTOS*/ .acesso_dados_abertos li {float: left;width: 106px;height: 80px;margin: 0 0 0 10px;} /*BOTÕES*/ #acesso_informacao_botao{width:635px; height:auto; } #acesso_informacao_botao li { width:114px; padding:0px 15px; height:130px; line-height:30px; margin:0px 15px 10px 0px; font-size:13px; } #acesso_informacao_botao li h2{ width:114px; height:40px; } #acesso_informacao_botao li img{ width:75px; height:75px; margin:0px 20px;} #acesso_informacao_botao li:nth-child(4n+4){ margin:0px 0px 10px 0px;} /*SECRETARIAS*/ #secretarias h1{ font-size:28px;} #secretarias li{ height:38px; width:308px; margin:0px 15px 0px 0px;} #secretarias li:nth-child(3n+3){ margin-right:0px;} #secretarias a{ font-size:13px;} /* SECRETARIA CONTEÚDO */ #secretaria_c li{ width:479px; height:79px;} #secretaria_c li:nth-child(3n+3){ margin:0px 20px 20px 0px;} #secretaria_c li:nth-child(2n+2){ margin:0px 0px 20px 0px;} #secretaria_c ul li h2{font-size:13px; } #secretaria_c ul li h1{ font-size:14px; width:365px;} #secretaria_c div, #secretaria_c div img{ width:110px; height:79px; } /*AUDIOS*/ #audios li{ width:312px; height:180px; margin:0px 18px 18px 0px; } #audios li h1{ width:312px; height:32px; line-height:32px; font-size:13px;} #audios li iframe{ width:312px; height:148px; } #audios li:nth-child(3n+3){ margin:0px 0px 18px 0px;} /* TURISTAS */ #turistas li{ margin:0px 18px 18px 0px; width:480px; height:130px; } #turistas li:nth-child(2n+2){ margin:0px 0px 18px 0px;} #turistas h2{ font-size:16px; width:980px; } #turistas div.img{ width:150px; height:113px; margin-bottom:18px; border-bottom:2px solid #002142;} #turistas div img{ width:150px; height:113px; } #turistas ul li span{ font-size:13px; width:310px;} /* LICITAÇÕES */ #licitacoes iframe{ border:0; overflow:scroll; width:980px; height:450px;} /*PAINEL DIVERSOS*/ #painel_diversos{padding-bottom: 20px;} #painel_diversos ul li {width: 87px;height: 134px;} /*CONFIGURACAO NOTICIAS*/ #barra_navegacao_midias nav li {width: 115px;} /*DIARIAS E PASSAGENS*/ #painel_superior .empenho {width:calc(33.3% - 10px)} #painel_superior .datas {width: calc(33.3% - 10px)} #painel_superior .favorecido {width:99%;} #painel_superior .valores {width:calc(25% - 10px)} #painel_superior .orgao{width: calc(25% - 10px);margin-left:10px;} #painel_superior .botao input{padding-left: 65px;padding-right: 65px;} /*AUDITORIAS*/ #painel_superior .cod_auditoria{width:calc(15% - 10px)} /*CENTRALIZANDO O SEGUNDO MENU*/ .sem_sub-prefeitura{width:800px;} /*NOTICIAS RELACIONADAS*/ #noticias_relacionadas ul li{ width: 313px;} /*NOTICIAS NOVA*/ #container_noticias .bloco1 {width:calc(50% - 5px);height:415.24px;} #container_noticias .bloco1 .descricao {padding-left:0;width: calc(100% - 20px);} #container_noticias .bloco2 {width:calc(50% - 5px);height: 400px;} #container_noticias .bloco2 .mini{height:202.5px} #container_noticias .bloco2 .mini .topo .compartilhar {padding-top:0;} #container_noticias .bloco3 .gride1{margin-top: 0} #container_noticias .bloco1 .descricao a{font-size: 18px;} #container_noticias .bloco2 .mini .titulo{font-size:25px;} #container_noticias .bloco3 .gride1 .noticias ul li h1, #container_noticias .bloco3 .gride2 .noticias ul li h1{font-size:12px;} #container_noticias .bloco3 .titulo_principal{font-size: 12px;} #container_noticias .bloco1 .imgPrincipal {min-height: 485px;} #container_noticias .bloco1 .imgPrincipal img{min-height: 485px;} #container_noticias .bloco3 .gride1 .noticiasImagem {min-height: 235px;} #container_noticias .bloco3 .gride2 .noticias {min-height: 205px;} /*MENU*/ .estrutura-menu {min-height: 315px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu h1 {font-size:26px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu .conteudo {margin-top: 20px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu .conteudo ul li{font-size: 14px;} /*OUVIDORIA*/ .estrutura_inicial .ouvidoria ul li h1{font-size: 25px} /*NOTICIA NOVA INTERNA*/ #corpo_pagina .mais_noticias .bloco_noticia{min-height:250px!important;} #corpo_pagina .mais_noticias .bloco_noticia .descricao_noticia .titulo_notica {font-size: 17px;line-height: 30px;} /*FOTOS*/ .estrutura_inicial .galeria_fotos {min-height:270px;} .estrutura_inicial .galeria_fotos ul li .imgPrincipal{max-height: 156px;} .estrutura_inicial .galeria_fotos .iShowVideos {min-height: 180px;} /*COVID*/ .btn-mais-noticias a span {font-size: 20px;} /*CORONA VIRUS RECEITAS E DESPESAS*/ #conteiner_midia .covid_receitas_despesas ul{height: auto;margin-bottom: 10px;min-height: 80px;} #conteiner_midia .covid_receitas_despesas ul li:nth-child(1){width:20%;} #conteiner_midia .covid_receitas_despesas ul li:nth-child(2){width:43%;} #conteiner_midia .covid_receitas_despesas ul .botao{width: 15%;} /*CORONA VIRUS CDS -> PREFEITURAS*/ .estrutura_inicial .cabecalho_covid_cds span {font-size: 20px;margin-top: 40px;} .estrutura_inicial .cabecalho_covid_cds form select {width: 75%;} /*NOVO E-SIC*/ #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links {width: 255px;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links a {font-size: 12px;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links span {margin: 0 5px 0 5px;} #new_e-sic .estrutura_inicial #e_sic .painel ul li a span {font-size: 15px;margin: 130px 0 0 10px;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .banner_e_sic .title-header {width: 60%;} /*ESTRUTURA ORGANIZACIONAL*/ .bloco_estrutural .estrutura_inicial .topo h1 {font-size: 30px;} .bloco_estrutural .estrutura_inicial .topo h2 {width: 25%;} .bloco_estrutural .estrutura_inicial .topo h2 a {font-size: 30px;} .bloco_estrutural .estrutura_inicial .conteudo,.bloco_estrutural .estrutura_inicial .conteudo .gride1 {height: 700px;} .bloco_estrutural .estrutura_inicial .conteudo .gride2 .consultas{margin-left: 50px} .cabecalho_e_sic .topo .estrutura_inicial .links a {font-size: 13px;} #diario_oficial .estrutura_diario .d_content .d-calendar #calendar tr td.bg-info a {padding: 10px 15px;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links-logado a {font-size:30px;} /*TRANSPARENCIA*/ #transparencia .banners .desktop img{width: calc(100% - 10px)} /*NOVA GALERIA DE FOTOS DENTRO DA IMAGEM*/ .estrutura_inicial #corpo_pagina .d-galeria-imgs .mySlides img {min-height: 71px;} } @media screen and (max-width: 1020px) { /*GLOBAL*/ #conteiner_midia,.estrutura_inicial,#container_noticias,#vereadores,#noticias_relacionadas,#mapa_site,#conteiner_noticias,.p_galeria,#obras_conteudo, #painel_diversos,#atalhos2,.b_galeria,#pagina_lei, #acesso_dados_abertos, #p_banner, .p_uteis ul, footer nav, footer#rodape .direitos nav{ width:830px; margin:auto; clear:both;} /*MENU ATALHO CAMARA*/ .atalhos-menu-camara .estrutura_inicial ul {column-gap:0;} /*SITE*/ #topo .acessibilidade ul{ width:850px; } #topo .acessibilidade ul li{ margin:0px 8px 0px 10px; font-size:11px;} #topo .acessibilidade ul li:last-child{ margin:0px 0px 0px 10px;} #topo header .acessibilidade{ display:none !important; } #topo .menu ul{ width:785px;} #topo .menu ul li{ margin:0px 39px 0px 20px; font-size:13px;} #topo header aside { width:850px;} /*BUSCA*/ #topo header form { width:400px; right:30px;} #topo header input[type="search"]{ width:400px; } /*BUSCA PERSONALIZADA SUB_PREFEITURA*/ .menu_subprefeitura{width:455px!important;} .menu_subprefeitura #busca{width:455px!important;} /*LOGO*/ #topo header a strong{ width:260px;font-size:24px; } /*SEGUNDO MENU*/ #topo header aside nav li{ margin:0px 20px 0px 0px; font-size:10px;} #topo header aside nav li a{ font-size:12px;} #topo footer ul{ width:850px; } #topo footer ul li{ width:200px; } #topo footer ul li:nth-child(2n+2){ width:200px; } #topo footer ul li i{top: -6px;left: -5px;} #topo footer ul li div h2{font-size:15px; padding:8px;} #topo footer ul li div h3{ font-size:12px; padding:0px 8px;} #topo footer ul li div{ width:65%;} /*ATALHOS*/ #atalhos ul{ width:850px; } #atalhos ul li{ width:200px; } #atalhos ul li:nth-child(2n+2){ width:200px; } #atalhos ul li i{ top:25px; left:8px;} #atalhos ul li div h2{font-size:15px; padding:8px;} #atalhos ul li div h3{ font-size:12px; padding:0px 8px;} #atalhos ul li div{ width:65%;} /*ATALHOS*/ #atalhos2 ul{ width:850px; } #atalhos2 ul li{ width:200px; } #atalhos2 ul li:nth-child(2n+2){ width:200px; } #atalhos2 ul li i{ top:25px; left:8px;} #atalhos2 ul li div h2{font-size:15px; padding:8px;} #atalhos2 ul li div h3{ font-size:12px; padding:0px 8px;} #atalhos2 ul li div{ width:65%;} /*CARTA DE SERVICO*/ #acesso ul, #acesso ol{ padding-left:18px; display:block;} #lista_busca_carta{display:block;} #lista_busca_carta{ width:calc(100% - 405px)!important; height:auto; float:left; margin-left:20px;} #lista_busca_carta ul li{ border-bottom: solid 2px #002142; width:675px; height:auto; overflow: hidden; float:left; margin:0px 0px 10px 0px; position:relative; } #lista_busca_carta ul li .img{ height:135px; width:181px; } #lista_busca_carta ul li img{ height:135px; width:181px; } #lista_busca_carta h2{ padding:5px; font-size:15px; margin:0 3px;} #lista_busca_carta strong{ padding:5px; font-size:15px;} #lista_busca_carta h1{ font-size:18px; padding:5px 0 2px; margin:0 8px;} #lista_busca_carta .h1{ width:420px;} #lista_busca_carta p{ width:auto; font-size:12px;line-height:115%;} /*NOTICIAS*/ #container_noticias .bloco3 .gride2 .painel ul li i {left: 25px;} #p_noticias, #pc_noticias, #p_n_miniaturas{width:830px;/*height:315px;*/} #p_noticias #painel{ width:410px; height:250px; } #pc_noticias #painel{ width:620px; height:325px; } #pc_noticias{ height:326px;} #pc_noticias ul li{ width:200px; height:74px;} #pc_noticias ul li:nth-child(2n+2){ width:200px; } #pc_noticias ul li i{ top:10px; left:8px;} #pc_noticias ul li div h2{font-size:14px; padding:6px;} #pc_noticias ul li div h3{ font-size:11px; padding:0 6px;} #pc_noticias ul li div{ width:65%;} #p_noticias nav li:last-child{ border:0;width:105px;} #p_noticias nav li i{top:0; left: 31px;} #p_noticias nav li h2{ width:104px; top:39px;font-size:10px; } #p_noticias .miniaturas{ width:410px; height:312px; } #p_noticias .miniaturas li{ width:130px; height:154px;} #p_noticias .miniaturas li:nth-child(3n+3){ margin:0 0 10px 0; width:130px;} #p_noticias .miniaturas li img{ width:130px; height:93px;} #p_noticias .miniaturas li div{ height:93px;} #p_noticias .miniaturas li p{font-size:10px; } #p_noticias .miniaturas li span{ font-size:11px; line-height:105%;} /*noticias câmaras*/ #p_n_miniaturas { height:auto; display:table; } #p_n_miniaturas li{ width:270px; height:auto; } #p_n_miniaturas li:nth-child(3n+3){ width:270px; margin:0 0 10px 0;} #p_n_miniaturas li div, #p_n_miniaturas li img{ width:268px; height:191px; } #p_n_miniaturas li p{font-size:13px; } #p_n_miniaturas li span{ font-size:14px; line-height:105%;} /*MENU PRINCIPAL*/ #p_menu{ width:830px; height:395px; margin:auto; margin-bottom:10px;} #p_menu ul{ width:200px; height:395px; background:#F1F1F1; float:left; margin:0px 10px 0px 0px; } #p_menu ul:last-child{ margin:0px; } #p_menu ul:nth-child(2n+2){ width:200px; } #p_menu h1{font-size:15px; } #p_menu ul li {font-size:11px; } /*GALERIA*/ .p_galeria{ height:220px;} .p_galeria ul.galeria{ width:480px; height:210px; overflow: hidden; margin-right:10px; float:left;} .p_galeria h1{height:40px; line-height:40px;font-size:17px;} .p_galeria ul.galeria li{ width:235px; height:160px; float:left; margin:10px 10px 0 0; } .p_galeria ul.galeria li img{ width:235px; height:160px; } .p_galeria ul.galeria li h2{ font-size:13px; line-height:23px;} .p_galeria ul.galeria li:last-child{ margin:10px 0 0 0; } .p_galeria ul.banner li img{ width:245px; height:160px;} .p_galeria ul.banner{ width:340px; height:210px; float:left; margin:0; } .p_galeria ul.banner li{ width:165px; height:100px; float:left; margin:0 10px 10px 0;} .p_galeria ul.banner li img{ width:165px; height:100px;} .p_galeria ul.banner li:nth-child(2n+2){ margin:0 0 10px 0; } /*BANNER*/ #p_banner ul li{width:calc(50% - 5px) !important;height:98px!important;} /*GALERIA VIDEO BANNER*/ .b_galeria{ height:220px;} .b_galeria .top {width: 57.9%; } .b_galeria ul.galeria{ width:480px; height:auto; overflow: hidden; margin-right:10px; float:left;} .b_galeria ul.galeria li{width:233px;height: 160px;float: left;margin: 10px 10px 0 0; } .b_galeria ul.galeria li img{width: 100%;height: 100%;} .b_galeria ul.galeria li:last-child{ margin:10px 0 0 0; } .b_galeria ul.banner{ width:396px; height:246px; float:left; margin:0;} .b_galeria ul.banner li{ width:193px; height:118px; float:left; margin:0 10px 10px 0;} .b_galeria ul.banner li img{ width:193px; height:118px;} .b_galeria ul.banner li:nth-child(2n+2){ margin:0 0 10px 0; } .b_galeria ul.banner li img{ width:245px; height:160px;} .b_galeria ul.banner{ width:340px; height:210px; float:left; margin:-40px 0 0 0; } .b_galeria ul.banner li{ width:165px; height:100px; float:left; margin:0px 10px 10px 0px;} .b_galeria ul.banner li img{ width:165px; height:100px;} .b_galeria ul.banner li:nth-child(2n+2){ margin:0px 0px 10px 0px; } .p_uteis .barra h1{ width:830px; height:40px; line-height:40px;font-size:16px;} .p_uteis ul { width:830px;} .p_uteis ul li { width:403px; font-size:13px;} .p_uteis ul li:nth-child(3n+3){ margin:0px 20px 0px 0px;} .p_uteis ul li:nth-child(2n+2){ margin:0px 0px 0px 0px;} footer#rodape .contato{float:right!important;} footer#rodape ul{ width:400px; height:auto;float:left; margin:0px 0px 0px 0px; } footer#rodape ul:nth-child(2n+2){ margin:0px 30px 0px 0px;} footer#rodape ul:last-child{ margin:0px 0px 0px 0px; } footer#rodape .direitos .h1{ color:#000000; font-size:12px; padding-left:10px; font-weight:600; } footer#rodape .direitos i{ position:absolute; width:83px; height:28px; top:13px; } footer#rodape .direitos i.icp-brasil{ background-position:0px -114px !important; right:105px;} footer#rodape .direitos i.w3c{ background-position:-86px -114px !important; right:10px;} footer#rodape .direitos i.procedebahia{ background-position:0px -75px !important; right:195px; width:95px; height:32px;} footer#rodape .direitos i.isistemas{ right:300px;} footer#rodape .contato{ margin:0px 30px 0px 0px;} /*DIVERSOS*/ #conteudo, footer#rodape{ min-width:850px;} #navega, #fixo, #noticias, #obras, #obras_listas, #diario_oficial, #galeria, #leitor_tela, #ouvidoria,#login_global,#login_global_recuperar, #ppa, #ouvidoria_formulario, #contato, #acesso, #acesso .informacao, #secretarias,#mapa_lei #paginas, #paginas .nav_pg, #secretaria_c, #audios, #turistas, #licitacoes,#transparencia{width:830px;} #cmd_foto{width:830px; height:246px; } #cmd_foto img{width:830px; height:246px;} /*FILTRO*/ #filtro input[type="text"]{ width:300px; } /*FILTRO DE BUSCA*/ #filtro_novo{ width:830px; font-size:14px; } #filtro_novo input[type="text"]{ width:550px; height:36px; line-height:24px;margin:3px 0px 10px; float:none;border: #C8C8C8 solid 1px; font-size:14px; padding:0px 5px; clear:both;} #filtro_novo ul{ width:auto; display:table;} #filtro_novo ul li { height:auto !important; float:left; padding-right:10px; clear: none !important;} #filtro_novo ul li ul li{ width:262px; float:left; } #filtro_novo input[type="submit"]{ position:absolute; top:117px; right:10px; float:none; height:38px;} /*FILTRO DE BUSCA*/ #filtro_publicacoes{ width:830px; font-size:14px; } #filtro_publicacoes input[type="text"]{ width:550px; height:36px; line-height:24px;margin:3px 0px 10px; float:none;border: #C8C8C8 solid 1px; font-size:14px; padding:0px 5px; clear:both;} #filtro_publicacoes ul{ width:auto; display:table;} #filtro_publicacoes ul li { height:auto !important; float:left; padding-right:10px; clear: none !important;} #filtro_publicacoes ul li ul li{ width:262px; float:left; } #filtro_publicacoes input[type="submit"]{ position:absolute; top:114px; right:12px; margin-top:0px; float:none; height:38px;} #filtro_publicacoes input[id="dataini"]{ width:114px; margin-right:0px !important;} #filtro_publicacoes input[id="datafim"]{ width:114px;} #filtro_publicacoes input[name="busca"]{ width:275px !important;} #filtro_publicacoes select{ width:134px; } /*REGISTROS*/ #nenhum_registro{ font-size:28px; padding:100px 0px; } /*BUSCA AVANÇADA*/ #lista_busca{ width:830px; height:auto; float:left; margin-left:0px; } #lista_busca ul li{ border-bottom: solid 2px #002142; width:830px; height:auto; overflow: hidden; float:left; margin:0px 0px 10px 0px; position:relative; } #lista_busca ul li .img{ height:149px; width:200px; } #lista_busca ul li img{ height:149px; width:200px; } #lista_busca h2{ padding:5px; font-size:15px;} #lista_busca strong{ padding:5px; font-size:15px;} #lista_busca h1{ font-size:20px; width:610px; padding:5px 0px 2px; margin:0px 8px;} #lista_busca .h1{ width:830px;} #lista_busca .soundcloud{ width:830px; border:0px; height:90px;} #lista_busca p{ width:610px; font-size:12px;line-height:115%;} /* NOTICIAS */ #noticias ul li{ width:404px; height:108px; } #noticias ul li .img{ height:108px; width:144px; } #noticias ul li img{ height:108px; width:144px; } #noticias h2{ font-size:10px; margin:0px;} #noticias strong{ font-size:10px;} #noticias h1{ font-size:15px; width:240px; } /*OBRAS*/ #obras ul{width:100%;} #obras h3, #obras_listas strong, #obras_listas h2{ font-size:12px; } #obras ul li {width:48%;} #obras ul li div .conteudo {width:72%;} #obras ul li div span {width:10%;} #obras ul li div h2 {width:85%;} #obras_listas ul li{ width:404px; height:108px; } #obras_listas ul li .img{ height:108px; width:144px; } #obras_listas ul li img{ height:108px; width:144px; } #obras_listas h2{ font-size:10px; margin:0px;} #obras_listas h1{ font-size:12px; width:240px; } #obras_listas strong{ font-size:10px; top:83px;} #obras_listas .barra{ top:83px; left:145px; width:213px; height:20px;} #obras_listas .barra span{ width:70px; left:75px; top:-1px; text-align:center; font-size:13px; } /*GALERIA DE FOTOS*/ #galeria li{width:264px; height:206px; margin:0px 15px 15px 0px; } #galeria li img { width:264px; height:206px; } #galeria li:nth-child(4n+4){ margin:0px 15px 15px 0px; width:264px;} #galeria li:nth-child(3n+3){ margin:0px 0px 15px 0px; width:265px;} #galeria li:nth-child(3n+3) img{ width:265px; } #galeria li:nth-child(4n+4) img{ width:264px; } #galeria h3{ padding:5px; font-size:11px;} #galeria h2{ width:295px;font-size:14px; padding:3px 5px;} /*OUVIDORIA*/ .estrutura_inicial .ouvidoria ul{display: grid } #ouvidoria blockquote{ width:400px;} #ouvidoria li{ width:396px; height:183px;} #ouvidoria li h3{ height:30px; font-size:14px; line-height:30px;} #ouvidoria li div{ position:absolute; top:45px; left:15px; width:138px; height:125px; } #ouvidoria li div img{ width:120px; height:120px; } #ouvidoria li h4{width:220px; height:125px; margin:10px; font-size:12px; } #ouvidoria li a{position:absolute; bottom:20px; right:20px; } /*LOGIN GLOBAL*/ #login_global blockquote{ width:400px;} #login_global li{ width:396px; height:232px;} #login_global li h3{ height:30px; font-size:14px; line-height:30px;} #login_global li div{ position:absolute; top:45px; left:15px; width:138px; height:125px; } #login_global li div img{ width:120px; height:120px; } #login_global li h4{width:220px; height:125px; margin:10px; font-size:14px; } .form{ width:800px; } #cmd_vereadores li{ width:190px; height:405px; margin:0px 20px 20px 0px; } #cmd_vereadores h2{ width:172px; height:35px;} #cmd_vereadores li div{width:190px; height:262px; } #cmd_vereadores li img{width:190px; height:262px; } #cmd_vereadores li:nth-child(5n+5){margin:0px 20px 20px 0px;} #cmd_vereadores li:nth-child(4n+4){margin:0px 0px 20px 0px;} /*ACESSO A INFORMAÇÃO*/ #acesso iframe{ width:820px !important;} #acesso .informacao blockquote{margin:25px 0px 0px; } #acesso .menu{ display:none; } #acesso .menu_rodape{ display:table;} #acesso .menu{ width:830px; margin-left:0px; float:none; margin-top:15px; } #acesso .menu h2{ font-size:18px; height:42px; line-height:42px; border-bottom:2px #00B22D solid; } #acesso .menu ul li i{ top:12px;} #acesso .menu ul li a{ font-size:12px; line-height:45px; height:41px; } #acesso .menu ul li a span{ top:13px;} #acesso .menu h2{ width:830px;color:#FFFFFF; font-size:21px; height:45px; line-height:45px; border-bottom:3px #00B22D solid; text-align:center; background:#444444;} #acesso .menu ul{ background: #EFEFEF; height:auto; width:auto; margin:10px;} #acesso .menu ul li{ width:auto; height:auto; border-bottom:1px solid #CCCCCC; position:relative;} #acesso .menu ul li i{ width:17px; height:17px; position:absolute; left:10px; top:13px; background-position:-175px -59px !important;} #acesso .menu ul li a{ font-size:14px; line-height:45px;padding:0px 0px 0px 35px;display:block;color: #002142;width:auto; height:44px; font-weight:600;} /*MENU*/ .menu-info{ display: none; } .menu-info-rodape{ display: block; width: calc(100% - 12px) !important; margin-top: 10px; margin-left: 0px; float: left;} .menu-info-rodape h2{font-size:25px; border-bottom:2px #00B22D solid; } .menu-info-rodape ul{ padding-left: 0px;} .menu-info-rodape ul li a{ font-size:15px; } .menu-info-rodape ul ul li a{font-size:14px;} #acesso_informacao_atendimento{width:830px; height:340px; background:#EFEFEF; border-radius:3px; position:relative; overflow:hidden; line-height:125%;} #acesso_informacao_atendimento h2{ width:830px; height:46px; background:#444444; border-bottom:3px solid #00B22D;line-height:46px; text-align:center ; font-size:22px; font-weight:bold; color:#FFFFFF;} #acesso_informacao_atendimento ul{ margin:18px 0px 0px 0px; } #acesso_informacao_atendimento h5{ width:830px; height:40px; margin-top:0px; line-height:40px; text-align:center; font-size:14px; clear:both; font-weight:600;} #acesso_informacao_atendimento h5 strong{ font-weight:bold;} #acesso_informacao_atendimento li{ float:left; width:250px; height:233px; margin:0px 0px 0px 18px; background: #FFFFFF; border:#FFFFFF 1px solid; list-style-type:none;} #acesso_informacao_atendimento li:hover{ border:#4A4848 1px solid;} #acesso_informacao_atendimento li h3{ width:233px; height:50px; line-height:50px; text-align:center ; font-size:17px; font-weight:700;} #acesso_informacao_atendimento li h4{ width:213px; height:30px; padding:0px 10px; text-align:center; font-size:13px;font-weight:600; } #acesso_informacao_atendimento li img{ width:120px; height:120px;margin:0px 55px 0px;} /*LINKS DE ACESSO A INFORMAÇÃO*/ .acesso_dados_abertos {height: 155px;} #acesso_informacao_links{width:832px;} #acesso_informacao_links li { width:378px; height:45px; line-height:45px; margin:0px 15px 10px 0px; font-size:15px;} #acesso_informacao_links li i{ top:15px;} /*DADOS ABERTOS*/ .acesso_dados_abertos li {float: left;width: 90px;height: 60px;margin: 0 0 0 10px;} .acesso_dados_abertos li img {width: 100%;height: 60px} /*BOTÕES*/ #acesso_informacao_botao{width:832px; } #acesso_informacao_botao li { width:164px; padding:0px 15px; height:150px; line-height:30px; margin:0px 15px 10px 0px; font-size:16px; } #acesso_informacao_botao li h2{ width:164px; height:40px; } #acesso_informacao_botao li img{ width:90px; height:90px; margin:0px 35px;} #acesso_informacao_botao li:nth-child(4n+4){ margin:0px 0px 10px 0px;} /*SECRETARIAS*/ #secretarias h1{ font-size:30px;} #secretarias li{ height:45px; width:404px; margin:0px 15px 0px 0px;} #secretarias li:nth-child(3n+3){ margin:0px 15px 0px 0px;} #secretarias li:nth-child(2n+2){ margin:0px;} #secretarias a{ font-size:17px;} /* SECRETARIA CONTEÚDO */ #secretaria_c li{ width:402px; height:70px;} #secretaria_c li:nth-child(3n+3){ margin:0px 20px 20px 0px;} #secretaria_c li:nth-child(2n+2){ margin:0px 0px 20px 0px;} #secretaria_c ul li h2{font-size:12px; } #secretaria_c ul li h1{ font-size:14px; width:298px;} #secretaria_c div, #secretaria_c div img{ width:97px; height:70px; } /*AUDIOS*/ #audios li{ width:403px; height:180px; margin:0px 18px 18px 0px; } #audios li h1{ width:403px; height:32px; line-height:32px; font-size:13px;} #audios li iframe{ width:403px; height:148px; } #audios li:nth-child(3n+3){ margin:0px 18px 18px 0px; } #audios li:nth-child(2n+2){ margin:0px 0px 18px 0px;} /* TURISTAS */ #turistas li{ margin:0px 18px 18px 0px; width:840px; height:165px; } #turistas li:nth-child(2n+2){ margin:0px 0px 18px 0px;} #turistas h2{ font-size:16px; width:840px; } #turistas div.img{ width:200px; height:150px; margin-bottom:18px; border-bottom:2px solid #002142;} #turistas div img{ width:200px; height:150px; } #turistas ul li span{ font-size:17px; width:610px;} /* LICITAÇÕES */ #licitacoes iframe{overflow:scroll; width:840px; height:450px;} /*PAINEL DIVERSOS*/ #painel_diversos ul li{width: 156px;height:125px;margin-bottom:10px;padding-bottom: 10px;} #painel_diversos ul li:nth-child(6){margin-left: 0;} #painel_diversos ul li.licitacoes i {margin: 0 auto;} #painel_diversos ul li.contratos i {margin: 0 auto;} #painel_diversos ul li.obras_publicas i {margin: 0 auto;} #painel_diversos ul li.atas_das_sessoes i {margin: 0 auto;} #painel_diversos ul li.indicacoes i {margin: 0 auto;} #painel_diversos ul li.projetos i {margin: 0 auto;} #painel_diversos ul li.dados_abertos i {margin: 0 auto;} #painel_diversos ul li.publicacoes i{margin: 0 auto;} #painel_diversos ul li.carta_servico i {margin: 0 auto;} #painel_diversos ul li.transporte_escolar i {margin: 0 auto;} #painel_diversos ul li.servidores i {margin: 0 auto;} #painel_diversos ul li.diarias_passagens i {margin: 0 auto;} #painel_diversos ul li.mapa_lei i {margin: 0 auto;} /*CONFIGURACAO MIDIA*/ #form_midia input[type="text"] {width:calc(100% - 10px);} #form_midia input[type="submit"]{font-size: 16px;color: #FFF;text-decoration: none;background: #002142;border: 1px #000001;height: 36px;padding-left: 20px;padding-right: 20px;float: left;font-weight: 600;width: 100%;margin-top: 10px;} /*CONFIGURACAO NOTICIAS*/ #barra_navegacao_midias nav li {width: 115px;} #opt_categoria{width: 20%;} #form_noticias input[type="text"] {width: calc(65% - 10px);} #form_noticias input[type="submit"]{font-size: 16px;color: #FFF;text-decoration: none;background: #002142;border: 1px #000001;height: 36px;padding-left: 20px;padding-right: 20px;float: left;font-weight: 600;} #barra_navegacao_midias {width:100%;} #barra_navegacao_midias nav{display: flex;flex-direction: row;justify-content: center;} /*SERVIDORES*/ #painel_superior{margin-bottom: 10px;} #painel_superior .matricula{width:15%;margin-right:10px;} #painel_superior .nome{width: 61.5%;} #painel_superior .tipo_servidor{width:calc(50.5% - 10px);} #painel_superior .cargo{width:50%;} #painel_superior .referencia{width:62%;} #painel_superior .botao{height:60px;transform:translateY(1);} /*BARRA DE NAVEGACAO*/ #barra_navegacao_midias{margin-top: 10px;min-height:100px;} #barra_navegacao_midias nav{width:100%} #barra_navegacao_midias nav ul {margin-left:20%;} #barra_navegacao_midias nav ul li {width:105px;margin-top: 10px;} /*DIARIAS E PASSAGENS*/ #painel_superior .empenho {width:calc(33.3% - 10px)} #painel_superior .datas {width: calc(33.3% - 10px)} #painel_superior .favorecido {width:99%;} #painel_superior .valores {width:calc(25% - 10px)} #painel_superior .orgao{width: calc(25% - 10px);margin-left:10px;} #painel_superior .botao input{padding-left: 65px;padding-right: 65px;} /*TRANSPARENCIA*/ #transparencia h1{ font-size: 20px; } #menu_transparencia{ top:10px; } #menu_transparencia ul li{ padding: 5px 28px 5px 10px; font-size: 11px; } /*AUDITORIAS*/ #painel_superior .titulo_auditoria{width:calc(35% - 10px)} /*CENTRALIZANDO O SEGUNDO MENU*/ .sem_sub-prefeitura{width:650px;} /*TOPO*/ #topo footer ul li div {width: 70%;} #topo footer ul li {height:70px;} /*NOTICIA*/ #container_noticias .bloco1{height:351.03px;} #container_noticias .bloco2{height: 350px;} #container_noticias .bloco2 .mini {height:170.5px;} #container_noticias .bloco1 .descricao a {padding-top: 65%;} #container_noticias .bloco3 .gride2 .noticias {min-height:170px;} #container_noticias .bloco1 .titulo {font-size: 25px;} #container_noticias .bloco1 .descricao a {font-size: 15px;} #container_noticias .bloco2 .mini .titulo {font-size: 20px;bottom: 50px;} #container_noticias .bloco2 .mini .descricao a {font-size: 14px;} #container_noticias .bloco1 .imgPrincipal, #container_noticias .bloco1 .imgPrincipal img{min-height: 410px;} #container_noticias .bloco3 .gride1 .noticiasImagem {min-height: 200px;} /*MENU*/ .estrutura-menu {min-height: 300px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu h1 {font-size: 22px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu .conteudo ul li {font-size: 12px;} /*GALERIA DE BANNER*/ .base-banner img {margin-left:40px;} /*ESTRUTURA ORANIZACIONAL*/ .bloco_estrutural .estrutura_inicial .conteudo .gride1 {width: calc(45% - 1px);} .bloco_estrutural .estrutura_inicial .conteudo .gride2 .portal{margin-left: 0;} /*NOTICIA RELACIONADA*/ #noticias_relacionadas ul li{width:263px;} /*NOTICIA NOVA INTERNA*/ #corpo_pagina .mais_noticias .bloco_noticia {width:100%!important;min-height:230px!important;} /*FOTOS*/ .estrutura_inicial .galeria_fotos ul li .imgPrincipal {max-height:131px;} .estrutura_inicial .galeria_fotos .iShowVideos {min-height:160px;} .estrutura_inicial .galeria_fotos {min-height: 245px;} /*COVID*/ #container_noticias .bloco_covid .painel ul li h3{font-size:30px;} .btn-mais-noticias a span {font-size: 15px;} .btn-mais-noticias img {padding-left: 15px;} #container_noticias .bloco_covid .painel ul li h4 {font-size: 13px;} /*LDO PPA*/ .estrutura_inicial .formulario_lo ul li:nth-child(19) {width: calc(100%);} .estrutura_inicial .formulario_lo ul li button {width: 50%;} /*CORONA_VIRUS PAINEL VER MAIS*/ #id01_modal .w3c-modal-content .w3-container .conteudo_modal ul{grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 50px);} /*CORONA VIRUS CDS -> PREFEITURAS*/ .estrutura_inicial .cabecalho_covid_cds span {font-size: 20px;margin-top:30px;} .estrutura_inicial .cabecalho_covid_cds form select {width:calc(100% - 115px);} /*OUVIDORIA*/ .estrutura_inicial .ouvidoria{min-height:270px;} .estrutura_inicial .ouvidoria ul{grid-template-columns: repeat(3, 1fr);gap: 20px} /*NOVO E-SIC*/ #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial form {padding: 10px 0 0 145px;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links {width: 225px;padding: 5px 0;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links a {font-size: 11px;} #new_e-sic .estrutura_inicial #e_sic .painel ul li a span {font-size: 14px;margin: 100px 0 0 10px;} /*CONTRATOS E AQUISICOES*/ .estrutura_inicial #contratos_covid .d-form li.fluter15 {width: calc(25% - 10px);} /*DIARIO NOVO*/ #diario_oficial .estrutura_diario .d_content .d-calendar #calendar tr td.bg-info a {padding: 10px;} /*NOVA GALERIA DE FOTOS*/ .estrutura_inicial .d-galeria-fotos #d-cmd_fotos{grid-template-columns: repeat(3,1fr)} } @media screen and (max-width: 870px) { /*GLOBAL*/ #conteiner_midia,.estrutura_inicial,#container_noticias,#vereadores,#noticias_relacionadas,#mapa_site,#conteiner_noticias, #obras_conteudo, .p_galeria,#painel_diversos,#atalhos2,#pagina_lei,#acesso_dados_abertos,.b_galeria, #p_banner, .p_uteis ul, footer nav, footer#rodape .direitos nav, #p_noticias, #pc_noticias, #transparencia{ width:680px; margin:auto; clear:both; } .base-banner{ width:667px;} /*CUSTOM*/ .swiper-slide h2{ line-height:25px; padding:8px 10px; font-size:21px; } .swiper-pagination-bullet{width:14px;height:14px;} /*NOVA NOTICIA*/ #p_noticias .bloco1 {width: 100%;margin-bottom: 10px} #p_noticias .bloco2 {width:100%;} #p_noticias .bloco2 .mini {width:calc(calc(100% - 50%) - 5px)} #p_noticias .bloco2 .mini:first-child{float: left; margin-right: 0} #p_noticias .bloco2 .mini:last-child{float:right} /*SITE*/ #topo{ min-height:650px; } #topo .acessibilidade{height:30px; } #topo .acessibilidade ul{ width:700px; } #topo .acessibilidade ul li{ margin:0px 5px 0px 0px; font-size:10px; line-height:30px;} #topo .acessibilidade ul li:last-child{ margin:0px 0px 0px 0px;} #topo header .acessibilidade{ display:none !important; } #topo .acessibilidade ul li i{ margin:3px 5px; } #topo .menu{ width:auto; height:45px; background:#002142; clear:both; overflow:hidden;} #topo .menu ul{ width:670px;} #topo .menu ul li{ margin:0px 27px 0px 8px; font-size:12px; line-height:45px;} #topo .menu ul li i{ margin:11px 0px;} #topo header{ height:220px; background:url(../img/degrade_left.png) repeat-x 0px -10px;} #topo header aside { width:700px; height:220px;} /*BUSCA*/ #topo header form { width:635px !important; height:39px; position:absolute;bottom:52px; right:40px; } #topo header input[type="search"]{ width:635px !important; height:39px; padding:0px 120px 0px 10px; opacity:0.8;} #topo header img { /*width:130px;*/ height:114px;} /*LOGO*/ #topo header a strong{ width:500px; height:120px; font-size:32px;} /*SEGUNDO MENU*/ #topo header aside nav li{ margin:0px 45px 0px 0px; font-size:13px;} #topo header aside nav li a{ font-size:13px;} #topo header aside nav li:last-child{ margin:0px 40px 0px 0px;} #topo footer{position: absolute; margin:auto; width:100% !important; height:236px;bottom:0px;} #topo footer ul{ width:700px; height:236px; margin:auto; background:#FFFFFF;} #topo footer ul li{ width:335px; height:108px; float:left;margin:10px 0px 0px 10px; } #topo footer ul li:nth-child(2n+2){width:335px;border: 0;} #topo footer ul li i{ top:3px; left:22px;} #topo footer ul li div{ width:70%;} #topo footer ul li div h2{ font-size:22px; padding:12px;} #topo footer ul li div h3{ font-size:16px; padding:0px 12px;} /*TOPO SEM FOTO*/ .topo_min {min-height:540px!important;} .atalhos-menu-camara {min-height: 100px;} .atalhos-menu-camara .estrutura_inicial ul li {min-height: 100px;} /*ATALHOS*/ #atalhos{margin:auto; width:100% !important; height:236px;bottom:0;} #atalhos ul{ width:700px; height:236px; margin:auto; background:#FFFFFF;} #atalhos ul li{ width:335px; height:108px; float:left; background:#002142; margin:0 0 0 10px; } #atalhos ul li:nth-child(2n+2){ width:335px; } #atalhos ul li i{ top:25px; left:22px;} #atalhos ul li div{ width:70%;} #atalhos ul li div h2{ font-size:22px; padding:12px;} #atalhos ul li div h3{ font-size:16px; padding:0 12px;} #atalhos ul li:nth-child(3){margin:10px 0 0 10px;} #atalhos ul li:last-child{margin:10px 0 0 10px;} /*ATALHOS2*/ #atalhos2{margin:auto; height:236px;bottom:0;} #atalhos2 ul{ width:100%; height:236px; margin:auto; background:#FFFFFF;} #atalhos2 ul li{ width:335px; height:108px; float:left; background:#002142; margin:0 0 0 10px; } #atalhos2 ul li:nth-child(2n+2){ width:335px; } #atalhos2 ul li i{ top:25px; left:22px;} #atalhos2 ul li div{ width:70%;} #atalhos2 ul li div h2{ font-size:22px; padding:12px;} #atalhos2 ul li div h3{ font-size:16px; padding:0 12px;} #atalhos2 ul li:nth-child(3){margin:10px 0 0 0;} #atalhos2 ul li:last-child{margin:10px 0 0 10px;} /*PRINCIPAL*/ #conteudo{width:100% !important; margin:auto; clear:both; display: table;background:#FFFFFF; position:relative; z-index:1;} #acesso ul, #acesso ol{ padding-left:18px; display:block;} #lista_busca_ferramentas {width:100%;float:left;margin-left:0} /*NOTICIAS*/ #container_noticias .bloco3 .gride2 .painel ul li i {left: 15px;} #p_noticias, #p_n_miniaturas, #pc_noticias{width:680px; height:320px; } #p_noticias #painel{ width:680px; height:418px;} #pc_noticias{ width:680px;height:667px; position: relative;} #pc_noticias ul{ width:680px; height:237px; margin:auto; background:#FFFFFF; clear:both;} #pc_noticias ul li{ width:335px; height:108px; float:left; clear:none; background:#002142; margin:0px 10px 10px 0px; } #pc_noticias ul li:nth-child(2n+2){ width:335px; margin:0px 0px 10px 0px;} #pc_noticias ul li i{ top:25px; left:22px;} #pc_noticias ul li div{ width:70%;} #pc_noticias ul li div h2{ font-size:22px; padding:12px;} #pc_noticias ul li div h3{ font-size:16px; padding:0px 12px;} #pc_noticias #painel{ width:680px; height:418px; clear:both; float:none; position:relative;} #p_noticias nav{ width:680px; height:80px; top:429px;} #p_noticias nav ul{ width:710px; height:73px;} #p_noticias nav li{ width:169px; height:80px; float:left; border-right:1px solid #FFFFFF; position:relative;} #p_noticias nav li:last-child{ border:0px;width:175px;} #p_noticias nav li i{ background: url(../img/icones.png) no-repeat; top:7px; left:calc(50% - 26px) !important;width:50px; height:50px;background-color: #002142;} #p_noticias nav li h2{ width:174px; top:57px; height:30px; font-size:12px; } #p_noticias nav li.foto i{background-position:-239px -250px !important;} #p_noticias nav li.video i{background-position:-290px -250px !important;} #p_noticias nav li.audio i{background-position:-341px -250px !important;} #p_noticias nav li.noticia i{background-position:-392px -250px !important;} #p_noticias .miniaturas{ width:680px; height:518px; position:absolute; top:530px; left:0px; float:left;} #p_noticias .miniaturas li{ width:220px; height:254px; } #p_noticias .miniaturas li:nth-child(3n+3){ width:220px;} #p_noticias .miniaturas li div{ height:157px;} #p_noticias .miniaturas li img{ width:220px; height:157px;} #p_noticias .miniaturas li p{font-size:13px;line-height:120%; } #p_noticias .miniaturas li span{ font-size:15px; line-height:120%;} /*noticias câmaras*/ #p_n_miniaturas { height:auto; display:table; } #p_n_miniaturas li{ width:335px; min-height:300px;} #p_n_miniaturas li:nth-child(3n+3), #p_n_miniaturas li:nth-child(6n+6){ width:335px; margin:0px 10px 10px 0px;} #p_n_miniaturas li:nth-child(2n+2){ width:335px; margin:0px 0px 10px 0px;} #p_n_miniaturas li div, #p_n_miniaturas li img{ width:333px; height:237px; } #p_n_miniaturas li p{font-size:15px; } #p_n_miniaturas li span{ font-size:16px; } /*MENU PRINCIPAL*/ #p_menu{ width:680px; height:390px; margin:auto; margin-bottom:10px;} #p_menu ul{ width:335px; height:390px; background:#F1F1F1; float:left; margin:0px 10px 0px 0px; } #p_menu ul:nth-child(2n+2) { width:335px; margin:0px; margin:0px 0px 10px 0px; } #p_menu h1{font-size:18px; } #p_menu ul li {font-size:14px; } /*GALERIA*/ .p_galeria{ width:680px; height:397px; } .p_galeria ul.galeria{ width:680px; height:278px; margin-bottom:10px;} .p_galeria ul.galeria li{ width:335px; height:220px; } .p_galeria ul.galeria li img{ width:335px; height:220px; } .p_galeria ul.galeria li h2{ font-size:14px; line-height:25px;} .p_galeria ul.banner{ width:680px; height:101px; float:left; margin:0px; } .p_galeria ul.banner li{ width:162px; height:101px; float:left; margin:0px 10px 10px 0px;} .p_galeria ul.banner li img{ width:162px; height:98px;} .p_galeria ul.banner li:nth-child(2n+2) img{ width:163px;} .p_galeria ul.banner li:nth-child(2n+2) { width:163px; margin:0px 10px 10px 0px; } .p_galeria ul.banner li:last-child{ margin:0px 0px 10px 0px;} #v_galeria ul.banner{ width:680px; height:101px; float:left; margin:0px; } #v_galeria ul.banner li{ width:162px; height:101px; float:left; margin:0px 10px 10px 0px;} #v_galeria ul.banner li img{ width:162px; height:98px;} #v_galeria ul.banner li:nth-child(2n+2) img{ width:163px;} #v_galeria ul.banner li:nth-child(2n+2) { width:163px; margin:0px 10px 10px 0px; } #v_galeria ul.banner li:last-child{display:block;margin:0px 0px 10px 0px;} #p_banner ul li{width:calc(50% - 5px) !important;height:80px!important;} /*GALERIA DE AUDIOS*/ .estrutura_inicial .galeria_audios ul{width: 680px;height: auto;margin-bottom: 10px;} .estrutura_inicial .galeria_audios ul li {width: 333px;height:185px;} .estrutura_inicial .galeria_audios ul li:nth-child(2n) {margin: 10px 0px 0px 0px;} /*GALERIA VIDEOS BANNER*/ .b_galeria{ width:680px; height:397px; } .b_galeria .top {width: 98.6%;} .b_galeria ul.galeria{width: 680px; height: 233px; margin-bottom: 10px;} .b_galeria ul.galeria li{ width:333px; height:220px; } .b_galeria ul.galeria li img{ width:335px; height:220px; } .b_galeria ul.galeria li h2{ font-size:14px; line-height:25px;} .b_galeria ul.banner{ width:680px; height:101px; float:left; margin:0px; } .b_galeria ul.banner li{ width:162px; height:101px; float:left; margin:0px 10px 10px 0px;} .b_galeria ul.banner li img{ width:162px; height:98px;} .b_galeria ul.banner li:nth-child(2n+2) img{ width:163px;} .b_galeria ul.banner li:nth-child(2n+2) { width:163px; margin:0px 10px 10px 0px; } .b_galeria ul.banner li:last-child{ margin:0px 0px 10px 0px;} .p_uteis ul {width:680px;} .p_uteis .barra h1{ width:680px; height:40px; line-height:40px;font-size:16px;} .p_uteis ul li { width:330px; font-size:13px;} footer#rodape{width:100% !important; margin:auto; clear:both; display: table; position:relative; z-index:1;} footer#rodape .direitos .h1{ font-size:9px; padding-left:0px; } footer#rodape .direitos { height:54px;} footer#rodape .direitos i.icp-brasil{ background-position:0px -114px !important; right:90px;} footer#rodape .direitos i.w3c{ background-position:-86px -114px !important; right:0px;} footer#rodape .direitos i.procedebahia{ background-position:0px -75px !important; right:180px; width:95px; height:32px;} footer#rodape .direitos i.isistemas{ right:280px;} footer#rodape .contato{float:right!important; margin:0px 20px 0px 0px;} footer#rodape ul{ width:330px; height:auto; float:left; margin:0px 0px 0px 0px;} footer#rodape ul:nth-child(2n+2){ margin:0px 20px 0px 0px;} footer#rodape ul:last-child{ margin:0px 0px 0px 0px; } /*DIVERSOS*/ #conteudo, footer#rodape{ min-width:700px;} #navega, #fixo, #noticias, #obras, #obras_listas, #filtro, #diario_oficial, #galeria, #leitor_tela, #ouvidoria,#login_global,#login_global_recuperar, #ppa, #ouvidoria_formulario, .form, #contato, #acesso, #acesso .informacao, #secretarias,#mapa_lei, #paginas, #paginas .nav_pg, #secretaria_c, #audios, #turistas, #licitacoes{width:680px;} #cmd_vereadores li{ width:210px; height:425px; margin:0px 20px 20px 0px; } #cmd_vereadores h2{ width:192px; height:35px;} #cmd_vereadores li div{width:210px; height:288px; } #cmd_vereadores li img{width:210px; height:288px; } #cmd_vereadores li:nth-child(4n+4){margin:0px 20px 20px 0px;} #cmd_vereadores li:nth-child(3n+3){margin:0px 0px 20px 0px;} /*FILTRO*/ #filtro input[type="text"]{ width:285px; } /*FILTRO DE BUSCA*/ #filtro_novo{ width:680px; } #filtro_novo input[type="text"]{ width:400px; height:36px; font-size:14px;} #filtro_novo ul{ width:auto; clear:both; } #filtro_novo ul li { height:30px; } #filtro_novo ul li ul li{ width:325px; } #filtro_novo input[type="submit"]{ top:118px; right:10px; height:37px;} #filtro_publicacoes{ width:680px; } #filtro_publicacoes input[type="text"]{ width:400px; height:36px; font-size:14px;} #filtro_publicacoes ul{ width:auto; clear:both; } #filtro_publicacoes ul li { height:30px; } #filtro_publicacoes ul li ul li{ width:325px; } #filtro_publicacoes input[type="submit"]{right:10px; top:114px; height:37px;} #filtro_publicacoes input[id="dataini"]{ width:114px; margin-right:0px;} #filtro_publicacoes input[id="datafim"]{ width:114px;} #filtro_publicacoes input[name="busca"]{ width:275px !important;} #filtro_publicacoes input[id="dataini"]{ width:80px; margin-right:0px;} #filtro_publicacoes input[id="datafim"]{ width:80px;} #filtro_publicacoes input[name="busca"]{ width:210px !important;} #filtro_publicacoes select[name="opt_formato"]{ width:120px !important;} /*BUSCA AVANÇADA*/ #lista_busca{ width:680px; } #lista_busca ul li{ width:680px; } #lista_busca ul li .img{ height:149px; width:200px; } #lista_busca ul li img{ height:149px; width:200px; } #lista_busca h2{ padding:5px; font-size:14px;} #lista_busca strong{ padding:5px; font-size:15px;} #lista_busca h1{ font-size:20px; width:460px; padding:5px 0px 2px; margin:0px 8px;} #lista_busca .h1{ width:680px;} #lista_busca .soundcloud{ width:680px; border:0px; height:80px;} #lista_busca p{ width:460px; font-size:12px;line-height:115%;} /* NOTICIAS */ #noticias ul li{ width:680px; height:149px; margin:0px 0px 10px 0px; } #noticias ul li:nth-child(2n+2){ margin:0px 0px 10px 0px;} #noticias ul li .img{ height:149px; width:200px; } #noticias ul li img{ height:149px; width:200px; } #noticias h2{ font-size:16px;} #noticias strong{ font-size:16px;} #noticias h1{ font-size:26px; width:455px;} /*GALERIA DE FOTOS*/ #galeria li{width:214px; height:167px; margin:0px 15px 15px 0px; } #galeria li img { width:214px; height:167px; } #galeria li:nth-child(4n+4){ margin:0px 15px 15px 0px; width:214px;} #galeria li:nth-child(3n+3){ margin:0px 0px 15px 0px; width:214px;} #galeria li:nth-child(3n+3) img{ width:214px; } #galeria li:nth-child(4n+4) img{ width:214px; } #galeria h3{ padding:5px; font-size:10px;} #galeria h2{ width:295px;font-size:13px; padding:3px 5px;} /*OUVIDORIA*/ #ouvidoria { width:400px; margin-bottom:30px;} #ouvidoria blockquote{ width:400px;} #ouvidoria li{ width:679px; height:305px; margin:35px 0px 0px 0px;} #ouvidoria ul{ margin-bottom:30px;} #ouvidoria li:nth-child(2n+2){ margin:35px 0px 0px 0px;} #ouvidoria li h3{ height:50px; font-size:18px; line-height:50px;} #ouvidoria li div{ position:absolute; top:70px; left:20px; width:237px; height:214px; } #ouvidoria li div img{ width:220px; height:220px; } #ouvidoria li h4{width:385px; height:214px; margin:20px; font-size:21px; } #ouvidoria li a{position:absolute; bottom:20px; right:20px; } #ouvidoria img.telefone{ margin:30px 180px 0px; } .estrutura_inicial .conteudo_ouvidoria #corpo_pagina {grid-template-columns: repeat(3, 1fr);} /*LOGIN GLOBAL*/ #login_global { width:400px; margin-bottom:30px;} #login_global blockquote{ width:400px;} #login_global li{ width:679px; height:305px; margin:35px 0px 0px 0px;} #login_global ul{ margin-bottom:30px;} #login_global li:nth-child(2n+2){ margin:35px 0px 0px 0px;} #login_global li h3{ height:50px; font-size:18px; line-height:50px;} #login_global li div{ position:absolute; top:70px; left:20px; width:237px; height:214px; } #login_global li div img{ width:220px; height:220px; } #login_global li h4{width:385px; height:214px; margin:20px; font-size:21px; } #login_global img.telefone{ margin:30px 180px 0px; } /*FORMULARIO*/ .form li:nth-child(2n){ width:50%;} /*ACESSO A INFORMAÇÃO*/ #acesso iframe{ width:670px !important;} #acesso .menu{ width:680px; margin-left:0px;} #acesso .menu h2{ font-size:18px; width:680px; height:42px; line-height:42px; border-bottom:2px #00B22D solid; } #acesso .menu ul li i{ top:12px;} #acesso .menu ul li a{ font-size:12px; line-height:45px; height:41px; } #acesso .menu ul li a span{ top:13px;} .menu-info-rodape{ display: block; width: calc(100% - 12px) !important; margin-top: 10px; margin-left: 0px; float: left;} .menu-info-rodape h2{font-size:25px; border-bottom:2px #00B22D solid; } .menu-info-rodape ul{ padding-left: 0px;} .menu-info-rodape ul li a{ font-size:15px; padding: 11px 10px 9px 35px !important; display: flow-root !important; text-align: left !important; } .menu-info-rodape ul ul li a{font-size:14px; padding: 11px 10px 9px 15px !important;} #acesso_informacao_atendimento{width:680px; height:301px;} #acesso_informacao_atendimento h2{ width:680px; height:42px;line-height:42px; font-size:22px;} #acesso_informacao_atendimento ul{ margin:15px 0px 0px 0px; } #acesso_informacao_atendimento h5{ width:680px; font-size:12px; } #acesso_informacao_atendimento li{ float:left; width:205px; height:196px; margin:0px 0px 0px 15px; background: #FFFFFF; border:#FFFFFF 1px solid; list-style-type:none;} #acesso_informacao_atendimento li h3{ width:205px; height:50px; line-height:50px; font-size:14px; } #acesso_informacao_atendimento li h4{ width:195px; height:30px; padding:0px 5px; font-size:11px; } #acesso_informacao_atendimento li img{ width:105px; height:105px;margin:0px 50px 0px;} /*LINKS DE ACESSO A INFORMAÇÃO*/ #acesso_informacao_links{width:682px;} #acesso_informacao_links li { width:303px; height:40px; line-height:40px; margin:0px 15px 10px 0px; font-size:14px;} #acesso_informacao_links li i{ top:13px;} /*DADOS ABERTOS*/ .acesso_dados_abertos {height: 260px;} .acesso_dados_abertos li {float: left;width: 120px;height: 80px;margin: 10px 0 0 30px;} .acesso_dados_abertos li img {height: 80px;} /*BOTÕES*/ #acesso_informacao_botao{width:682px; } #acesso_informacao_botao li { width:127px; padding:0px 15px; height:137px; line-height:30px; margin:0px 15px 10px 0px; font-size:13px; } #acesso_informacao_botao li h2{ width:127px; height:40px; } #acesso_informacao_botao li img{ width:80px; height:80px; margin:0px 25px;} #acesso_informacao_botao li:nth-child(4n+4){ margin:0px 0px 10px 0px;} /*SECRETARIAS*/ #secretarias h1{ font-size:30px;} #secretarias li{ height:42px; width:330px; margin:0px 15px 0px 0px;} #secretarias a{ font-size:14px;} /* SECRETARIA CONTEÚDO */ #secretaria_c li{ width:328px; height:65px;} #secretaria_c li:nth-child(3n+3){ margin:0px 20px 20px 0px;} #secretaria_c li:nth-child(2n+2){ margin:0px 0px 20px 0px;} #secretaria_c ul li h2{font-size:12px; } #secretaria_c ul li h1{ font-size:13px; width:235px;} #secretaria_c div, #secretaria_c div img{ width:91px; height:65px; } /*AUDIOS*/ #audios li{ width:328px; height:180px; margin:0px 18px 18px 0px; } #audios li h1{ width:328px; height:32px; line-height:32px; font-size:13px;} #audios li iframe{ width:328px; height:148px; } #audios li:nth-child(3n+3){ margin:0px 18px 18px 0px; } #audios li:nth-child(2n+2){ margin:0px 0px 18px 0px;} /* TURISTAS */ #turistas li{ margin:0px 18px 18px 0px; width:680px; height:165px; } #turistas li:nth-child(2n+2){ margin:0px 0px 18px 0px;} #turistas h2{ font-size:16px; width:680px; } #turistas div.img{ width:200px; height:150px; margin-bottom:18px; border-bottom:2px solid #002142;} #turistas div img{ width:200px; height:150px; } #turistas ul li span{ font-size:16px; width:410px;} /* LICITAÇÕES */ #licitacoes iframe{ border:0px; overflow:scroll; width:680px; height:450px;} /* OBRAS */ #obras_listas ul li{ width:680px; height:149px; margin:0px 10px 10px 0px; } #obras_listas ul li:nth-child(2n+2){ margin:0px 0px 10px 0px;} #obras_listas ul li .img{ height:149px; width:200px;} #obras_listas ul li img{ height:149px; width:200px; } #obras_listas h2{ margin:0px 3px; font-size:14px;} #obras_listas strong{ padding:5px; font-size:14px; top:119px; right:0px;} #obras_listas h1{ color:#333333; padding-top:5px;font-size:18px; line-height:110%; text-align:left; float: left;margin:0px 8px 7px; width:460px;} #obras_listas .barra{ width:426px; height:23px;color:#000000; font-size:15px; margin:0px 8px; top:120px; left:200px;} #obras_listas .barra span{ z-index:99; position:absolute; width:150px; left:142px; text-align:center;} #obras_listas .barra .bar{border-radius: 3px; height:100%; color:#000000; font-weight:bold; text-align:center; background:#00B22D; position: absolute;animation: progress-animation 6s infinite;} /*CONTATO*/ #contato .form li:nth-child(1), #contato .form li:nth-child(6), #contato .form li:nth-child(7){ width:660px !important;} #contato .form li:nth-child(2), #contato .form li:nth-child(3), #contato .form li:nth-child(4), #contato .form li:nth-child(5){ width:325px !important; } /*OUVIDORIA*/ .estrutura_inicial .painel-ouvidoria .desktop{display: none} .estrutura_inicial .painel-ouvidoria .mobile{display: block} #ppa .form ul:nth-child(2) li:nth-child(2){ width:155px !important;} #ppa .form ul:nth-child(2) li:nth-child(3){ width:339px !important;} #ppa .form ul:nth-child(2) li:nth-child(4), #ppa .form ul:nth-child(2) li:nth-child(5){ width:155px !important;} #ppa .form ul:nth-child(2) li:nth-child(6){ width:339px !important;} #ppa .form ul:nth-child(2) li:nth-child(7){ width:80px !important;} #ppa .form ul:nth-child(2) li:nth-child(8){ width:230px !important;} #ppa .form ul:nth-child(2) li:nth-child(9){ width:230px !important;} #ppa .form ul:nth-child(2) li:nth-child(10){ width:65px !important;} #ppa .form ul:nth-child(2) li:nth-child(11){ width:95px !important;} #ppa .form ul:nth-child(2) li:nth-child(12){ width:249px !important;} #ppa .form ul:nth-child(3) li{ width:330px !important;} #ppa .form2 li:nth-child(1), #ppa .form2 li:nth-child(2){ width:160px !important;} #ppa .form2 li:nth-child(3){ width:665px !important;} #ppa .form2 li:nth-child(4){ width:675px !important;} #ppa .form2 li:nth-child(5), #ppa .form2 li:nth-child(6), #ppa .form2 li:nth-child(7), #ppa .form2 li:nth-child(8), #ppa .form2 li:nth-child(9), #ppa .form2 li:nth-child(10){ width:330px !important;} #ppa .form2 ul:nth-child(2) li:nth-child(1) { width:330px !important;} #busca_avancada li{ float:left; padding:5px 10px; width:calc(33% - 20px); font-size:13px; opacity:0.9;} /*PAINEL DIVERSOS*/ #painel_diversos{padding-bottom: 10px;} #painel_diversos ul li {width: 126px;} /*CONFIGURACAO NOTICIAS*/ #form_noticias input[type="text"] {width: calc(62% - 10px);} /*SERVIDORES*/ #painel_superior .matricula{width:30%;margin-right:10px;} #painel_superior .nome{width:67%;margin-right: 0;} #painel_superior .tipo_servidor{width:35%;} #painel_superior .locacao{margin-left: 0;width:32%} #painel_superior .cargo{width:31%} #painel_superior .cargo select{width:100%;margin-right: 0} #painel_superior .referencia{width:54%;} #painel_superior .botao{height:60px;transform:translateY(1);} .iprint {right: 5px;} .ipdf {right: 45px!important;} .tg td { padding:0; } .tg th { padding:0; } /*DIARIAS*/ #painel_superior .empenho {width:30%;} #painel_superior .datas {width:33%;} #painel_superior .favorecido {width: calc(100% - 10px);margin-left: 0;} #painel_superior .valores {width: 20%;} #painel_superior .orgao {width: calc(60% - 10px);margin-left: 10px;} #painel_superior .unidade{width:100%;} #painel_superior .acao{width:100%} #painel_superior .acao .btn_width_90{width: calc(100% - 10px);} .tg {font-size: 12px;} /*TRANSPARÊNCIA*/ #transparencia .tp{ width: 100% !important; min-height: 220px; } #transparencia .tp div{ width: 274px !important; height:calc(100%) !important; background: #FFFFFF; border: 1px #B3B6B8 solid; border-radius: 5px; position: absolute; top: 0px; left:0px; margin: 0px;} #transparencia .tp ul{ width: calc(100% - 325px) !important; float: right; min-height: 180px;} #transparencia .tp ul li{ font-size: 13px; line-height: 24px;} #transparencia .tp h2{ top: 32px; left:78px; font-size: 25px; } #transparencia .tp span{ top: 90px; left:20px; font-size: 14px; width: calc(100% - 40px) !important; } #transparencia .tp h3{ font-size: 12px; } /*DIARIAS E PASSAGENS*/ #painel_superior .empenho {width:calc(100% - 10px);} #painel_superior .datas {width: calc(50% - 10px);} #painel_superior .valores {width: calc(50% - 10px);} #painel_superior .orgao{width: calc(100%);margin-left:0px;} /*TRANSPARENCIA*/ #transparencia h1{ font-size: 25px; padding: 50px 0px 10px; } #menu_transparencia ul li{ padding: 5px 41px 5px 10px; font-size: 13px; } /*AUDITORIAS*/ #painel_superior .cod_auditoria{width:calc(100% - 10px)} #painel_superior .titulo_auditoria{width:calc(100% - 10px)} /*CENTRALIZANDO O SEGUNDO MENU*/ .sem_sub-prefeitura{width:500px;} /*NOTICIAS*/ #container_noticias .bloco2 .mini .titulo {width: calc(100% - 12px);bottom: 50px;} #container_noticias .bloco3 .gride1 .noticiasImagem {min-height: 190px;} /*MENU*/ .estrutura-menu {min-height: 655px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu{width:calc(50% - 30px);float: left;} .estrutura-menu .estrutura_inicial .navbar-fix .bm-empresa{width:calc(55% - 30px);} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu h1 {font-size:28px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu .conteudo ul li {font-size: 16px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu {margin-bottom: 10px;} .estrutura-menu .estrutura_inicial .navbar-fix {display: inherit;} .estrutura-menu .estrutura_inicial .navbar-fix .bm-empresa {margin-bottom: 50px;} /*FOTOS*/ .estrutura_inicial .galeria_fotos ul li{width: calc(50% - 10px);} .estrutura_inicial .galeria_fotos ul li:nth-child(1){margin-bottom:0} .estrutura_inicial .galeria_fotos ul li:nth-child(2){margin-bottom:0} .estrutura_inicial .galeria_fotos ul li:nth-child(3){margin-left:0;margin-top:0} .estrutura_inicial .galeria_fotos ul li:nth-child(4){margin-top:0} .estrutura_inicial .galeria_fotos ul li .legenda{min-height:42px;} .gfMini{min-height:300px!important;} /*ESTRUTURA ORGANIZACIONAL*/ .bloco_estrutural {min-height:830px;display: table-footer-group;} .bloco_estrutural .estrutura_inicial .topo {height: 350px;} .bloco_estrutural .estrutura_inicial .topo h1{width:100%;} .bloco_estrutural .estrutura_inicial .topo .img_principal{margin-left:0;} .bloco_estrutural .estrutura_inicial .topo h2 {width: 70%;} .bloco_estrutural .estrutura_inicial .conteudo .gride1 {width: calc(37% - 1px);min-height: 480px;} .bloco_estrutural .estrutura_inicial .conteudo .gride2 {width: calc(60% - 1px);min-height: 450px;} /*RODAPE*/ #rodape .entidade {min-height:350px;} #rodape .entidade .bloco2{width:100%} /*NOTICIA RELACIONADA*/ #noticias_relacionadas ul li{width:320px;} #noticias_relacionadas ul li:nth-child(2n) {margin: 0px 0px 20px 0px;} #noticias_relacionadas ul li:nth-child(3n) {margin: 0px 20px 20px 0px;} /*NOTICIAS NOVA*/ #container_noticias .bloco1 .titulo {font-size: 40px;} #container_noticias .bloco1 .descricao a {font-size: 25px;} #container_noticias .bloco2 .mini .titulo {font-size: 27px;} #container_noticias .bloco2 .mini .descricao a {font-size: 20px;} #container_noticias .bloco2 .mini .titulo {bottom: 60px;} #container_noticias {height:1155px;margin-top:10px} #container_noticias .bloco1{width: 100%; margin-right: 0;margin-bottom:10px;height:582.19px;} #container_noticias .bloco2{width:100%;min-height:576px;margin-bottom:10px;} #container_noticias .bloco2 .mini{width: 100%;} #container_noticias .bloco2 .mini:first-child{float:left;} #container_noticias .bloco2 .mini:last-child{float:right;} #container_noticias .bloco2 .mini .descricao {height:50px;} #p_noticias nav {width: 680px;height: 80px;top: 600px;} #container_noticias .bloco2 .mini {height: 283px;} #container_noticias .bloco1 .imgPrincipal, #container_noticias .bloco1 .imgPrincipal img{min-height: 680px;} /*PAINEL*/ #painel_diversos ul li {height: 145px;margin-bottom: 0;} /*FOTOS*/ .estrutura_inicial .galeria_fotos {min-height: 615px;} .estrutura_inicial .galeria_fotos ul li .imgPrincipal {max-height:217px;} .estrutura_inicial .galeria_fotos .iShowVideos {min-height: 500px;} /*COVID*/ #container_noticias .bloco_covid .painel ul {grid-template-columns: 1fr 1fr ;} #container_noticias .bloco_covid .painel ul li h3 {font-size: 40px;} .btn-mais-noticias img{padding-right: 15px;} #container_noticias .bloco_covid .painel ul li h4 {font-size: 16px;} /*PAINEL CONFIGURAVEL COVID*/ .painel_configuravel_adicional .estrutura_inicial .painel_cabecalho {min-height: 75px;} .painel_configuravel_adicional .estrutura_inicial .painel_cabecalho h1 {font-size: 30px;} /*PROCESSO SIMPLIFICADO*/ .estrutura_inicial .processo_simplificado .apresentacao .container_ps {height: 700px;} .estrutura_inicial .processo_simplificado{width: 90%; margin: 0 auto;min-height: 300px} .estrutura_inicial .processo_simplificado ul{width: 100%} .estrutura_inicial .processo_simplificado ul li label{font-size:10px} .estrutura_inicial .processo_simplificado ul li #termo_uso{width: calc(10% - 25px)!important;} /*BOTOES COVID RECEITA DESPESA*/ .estrutura_inicial .receitas-despeas-covid .tp {width:100%!important;} /*CORONA VIRUS RECEITAS E DESPESAS*/ #conteiner_midia .covid_receitas_despesas ul li:nth-child(1){width:100%;} #conteiner_midia .covid_receitas_despesas ul li:nth-child(2){width:100%;} #conteiner_midia .covid_receitas_despesas ul li:nth-child(3){width:50%;} #conteiner_midia .covid_receitas_despesas ul li:nth-child(4){width:50%;} #conteiner_midia .covid_receitas_despesas ul li:nth-child(5){width:30%;} /*GALERIA DE BANNER*/ .base-banner img {margin-left: 18px;} /*CORONA VIRUS CDS -> PREFEITURAS*/ .estrutura_inicial .cabecalho_covid_cds {grid-template-columns: 1fr;} .estrutura_inicial .cabecalho_covid_cds span {font-size: 20px;margin-top:30px;} .estrutura_inicial .cabecalho_covid_cds .brasao_nome {justify-content: center;} /*NOVO E-SIC*/ #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links {top: -85px;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .banner_e_sic img {width: auto;height: auto;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial form {padding: 10px 0;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .banner_e_sic .title-header {width: 100%;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links-logado a {font-size: 25px;} #new_e-sic .estrutura_inicial .e-sic_conteudo {flex-direction: column;} #new_e-sic .estrutura_inicial .e-sic_conteudo .banner_right .mine {display: flex;flex-direction: column;margin-bottom: 30px;} #new_e-sic .estrutura_inicial .e-sic_conteudo .banner_right .mine a {margin: 0 auto} #new_e-sic .estrutura_inicial #e_sic .banner_full .desktop{display: none} #new_e-sic .estrutura_inicial #e_sic .banner_full .mobile{display: block} #new_e-sic .estrutura_inicial #e_sic .painel ul {grid-template-columns: repeat(2, 1fr);grid-row-gap: 20px} #new_e-sic .estrutura_inicial #e_sic .painel ul li a span {font-size: 20px;margin: 160px 0 0 10px;} /*TRANSPARENCIA*/ #transparencia .banners .desktop{display: none} #transparencia .banners .mobile{display: block} #transparencia .banners .mobile img{width: calc(100% - 10px)} #transparencia .banners .desktop img{width: calc(100% - 10px)} /*VACINOMETRO*/ .painel_vacinometro ul {grid-template-columns: repeat(1, 1fr);column-gap: 10px;grid-row-gap: 10px} /*CONTRATOS E AQUISICOES*/ .estrutura_inicial #contratos_covid .d-form li.fluter20 {width: calc(40% - 10px);} .estrutura_inicial #contratos_covid .d-form li.fluter15 {width: calc(30% - 10px);} /*VEREADORES*/ #fixo #vereadores {grid-template-columns: repeat(2,1fr);} /*DIARIO NOVO*/ #diario_oficial .estrutura_diario {width: 100%;} /*NOVA PUBLICACAO*/ .global-export img {width: 35px;} /*NOVO VEREADORES*/ .estrutura_inicial #d-vereadores ul{grid-template-columns: repeat(2, 1fr);} /*NOVO CADASTRO FORNECEDORES*/ .estrutura_inicial #cadastro_fornecedor .apresentacao .nav ul {grid-template-columns: repeat(2, 1fr);} .estrutura_inicial #cadastro_fornecedor ul.files {grid-template-columns:1fr;} .estrutura_inicial #cadastro_fornecedor .autenticar #auth {width: 75%;} .estrutura_inicial #cadastro_fornecedor #miniModalRequest tr td{padding: 10px} /*NOVA LISTAGEM DE VACINAS*/ .painel_vacinometro_publico ul {grid-template-columns: repeat(2, 1fr);} /*NOVO GALERIA DE FOTOS IMAGEM*/ .estrutura_inicial #corpo_pagina .d-galeria-imgs {grid-template-columns: repeat(2,1fr);} /*NOVO SERVICOS*/ .estrutura_inicial #servicos{flex-wrap: wrap} .estrutura_inicial #servicos .menu, .estrutura_inicial #servicos .list {width:100%;} .estrutura_inicial #servicos .list .content-block{padding: 0} .estrutura_inicial #servicos .list .content-block .tg th, .estrutura_inicial #servicos .list .content-block .tg td {padding: 10px; } /*BUSCA AVANCADA TRANSPARENCIA*/ #transparencia .title {flex-wrap: wrap;row-gap: 10px;} #transparencia .linha {margin-top: 20px;} /*NOVO PROCESSO SIMPLIFICADO*/ .estrutura_inicial #processo_simplificado .join {flex-direction: column;} .estrutura_inicial #processo_simplificado .join {flex-direction: column;} } @media screen and (max-width: 768px) { #botao_respansivo{ width:42px; height:auto !important; position:absolute; top:75px; right:15px; z-index:3; display:block;} /* menu icon */ #topo .menu-icon { cursor: pointer; display: inline-block; float: right; padding: 28px 20px; position: relative; user-select: none;} #topo .menu-icon .navicon { background: #333; display: block; height: 3px; position: relative; transition: background .2s ease-out; width: 28px;} #topo .menu-icon .navicon:before, #topo .menu-icon .navicon:after { background: #333; content: ''; display: block; height: 100%; position: absolute; transition: all .3s ease-out; width: 100%;} #topo .menu-icon .navicon:before { top: 10px} #topo .menu-icon .navicon:after { top: -10px;} /* menu btn */ #topo .menu-btn { display: none;} #topo .menu-btn:checked ~ .menu-icon .navicon { background: transparent;} #topo .menu-btn:checked ~ .menu-icon .navicon:before { transform: rotate(-45deg);} #topo .menu-btn:checked ~ .menu-icon .navicon:after { transform: rotate(45deg);} #topo .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before, #topo .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after { top: 0;} /*TOPO CAMARA*/ .atalhos-menu-camara .estrutura_inicial ul {grid-template-columns: repeat(2, 1fr);} #vereadores,#noticias_relacionadas{width:calc(100% - 20px) !important; margin:auto; clear:both;} /*GLOBAL*/ #conteiner_midia,.estrutura_inicial,#mapa_site, #obras_conteudo, #conteiner_noticias,.p_galeria,#painel_diversos, #pagina_lei,.b_galeria, #p_banner, .p_uteis ul, footer nav, footer#rodape .direitos nav, #p_noticias, #pc_noticias{/*width:100% !important;*/ margin:auto; clear:both; } /*CUSTOM*/ .swiper-slide h2{ line-height:25px; padding:8px 10px; font-size:21px; } .swiper-pagination-bullet{width:14px;height:14px;} /*SITE*/ #topo{ width:auto !important; min-height:840px; min-width: 320px;} .diversos{ min-height: 520px !important;} #topo .acessibilidade{height:30px; position:absolute; top:50px; left:0px; display:none;} #topo .acessibilidade ul{ width:100% !important; } #topo .acessibilidade ul li{ margin:0px 5px 0px 0px; font-size:10px; line-height:30px;} #topo .acessibilidade ul li:last-child{ margin:0px 0px 0px 0px;} #topo .acessibilidade ul li i{ margin:3px 5px; } #topo .acessibilidade .preto{ margin-top: 9px; } #topo .menu{ width:auto; height:45px; background:#002142; clear:both; overflow:hidden; position:absolute; top:50px; left:0px; display:block;} #topo .menu ul{ width:700px;} #topo .menu ul li{ margin:0px 27px 0px 8px; font-size:12px; line-height:45px;} #topo .menu ul li i{ margin:11px 0px;} #topo header{ width:100% !important;height:200px; background:url(../img/degrade_left.png) repeat-x 120px -20px; } #topo header aside { width:90% !important; padding:0px 20px; height:200px;} /*BUSCA*/ #topo header form { width:100% !important; height:39px; position:absolute;bottom:35px; right:0px; } #topo header input[type="search"]{width:100% !important; height:50px; padding:0px 120px 0px 10px; opacity:0.8; font-size:16px;} #topo header a.filtro{ right:45px; top:17px; font-size:15px; } #topo header a.filtro i{ right:80px; top:1px; } #topo header input[type="submit"]{ right:10px; top:14px;} /*TOPO SEM FOTO*/ .topo_min {min-height:490px!important;} /*LOGO*/ #topo header img { max-width:280px; max-height:110px; width: auto; height: auto; margin: auto; position: absolute; top: 0; left: 0;} #topo header a strong{ width:500px; width:100% !important; height:120px; font-size:32px; } /*SEGUNDO MENU*/ #topo header aside nav { width:100% !important; margin:auto !important; right:0%; display:none;} #topo header aside nav li{ margin:0px 57px 0px 0px; font-size:13px;} #topo header aside nav li a{ font-size:13px;} #topo header aside nav li:last-child{ margin:0px 0px 0px 0px;} #topo footer{position: absolute; margin:auto; width:auto !important; height:237px;bottom:0px; } #topo footer ul{ width:auto !important; height:472px; margin:auto; background:#FFFFFF; padding-right:10px;} #topo footer ul li{ width:calc(50% - 15px) !important; height:108px; float:left;margin:10px 0px 0px 10px; } #topo footer ul li:nth-child(2n+2){ width:calc(50% - 10px) !important; } #topo footer ul li i{top: -4px;left:0px;} #topo footer ul li div{ width:75% !important;} #topo footer ul li div h2{ font-size:20px; padding:12px;} #topo footer ul li div h3{ font-size:16px; padding:0px 12px;} /*ATALHOS*/ #atalhos{margin:auto; width:auto !important; height:237px;bottom:0; } #atalhos ul{ width:auto !important; height:472px; margin:auto; background:#FFFFFF; padding-right:10px;} #atalhos ul li{ width:calc(50% - 10px) !important; height:108px; float:left; background:#002142; margin:0 0 0 10px; } #atalhos ul li:nth-child(2n+2){ width:calc(50% - 10px) !important; } #atalhos ul li i{ top:25px; left:10px;} #atalhos ul li div{ width:75% !important;} #atalhos ul li div h2{ font-size:20px; padding:12px;} #atalhos ul li div h3{ font-size:16px; padding:0 12px;} /*ATALHOS2*/ #atalhos2{margin:auto; width:auto !important; height:237px;bottom:0; } #atalhos2 ul{ width:auto !important; height:auto; margin-left: 10px; background:#FFFFFF; bottom:10px;} #atalhos2 ul li{ width:calc(50% - 10px) !important; height:108px; float:left; background:#002142; margin:10px 0 0 10px; } #atalhos2 ul li:nth-child(2n+2){ width:calc(50% - 10px) !important; } #atalhos2 ul li i{ top:25px; left:10px;} #atalhos2 ul li div{ width:75% !important;} #atalhos2 ul li div h2{ font-size:20px; padding:12px;} #atalhos2 ul li div h3{ font-size:16px; padding:0 12px;} /*MENU RESPANSIVO*/ #topo{ height:1200px; height:400px; padding-top:35px;} #topo header{ width:100% !important;height:230px; background:url(../img/degrade_left.png) repeat-x 0px 0px; position: absolute; z-index:1; } /*background:url(../img/menu.png) repeat-x;*/ #topo aside{ z-index: inherit;} #topo .swiper-wrapper{ top:32px; } #topo .institucional{ width:calc(100%) !important; top: 305px; left:10px; bottom: inherit; z-index:99; display:none; position:absolute; height:auto !important;} #topo .institucional ul{ width:calc(100%) !important; height:auto !important; z-index:999; display:block; position:absolute; } #topo .institucional ul li{ width:auto; height:46px; line-height:46px; clear:both; margin: 0px 27px 0px 8px; font-weight:bold; color:#FFF;} #topo .institucional ul li:hover{ opacity:0.7;} #topo .institucional ul li:last-child{ margin: 0px 27px 0px 8px;} #topo .institucional ul li a{ color:#FFF; font-size:20px; } #topo .institucional ul li i{ width:20px; height:24px; margin:13px 0px; float:left; background-position:-168px 0px !important; } #topo .menu, #topo .acessibilidade{ display:none; position:absolute; z-index:1; height:auto !important;} #topo .acessibilidade, #topo .acessibilidade ul{ display:block; top:0px; width:100% !important; height:auto !important; background:none; } #topo .acessibilidade ul{ width:calc(100%) !important; height:35px !important; background:#fff; overflow:hidden;} #topo .acessibilidade ul li{font-size:13px; width:calc(25% - 15px) !important; margin:0px; padding:0px 0px 0px 15px;} #topo .acessibilidade ul li:nth-child(5), #topo .acessibilidade ul li:nth-child(6), #topo .acessibilidade ul li:nth-child(7){ top:225px; padding:0px 0px 0px 60px; z-index:999;} #topo .acessibilidade ul li:nth-child(5){ padding-left:80px; clear:both; } #topo .acessibilidade ul li:nth-child(7){ padding:185px 0px 0px 60px; width:calc(25% - 50px) !important;} #topo header .acessibilidade{ display:block !important; background:none; top:183px; margin:auto; z-index:0; } #topo header .acessibilidade ul{ background:none;} #topo header .acessibilidade ul li{font-size:13px; width:calc(33% - 50px) !important; margin:0px; padding:0px 0px 0px 50px;} #topo .menu{ width:100% !important; height:auto !important; top:255px;} #topo .menu ul{width:calc(100% - 20px) !important;} #topo .menu ul li, #topo .menu ul li:last-child{ clear:both; height:auto !important; font-size:20px; margin: 0px 27px 0px 8px; } #topo .menu ul li:nth-child(1){ margin-bottom:255px;} /*PRINCIPAL*/ #conteudo{width:100% !important; margin:auto; clear:both; display: table;background:#FFFFFF; position:relative; z-index:1;} /*PRINCIPAL*/ /*NOVA NOTICIA*/ /*LEI*/ #pagina_lei .titulo_lei,.conteudo_leis{padding-left: 10px } /*CARTA DE SERVICO*/ #acesso ul, #acesso ol{ padding-left:18px; display:block;} #lista_busca_carta{display:block;} #lista_busca_carta{ width:auto!important; height:auto; float:left; margin-left:20px;} #lista_busca_carta ul li{ border-bottom: solid 2px #002142; width:675px; height:auto; overflow: hidden; float:left; margin:0px 0px 10px 0px; position:relative; } #lista_busca_carta ul li .img{ height:135px; width:181px; } #lista_busca_carta ul li img{ height:135px; width:181px; } #lista_busca_carta h2{ padding:5px; font-size:15px; margin:0 3px;} #lista_busca_carta strong{ padding:5px; font-size:15px;} #lista_busca_carta h1{ font-size:18px; padding:5px 0 2px; margin:0 8px;} #lista_busca_carta .h1{ width:100%;} #lista_busca_carta p{ width:auto; font-size:12px;line-height:115%;} #lista_busca_carta_servico {width: auto!important;} /*NOTICIAS*/ #p_noticias, #p_n_miniaturas{width:auto !important; height:1050px; } /*BANNER*/ #pc_noticias{ margin:auto; width:calc(100% - 20px) !important; min-width:300px; height:auto !important; display:table; padding-bottom:10px; } #pc_noticias ul{ width:calc(100%) !important; min-width:300px; height:472px; margin:auto; background:#FFFFFF; padding-right:0;} #pc_noticias ul li{ width:100% !important; height:108px; float:left; background:#002142; margin:0 0 10px 0; } #pc_noticias ul li:nth-child(2n+2){ width:100% !important;margin:0 0 10px 0;} #pc_noticias ul li i{ top:25px; left:22px;} #pc_noticias ul li div{ width:85% !important;} #pc_noticias ul li div h2{ font-size:28px; padding:12px;} #pc_noticias ul li div h3{ font-size:22px; padding:0 12px;} #pc_noticias #painel .swiper-wrapper img, #pc_noticias #painel .swiper-wrapper{ max-width:680px; max-height:418px; width: 100% !important; height: auto !important;} #pc_noticias #painel{ max-width:680px; max-height:418px; width: auto !important; height: auto !important; margin:0px 0px; min-width:300px; overflow:hidden; } #p_noticias #painel{ position:relative; left:inherit; top:inherit; margin:0 0 10px 0; max-width:680px !important; max-height:418px; width: 100% !important; height: auto !important;} #p_noticias{min-width:300px; max-width:680px !important; width:calc(100% - 20px) !important; display:table;height: 555px} #p_noticias nav{ min-width:300px; width:calc(100%) !important; margin:0 0 10px 0; height:80px; top: inherit; position:relative; bottom:inherit } #p_noticias nav ul{ min-width:300px; width:calc(100%) !important; height:73px;} #p_noticias nav li{ width:calc(25% - 2px) !important; height:80px; float:left; border-right:1px solid #FFFFFF; position:relative;} #p_noticias nav li:last-child{ border:0;width:175px;} #p_noticias nav li i{ top:7px; left:calc(50% - 26px);} #p_noticias nav li h2{ width:100% !important; text-align:center; top:57px; height:30px; font-size:12px; } /*Notícias prefeituras*/ #p_noticias .miniaturas{ min-width:300px; width:calc(100%) !important; padding:0 0; display:table; height: auto !important; position: relative; top: inherit; left:inherit; float:left;} #p_noticias .miniaturas li{max-width: 700px;min-height: 145px;width: calc(50% - 5px) !important;height: auto !important; margin:0 10px 10px 0; } #p_noticias .miniaturas li:nth-child(3n+3){max-width: 700px;min-height: 145px;width: calc(50% - 5px) !important;height: auto !important; margin:0 10px 10px 0;} #p_noticias .miniaturas li:nth-child(2n+2){ margin:0 0 10px 0;} #p_noticias .miniaturas li div{ max-width: 700px;min-height: 100px;width: calc(100% - 2px) !important;height: auto !important; margin:0 0 10px 0;} #p_noticias .miniaturas li img{ width: calc(100%) !important; min-height: 100px;height: auto !important; -webkit-transform: scale3d(1, 1.03, 1); transform: scale3d(1, 1.03, 1);} #p_noticias .miniaturas li p{font-size:13px;line-height:120%; } #p_noticias .miniaturas li span{ font-size:15px; line-height:120%;} /*Notícias câmaras*/ #p_n_miniaturas { height:auto !important; display:table; } #p_n_miniaturas ul{ padding:0px 10px; width:auto !important; } #p_n_miniaturas li, #p_n_miniaturas li:nth-child(3n+3), #p_n_miniaturas li:nth-child(6n+6){ max-width: 700px;min-height: 145px;width: calc(50% - 5px) !important;height: auto !important; margin:0px 0px 10px 0px;} #p_n_miniaturas li:nth-child(2n+2){ margin:0 0 10px 10px;} #p_n_miniaturas li div, #p_n_miniaturas li img{ max-width: 700px;max-height: 475px; min-height: 100px;width: calc(100% - 2px) !important;height: auto !important;} #p_n_miniaturas li img{width: calc(100%) !important; min-height: 100px; -webkit-transform: scale3d(1, 1.03, 1); transform: scale3d(1, 1.03, 1);} #p_n_miniaturas li p{font-size:17px; } #p_n_miniaturas li span{ font-size:18px; } #p_n_miniaturas li a{ max-width: 700px; max-height: 700px; width: 100% !important; height: auto !important;} /*MENU PRINCIPAL*/ #p_menu{ width:auto !important; height:auto !important; display:table; padding:0px 10px; margin:auto; margin-bottom:0px;} #p_menu ul{ width:100% !important; height:auto !important; display:table; background:#F1F1F1; float:left; margin:0px 0px 10px 0px; } #p_menu ul:nth-child(2n+2) {width:100% !important; margin:0; margin:0 0 10px 0; } #p_menu h1{font-size:22px; } #p_menu ul li {font-size:18px; height:40px; line-height:40px; } /*GALERIA*/ .p_galeria{ width:auto !important; height:auto !important; display:table; } .p_galeria h1{ width:auto !important; height:48px; line-height:48px;padding-right: 10px; } .p_galeria ul.galeria{width:auto !important; height:100% !important; margin-bottom:10px; margin-right:0; padding:0 10px; } .p_galeria ul.galeria li{max-width: 700px;max-height: 450px;min-height: 190px;width: 100% !important;height: auto !important;} .p_galeria ul.galeria li img{max-width:100%;width:100% !important;height:auto;} .p_galeria ul.galeria li:nth-child(1){ max-height:50px; min-height: 50px; } .p_galeria ul.galeria li h2{ font-size:18px; line-height:30px;} .p_galeria ul.banner{ width:auto !important; height:auto !important; display:table; float:none; margin:0px; padding:0px 10px;} .p_galeria ul.banner li{ width:calc(50% - 5px) !important; height:auto !important; float:left; margin:0px 10px 10px 0px;} .p_galeria ul.banner li img, .p_galeria ul.banner li:nth-child(2n+2) img{max-width:100%; width:100% !important; height:auto; } .p_galeria ul.banner li:nth-child(2n+2) { width:calc(50% - 5px) !important; margin:0px 0px 10px 0px; } .p_galeria ul.banner li:last-child{ margin:0px 0px 10px 0px;} #p_banner{ width:auto !important; height:auto !important; display:table; padding:0px 10px; } /*GALERIA VIDEO BANNER*/ .b_galeria{ width:auto !important; height:auto !important; display:table; } .b_galeria .top {width: calc(100% - 20px);margin-left: 10px;margin-right: 10px;} .b_galeria h1{ width:auto !important;line-height:48px;padding-right: 10px;} .b_galeria ul.galeria{width:auto !important; height:100% !important; margin-bottom:10px; margin-right:0; padding:0 10px; } .b_galeria ul.galeria li{max-width: 700px;max-height: 450px;min-height: 190px;width: 100% !important;height: auto !important;} .b_galeria ul.galeria li img{max-width:100%;width:100% !important;height:auto;} .b_galeria ul.banner li:nth-child(1) {margin: 0 0 10px 0;} .b_galeria ul.galeria li h2{ font-size:18px; line-height:30px;} .b_galeria ul.banner{ width:auto !important; height:auto !important; display:table; float:none; margin:0; padding:0 10px;} .b_galeria ul.banner li{ width:calc(50% - 5px) !important; height:auto !important; float:left; margin:0 10px 10px 0;} .b_galeria ul.banner li img, .b_galeria ul.banner li:nth-child(2n+2) img{max-width:100%; width:100% !important; height:auto; } .b_galeria ul.banner li:nth-child(2n+2) { width:calc(50% - 5px) !important; margin:0 0 10px 10px; } .b_galeria ul.banner li:last-child{ margin:0 0 10px 0;} .b_galeria{ width:auto !important; height:auto !important; display:table;} /*BANNER*/ #p_banner ul li{width:calc(100% - 5px) !important;height:116px!important;} #p_banner ul li:nth-child(2n+2) {margin-top:40px;} /*GALERIA DE AUDIOS*/ .estrutura_inicial .galeria_audios ul{width:auto !important; height:100% !important; margin-bottom:10px; margin-right:0px; padding:0px 10px; } .estrutura_inicial .galeria_audios ul li {max-height: 450px;width: 100% !important;height: auto !important;} .p_uteis ul { width:auto !important; height:auto !important; display:table;padding:0px 10px 10px; } .p_uteis .barra { height:55px; } .p_uteis .barra h1{ width: auto !important; height:55px; line-height:55px;font-size:20px; padding-left:10px; } .p_uteis ul li { width:100% !important; font-size:18px; height:50px; line-height:50px;} /*DADOS ABERTOS*/ #acesso_dados_abertos{width: calc(100% - 20px);padding-left: 10px; padding-right: 10px} .acesso_dados_abertos {height: 235px;} .acesso_dados_abertos li {float: left;width: 100px;height: 60px;margin: 10px 0 0 8px;} .acesso_dados_abertos li img {height: 60px;} footer#rodape{width:auto !important; margin:auto; height:auto !important; clear:both; display: table; position:relative; z-index:1; } footer#rodape ul{ width:calc(100% - 20px) !important; height:auto; float:left; margin:0px 0px 0px 0px; padding:0px 10px;} footer#rodape ul:nth-child(2n+2){ margin:0px 20px 0px 0px;} footer#rodape ul:last-child{ margin:0px 0px 0px 0px; } footer#rodape ul span{ font-size:20px; } footer#rodape ul li{ font-size:14px; } footer#rodape ul.contato li{ font-size:13px;} footer#rodape .direitos .h1{ font-size:13px; display:table; width:calc(100%); padding-bottom:10px; position: relative; left:0%; right:0px; top:-5px; text-align:center;} footer#rodape .direitos i{ top:40px;} footer#rodape .direitos i.icp-brasil{ right:90px; left:15%;} footer#rodape .direitos i.w3c{ right:0px; left:45%;} footer#rodape .direitos i.procedebahia{ right:180px; left:73%; } footer#rodape .contato{ margin:0px 0px 0px 0px;} /*DIVERSOS*/ #conteudo, footer#rodape{ min-width:320px;} #navega, #fixo, #noticias, #obras, #obras_listas, #filtro, #diario_oficial, #galeria, #leitor_tela, #ouvidoria,#login_global,#login_global_recuperar, #error_404, #ppa, #ouvidoria_formulario, .form, #contato, #acesso, #acesso .informacao, #secretarias, #paginas, #paginas .nav_pg, #secretaria_c, #audios, #turistas, #transparencia{width: 100% !important; padding:0px 10px; min-width:320px;} #licitacoes {width: calc(100% - 30px) !important;padding: 0px 0px;min-width: 320px;margin-left: 20px;} #mapa_lei{width:96% !important; padding:0 0; min-width:320px;} /*DIARIO OFICIAL*/ #diario_oficial, #error_404{ text-align:center; width:calc(100% - 20px) !important; min-width:300px; } #fixo{ width:calc(100% - 20px) !important; min-width:300px; } #diario_oficial iframe{ width:calc(100% - 40px) !important; min-width:300px; height: 1230px;} #error_404{ margin-bottom:15px;} #ouvidoria_formulario, #transparencia, .form{ width: calc(100% - 20px) !important; min-width:300px; padding:0px;} /*NAVEGA*/ #navega{ min-width:300px; width:calc(100% - 20px) !important; } /*LEITOR DE TELA*/ #leitor_tela { width:calc(100% - 20px) !important; padding:0px 10px; min-width:300px;} #fixo{ padding-bottom:20px; } /*PAGINAÇÃO*/ #paginas{ width:100% !important; min-width:300px; height:auto; clear:both; padding:20px 0px 40px;font-size: 13px;font-weight:bold;color:#666666; position:relative; display:table;} #paginas .nav_pg{ padding:0px 0px 5px 0px; min-width:320px;} /*PAINEL DE COMANDOS - PAGINAÇÃO*/ #paginas .anterior{top:25px; } #paginas .proxima{top:25px;} #paginas h2{font-size: 14px; margin:5px 0px 0px 0px; } #cmd_foto{width:calc(100%) !important; height:202px;} #cmd_fotos.cmd_top, #cmd_fotos.cmd_bottom{ float:left; width:auto; padding-left:0px !important;} #cmd_foto img{ width:calc(100%) !important; max-width: 680px; max-height: 202px; min-height: 100px; height: auto !important; } #cmd_fotos img, #cmd_fotos li, #cmd_fotos.cmd_top li, #cmd_fotos.cmd_bottom li{ width:calc(50% - 8px) !important; max-width: 320px; max-height: 266px; min-height: 100px; height: auto !important; } #cmd_fotos img{ width:calc(100%) !important; } #cmd_fotos.cmd_left li, #cmd_fotos.cmd_right li{ width:calc(100% - 10px) !important; max-width: 320px; max-height: 266px; min-height: 100px; height: auto !important; } #cmd_fotos li:nth-child(2n+2){margin:0px 0px 10px 0px;} #cmd_vereadores{ width:calc(100%) !important;} #cmd_vereadores li{ width:calc(33.33% - 11px) !important; max-width: 320px; max-height: 425px; min-height: 340px; height: auto !important; margin:0px 10px 10px 0px; } #cmd_vereadores h2{ width:calc(100% - 17px) !important; height:35px;} #cmd_vereadores li div, #cmd_vereadores li img{width:210px;width:calc(100%) !important; max-width: 320px; max-height: 425px; min-height: 100px; height: auto !important; } #cmd_vereadores li img{ -webkit-transform:1.03, 1.03, 1.03; transform: scale3d(1.03, 1.03, 1.03);} #cmd_vereadores li:nth-child(3n+3){margin:0px 0px 10px 0px;} #cmd_vereadores li:nth-child(4n+4), #cmd_vereadores li:nth-child(5n+5){margin:0px 10px 10px 0px;} /*FILTRO*/ /*FILTRO DE BUSCA*/ #filtro{ margin-bottom:20px; height:35px; padding:0px; min-width:300px;} #filtro input[type="text"]{ width:285px; margin-right:0px; font-size:13px;} #filtro input[type="submit"]{font-size: 15px;color: #FFF;text-decoration: none;background: #002142; border: 1px #000001; height:37px; padding:0px 12px; } #filtro select{ margin-right:0px; border-right: 0px; height:37px;} #filtro optgroup option{ font-size:13px;} /*FILTRO DE BUSCA*/ #filtro_novo{ min-width:300px; width:calc(100%) !important; } #filtro_novo input[type="text"]{ width:calc(100% - 10px) !important; height:36px; font-size:14px; margin-right:0px;} #filtro_novo ul{ width:auto; clear:both; } #filtro_novo ul li { width:calc(100%) !important; height:30px; } #filtro_novo ul li ul li{ width:calc(50%) !important; } #filtro_novo input[type="submit"]{ top:0px; left:0px; right:inherit; position:relative; height:37px;} #filtro_publicacoes{ min-width:300px; width:calc(100%) !important; } #filtro_publicacoes h4, #lista_busca{min-width:300px; width:calc(100%) !important;} #filtro_publicacoes input[type="text"]{ width:400px; height:36px; font-size:14px;} #filtro_publicacoes ul{ width:calc(100% - 20px) !important; clear:both; } #filtro_publicacoes ul li { height:30px; } #filtro_publicacoes ul li ul li{ width:325px; } #filtro_publicacoes input[type="submit"]{ top:-10px; left:0px; right:inherit; position:relative;} #filtro_publicacoes input[id="dataini"]{ width:78px; margin-right:0px;} #filtro_publicacoes input[id="datafim"]{ width:78px;} #filtro_publicacoes input[name="busca"]{ width:199px !important;} #filtro_publicacoes select[name="opt_formato"]{ width:120px !important;} /*BUSCA AVANÇADA*/ #lista_busca, #lista_busca ul li, #lista_busca .h1{ min-width:300px; width:100% !important; } #lista_busca ul li .img, #lista_busca ul li img{ height:149px; width:200px; } #lista_busca h2{ padding:5px; font-size:14px;} #lista_busca strong{ padding:5px; font-size:15px;} #lista_busca h1{ font-size:20px; width:calc(100% - 220px) !important; padding:5px 0px 2px; margin:0px 8px;} #lista_busca .soundcloud{ min-width:300px; width:100% !important; border:0px; height:80px;} #lista_busca p{ width:100% !important; font-size:12px;line-height:115%;} /* NOTICIAS */ #noticias{ min-width:300px; width:calc(100% - 20px) !important;} #noticias ul{min-width:300px;} #noticias ul li{ width:100% !important; height:149px; margin:0px 0px 10px 0px; } #noticias ul li:nth-child(2n+2){ margin:0px 0px 10px 0px;} #noticias ul li .img{ height:149px; width:200px; } #noticias ul li img{ height:149px; width:200px; } #noticias h2{ font-size:15px;} #noticias strong{ font-size:15px;} #noticias h1{ font-size:24px; width:calc(100% - 230px) !important; } /*GALERIA DE FOTOS*/ #galeria{ width:auto !important; min-width:300px; } #galeria #form{ width:calc(100% - 20px) !important; min-width:300px; } #galeria ul{ min-width:280px; width:calc(100%) !important; } #galeria li{ width:calc(50% - 5px) !important; max-width: 340px; max-height: 266px; min-height: 100px; height: auto !important; margin:0px 10px 10px 0px; } #galeria li img { max-width: 340px; max-height: 266px;min-height: 100px;width: 100% !important; height: auto !important; } #galeria li:nth-child(1n+2){ margin:0px 10px 10px 0px; width:calc(50% - 5px) !important;} #galeria li:nth-child(2n+2){ margin:0px 0px 10px 0px; width:calc(50% - 10px) !important;} #galeria h3{ padding:5px; font-size:14px;} #galeria h2{ width:calc(100% - 10px) !important;font-size:17px; padding:3px 5px;} /*OUVIDORIA*/ #ouvidoria { min-width:300px; width:auto !important; } #ouvidoria blockquote, #ouvidoria h1{ width:100% !important; margin-top:30px; } #ouvidoria li{ width:100% !important; height:305px; margin:35px 0px 0px 0px;} #ouvidoria li h4{width:calc(89% - 230px) !important; font-size:20px; } #ouvidoria img.telefone{ margin:30px calc(65% - 230px) 0px;} /*LOGIN GLOBAL*/ #login_global { min-width:300px; width:auto !important; } #login_global blockquote, #login_global h1{ width:100% !important; margin-top:30px; } #login_global li{ width:100% !important; height:305px; margin:35px 0px 0px 0px;} #login_global li h4{width:calc(89% - 230px) !important; font-size:20px; } #login_global img.telefone{ margin:30px calc(65% - 230px) 0px;} /*LOGIN GLOBAL RECUPERAR*/ #login_global_recuperar { min-width:300px; width:auto !important; height: 400px;} #login_global_recuperar blockquote, #login_global_recuperar h1{ width:100% !important; margin-top:30px; } #login_global_recuperar li{ width:100% !important; height:305px; margin:35px 0px 0px 0px;} #login_global_recuperar li div {width: 160px;} #login_global_recuperar li div img{width:150px;} #login_global_recuperar li h4{width:calc(100% - 230px) !important; font-size:20px; } #login_global_recuperar img.telefone{ margin:30px calc(65% - 230px) 0px;} /*FORMULARIO*/ .form li:nth-child(2n){ width:50%;} /*ACESSO A INFORMAÇÃO*/ #acesso{ padding:0px;} #acesso iframe{ width:calc(100% - 15px)!important;} #acesso .informacao{min-width: 300px; width:calc(100% - 10px) !important; padding:0px;} #acesso .informacao blockquote{min-width: 300px; width:calc(100% - 10px) !important; padding:0px 0px 0px 5px;} #acesso .informacao h1{ width:calc(100% - 15px) !important; font-size:38px; padding:0px 10px;} #acesso .informacao a, #acesso .informacao img{padding:0px 8px; text-align:center; display:table; } #acesso .informacao .acessoinformacao{ width:205px; height:89px; } #acesso .menu{ width:calc(100% - 20px) !important; margin-left:10px;} #acesso .menu h2{ font-size:18px; width:auto !important; height:42px; line-height:42px; border-bottom:2px #00B22D solid; } #acesso .menu ul li i{ top:12px;} #acesso .menu ul li a{ font-size:12px; line-height:45px; height:41px; } #acesso .menu ul li a span{ top:13px;} .menu-info-rodape{ display: block; width: calc(100% - 7px) !important; margin-top: 10px; margin-left: 0px; float: left;} #acesso_informacao_atendimento{ width:auto !important; height:301px; padding:0px;} #acesso_informacao_atendimento h2{ width:100% !important; height:42px;line-height:42px; font-size:22px;} #acesso_informacao_atendimento ul{ width:100% !important;margin:10px 0px 0px 0px; } #acesso_informacao_atendimento h5{ width:100% !important; font-size:12px; } #acesso_informacao_atendimento li{ float:left; width:calc(33% - 13px) !important; height:196px; margin:0px 0px 0px 10px; background: #FFFFFF; border:#FFFFFF 1px solid; list-style-type:none;} #acesso_informacao_atendimento li h3{ width:100% !important; height:50px; line-height:50px; font-size:13px; } #acesso_informacao_atendimento li h4{ width:98% !important;; height:30px; padding:0px 5px; font-size:10px; } #acesso_informacao_atendimento li img{ width:105px; height:105px; padding:0px 19px; margin:0px calc(26% - 15px);} /*LINKS DE ACESSO A INFORMAÇÃO*/ #acesso_informacao_links{ width:calc(100% - 20px) !important; height:80px; padding:10px 0px; } #acesso_informacao_links ul{ width:calc(100% - 10px) !important; } #acesso_informacao_links li { width:100% !important; height:40px; line-height:40px; margin:0px 0px 10px 0px; font-size:16px;} #acesso_informacao_links li i{ top:13px;} /*BOTÕES*/ #acesso_informacao_botao{ width:100% !important; padding-top:13px;} #acesso_informacao_botao ul{ width:100% !important; } #acesso_informacao_botao li { width:calc(25% - 10px) !important; padding:0px ; height:120px; line-height:30px; margin:0px 10px 10px 0px; font-size:13px; } #acesso_informacao_botao li h2{ width:100% !important; height:30px; text-align:center; } #acesso_informacao_botao li a{ width:calc(100% - 10px) !important;} #acesso_informacao_botao li h2{ width:100% !important; height:30px; padding:0px; } #acesso_informacao_botao li img{ width:80px; height:80px; padding:0px 19px; margin:0px calc(25% - 15px); } #acesso_informacao_botao li:nth-child(4n+4){ margin:0px 0px 0px 0px;} /*SECRETARIAS*/ #secretarias{ width:auto !important; min-width:300px;} #secretarias h1{ font-size:30px;} #secretarias li, #secretarias li:nth-child(2n+2){ height:50px; width:100% !important; margin:0px 15px 0px 0px;} #secretarias a{ font-size:18px; line-height:30px;} /* SECRETARIA CONTEÚDO */ #secretaria_c{ width:100% !important; padding:0px; min-width:300px;} #secretaria_c li{ width:100% !important; height:65px;} #secretaria_c li:nth-child(3n+3){ margin:0px 20px 20px 0px;} #secretaria_c li:nth-child(2n+2){ margin:0px 0px 20px 0px;} #secretaria_c ul li h2{font-size:12px; } #secretaria_c ul li h1{ font-size:12px; width:calc(100% - 91px) !important;} #secretaria_c div, #secretaria_c div img{ width:91px; height:65px; } /*AUDIOS*/ #audios, #turistas{width:calc(100% - 20px) !important; min-width:300px; } #audios li{width:calc(50% - 8px) !important; height:180px; margin:0px 10px 10px 0px; } #audios li h1{ width:100% !important; height:32px; line-height:32px; font-size:13px;} #audios li iframe{ width:100% !important; height:148px; } #audios li:nth-child(3n+3){ margin:0px 10px 10px 0px; } #audios li:nth-child(2n+2){ margin:0px 0px 10px 0px;} /* TURISTAS */ #turistas ul{ width:calc(100%) !important; } #turistas li{ margin:0px 0px 18px 0px; width:100% !important; height:165px; } #turistas li:nth-child(2n+2){ margin:0px 0px 18px 0px;} #turistas h2{ font-size:16px; width:calc(100%) !important; } #turistas div.img{ width:200px; height:150px; margin-bottom:18px; border-bottom:2px solid #002142;} #turistas div img{ width:200px; height:150px; } #turistas ul li span{ font-size:16px; width:calc(100% - 220px) !important;} /* LICITAÇÕES*/ #licitacoes iframe{ border:0px; overflow:scroll;width:100%;height:450px;} /*CONTATO*/ .form{ width:calc(100% - 10px) !important; min-width:300px !important; height:auto; margin:30px auto; padding-left:15px; } .form textarea, .form select, .form input{ width:calc(100%) !important; border:#D3D3D3 solid 1px; height:38px;} .form textarea{ width:calc(100% - 4px) !important; min-width:calc(100% - 4px) !important; max-width:calc(100% - 4px) !important; } /*CONTATO*/ #contato, #ppa{width:calc(100% - 20px) !important; min-width:300px; } #contato .form li:nth-child(1), #contato .form li:nth-child(6), #contato .form li:nth-child(7){ width:calc(100% - 30px) !important;} #contato .form li:nth-child(2), #contato .form li:nth-child(3), #contato .form li:nth-child(4), #contato .form li:nth-child(5){ width:calc(50% - 20px) !important; } /*OUVIDORIA*/ #ppa .form ul:nth-child(2) li:nth-child(2){ width:calc(30% - 16px) !important;} #ppa .form ul:nth-child(2) li:nth-child(3){ width:calc(51% - 16px) !important;} #ppa .form ul:nth-child(2) li:nth-child(4), #ppa .form ul:nth-child(2) li:nth-child(5){ width:calc(25% - 16px) !important;} #ppa .form ul:nth-child(2) li:nth-child(6){ width:calc(51% - 16px) !important;} #ppa .form ul:nth-child(2) li:nth-child(7){ width:calc(16% - 16px) !important;} #ppa .form ul:nth-child(2) li:nth-child(8){ width:calc(34% - 16px) !important;} #ppa .form ul:nth-child(2) li:nth-child(9){ width:calc(34% - 16px) !important;} #ppa .form ul:nth-child(2) li:nth-child(10){ width:calc(15% - 16px) !important;} #ppa .form ul:nth-child(2) li:nth-child(11){ width:calc(19% - 16px) !important;} #ppa .form ul:nth-child(2) li:nth-child(12){ width:calc(34% - 16px) !important;} #ppa .form ul:nth-child(3) li{ width:calc(100% - 20px) !important;} #ppa .form2 li:nth-child(1), #ppa .form2 li:nth-child(2){ width:160px !important;} #ppa .form2 li:nth-child(3){ width:calc(100% - 20px) !important;} #ppa .form2 li:nth-child(4){ width:calc(100% - 20px) !important;} #ppa .form2 li:nth-child(5), #ppa .form2 li:nth-child(6), #ppa .form2 li:nth-child(7), #ppa .form2 li:nth-child(8), #ppa .form2 li:nth-child(9), #ppa .form2 li:nth-child(10){ width:calc(100% - 20px) !important;} #ppa .form2 ul:nth-child(2) li:nth-child(1) { width:calc(100% - 20px) !important;} #ppa .form2 ul:nth-child(2) li:nth-child(2){ width:calc(100% - 20px) !important;} /*PAINEL DIVERSOS*/ #painel_diversos{padding-bottom: 10px;} #painel_diversos ul li {width: calc(20% - 19px);} #painel_diversos ul li:first-child {margin-left: 10px;} #painel_diversos ul li:nth-child(6) {margin-left:10px;} /*CONFIGURACAO MIDIA*/ #conteiner_midia{width:calc(100% - 20px)!important;margin-left: 10px;} /*CONFIGURACAO NOTICIA*/ #conteiner_noticias{margin-left: 10px;margin-right: 10px;} #form_noticias input[type="text"] {width: 50%} /*TRANSPARÊNCIA*/ #transparencia .tp{ width: 100% !important; min-height: 220px; } #transparencia .tp div{ width: calc(100%) !important; min-height:130px !important; height: auto !important; position:relative; margin: 0px; border-bottom: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; padding-bottom: 20px;display: table;} #transparencia .tp ul{ width: calc(100% - 70px) !important; float: none; min-height: 30px; border-top-left-radius: 0px; border-top-right-radius: 0px; padding: 15px 35px 15px 35px;} #transparencia .tp ul li{ font-size: 13px; line-height: 24px;} #transparencia .tp h2{ top: 32px; left:78px; font-size: 35px; } #transparencia .tp span{top: 90px; left:20px;font-size: 14px;width: calc(100% - 40px)!important;display: table;} #transparencia .tp h3{ font-size: 12px; } #transparencia .tp h3{ bottom: inherit; top:135px; right:15px; font-size: 14px; } /*TRANSPARENCIA*/ #menu_transparencia{ display: table; position: relative; padding-bottom: 30px;} #menu_transparencia ul li{ padding: 5px 37px 5px 10px; font-size: 13px; } /*OBRAS*/ #obras {width:calc(100% - 20px)!important;padding: 0 10px;min-width: 320px;} #obras ul{width:100%;} #obras h3, #obras_listas strong, #obras_listas h2{ font-size:12px; } #obras ul li {width:100%;} #obras ul li div .conteudo {width:83.7%;} #obras ul li div span {width: 11.5%;} #obras_listas ul li{ width:100% !important; } #obras_listas h2{ font-size:14px;} #obras_listas strong{ font-size:14px; } #obras_listas h1{font-size:18px; width:calc(100% - 220px) !important;} #obras_listas .barra{ width:calc(100% - 250px); } #obras_listas .barra span{ z-index:99; position:absolute; width:auto !important; right:0px; left:0px; text-align:center;} #painel_superior .pp_referencia{width:calc(100% - 10px);} #painel_superior .pp_referencia select{width:100%;} /*MAPA DO SITE*/ #mapa_site{height:4500px;} #mapa_site .institucional{margin-left:10px;width: calc(100% - 20px);} #mapa_site .transparencia{margin-left:10px;width: calc(100% - 20px);} #mapa_site .acesso_a_informacao{margin-left:10px;width: calc(100% - 20px);} #mapa_site .outros{margin-left:10px;width: calc(100% - 20px);} /* NOTICIAS RELACIONADAS*/ #noticias_relacionadas ul li{width:560px;} #noticias_relacionadas ul li:nth-child(2n) {margin: 0px 0px 20px 0px;} #noticias_relacionadas ul li:nth-child(3n) {margin: 0px 20px 20px 0px;} /*NOTICIA INTERNA*/ #noticias .bloco2 {width: calc(100% - 10px);height: auto;float: left;} #noticias .bloco2 .mini {width:100%;height: 215px;position: relative;overflow: hidden;margin-bottom: 10px;float: left;margin-left:0;} #noticias .bloco2 .mini img{width:100%;} /****INI PRINCIPAL******/ /* NOTICIAS NOVA*/ #container_noticias .bloco1 .titulo{top: 72%;} #container_noticias{width:100%;} #container_noticias .bloco1{width: calc(100% - 20px);margin-left: 10px;height: 568px;} #container_noticias .bloco1 img{width:100%;min-height:450px} #container_noticias .bloco2 {width: calc(100% - 20px);float: left;margin-left: 10px;height: auto;margin-bottom:0;} #container_noticias .bloco2 .mini{width:100%;} #container_noticias .bloco2 .mini .topo {width: 100%;} #container_noticias .bloco2 .mini .topo .compartilhar{margin-top:10px;} #container_noticias .bloco3 {width: calc(100% - 20px);float: left;margin-left: 10px;height: auto;margin-bottom:10px;} /*MENU*/ #container_noticias .bloco3 .gride1 .noticias ul li h1{font-size:14px} #container_noticias .bloco3 .titulo_principal{font-size:14px} #container_noticias .bloco3 .gride2 .noticias ul li h1 {font-size: 14px;} #container_noticias .bloco3 .gride1 .noticiasImagem ul li {margin-bottom: 10px;min-height: 175px;} #container_noticias .bloco3 .gride2 .noticias ul li{margin-bottom: 20px;} .estrutura-menu .estrutura_inicial .navbar-fix{width:calc(100% - 20px);margin-left: 10px} #container_noticias .bloco1 .imgPrincipal {min-height: 642px;} #container_noticias .bloco1 .imgPrincipal img{min-height: 642px;} /*ATALHOS*/ #painel_diversos .topo{width: calc(100% - 10px);margin-left: 10px;} /*FOTOS*/ .estrutura_inicial .galeria_fotos ul{margin-top:20px} .estrutura_inicial .galeria_fotos ul li {width:calc(50% - 10px);margin-top:0} .estrutura_inicial .galeria_fotos ul li:nth-child(2){float:right} .estrutura_inicial .galeria_fotos ul li:nth-child(4){float:right} .estrutura_inicial .galeria_fotos .iShowVideos {min-height: 480px;} /*ESTRUTURA ORGANIZACIONAL*/ .bloco_estrutural {min-height: 850px;} .bloco_estrutural .estrutura_inicial .topo{width:calc(100% - 20px);margin-left: 10px} .bloco_estrutural .estrutura_inicial .topo h2 { width: 60%;} .bloco_estrutural .estrutura_inicial .conteudo{width:calc(100% - 20px);margin-left: 10px} .bloco_estrutural .estrutura_inicial .conteudo .gride1 {width: calc(19% - 1px);min-height: 445px;} .bloco_estrutural .estrutura_inicial .conteudo .gride2{float:left; margin-left: 10px} .bloco_estrutural .estrutura_inicial .conteudo .gride2 .portal {width: calc(50% - 10px);} .bloco_estrutural .estrutura_inicial .conteudo .gride2 {width: calc(58% - 1px);} .bloco_estrutural .estrutura_inicial .conteudo .gride2 .consultas, .bloco_estrutural .estrutura_inicial .conteudo .gride2 .servicos {float: right;width:50%;} .estrutura_inicial .ouvidoria {width: calc(100% - 20px);height: auto;margin-bottom:0;margin-left: 10px;} .estrutura_inicial .galeria_fotos{width: calc(100% - 20px);margin-left: 10px;height: auto;min-height: 535px;} .bloco_estrutural .estrutura_inicial .conteudo .gride1 {width: calc(40% - 1px);min-height:495px} .bloco_estrutural .estrutura_inicial .conteudo .gride2 ul li {margin-bottom: 10px;} .bloco_estrutural .estrutura_inicial .conteudo .gride1 ul li {margin-bottom: 10px;} .bloco_estrutural .estrutura_inicial .conteudo .gride1 ul li a {font-size: 12px;} .bloco_estrutural .estrutura_inicial .conteudo .gride2 ul li a {font-size: 12px;} /*GELERIA BANNER*/ .base-banner {width:550px!important;} .bloco_banner{width:calc(100% - 10px)!important;overflow: hidden} .estrutura_inicial .galeria_fotos ul li {margin-bottom:10px;} .estrutura_inicial .galeria_fotos ul li .imgPrincipal {max-height: 203px;} /*RODAPE*/ #conteudo, footer#rodape {width:100%!important;} #rodape .entidade {width: 50%;margin-left: 20px;} /****FIM PRINCIPAL******/ /****INI DIVERSOS******/ /*TRANSPARENCIA*/ #transparencia .estrutura_inicial, #rodape .estrutura_inicial{width:100%;} /*OUVIDORIA*/ #confirmar{width: 90%} /*COVID*/ #container_noticias .bloco_covid, .estrutura_inicial .bloco_covid{width:calc(100% - 20px); margin: 0 auto;} #conteudo .estrutura_inicial .panel-covid{width:calc(100% - 20px); margin: 0 auto;} .titulo_pricipal_covid h3{margin-right: 10px;} #container_noticias .bloco_covid .painel{width:calc(100% - 20px); margin: 0 auto 30px} .titulo_pricipal_covid h1, .titulo_pricipal_covid h2{margin-left: 10px} .titulo_pricipal_covid h3{right: 10px} .estrutura_inicial .bloco_covid .texto_descritivo {width: calc(100% - 20px);margin: 0 auto 20px;} .estrutura_inicial .outras-informacoes-covid {width: calc(100% - 20px);margin: 0 auto;} /*LEIS ORCAMENTARIAS*/ .estrutura_inicial .formulario_lo ul li {width: calc(100% - 25px)!important; margin: 0 auto!important;} .estrutura_inicial .formulario_lo ul li input {width: calc(100% - 25px)!important;} .estrutura_inicial .formulario_lo ul li textarea {width:calc(100% - 6px);} .estrutura_inicial .formulario_lo ul li button {width: 90%;} footer#rodape .direitos {height: 72px;} /****FIM DIVERSOS******/ /*PAINEL CONFIGURAVEL COVID*/ .painel_configuravel_adicional .estrutura_inicial{width: calc(100% - 40px)!important; margin: 0 auto!important;} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo span {font-size: 17px;} /*PROCESSO SIMPLIFICADO*/ .estrutura_inicial .processo_simplificado ul li {margin-bottom: 20px!important} .estrutura_inicial .processo_simplificado ul li label{font-size:15px} .base-banner img {margin: 0 auto;display: block} /*CORONA VIRUS CDS -> PREFEITURAS*/ .estrutura_inicial .cabecalho_covid_cds {width: calc(100% - 30px);margin: 0 auto;} .estrutura_inicial .cabecalho_covid_cds .brasao_nome {justify-content: center;} .estrutura_inicial .mensagem_covid_cds form {width: 80%;} /*OUVIDORIA*/ /*.estrutura_inicial{width: calc(100% - 20px)!important;}*/ .estrutura_inicial .conteudo_ouvidoria .texto_descritivo {width: calc(100% - 20px);} .estrutura_inicial .conteudo_ouvidoria {width: calc(100% - 20px);margin: 0 auto;} .estrutura_inicial .conteudo_ouvidoria #corpo_pagina {grid-template-columns: repeat(2, 1fr);} .estrutura_inicial .painel-ouvidoria{margin-left: 10px} /*NOTICIA*/ .estrutura_inicial #corpo_pagina{width: calc(100% - 20px);margin: 0 auto;} /*NOVO E-SIC*/ #new_e-sic .estrutura_inicial{width:95%!important} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links {top: -95px;width: 200px;height: 90px;} /*NOVA GALERIA DE FOTOS*/ .estrutura_inicial .d-galeria-fotos #d-cmd_fotos{grid-template-columns: repeat(2,1fr)} .estrutura_inicial .d-galeria-fotos {margin: 20px;} /*NOVO CADASTRO FORNECEDORES*/ .estrutura_inicial #cadastro_fornecedor {padding: 20px;} .estrutura_inicial #cadastro_fornecedor #miniModalRequest{padding-top: 160px;} /*NOVO PROCESSO SIMPLIFICADO*/ .estrutura_inicial #processo_simplificado .cadastro form ul li.anexos {grid-template-columns: 1fr;} /*NOVO TELEFONE UTEIS*/ .gird_estruta_principal .conteudo ul{display: grid;grid-template-columns: repeat(2,1fr)} /*TEMA CAMARA*/ .tema_camara {height: 33vh!important;min-height:255px!important;} } @media screen and (max-width: 670px) { #conteiner_midia, .estrutura_inicial, #mapa_site, #obras_conteudo, #conteiner_noticias, .p_galeria, #painel_diversos, #pagina_lei, .b_galeria, #p_banner, .p_uteis ul, footer nav, footer#rodape .direitos nav, #p_noticias, #pc_noticias { width: 650px !important; margin: auto; clear: both; } /*PAINEL CONFIGURAVEL COVID*/ .painel_configuravel_adicional .estrutura_inicial .painel_cabecalho h1 {font-size: 22px;} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo .pb {width:50%;} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo span {font-size: 22px;} /*BOTAO COVID VEJA MAIS*/ .btn-mais-noticias img {height: 40px;width: 40px;padding:10px;} /*OUVIDORIA*/ .estrutura_inicial .ouvidoria{min-height:330px;} .estrutura_inicial .ouvidoria ul{grid-template-columns: repeat(2, 1fr);gap: 20px} .cabecalho_e_sic .topo .estrutura_inicial .links{top:-25px;} /*TEMA CAMARAS*/ footer#rodape .direitos nav{width: 100% !important;} #painel_diversos{width: 100% !important;} /*PESQUISA DE SATISFACAO*/ #satisfacao .satisfacao-body ul{grid-template-columns: repeat(2, 1fr);gap: 10px} } @media screen and (max-width: 600px) { #barra_navegacao_midias nav ul{margin-left:7%} #topo footer ul li div, #atalhos ul li div, #pc_noticias ul li div{ width:70% !important;} #topo footer ul li div h2, #pc_noticias ul li div h2{ font-size:18px; padding:10px 8px; } #topo footer ul li div h3, #pc_noticias ul li div h3{ font-size:14px; padding:0px 8px;} #topo header a strong{ font-size:24px; width:calc(100% - 120px) !important; padding-left: 120px;} .fluter100, .fluter90, .fluter80, .fluter70, .fluter75, .fluter60, .fluter50, .fluter40, .fluter39, .fluter30, .fluter33, .fluter30, .fluter25, .fluter20, .fluter10{width:100%;overflow: hidden} #busca_avancada li{ float:left;width:calc(33% - 6px); padding:3px 10px 3px 6px; font-size:12px; opacity:0.9;} #p_menu h1{font-size:20px; } #p_menu ul li {font-size:16px; height:40px; line-height:40px; } .p_uteis .barra { height:50px; } .p_uteis .barra h1{ height:50px; line-height:50px;font-size:18px; } .p_uteis ul li { font-size:16px; height:45px; line-height:45px;} footer#rodape .direitos .h1{ font-size:10px;height: 80px;} #p_n_miniaturas li p{font-size:16px; } #p_n_miniaturas li span{ font-size:17px; } /*FILTRO DE BUSCA*/ #filtro input[type="text"]{ width:240px; margin-right:0px; font-size:12px;} #filtro input[type="submit"]{font-size: 14px;color: #FFF;text-decoration: none;background: #002142; border: 1px #000001; height:37px; padding:0px 12px; } #filtro optgroup option{ font-size:14px;} /*SECRETARIAS*/ #secretarias h1{ font-size:30px;} #secretarias li{ height:45px; width:100% !important; margin:0px 15px 0px 0px;} #secretarias a{ font-size:15px; line-height:25px;} #acesso_informacao_atendimento li h3{ font-size:11px; } #acesso_informacao_atendimento li h4{ font-size:9px; } #acesso_informacao_links li { font-size:14px;} #acesso_informacao_botao li img{ width:80px; height:80px; padding:0px 19px; margin:0px calc(18% - 15px); } /*BANNER*/ #p_banner{ width:auto !important; height:120px !important; display:table; padding:0px 10px; } #p_banner ul li{width:calc(100% - 5px) !important;height:auto!important;} #p_banner ul li:nth-child(2n+2) {margin-top:0px!important;} /*OUVIDORIA*/ #ouvidoria h1{ width:100% !important; } #ouvidoria li{ height:245px; margin:10px 0px 0px 0px;} #ouvidoria ul{ margin-bottom:10px;} #ouvidoria li:nth-child(2n+2){ margin:10px 0px 0px 0px;} #ouvidoria li h3{ height:50px; font-size:17px; line-height:50px;} #ouvidoria li div{ position:absolute; top:60px; left:10px; width:197px; height:174px;} #ouvidoria li div img{ width:180px; height:180px;} #ouvidoria li h4{width:calc(89% - 190px) !important; height:214px; margin:20px; font-size:17px; } /*LOGIN GLOBAL*/ #login_global h1{ width:100% !important; } #login_global li{ height:245px; margin:10px 0px 0px 0px;} #login_global ul{ margin-bottom:10px;} #login_global li:nth-child(2n+2){ margin:50px 0px 0px 0px;} #login_global li h3{ height:50px; font-size:17px; line-height:50px;} #login_global li div{ position:absolute; top:60px; left:10px; width:186px; height:174px;} #login_global li div img{ width:180px; height:180px;} #login_global li h4{width:calc(89% - 190px) !important; height:214px; margin:20px; font-size:17px; } #audios li h1{ font-size:12px;} /*GALERIA*/ #galeria h3{ font-size:13px;} #galeria h2{ font-size:16px; } #filtro_publicacoes input[type="submit"]{ top:19px; left:-5px; right:inherit; position:relative;} /*REGISTROS*/ #nenhum_registro{ font-size:25px; } #lista_busca h2{ font-size:13px;} #lista_busca strong{ font-size:14px;} #lista_busca h1{ font-size:18px; } #lista_busca p{font-size:11px;} #lista_busca ul li .img, #lista_busca ul li img{ height:119px; width:160px; } #lista_busca h1{ font-size:20px; width:calc(100% - 180px) !important; padding:5px 0px 2px; margin:0px 8px;} /* TURISTAS */ #turistas ul{ width:calc(100%) !important; } #turistas li{ margin:0px 0px 10px 0px; width:100% !important; height:132px; } #turistas li:nth-child(2n+2){ margin:0px 0px 10px 0px;} #turistas h2{ font-size:16px; width:calc(100%) !important; } #turistas div.img{ width:160px; height:119px; margin-bottom:10px; border-bottom:2px solid #002142;} #turistas div img{ width:160px; height:119px; } #turistas ul li span{ font-size:14px; width:calc(100% - 180px) !important;} /*OUVIDORIA*/ #ppa h1{ font-size:22px;} #ppa .form, #ppa .form input, #ppa .form textarea, #ppa .form select, #ppa .form button{ font-size:12px;} /*PAINEL*/ #form_midia input[type="text"] {width: calc(100% - 12px);} #p_noticias #painel .swiper-slide h2{ line-height:22px;padding:6px 10px; font-size:15px; } #p_noticias .miniaturas li p, #p_n_miniaturas li p{font-size:12px;line-height:120%; } #p_noticias .miniaturas li span, #p_n_miniaturas li span{ font-size:14px; line-height:120%;} #topo .acessibilidade ul li{font-size:11px; width:calc(25% - 3px) !important; margin:0px; padding:0px 0px 0px 3px; } #topo header .acessibilidade ul li{font-size:12px; width: calc(33% - 45px) !important; padding: 0px 0px 0px 45px; } #leitor_tela *{ font-size:100%; line-height:140%; text-align:justify;} #leitor_tela ul{clear:both; float:left; margin-right:10px;} #leitor_tela li{border:1px solid #DBDBDB; width:150px; height:114px; overflow: hidden;margin:0px 0px 10px 0px; position:relative;border-bottom:solid 4px #002142;} #leitor_tela li img{ width:150px; height:114px; } /*OBRAS*/ #obras {width:calc(100% - 20px)!important;padding: 0 10px;min-width: 320px;} #obras ul{width:100%;} #obras h3, #obras_listas strong, #obras_listas h2{ font-size:12px; } #obras ul li {width: 100%;} #obras ul li div .conteudo {width:calc(100% - 24%);} #obras ul li div span {width:11%;} #obras_listas ul li{ height:120px; } #obras_listas ul li .img, #obras_listas ul li img{ height:120px; width:161px;} #obras_listas strong{ top:93px; } #obras_listas h1{font-size:13px; width:calc(100% - 180px) !important;} #obras_listas .barra{ width:calc(100% - 209px); top:93px; left:160px;} #obras_listas ul li{ width:100% !important; height:112px; margin:0 10px 10px 0; } #obras_listas ul li:nth-child(2n+2){ margin:0 0 10px 0;} #obras_listas ul li .img, #obras_listas ul li img{ height:112px; width:150px;} #obras_listas h2{ margin:0 3px; font-size:13px;} #obras_listas strong{ padding:5px; font-size:13px; top:84px; right:0;} #obras_listas h1{ color:#333333; padding-top:5px;font-size:16px; line-height:110%; text-align:left; float: left;margin:0 8px 7px; width: calc(100% - 170px) !important; } #obras_listas .barra{ width:calc(100% - 200px); height:23px;color:#000000; font-size:15px; margin:0 8px; top:85px; left:150px;} #obras_listas .barra span{ z-index:99; position:absolute; text-align:center;} /* FILTRO */ #turistas #filtro select{ width:calc(100%) !important; } #turistas #filtro input{ width:calc(100% - 12px) !important; margin:10px 0px 0px;} #turistas #filtro input[type="submit"]{ width:calc(100%) !important; margin-bottom:10px;} #turistas #filtro optgroup option{ font-size:12px;} /*TABELA*/ #lista_busca .tg .tg-d5um{padding: 10px 0;font-size: 12px;} /*SERVIDORES*/ #painel_superior .matricula{width:30%;margin-right:10px;} #painel_superior .nome{width:64%;} #painel_superior .tipo_servidor{width:67%;} #painel_superior .cargo{width:49%;} #painel_superior .referencia{width:50%;} #painel_superior .botao{height:60px;transform: translateY(20%);} #painel_superior .btn-salvar_servidores{transform: translateY(50%);} #transparencia .tp div{ min-height:150px !important; } #transparencia .tp h3{top:165px; font-size: 14px; } /*DIARIAS E PASSAGENS*/ #painel_superior .datas {width:calc(50% - 12px);} #painel_superior .valores {width: calc(50% - 10px);} #painel_superior .orgao{width: 100%;margin-left:0px;} #painel_superior .botao input{height: 45px;padding-left: 65px;padding-right: 65px;} /* NOTICIAS RELACIONADAS*/ #noticias_relacionadas ul li{width:460px;} /*NOTICIAS NOVA INTERNA*/ #container_noticias .bloco1{height:auto} .estrutura_inicial{width: 100%; max-width: 400px;} #p_noticias {height:875px;} .base-banner {width:490px;} /*NOTICIA*/ #container_noticias .bloco2 {min-height: auto;height: auto; margin-bottom: 10px;} #container_noticias .bloco2 .mini {height: 206px;} #container_noticias .bloco3 .gride1 {width:100%;} #container_noticias .bloco3 .gride2 {width: 100%;margin-bottom: 20px;} #container_noticias .bloco3 .gride2 .noticias ul li {width:50%;float:left} #container_noticias .bloco3 .gride2 .noticias ul li{width:calc(50% - 10px);} #container_noticias .bloco3 .gride2 .noticias ul li h1 {width:calc(100% - 10px);} #container_noticias .bloco3 .gride2 .painel ul li i {left: 45px;} #container_noticias .bloco3 .gride2 .noticias {min-height: 250px;} /*FOTOS*/ .estrutura_inicial .galeria_fotos ul li .imgPrincipal {max-height:177px;} .estrutura_inicial .galeria_fotos .iShowVideos {min-height: 425px;} .estrutura_inicial .galeria_fotos .iShowVideos .legenda{margin-bottom:0} /*ACESSO RAPIDO*/ #painel_diversos ul li {width: calc(50% - 20px);} /*MENU*/ .estrutura-menu {min-height: 650px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu .conteudo ul li {font-size:14px;} /*ESTRUTURA ORGANIZACIONA*/ .bloco_estrutural {min-height: 1210px;} .bloco_estrutural .estrutura_inicial .topo {height: 400px;} .bloco_estrutural .estrutura_inicial .topo .img_principal{width: 30%;} .bloco_estrutural .estrutura_inicial .conteudo .gride1 {width: calc(50% - 1px);min-height:800px;float:left} .bloco_estrutural .estrutura_inicial .conteudo .gride2 {width: calc(50% - 11px);min-height:800px;float:right} .bloco_estrutural .estrutura_inicial .conteudo .gride2 .portal {width: calc(100% - 10px);} .bloco_estrutural .estrutura_inicial .conteudo .gride2 .servicos {width: calc(100% - 10px);} .bloco_estrutural .estrutura_inicial .conteudo .gride2 .consultas {width: calc(100% - 10px);} /*rodape*/ #rodape .entidade {width:calc(100% - 10px);margin-left: 10px;min-height: 280px;} #rodape .redes-sociais {width:calc(100% - 10px);min-height: 200px;} #rodape .entidade h3{width:calc(60% - 30px);} /*****DIVERSOS*****/ /*BARRA DE NAVEGACAO*/ #barra_navegacao_midias nav {width:calc(100% - 30px);} #barra_navegacao_midias nav ul{width:100%;} #barra_navegacao_midias nav ul li{width:25%;border: 0} #barra_navegacao_midias nav ul li:last-child{margin-right:0} #barra_navegacao_midias nav ul li i {margin-left: 10px;} #barra_navegacao_midias nav ul li h2 {position: absolute;margin-top: 45px;text-align: center;} /*FOTOS*/ #galeria li {max-width:500px;min-height:200px;width: 100%!important;height: auto !important;overflow: hidden;margin-bottom:20px!important} #galeria li:nth-child(2n+2) {max-width:500px;min-height:200px;width: 100%!important;height: auto !important;overflow: hidden;} #galeria li:nth-child(1n+2) {max-width:500px;min-height:200px;width: 100%!important;height: auto !important;overflow: hidden;} #galeria li img{width: calc(100%) !important;max-width: 100%!important;min-height:200px;height: auto !important;} .base-banner {width:470px!important;} /*MAIS NOTICIAS*/ #corpo_pagina .mais_noticias .bloco_noticia .descricao_noticia {width: 100%;float: none;margin-bottom:20px} #corpo_pagina .mais_noticias .bloco_noticia .img_noticia {width: 100%;float: unset;margin: 0 auto;} /*****DIVERSOS*****/ #container_noticias .bloco2 .mini .descricao a {font-size: 18px;} #container_noticias .bloco1 .descricao a {font-size:18px;} #container_noticias .bloco1 .titulo {font-size: 30px;} #container_noticias .bloco1 .titulo {top: 78%;} #container_noticias .bloco3 .gride2 .painel ul li i {left: 40px;} /*COVID*/ .btn-mais-noticias img {padding-right: 20px;padding-left: 20px;} .btn-mais-noticias a span {font-size: 20px;} #licitacoes {width: calc(100% - 35px) !important;} footer#rodape .direitos {height: 90px;} #container_noticias .bloco1 {height:479px;} #container_noticias .bloco1 .imgPrincipal, #container_noticias .bloco1 .imgPrincipal img{min-height: 560px;} #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal, #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal img{min-height:168px;} /*PAINEL COVID TOPO*/ #conteudo .estrutura_inicial .panel-covid .desktop {display:none;} #conteudo .estrutura_inicial .panel-covid .mobile {display:block;} /*CORONA VIRUS RECEITAS E DESPESAS*/ #conteiner_midia .covid_receitas_despesas ul li:nth-child(5){width:65%;} /*CORONA VIRUS CDS*/ .estrutura_inicial .mensagem_covid_cds h1 {width: 80%;} /*NOVO E-SIC*/ #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial form {flex-direction: column;row-gap: 15px;height: 260px;} #new_e-sic .estrutura_inicial #e_sic {margin-top:70px;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links {width: 100%;border: 0;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial form input[type=submit] {width: 100%;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links span, #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links a{color: black;font-size: 14px} #new_e-sic .e-sic ul#recover-pass {width: 100%;} #new_e-sic .cabecalho_e_sic .topo .topoAuth {flex-direction: column;row-gap: 30px;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links-logado {width: 100%;} #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links-logado a {color: #00843c;font-size: 30px;} #new_e-sic .barra_contato ul {display:grid ;repeat(1, 1fr);} #new_e-sic .barra_contato ul li {padding: 20px} #new_e-sic .estrutura_inicial #e_sic .painel ul li a span {font-size: 15px;margin: 125px 0 0 10px;} #new_e-sic .estrutura_inicial .e-sic_conteudo .texto_aprensentacao{padding-top: 80px;} /*NOVA OUVIDORIA*/ #new_ouvidoria .barra_contato ul {grid-template-columns: repeat(1, 1fr);} .estrutura_inicial .conteudo_ouvidoria #corpo_pagina {grid-template-columns: repeat(1, 1fr);} /*CONTRATOS E AQUISICOES*/ .estrutura_inicial #contratos_covid .d-form li.fluter20 {width:100%;} .estrutura_inicial #contratos_covid .d-form li.fluter15 {width:100%;} .estrutura_inicial #contratos_covid .list .shadowbox {width: calc(100% - 10px);} /*DIARIO NOVO*/ #diario_oficial .estrutura_diario .d_content .d-calendar {width: 100%;order: 1;border: 0; border-bottom:dotted 1px #CCCCCC} #diario_oficial .estrutura_diario .d_content .d-painel {width: 100%;order: 2;} /*NOVA PUBLICACAO*/ .global-export img {width: 42px;} /*VACINOMETRO*/ .painel_vacinometro ul,.painel_vacinometro ul.col-md-2 {grid-template-columns:1fr;grid-row-gap: 10px} /*NOVA GALERIA DE FOTOS*/ .estrutura_inicial .d-galeria-fotos #d-cmd_fotos{grid-template-columns:1fr} /*NOVO REQUEST FORM*/ .estrutura_inicial .d-table .ementa_iframe .d-buttons {display: block;} .estrutura_inicial .d-table .ementa_iframe .d-table-info-complementar{display: none}; /*TABLE MODAL SWAL*/ #swal2-content .d-table-info-complementar tbody td {border: 1px solid #d2caca;overflow: hidden;max-width: 125px;} /*NOVO CADASTRO FORNECEDORES*/ .estrutura_inicial #cadastro_fornecedor {padding:0;} .estrutura_inicial #cadastro_fornecedor .apresentacao .nav ul {grid-template-columns:1fr;} .estrutura_inicial #cadastro_fornecedor #miniModalRequest {padding-top: 40px;} .estrutura_inicial #cadastro_fornecedor form input[type="file"]{color: transparent;width: 100%; height: 36px; border-radius: 3px; } .estrutura_inicial #cadastro_fornecedor #miniModalRequest .w3c-modal-content {margin: 0 auto;min-height: 800px;} /*NOVA LISTAGEM DE VACINAS*/ .painel_vacinometro_publico ul {grid-template-columns: repeat(1, 1fr);} /*TRANSPARENCIA*/ #transparencia .tp ul {width: calc(100%) !important;} /*NOVO TELEFONE UTEIS*/ .gird_estruta_principal .conteudo ul{display: grid;grid-template-columns: repeat(1,1fr)} #pagina_lei{width: 100%!important;} /*NOVA DENUNCIA*/ #denuncia ul{padding: 10px 0} #denuncia h2 {margin: 0;} } @media screen and (max-width: 500px){ .estrutura-menu {min-height: 650px;} .estrutura_inicial {width: calc(100% - 20px)!important;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu .conteudo ul li {font-size:12px;} #container_noticias .bloco1 .descricao a {font-size: 20px;} #container_noticias .bloco3 .gride2 .painel ul li i {left: 30px;} #modalEmergencial .w3c-modal-content .modal-header{min-height:45px} .estrutura_inicial .galeria_fotos .iShowVideos {min-height: 370px;} #container_noticias .bloco3 .gride2 .noticias ul li .imgPrincipal{max-height:112px;} #container_noticias .bloco1 {height:393px;} #container_noticias .bloco1 .imgPrincipal {min-height:493px;} #container_noticias .bloco1 .imgPrincipal img{min-height: 493px;} #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal, #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal img{min-height:146px;} #corpo_pagina .conteudo img{width:100%} .estrutura_inicial .formulario_lo ul li:nth-child(18), .estrutura_inicial .formulario_lo ul li:nth-child(19) {width: calc(100% - 63px)!important; margin-top: 10px!important;} /*GALERIA BANNER*/ .bloco_banner {width: calc(100%)!important;} /*NOVO E-SIC*/ #new_e-sic .barra_contato ul {grid-template-columns: repeat(1, 1fr);} #new_e-sic {overflow: hidden;} #new_e-sic .estrutura_inicial .e-sic_conteudo .banner_right .mine img{width: 100%} .estrutura_inicial .sobre_lei, .estrutura_inicial .outras_informacoes{padding: 20px} /*NOVA OUVIDORIA*/ #new_ouvidoria .barra_contato ul {grid-template-columns: repeat(1, 1fr);} /*VEREADORES*/ #fixo #vereadores {grid-template-columns: repeat(1,1fr);} } @media screen and (max-width: 470px) { #conteiner_midia, .estrutura_inicial, #mapa_site, #obras_conteudo, #conteiner_noticias, .p_galeria, #painel_diversos, #pagina_lei, .b_galeria, #p_banner, .p_uteis ul, footer nav, footer#rodape .direitos nav, #p_noticias, #pc_noticias { width: 425px !important; margin: auto; clear: both; } /*NOVA PUBLICAÇÃO*/ .estrutura_inicial .d-table {font-size: 10px;} #barra_navegacao_midias nav ul{margin-left:0} #botao_respansivo{ width:35px; height:50px; position:absolute; top:75px; right:0px;} #topo header aside { width:80% !important; padding:0px 20px; height:200px; min-width:250px;} #topo header form { bottom:30px; } /*LOGO*/ #topo header img { max-width:280px; max-height:95px; width: auto; height: auto; top:20px;} #topo header a strong{ font-size:22px; } #topo footer{ height:210px; } #topo footer ul li{ height:100px; } #topo footer ul li i{left: -4px;} #topo footer ul li div, #pc_noticias ul li div{ width:65% !important;} #topo footer ul li div h2, #pc_noticias ul li div h2{ font-size:15px; } #topo footer ul li div h3, #pc_noticias ul li div h3{ font-size:11px;} footer#rodape .direitos .h1{ font-size:9px; left:0%;} footer#rodape .direitos i.icp-brasil{ right:90px; left:10%;} footer#rodape .direitos i.w3c{ right:0px; left:40%;} footer#rodape .direitos i.procedebahia{ right:180px; left:68%; } #topo header .acessibilidade{ top:185px; } /* NOTICIAS */ #container_noticias .bloco1 .titulo {font-size:20px;} #container_noticias .bloco2 .mini .titulo {font-size:18px;} #container_noticias .bloco1 .descricao a {font-size:15px;} #container_noticias .bloco2 .mini .descricao a {font-size:15px;} #container_noticias .bloco3 .gride1 .noticias ul li h1 {font-size:16px} #container_noticias .bloco3 .titulo_principal{font-size:17px;margin-bottom: 10px;} #container_noticias .bloco3 .gride2 .noticias ul li h1 {font-size:17px;} #noticias ul li{ height:127px; } #noticias ul li:nth-child(2n+2){ margin:0px 0px 10px 0px;} #noticias ul li .img, #noticias ul li img{ height:127px; width:170px; } #noticias h2{ font-size:12px;} #noticias strong{ font-size:12px;} #noticias h1{ font-size:20px; width:calc(100% - 190px) !important; } /* FILTRO */ #filtro input[type="text"]{ width:190px; font-size:12px;} #filtro input[type="submit"]{font-size: 13px;} #filtro optgroup option{ font-size:13px;} #container_noticias .bloco3 .gride2 .noticias ul li .imgPrincipal{max-height:100%;} #acesso_informacao_atendimento{ width:auto !important; height:auto !important; padding:0px;} #acesso_informacao_atendimento h2{ width:100% !important; height:42px;line-height:42px; font-size:22px;} #acesso_informacao_atendimento ul{ width:100% !important;margin:10px 0px 0px 0px; } #acesso_informacao_atendimento h5{ width:100% !important; font-size:12px; } #acesso_informacao_atendimento li{ width:calc(100% - 22px) !important; height:300px; margin:0px 0px 10px 10px; } #acesso_informacao_atendimento li h3{ font-size:18px; } #acesso_informacao_atendimento li h4{ font-size:15px; } #acesso_informacao_atendimento li img{ width:200px; height:200px;} #acesso_informacao_links li { font-size:13px;} /*DADOS ABERTOS*/ .acesso_dados_abertos{width:480px;} .acesso_dados_abertos h2{ width:100%; height:40px; background:#444444; border-bottom:3px solid #00B22D;line-height:40px; text-align:center ; font-size:17px; font-weight:bold; color:#FFFFFF;} .acesso_dados_abertos li{width: 100px;margin: 0 0 0 13px;} /*BOTÕES*/ #acesso_informacao_botao li { width:calc(50% - 8px) !important; height:150px; font-size:13px; } #acesso_informacao_botao li h2{ font-size:16px;} #acesso_informacao_botao li img{ width:100px; height:100px; padding:0px 19px; margin:0px calc(26% - 15px); } #acesso_informacao_botao li:nth-child(2n+2){ margin:0px 0px 0px 0px;} /*OUVIDORIA*/ form .anonimo li{width: 350px !important;} #ouvidoria h1{ width:100% !important; } #ouvidoria li{ height:195px; margin:10px 0px 0px 0px;} #ouvidoria ul{ margin-bottom:10px;} #ouvidoria li:nth-child(2n+2){ margin:10px 0px 0px 0px;} #ouvidoria li h3{ height:50px; font-size:15px; line-height:50px;} #ouvidoria li div{ position:absolute; top:60px; left:10px; width:147px; height:124px;} #ouvidoria li div img{ width:130px; height:130px;} #ouvidoria li h4{width:calc(89% - 140px) !important; height:214px; margin:20px; font-size:14px; } #ouvidoria li a{ font-size:12px; } /*LOGIN GLOBAL*/ #login_global h1{ width:100% !important; } #login_global li{ height:195px; margin:10px 0px 0px 0px;} #login_global ul{ margin-bottom:10px;} #login_global li:nth-child(2n+2){ margin:10px 0px 0px 0px;} #login_global li h3{ height:50px; font-size:15px; line-height:50px;} #login_global li div{ position:absolute; top:60px; left:10px; width:147px; height:124px;} #login_global li div img{ width:130px; height:130px;} #login_global li h4{width:calc(89% - 140px) !important; height:214px; margin:20px; font-size:14px; } #login_global li a{ font-size:12px; } /*GALERIA*/ #galeria h3{ font-size:11px;} #galeria h2{ font-size:14px; } /*REGISTROS*/ #nenhum_registro{ font-size:22px; } #turistas ul li span{ font-size:12px; } #cmd_vereadores{ width:calc(100%) !important;} #cmd_vereadores li{ width:calc(50% - 11px) !important; max-width: 320px; max-height: 425px; min-height: 100px; height: 100% !important; margin:0px 10px 10px 0px; } #cmd_vereadores h2{ width:calc(100% - 17px) !important; height:35px;} #cmd_vereadores li div, #cmd_vereadores li img{width:210px;width:calc(100%) !important; max-width: 320px; max-height: 425px; min-height: 100px; height: auto !important; } #cmd_vereadores li:nth-child(1n+2){margin:0px 10px 10px 0px;} #cmd_vereadores li:nth-child(2n+2), #cmd_vereadores li:nth-child(3n+3){margin:0px 10px 10px 0px;} #p_noticias .miniaturas li p, #p_n_miniaturas li p{font-size:11px;line-height:120%; } #p_noticias .miniaturas li span, #p_n_miniaturas li span{ font-size:12px; line-height:120%;} #topo header .acessibilidade ul li{ width: calc(33% - 20px) !important; padding: 0 0 0 20px; } #busca_avancada li{ float:left; width:calc(33% - 5px); padding:3px 0 3px 5px; font-size:11px; opacity:0.9;} #secretaria_c ul li h2{font-size:11px; } #secretaria_c ul li h1{ font-size:12px;} #transparencia .tp div{ width: calc(100%) !important; min-height:180px !important;} /*OBRAS*/ #obras ul li div .conteudo {width:calc(100% - 29%);} #obras ul li div h2 {width: 83%;} /*NOTICIAS*/ #container_noticias .bloco3 .gride1 .noticias ul li {width: calc(100% - 10px);min-height:84px;} #container_noticias .bloco3 .gride2 .painel ul li i {left: 12px;} #container_noticias .bloco3 .gride1 .noticiasImagem ul li {width: calc(100%);} #container_noticias .bloco3 .gride1 .noticiasImagem ul li:first-child {margin-right: 0;margin-left:0;margin-bottom:30px} #container_noticias .bloco3 .gride2 .noticias ul li {width:100%;margin-bottom: 30px} #container_noticias .bloco3 .gride2 .painel ul li i {left: 30px;} #container_noticias .bloco3 .gride2 .painel ul {margin-left: 10px;} #container_noticias .bloco3 .gride1 .noticiasImagem {margin-top:0;} /*GALERIA DE FOTOS*/ .estrutura_inicial .galeria_fotos {min-height: 460px;} .estrutura_inicial .galeria_fotos ul li .legenda h2 {font-size: 12px;} .estrutura_inicial .galeria_fotos .iShowVideos {min-height: 335px;} /*MENU*/ .estrutura-menu {min-height:1170px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu {width:100%;margin-right:0;margin-bottom:10px;} .estrutura-menu .estrutura_inicial .navbar-fix .bloco-menu .conteudo ul li {font-size: 19px;} .estrutura-menu .estrutura_inicial .navbar-fix .bm-servidor {margin-bottom: 50px;} /*RODAPE*/ #rodape {overflow:hidden} #rodape .entidade {width:calc(100% - 10px);} #rodape .redes-sociais{width:calc(100% - 10px)} #rodape .entidade h3{width:calc(100% - 10px)} /*ESTRUTURA ORGANIZACIONAL*/ .bloco_estrutural {min-height: 1700px;} .bloco_estrutural .estrutura_inicial .topo {height: 500px;} .bloco_estrutural .estrutura_inicial .topo .img_principal {width:100%;} .bloco_estrutural .estrutura_inicial .topo h2 {width: calc(100% - 30px);margin-left: 0;padding-top: 10px;} .bloco_estrutural .estrutura_inicial .conteudo .gride1 {width: 100%;min-height: 355px;border-right: 0; border-bottom: 1px solid #A2A2A2;} .bloco_estrutural .estrutura_inicial .conteudo .gride2 {width:100%;min-height: 800px;float:left;margin-left:0;} .bloco_estrutural .estrutura_inicial .conteudo .gride2 .servicos {float: left;} .bloco_estrutural .estrutura_inicial .conteudo .gride2 .consultas {float: left;} .swiper-banner {width:100%!important;} footer#rodape .direitos {min-height:60px;padding-bottom: 10%;} .base-banner {width:400px;} /*#container_noticias .bloco2 {min-height: 386px;}*/ #container_noticias .bloco2 .mini {height:179px;} .estrutura_inicial .galeria_fotos ul li .imgPrincipal {max-height:140px;} .base-banner {width:420px!important;} /******DIVERSOS********/ /*FOTOS*/ #form_noticias input[type="text"] {width: 47%;} /*NOTICIAS*/ .tobi-zoom__icon {bottom: 88%!important;} /*TRANSPARENCIA*/ #transparencia .tp ul li {height: 35px;line-height: 16px;} /*COVID*/ #container_noticias .bloco_covid .painel ul {grid-template-columns: 1fr;} #container_noticias .bloco_covid .painel ul li h3{font-size: 30px} .btn-mais-noticias img {padding-right:15px;padding-left:15px;} .btn-mais-noticias a span {font-size: 17px;} .titulo_pricipal_covid h3 {position: relative;top: 10px;left: 8px;margin-bottom: 10px;} .estrutura_inicial .bloco_covid .texto_descritivo {width:calc(100% - 20px); margin: 0 auto;margin-bottom:30px;} .titulo_pricipal_covid {width:calc(100% - 20px); margin: 0 auto;} #container_noticias .bloco_covid .painel {width: calc(100% - 20px); margin: 0 auto;margin-bottom: 30px;} #licitacoes {width: calc(100% - 33px)!important;} .estrutura_inicial .outras-informacoes-covid {width: calc(100% - 20px); margin: 0 auto;} .titulo_pricipal_covid h2 {font-size: 17px;} footer#rodape .direitos {height:52px;} #rodape .entidade .bloco1 h2 {width: calc(100% - 50px);float:left;} /******DIVERSOS********/ #container_noticias .bloco1 {height: 367px;} #container_noticias .bloco1 .imgPrincipal, #container_noticias .bloco1 .imgPrincipal img{min-height: 430px;} #container_noticias .bloco3 .gride1 .noticiasImagem ul li {margin-bottom: 10px;} #container_noticias .bloco3 .gride1 .noticiasImagem ul li:nth-child(2) {margin-bottom: 20px;} #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal, #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal img{min-height:284px;} /*PAINEL CONFIGURAVEL COVID*/ .painel_configuravel_adicional .estrutura_inicial .painel_cabecalho {display: flex} .painel_configuravel_adicional .estrutura_inicial .painel_cabecalho h1 {width: calc(75% - 10px);margin-bottom: 10px;margin-left: 20px;} .painel_configuravel_adicional .estrutura_inicial .painel_cabecalho {min-height: 100px;} .painel_configuravel_adicional .estrutura_inicial .painel_conteudo .pb {width:100%;} /*CORONA_VIRUS PAINEL VER MAIS*/ #id01_modal .w3c-modal-content .w3-container .conteudo_modal ul{grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(1, 50px);} /*NOVO E-SIC*/ #new_e-sic .estrutura_inicial #e_sic {margin-top:200px;} #new_e-sic .estrutura_inicial #e_sic .painel ul li a span {font-size: 15px;margin: 110px 0 0 10px;} #new_e-sic .estrutura_inicial .e-sic_conteudo .texto_aprensentacao{padding-top: 80px;} #new_e-sic .cabecalho_e_sic .topo { width: 100%; height: 100%; } #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .banner_e_sic{ height: 100%; } /*DIARIO NOVO*/ #diario_oficial .estrutura_diario .d_content .d-calendar #calendar tr td.bg-info a {padding: 0;} /*VACINOMETRO*/ .painel_vacinometro ul{padding-top: 20px} } @media screen and (max-width: 420px) { #topo header a strong{ font-size:18px; } #topo footer ul li div, #pc_noticias ul li div{ width:61% !important;} #topo footer ul li div h2, #pc_noticias ul li div h2{ font-size:12px; } #topo footer ul li div h3, #pc_noticias ul li div h3{ font-size:11px;} /* NOTICIAS */ #noticias h2{ font-size:11px;} #noticias strong{ font-size:11px;} #noticias h1{ font-size:18px; width:calc(100% - 190px) !important; } /* FILTRO */ #filtro input[type="text"]{ width:165px; font-size:12px;} #filtro input[type="submit"]{font-size: 12px;} #filtro optgroup option{ font-size:12px;} #acesso_informacao_botao li img{ width:100px; height:100px; padding:0px 19px; margin:0px calc(24% - 15px); } #ouvidoria li h4{width:calc(88% - 140px) !important; height:214px; margin:20px; font-size:13px; } #login_global li h4{width:calc(88% - 140px) !important; height:214px; margin:20px; font-size:13px; } #lista_busca h2{ font-size:11px;} #lista_busca strong{ font-size:12px;} #lista_busca h1{ font-size:16px; } #lista_busca p{font-size:10px;} #turistas ul li span{ font-size:11px; } #topo .acessibilidade ul li{font-size:9px; width:calc(25% - 0px) !important; margin:0px; padding:0px 0px 0px 0px; } #busca_avancada li{ float:left;width:calc(50% - 5px); padding:3px 0px 3px 5px; font-size:11px; opacity:0.9;} /* NOTICIAS */ #noticias ul li{ height:108px; } #noticias ul li .img, #noticias ul li img{ height:108px; width:145px; } #noticias h2{ font-size:11px;} #noticias strong{ font-size:11px;} #noticias h1{ font-size:15px; width:calc(100% - 155px) !important; margin: 0px 3px; } /*CONTATO*/ .form{ padding-left:0px;} #contato, #ppa{width:calc(100%) !important; min-width:290px;padding: 0px 0px; } #contato ul, #ppa{width:calc(100% - 0px) !important; min-width:250px; } #contato .form li:nth-child(1), #contato .form li:nth-child(6), #contato .form li:nth-child(7){ width:calc(100% - 10px) !important;} #contato .form li:nth-child(2), #contato .form li:nth-child(3), #contato .form li:nth-child(4), #contato .form li:nth-child(5){ width:calc(50% - 10px) !important; } /*OUVIDORIA*/ form .anonimo li{width: 420px !important;} #ppa{width:calc(100% - 20px) !important; min-width:250px; } #ppa .form ul:nth-child(2) li:nth-child(2){ width:calc(100% - 10px) !important;} #ppa .form ul:nth-child(2) li:nth-child(3){ width:calc(100% - 10px) !important;} #ppa .form ul:nth-child(2) li:nth-child(4), #ppa .form ul:nth-child(2) li:nth-child(5){width:calc(50% - 10px)!important;} #ppa .form ul:nth-child(2) li:nth-child(6){width:calc(100% - 10px) !important;} #ppa .form ul:nth-child(2) li:nth-child(7){ width:calc(30% - 10px) !important;} #ppa .form ul:nth-child(2) li:nth-child(8){ width:calc(70% - 10px) !important;} #ppa .form ul:nth-child(2) li:nth-child(9){ width:calc(70% - 10px) !important;} #ppa .form ul:nth-child(2) li:nth-child(10){ width:calc(30% - 10px) !important;} #ppa .form ul:nth-child(2) li:nth-child(11){ width:calc(30% - 10px) !important;} #ppa .form ul:nth-child(2) li:nth-child(12){ width:calc(70% - 10px) !important;} #ppa .form ul:nth-child(3) li{ width:calc(100% - 10px) !important;} #ppa .form2 li:nth-child(1), #ppa .form2 li:nth-child(2){ width:160px !important;} #ppa .form2 li:nth-child(3){ width:calc(100% - 20px) !important;} #ppa .form2 li:nth-child(4){ width:calc(100% - 20px) !important;} #ppa .form2 li:nth-child(5), #ppa .form2 li:nth-child(6), #ppa .form2 li:nth-child(7), #ppa .form2 li:nth-child(8), #ppa .form2 li:nth-child(9), #ppa .form2 li:nth-child(10){ width:calc(100% - 20px) !important;} #ppa .form2 ul:nth-child(2) li:nth-child(1) { width:calc(100% - 20px) !important;} #ppa .form2 ul:nth-child(2) li:nth-child(2){ width:calc(100% - 20px) !important;} #fixo { padding:0px 0px 20px; font-size:9px; line-height:140%;} /*OBRAS*/ #obras_listas ul li{ width:100% !important; height:90px; margin:0px 10px 10px 0px; } #obras_listas ul li .img, #obras_listas ul li img{ height:90px; width:121px;} #obras_listas h2{ font-size:13px;} #obras_listas strong{ font-size:13px; top:64px; right:0px;} #obras_listas h1{ font-size:12px; line-height:110%; width: calc(100% - 140px) !important;} #obras_listas .barra{ width:calc(100% - 170px); font-size:14px; top:65px; left:120px;} #obras_listas .barra span{ z-index:99; position:absolute; text-align:center;} /* TURISTAS */ #turistas li{ height:125px; } #turistas li:nth-child(2n+2){ margin:0px 0px 10px 0px;} #turistas h2{ font-size:16px;} #turistas div.img{ width:150px; height:112px; margin-bottom:18px; border-bottom:2px solid #002142; margin-right: 2px;} #turistas div img{ width:150px; height:112px; } /*NOTICIAS INTERNAS*/ #barra_navegacao_midias {min-height:100px;} #form_noticias #opt_categoria{width:100%;margin:0 10px 5px 0;} #form_noticias input[type="text"]{width:96%;margin:0 10px 5px 0;} #form_noticias input[type="submit"]{width:100%;margin:0 10px 5px 0;} #barra_navegacao_midias nav ul li {margin: 9px;width:65px;} #corpo_pagina .mais_noticias .bloco_noticia {min-height: 304px!important;margin-bottom: 20px;} /*OUVIDORIA*/ .estrutura_inicial .ouvidoria ul li{width: calc(100% - 40px);float:left} .estrutura_inicial .ouvidoria ul li:nth-child(1){width: calc(100% - 40px);float:left} .estrutura_inicial .ouvidoria ul li:nth-child(3) {width: calc(100% - 40px);} /*NOTICIAS*/ #container_noticias .bloco3 {margin-bottom: 15px;} #container_noticias .bloco3 .gride2 .painel ul li i {left: 22px;} #container_noticias .bloco1 {height: 321px;} #container_noticias .bloco1 .imgPrincipal, #container_noticias .bloco1 .imgPrincipal img{min-height: 380px;} #container_noticias .bloco2 .mini {height:167px;} #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal, #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal img{min-height:283px;} /*GALERIA DE BANNER*/ .base-banner {width:350px;} /*GALERIA DE FOTOS*/ .estrutura_inicial .galeria_fotos ul li .imgPrincipal {max-height:221px;} .base-banner {width:350px!important;} /****INI DIVERSOS*****/ #barra_navegacao_midias nav ul li {margin:5px;width: 60px;} /*NOTICIA*/ #corpo_pagina .cabecalho_noticia {padding: 0 20px;} #corpo_pagina .conteudo {padding: 0 37px 0 21px;} #corpo_pagina .mais_noticias .bloco_noticia{width: 100%;display: flex;flex-direction: column;} #corpo_pagina .mais_noticias .bloco_noticia .descricao_noticia {width: 100%;order: 2;} #corpo_pagina .mais_noticias .bloco_noticia .img_noticia {max-width:400px;min-height:200px;width: 100%!important;height: auto !important;overflow: hidden;order: 1;} #corpo_pagina .mais_noticias .bloco_noticia .img_noticia img{width: calc(100%) !important;min-height:200px;height: auto !important;} /****FIM DIVERSOS*****/ .estrutura-menu {min-height:1345px;} /*OUVIDORIA*/ .estrutura_inicial .ouvidoria ul {display: grid; grid-template-columns: repeat(1, 1fr);gap: 20px;margin-bottom: 20px} .estrutura_inicial .conteudo_ouvidoria #corpo_pagina {grid-template-columns: repeat(1, 1fr);} /*NOVO E-SIC*/ #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .links-logado {width: 90%;margin-right: 10px;} #new_e-sic .estrutura_inicial #e_sic .painel ul {grid-template-columns: repeat(1, 1fr);} #new_e-sic .estrutura_inicial #e_sic .painel ul li a span {font-size: 25px;margin: 195px 0 0 10px;} /*NOVO CADASTRO FORNECEDORES*/ .estrutura_inicial #cadastro_fornecedor .autenticar #auth {width: 90%;} /*ACESSO A INFORMAÇÃO*/ .menu-info-rodape h2{height: 90px;} } @media screen and (max-width: 414px){ #conteiner_midia, .estrutura_inicial, #mapa_site, #obras_conteudo, #conteiner_noticias, .p_galeria, #painel_diversos, #pagina_lei, .b_galeria, #p_banner, .p_uteis ul, footer nav, footer#rodape .direitos nav, #p_noticias, #pc_noticias { width: 370px !important; margin: auto; clear: both; } /*LOGO*/ #topo footer ul li i{-webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); left:0px;} #topo footer ul li div, #pc_noticias ul li div{ width:67% !important;} #topo footer ul li div h2, #pc_noticias ul li div h2{ font-size:11.5px; } #topo footer ul li div h3, #pc_noticias ul li div h3{ font-size:10px;} #topo header img { max-width:280px; max-height:80px; width: auto; height: auto; top:20px;} footer#rodape ul:nth-child(1n+1){margin:0px;} footer#rodape ul span{ font-size:20px; } footer#rodape ul li{ font-size:14px; } footer#rodape ul.contato li{ font-size:13px;} footer#rodape .direitos .h1{ font-size:7.5px; width: auto !important; display:table; position:absolute; left:2%; right:0px; top:-5px;} footer#rodape .direitos i{ top:40px;} footer#rodape .direitos i.icp-brasil{ right:120px; left:6%;} footer#rodape .direitos i.w3c{ right:20px; left:37%;} footer#rodape .direitos i.procedebahia{ right:250px; left:65%; } #topo footer ul li i{left: -10px;top:-18px;} /* FILTRO */ #filtro select{ width:calc(100%) !important; } #filtro input{ width:calc(100% - 12px) !important; margin:10px 0px 0px;} #filtro input[type="submit"]{ width:calc(100%) !important; margin-bottom:10px;} #filtro optgroup option{ font-size:12px;} #topo .acessibilidade ul li{font-size:7px; width:calc(25% - 0px) !important; margin:0px; padding:0px 0px 0px 0px; } #topo header .acessibilidade ul li{font-size:9px; width:calc(33% - 10px) !important; padding: 0px 0px 0px 10px;} #topo .acessibilidade .preto{ width:12px; height:12px; font-size:10px; margin-top: 10px;} #secretaria_c ul li h2{font-size:10px; } #secretaria_c ul li h1{ font-size:12px;} #noticias h1{ font-size:13px; width:calc(100% - 155px) !important; margin: 0px 3px; } /* OUVIDORIA */ form .anonimo li{width: 320px !important;} #ouvidoria h1{ width:100% !important; } #ouvidoria li{ height:165px; margin:10px 0px 0px 0px;} #ouvidoria ul{ width:100% !important; margin-bottom:10px;} #ouvidoria li:nth-child(2n+2){ margin:10px 0px 0px 0px;} #ouvidoria li h3{ height:50px; font-size:15px; line-height:50px;} #ouvidoria li div{ position:absolute; top:60px; left:10px; width:117px; height:94px;} #ouvidoria li div img{ width:100px; height:100px;} #ouvidoria li h4{width:calc(89% - 110px) !important; height:214px; margin:10px; font-size:11px; } #ouvidoria li a{ font-size:12px; bottom:10px; } #ouvidoria img.telefone{ margin: 30px calc(65% - 200px) 0px; max-width:300px;} #login_global h1{ width:100% !important; } #login_global li{ height:240px; margin:10px 0 0 0;} #login_global ul{ width:100% !important; margin-bottom:10px;} #login_global li:nth-child(2n+2){ margin:10px 0 0 0;} #login_global li h3{ height:50px; font-size:15px; line-height:50px;} #login_global li div{ position:absolute; top:60px; left:10px; width:117px; height:94px;} #login_global li div img{ width:100px; height:100px;} #login_global li h4{width:calc(89% - 110px) !important; height:214px; margin:10px; font-size:11px; } #login_global li a{ font-size:12px; bottom:10px; } #login_global img.telefone{ margin: 30px calc(65% - 200px) 0; max-width:300px;} /* TURISTAS */ #turistas li{ height:111px; } #turistas li:nth-child(2n+2){ margin:0 0 10px 0;} #turistas h2{ font-size:16px;} #turistas ul li span{ font-size:9px; width: calc(100% - 150px) !important;} #turistas div.img{ width:130px; height:98px; margin-bottom:18px; border-bottom:2px solid #002142; margin-right: 2px;} #turistas div img{ width:130px; height:98px; } /*TOPO*/ #topo footer {height:165px;} #topo footer ul li {height: 70px;} #container_noticias .bloco3 .gride2 .painel ul li i {left: 18px;} #topo footer ul li div, #pc_noticias ul li div {width: 70% !important;} #topo footer ul li i {top: -10px;} #topo footer ul li div h2, #pc_noticias ul li div h2 {font-size: 13.5px;} #topo footer ul li div h3, #pc_noticias ul li div h3 {font-size: 11px;} /*NOTICIAS*/ #container_noticias .bloco1 {height:311.64px;} #container_noticias .bloco3 .gride2 .noticias ul li .imgPrincipal img {max-height:195px;min-height: 195px;} #container_noticias .bloco1 {height: 307px;} #container_noticias .bloco1 .imgPrincipal, #container_noticias .bloco1 .imgPrincipal img{min-height: 360px;} #container_noticias .bloco1 .titulo {top: 70%;} /*LINKS UTEIS*/ #painel_diversos ul li {height: 150px;} /*GALERIA DE BANNER*/ .bloco_banner .estrutura_inicial .swiper-container-banner {width: 100%;} /*GALERIA FOTOS*/ .estrutura_inicial .galeria_fotos {min-height: 1130px;} .estrutura_inicial .galeria_fotos ul li {width:100%;text-align: center} .estrutura_inicial .galeria_fotos ul li:last-child{margin-bottom:50px} .estrutura_inicial .galeria_fotos ul li .legenda {min-height: 25px;margin-bottom: 10px;} #container_noticias .bloco2 .mini {height:159px;} /* #container_noticias .bloco2 {min-height:350px;}*/ #container_noticias .bloco3 .gride2 .noticias ul li .imgPrincipal, #container_noticias .bloco3 .gride2 .noticias ul li .imgPrincipal img{min-height: 133px;} .bloco_estrutural {min-height: 1800px;} .bloco_estrutural .estrutura_inicial .topo {height: 600px;} /******INI DIVERSOS********/ /*BARRA DE NAVEGACAO*/ #barra_navegacao_midias nav ul li {margin: 5px;width: calc(25% - 10px);border: 0;} /******FIM DIVERSOS********/ .estrutura_inicial .galeria_fotos .iShowVideos {min-height: 1000px;} #paginas {min-width: 270px;} #paginas .nav_pg {min-width: 270px;} #rodape .entidade h3 {width: auto;} /*COVID*/ .btn-mais-noticias a span {font-size:15px;} .gfMini {min-height: 600px!important;} /*GALERIA BANNER*/ .base-banner .swiper-container-banner {margin-left:0;} /*NOVO E-SIC*/ #new_e-sic .estrutura_inicial #e_sic .painel ul li a span{ font-size: 22px; margin: 180px 0 0 10px; } /*NOVO GALERIA DE FOTOS IMAGEM*/ .estrutura_inicial #corpo_pagina .d-galeria-imgs {grid-template-columns: 1fr;} /*TRANSPARENCIA*/ #transparencia .tp h2 {font-size: 20px;} } @media screen and (max-width: 393px){ /*NOVA PUBLICAÇÃO*/ .estrutura_inicial .d-table {font-size: 8px;} #conteiner_midia, .estrutura_inicial, #mapa_site, #obras_conteudo, #conteiner_noticias, .p_galeria, #painel_diversos, #pagina_lei, .b_galeria, #p_banner, .p_uteis ul, footer nav, footer#rodape .direitos nav, #p_noticias, #pc_noticias { width: 300px !important; margin: auto; clear: both; } /*OUVIDORIA*/ form .anonimo li{width: 300px !important;} /*MENU*/ #d-menu .d-menu-itens .d-actions{transform: translateX(-24px)} .estrutura_inicial{width: 100%; max-width: 320px;} /*LOGO*/ #topo footer ul li i {left: -9px;top: -8px;} #topo footer ul li i{-webkit-transform: scale3d(0.7, 0.7, 0.7); transform: scale3d(0.7, 0.7, 0.7);} #topo footer ul li div, #pc_noticias ul li div{ width:69% !important; } #topo footer ul li div h2, #pc_noticias ul li div h2{ font-size:11.5px; } #topo footer ul li div h3, #pc_noticias ul li div h3{ font-size:10px;} /*NOTICIAS*/ #container_noticias .bloco1 {height:299.96px;} #container_noticias .bloco3 .gride2 .painel ul li i {left: 12px;} #barra_navegacao_midias nav {width:100%;} /*ESTRUTURA ORGANIZACIONAL*/ .bloco_estrutural {height: 1800px;} .bloco_estrutural .estrutura_inicial .topo {height: 560px;} .base-banner {width:300px!important;} .estrutura_inicial .galeria_fotos .iShowVideos {min-height:920px;} #paginas {min-width: 170px;} #paginas .nav_pg {min-width: 170px;} #rodape .entidade h3 {width: auto;} /*COVID*/ .btn-mais-noticias a span {font-size:12px;} #container_noticias .bloco1 {height: 264px;} #container_noticias .bloco1 .imgPrincipal, #container_noticias .bloco1 .imgPrincipal img{min-height: 310px;} #container_noticias .bloco1 .titulo {top: 67%;} #container_noticias .bloco2 .mini {height:138px;} #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal, #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal img{min-height:191px;} /*NOVO E-SIC*/ #new_e-sic .cabecalho_e_sic .topo .estrutura_inicial .banner_e_sic .title-header h2 {font-size: 17px;} #new_e-sic .estrutura_inicial #e_sic .painel ul li a span{ font-size: 22px; margin: 170px 0 0 10px; } /*DIARIO NOVO*/ #diario_oficial .estrutura_diario .d_content .d-calendar #calendar tr td {padding: 5px;} /*NOVO CADASTRO FORNECEDORES*/ .estrutura_inicial #cadastro_fornecedor form input[type="file"]{color: transparent;width: 100%; height: 36px; border-radius: 3px; padding: 10px} .estrutura_inicial #cadastro_fornecedor .autenticar #auth {width: 100%;} } /* On smaller screens, decrease text size */ @media only screen and (max-width: 300px) { .estrutura_inicial{max-width: 320px;} .prev, .next,.text {font-size: 11px} /*NOTICIAS*/ #container_noticias .bloco1 {height:256.85px;} .base-banner {width:280px;} #container_noticias .bloco1 .titulo {top: 65%;} #licitacoes {min-width: 279px;} #container_noticias .bloco1 .titulo {top: 60%;} #container_noticias .bloco1 {height: 223px;} #container_noticias .bloco1 .imgPrincipal, #container_noticias .bloco1 .imgPrincipal img{min-height:280px;} #container_noticias .bloco2 .mini {height:118px;} #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal, #container_noticias .bloco3 .gride1 .noticiasImagem ul li .imgPrincipal img{min-height:178px;} #container_noticias .bloco3 .gride2 .noticias ul li .imgPrincipal, #container_noticias .bloco3 .gride2 .noticias ul li .imgPrincipal img {min-height: 101px;} /*NOVO E-SIC*/ #conteudo, footer#rodape {min-width: 320px} #new_e-sic .estrutura_inicial #e_sic .painel ul li a span {font-size: 20px;margin: 160px 0 0 10px;} }