1<!DOCTYPE html> 2<html lang="pt"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="author" content=""> 8 <meta name="description" content="LAI - Lei de Acesso à Informação." /> 9 <meta name="keywords" content=" " /> 10 <meta property="og:image" itemprop="image" content="http://porto.pi.gov.br/imagens/lai2.png" /> 11 <title>Prefeitura Municipal de Porto - PI</title> 12 13 <!-- core CSS --> 14 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> 15 16 <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> 17 <link href="css/bootstrap.min.css" rel="stylesheet"> 18 <link href="css/font-awesome.min.css" rel="stylesheet"> 19 <link href="css/prettyPhoto.css" rel="stylesheet"> 20 <link href="css/animate.min.css" rel="stylesheet"> 21 <link href="css/main.css?v=20261007" rel="stylesheet"> 22 <link href="css/responsive.css?v=20261007" rel="stylesheet"> 23 <link href="cssesic/hover.css" rel="stylesheet" type="text/css" media="all" /> 24 <link href="css/style.php?v=20261007" rel="stylesheet"> 25 <!--[if lt IE 9]> 26
26<script src="js/html5shiv.js"></script>
26 27
27<script src="js/respond.min.js"></script>
27 28 <![endif]--> 29 <link rel='shortcut icon' href='imagens/icomuni.png'> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png"> 30 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png"> 31 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png"> 32 <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png"> 33 34</head> 35<!--/head--> 36 37<body href="#" id="ancora"> 38 39<link href="/css/satisfacao/style.css?v=2.0" rel="stylesheet"> 40<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 41<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet"> 42<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
43<script> 44var tam = 15; 45 46function mudaFonte(tipo, elemento) { 47 if (tipo == "mais") { 48 if (tam < 24) 49 tam += 1; 50 } else { 51 if (tam > 10) 52 tam -= 1; 53 } 54 document.getElementById("Noticia").style.fontSize = tam + "px"; 55 document.getElementById("Descricao").style.fontSize = tam + "px"; 56} 57 58function printDiv(id, pg, url) { 59 var oPrint, oJan; 60 oPrint = window.document.getElementById(id).innerHTML; 61 oJan = window.open(pg); 62 oJan.document.write(oPrint); 63 oJan.document.write(url); 64 oJan.window.print(); 65 oJan.document.close(); 66 oJan.focus(); 67} 68 69 70 71// Função contraste INICIO 72(function() { 73 var Contrast = { 74 storage: 'contrastState', 75 cssClass: 'contrast', 76 currentState: null, 77 check: checkContrast, 78 getState: getContrastState, 79 setState: setContrastState, 80 toogle: toogleContrast, 81 updateView: updateViewContrast 82 }; 83 84 window.toggleContrast = function() { 85 Contrast.toogle(); 86 }; 87 88 Contrast.check(); 89 90 function checkContrast() { 91 this.updateView(); 92 } 93 94 function getContrastState() { 95 return localStorage.getItem(this.storage) === 'true'; 96 } 97 98 function setContrastState(state) { 99 localStorage.setItem(this.storage, '' + state); 100 this.currentState = state; 101 this.updateView(); 102 } 103 104 function updateViewContrast() { 105 var body = document.body; 106 107 if (this.currentState === null) 108 this.currentState = this.getState(); 109 110 if (this.currentState) 111 body.classList.add(this.cssClass); 112 else 113 body.classList.remove(this.cssClass); 114 } 115 116 function toogleContrast() { 117 this.setState(!this.currentState); 118 } 119})(); 120// Função contraste FIM 121</script>
121 122 123 124 125<!-- CSS style offcanvas navbar --> 126<style> 127 128.offcanvas-collapse { 129position: fixed; 130bottom: 0; 131right: 100%; 132left:-300px; 133width: 300px; 134overflow: auto; 135visibility: hidden; 136background-color: #B41014; 137transition-timing-function: ease-in-out; 138transition-duration: .3s; 139transition-property: left, visibility; 140z-index: 1045; 141} 142.offcanvas-collapse { 143 align-items:start; 144/* Adds a subtle drop shadow */ 145 -moz-background-clip: padding; /* Firefox 3.6 */ 146 -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ 147 background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ 148border-right:5px solid rgba(0, 0, 0, 0.2); 149height: auto; 150min-height: 100%; 151} 152 153/* Makes the nav visibile with the open class */ 154.offcanvas-collapse.open { 155 left: 0; 156 visibility: visible; 157} 158 159 160.navbar-expand-lg .navbar-nav { 161-ms-flex-direction: column; 162flex-direction: column; 163} 164 165.offcanvas-collapse>.navbar-nav>li>a:hover { 166 color: #fff !important; 167 background-color: #000; 168 opacity: 0.5; 169} 170 171.offcanvas-collapse>.navbar-nav > li { 172 margin-left: 1px; 173} 174 175.offcanvas-collapse>.navbar-nav>.dropdown.open{ 176 color: #A50105 !important; 177 background-color: #fff !important; 178 /* opacity: 0.5 !important; */ 179} 180 181.offcanvas-collapse>.navbar-nav>.dropdown.open>a{ 182 color: #fff !important; 183 /* background-color: #000 !important; */ 184 opacity: 0.5 !important; 185} 186 187.offcanvas-collapse.navbar-collapse { 188 padding-right: 0px !important; 189 padding-left: 0px !important; 190} 191 192 193.dropdown-submenu { position:relative;} .dropdown-submenu>.dropdown-menu {top:0; left:100%; margin-top:-6px;} 194 195 196/* Botão de fechar */ 197.offcanvas-close { 198 position: fixed; 199 top: 15px; 200 left: 300px; /* Ajuste de posição */ 201 background: none; 202 border: none; 203 color: #fff; 204 font-size: 30px; 205 cursor: pointer; 206 z-index: 1050; /* Sobrepõe o menu */ 207} 208.open>.dropdown-menu-offcanvas { 209 display: contents !important; 210} 211 212 /* Estilo da backdrop */ 213 .offcanvas-backdrop { 214 position: fixed; 215 top: 0; 216 left: 0; 217 width: 100%; 218 height: 100%; 219 background-color: rgba(0, 0, 0, 0.5); 220 z-index: 1040; 221 opacity: 0; 222 visibility: hidden; 223 transition: opacity 0.3s ease; 224} 225.offcanvas-backdrop.show { 226 opacity: 1; 227 visibility: visible; 228} 229 230.dropdown-menu-acessibilidade { 231 border-radius: var(--site-card-radius, 7px); 232} 233 234.dropdown-menu-acessibilidade li a { 235 color: #A50105 !important ; 236} 237 238.dropdown-toggle-acessibilidade:hover .dropdown-menu-acessibilidade { 239 display: block !important; 240} 241/* 242 navbar-dafault-main entra em conflito com .navbar-default quando o MenuDegrade está ativo 243 Esse conflito deixa o menu branco 244*/ 245 246.navbar-dafault-main { 247 background-image: url(""), 248 url(""); 249 background-repeat: no-repeat, no-repeat ; 250 background-position: left, right ; 251} 252.social-links-top { 253 /* border-left: 1px solid #fff; */ 254} 255 256</style> 257 258 259 260 261<!-- INÃCIO DO TOPO DO SITE --> 262<header id="header" class=" navbar navbar-fixed-top wet-asphalt" style="border:0px; box-shadow:none; --site-card-radius: 9px; background-image:url(/imagens/top/Background66.jpg);"> 263 <div class="container-fluid topo-option-1 color-topo"> 264 <div class="container-new1"> 265 <div class="row" id="font-setting-buttons" style="position: relative; z-index: 5; line-height: 33px; display: flex; justify-content: flex-end; gap: .3em; align-items: center;"> 266 267 268 <div class="title__cliente" style="margin-bottom: 0px; padding-left:15px; padding-right:0; margin-right: auto; color: #fff;"> 269 <a href="https://www.porto.pi.gov.br"><span>Prefeitura Municipal de Porto - PI</span></a> 270 </div> 271 272 273 <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px; "><a 274 href="/ouvidoria"><i class="bi bi-headset"></i> <span class='nomefora' 275 title="Ouvidoria da entidade">Ouvidoria/Sic</span></a></div> 276 277 278 279 280 <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px;"><a 281 href="/acessoainformacao.php"><i class="bi bi-info-circle-fill"></i> <span class='nomefora'
282 title="Transparência da entidade">Transparência</span></a></div> 283 284 <!--<div class="col-sm-12 col-xs-12"><a href="campanha.php?pg=COVID-19" style="display: block;color: #fff;line-height: 35px;"> <img width="17" alt='Covid' height="17" src="imagens/covid.png"> <strong>CORONAVÃRUS (COVID-19): </strong><span class='nomefora'>Boletins, Ações, Transparência e material educativo - </span> clique aqui </a></div>--> 285 <div style="margin-bottom: 0px; float:right; padding-left:0; padding-right:0; width: 130px" class="dropdown dropdown-toggle-acessibilidade"><a href="#" 286 accesskey="1" title="Página de acessibilidade" class="dropdown-toggle" data-toggle="dropdown" ><i class="bi bi-emoji-smile"></i> <span 287 class='nomefora'>Acessibilidade</span></a> 288 289 <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;"> 290 <li><a href="/acessibilidade.php" style="cursor:pointer;" 291 title="Página de acessibilidade"><i class="bi bi-emoji-smile"></i> <span 292 class='nomefora'>Sobre</span></a></li> 293 294 <li><a href="#altocontraste" 295 id="altocontraste" onclick="window.toggleContrast()" style="cursor:pointer;" accesskey="2" 296 title="Aplicar Contraste"><i class="bi bi-toggles"></i> <span 297 class='nomefora'>Contraste</span></a></li> 298 299 <li> <a 300 class="nav-link increase-me btn-list-top" style="cursor:pointer; " accesskey="A" 301 title="Aumentar texto"><i class="bi bi-plus-square"></i> <span 302 class='nomefora'>Aumentar</span></a></li> 303 <li><a 304 class="nav-link decrease-me btn-list-top" style="cursor:pointer; " accesskey="D" 305 title="Diminuir texto"> <i class="bi bi-dash-square"></i> <span 306 class='nomefora'>Diminuir</span></a></li> 307 308 <li><a style="cursor:pointer;" 309 href="https://www.gov.br/governodigital/pt-br/vlibras" target='_blank' accesskey="M" 310 title="VLibras"><i class='fa fa-hand-paper-o'></i> <span class='nomefora'>Libras</span></a></li> 311 312 <li><a href="/mapadosite" style="cursor: pointer;" 313 title="Mapa do site" accesskey="M"><i class="bi bi-diagram-3-fill"></i> <span 314 class="nomefora">Mapa do site</span></a></li> 315 </ul> 316 317 </div> 318 319 <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 100px;"><a 320 href="/pesquisa"><i class="bi bi-search"></i> <span class='nomefora' 321 title="Transparência da entidade">Pesquisar</span></a></div> 322 323 <!-- fim de acessibilidade --> 324 325 <!-- redes sociais --> 326 <div class="social-links-top"> 327 <a class="nav-link btn-list-top" href="#"> 328 <i class='bi bi-twitter-x' title="X"></i> 329 </a> 330 <a class="nav-link btn-list-top" href="#"> 331 <i class='bi bi-youtube' title="YouTube"></i> 332 </a> 333 <a class="nav-link btn-list-top" href="https://webmail-seguro.com.br/porto.pi.gov.br/"> 334 <i class='bi bi-envelope-fill' title="E-mail"></i> 335 </a> 336 337 338 </div> 339 <!-- redes sociais --> 340 341 </div> 342 </div> 343 </div> 344 345 346 <style> 347 /* #menuToggleBtn troca de lugar ao rolar (ve o JS mais abaixo): preto sobre o fundo claro 348 do #logo-top-bar, branco quando pousa em #mobileMenuToggleSticky (faixa verde). */ 349 #mobileMenuToggleSticky #menuToggleBtn .fa-bars { 350 color: #fff !important; 351 } 352 353 /* ao rolar no celular (classe .topo-mobile-rolado, posta pelo JS do scroll): a faixa mostra 354 a logo do municipio e inverte as cores â fundo branco e .fa-bars na cor do cliente. */ 355 #mobileLogoSticky { 356 display: none; 357 } 358 359 @keyframes mobileLogoStickyFade { 360 from { opacity: 0; } 361 to { opacity: 1; } 362 } 363 364 @media (max-width: 767px) { 365 .topo-option-mobile { 366 transition: background-color .8s; 367 } 368 369 .topo-option-mobile.topo-mobile-rolado { 370 background-color: #fff !important; 371 } 372 373 .topo-option-mobile.topo-mobile-rolado:after { 374 display: none; 375 } 376 377 .topo-option-mobile.topo-mobile-rolado .row { 378 align-items: center; 379 } 380 381 .topo-option-mobile.topo-mobile-rolado #mobileMenuToggleSticky #menuToggleBtn .fa-bars { 382 color: #B41014 !important; 383 } 384 385 /* some na hora (sem esperar o fadeOut) pra logo nao dividir a linha com os links */ 386 .topo-option-mobile.topo-mobile-rolado #mobileUtilityLinks { 387 display: none !important; 388 } 389 390 .topo-option-mobile.topo-mobile-rolado #mobileLogoSticky { 391 display: flex; 392 align-items: center; 393 padding-left: 7px; 394 animation: mobileLogoStickyFade .8s; 395 } 396 397 #mobileLogoSticky img { 398 max-height: 42px; 399 width: auto; 400 } 401 } 402 </style> 403 404 <div class="container-fluid topo-option-mobile color-topo"> 405 <div class="container"> 406 <div class="row" id="font-setting-buttons" style="line-height: 33px; display: flex; position: relative; z-index: 5;"> 407 408 <div id="mobileUtilityLinks" style="display: flex; align-items: center;"> 409 <div style="margin-bottom: 0px; padding-left: 7px; padding-right: 10px;"><a 410 href="/acessoainformacao.php"><i class='bi bi-info-circle-fill'></i> <span
411 title="Transparência da entidade"><strong>Transparência</strong></span></a></div> 412 413 <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a 414 href="ouvidoria"><i class="bi bi-headset"></i> <span 415 title="Ouvidoria da entidade"><strong>Ouvidoria </strong></span></a></div> 416 417 <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a 418 href="/acessibilidade"><i class='bi bi-emoji-smile'></i> <span 419 title="Acessibilidade"><strong>Acessibilidade</strong></span></a></div> 420 421 <div style="margin-bottom: 0px; padding-left:0; padding-right:10;" class="dropdown dropdown-toggle-acessibilidade"> 422 <a href="#" accesskey="1" title="Mais opções" class="dropdown-toggle" data-toggle="dropdown"> 423 <i class="bi bi-plus"></i> 424 <span><strong>Opções</strong></span> 425 </a> 426 427 <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;"> 428 <li> 429 <a href="/pesquisa" style="cursor:pointer;" title="Pesquisar"><i class="bi bi-search"></i><span style="padding-left: 10px;">Pesquisar</span></a> 430 </li> 431 <li> 432 <a href="#" style="cursor:pointer;" title="X"><i class="bi bi-twitter-x"></i><span style="padding-left: 10px;">X</span></a> 433 </li> 434 <li> 435 <a href="#" style="cursor:pointer;" title="YouTube"><i class="bi bi-youtube"></i><span style="padding-left: 10px;">YouTube</span></a> 436 </li> 437 <li> 438 <a href="https://webmail-seguro.com.br/porto.pi.gov.br/" style="cursor:pointer;" title="E-mail"><i class="bi bi-envelope-fill"></i><span style="padding-left: 10px;">E-mail</span></a> 439 </li> 440 </ul> 441 </div> 442 </div> 443 444 <a id="mobileLogoSticky" href="/"></a> 445 446 <div id="mobileMenuToggleSticky" style="margin-bottom: 0px; margin-left: auto; margin-right: -13px; padding-left: 10px; display: none;"></div> 447 </div> 448 </div> 449 </div> 450 451 <div class="col-md-12 col-fita"> 452 <div class="row fitaflex" style="padding-bottom: 10px;"> 453 <div class="col-md-2 fita" 454 style="margin-bottom:0px; border-top: 7px solid #F37B7E;"></div> 455 <div class="col-md-2 fita" 456 style="margin-bottom:0px; border-top: 7px solid #F05C60;"></div> 457 <div class="col-md-2 fita" 458 style="margin-bottom:0px; border-top: 7px solid #ED3C41;"></div> 459 <div class="col-md-2 fita" 460 style="margin-bottom:0px; border-top: 7px solid #EA1D22;"></div> 461 <div class="col-md-2 fita" 462 style="margin-bottom:0px; border-top: 7px solid #D31217;"></div> 463 <div class="col-md-2 fita" 464 style="margin-bottom:0px; border-top: 7px solid #B41014;"></div> 465 </div> 466 </div> 467 468 <style> 469 /* ===== Selos alinhados com a logo 2026 â nao muda o tamanho da logo, so o alinhamento dos selos ===== 470 .d-flex-main-menu-center so virava flex/centralizado no celular (responsive.css); aqui repete o mesmo 471 comportamento tambem no desktop, pra logo e selos ficarem na mesma linha central. */ 472 .d-flex-main-menu-center { 473 display: flex; 474 align-items: center; 475 } 476 477 /* .box-pesq tem margin-top:30px no main.css (pensado pra quando essa coluna nao dividia a linha 478 com a logo). Com o alinhamento acima, essa margem so empurrava os selos pra baixo do centro. */ 479 #logo-top-bar .box-pesq { 480 margin-top: 0; 481 } 482 </style> 483 484 <div class="container-new1 container-menu-main" id="logo-top-bar" style="padding-bottom:10px; padding-top:10px; "> 485 486 487 488 <div class="row d-flex-main-menu-center"> 489 490 <div id="centralizarLogo" class="col-6 col-sm-7 col-xs-7 "> 491 492 <a id="" href="/" style="padding-right: 5px; margin-right: 20px"><img id="" src="/imagens/logo.png?time=1791393447" alt="logo"></a> 493 </div> 494 495 <div class="col-6 col-canvas-navbar" id="canvasNavbarCol"> 496 <a id="menuToggleBtn" class="navbar-toggle" data-toggle="offcanvas" 497 style="padding-top: 3px; padding-bottom: 3px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; line-height: 1; " 498 data-target=".offcanvas-collapse">
499 <span class="fa fa-bars" style="font-size: 25px; color: #000;"></span> 500 </a> 501 </div> 502 503 <div class="col-sm-5 col-xs-5 fora_responsivo"> 504 <div class="wow fadeInUp box-pesq"> 505 506 507 508 509 510 <!-- <a href="/pesquisa.php" class="btn btn-primary nomefora"><span class="glyphicon glyphicon-search " 511 aria-hidden="true"></span> Pesquisa</a> --> 512 513 <!-- 514 <div class="nomefora" id="google_translate_element"></div> 515
515<script> 516 function googleTranslateElementInit() { 517 new google.translate.TranslateElement({ 518 pageLanguage: 'pt', 519 autoDisplay: false, 520 includedLanguages: 'de,es,fr,en,it', 521 layout: google.translate.TranslateElement.InlineLayout.SIMPLE 522 }, 523 'google_translate_element'); 524 } 525 </script>
525 526
526<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
526 527 --> 528 529 </div> 530 531 </div> 532 </div> 533 </div> 534 535 536 <!-- navbar offcanvas --> 537 <nav class="navbar navbar-default navbar-dafault-main" style="border:0px;"> 538 <div class="container-new1"> 539 <div class="navbar-header navbar-header-main"> 540 <a class="navbar-toggle" data-toggle="offcanvas" 541 style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; " 542 data-target=".offcanvas-collapse"> 543 <span class="fa fa-bars" style="font-size: 16px"></span> 544 </a> 545 <a href="pesquisa.php" class="navbar-toggle" 546 style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; display: none;"><span 547 class="fa fa-search" style="font-size: 16px" aria-hidden="true"></span></a> 548 <a class="navbar-toggle" id="btnperq" href="#" aria-expanded='false' title='Menu de acessibilidade' 549 style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; display: none;"><i 550 class='fa fa-odnoklassniki' style="font-size: 16px" aria-hidden='true'></i></a> 551 </div> 552 553 554 <div class="collapse navbar-collapse navbar-collapse-toglee" style="border:0px;"> 555 <ul class="nav navbar-nav main-menu" style="margin-top:0px;"> 556 557 <li><a href="/" class='active' target="" style="margin-left: -10px;">InÃcio</a></li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>A PREFEITURA 558 <i class='fa fa-angle-down'></i></a> 559 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/gestores.php' >PREFEITO E VICE</a></li><li><a href='/galeriagestores.php' >GALERIA DE GESTORES</a></li><li><a href='/normativosproprios.php?A PREFEITURA=' >NORMATIVOS PRÃPRIOS</a></li> </ul> 560 </li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O MUNICÃPIO 561 <i class='fa fa-angle-down'></i></a> 562 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/obras.php' >OBRAS</a></li><li><a href='/veiculos.php' >VEÃCULOS</a></li><li><a href='/simbolos.php' >SÃMBOLOS</a></li><li><a href='/conselhos.php' >CONSELHOS</a></li><li><a href='/guiadomunicipio.php' >GUIA DO MUNICÃPIO</a></li><li><a href='/omunicipio.php' >DADOS DO MUNICÃPIO</a></li> </ul> 563 </li> <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>SECRETARIAS <i class='fa fa-angle-down'></i></a> 564 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/secretaria.php?sec=19'>JUNTA MILITAR</a></li><li><a href='/secretaria.php?sec=4'>Prefeitura Municipal de Porto</a></li><li><a href='/secretaria.php?sec=12'>Sec Administração</a></li><li><a href='/secretaria.php?sec=17'>SEC DE ASSIS SOCIAL</a></li><li><a href='/secretaria.php?sec=18'>Sec de Educação</a></li><li><a href='/secretaria.php?sec=11'>SEC SAUDE</a></li><li><a href='/secretaria.php?sec=6'>Secretaria Municipal de Agricultura</a></li><li><a href='/secretaria.php?sec=2'>SECRETARIA MUNICIPAL DE ASSISTENCIA SOCIAL</a></li><li><a href='/secretaria.php?sec=9'>Secretaria Municipal de Assuntos Juridicos</a></li><li><a href='/secretaria.php?sec=5'>Secretaria Municipal de Comunicação</a></li><li><a href='/secretaria.php?sec=16'>Secretaria Municipal de Cultura</a></li><li><a href='/secretaria.php?sec=1'>Secretaria Municipal de Educação</a></li><li><a href='/secretaria.php?sec=7'>Secretaria Municipal de Esporte</a></li><li><a href='/secretaria.php?sec=13'>Secretaria Municipal de Finanças</a></li><li><a href='/secretaria.php?sec=8'>Secretaria Municipal de Juventude</a></li><li><a href='/secretaria.php?sec=15'>Secretaria Municipal de Obras</a></li><li><a href='/secretaria.php?sec=14'>Secretaria Municipal de Planejamento</a></li><li><a href='/secretaria.php?sec=3'>Secretaria Municipal de Saude</a></li><li><a href='/secretaria.php?sec=10'>Secretaria Municipal de Transporte</a></li>
564 </ul> 565</li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>SERVIÃOS 566 <i class='fa fa-angle-down'></i></a> 567 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='http://contracheque.aossoftware.com.br:8183/sipweb/trabalhador/login/login.xhtml' >CONTRACHEQUE ONLINE</a></li><li><a href='http://tributos.aossoftware.com.br:8943/issweb/home.jsf' >Nota Fiscal</a></li> </ul> 568 </li><li><a href='/acessoainformacao.php' >TRANSPARÃNCIA</a></li> <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF E CONTAS PÃBLICAS <i class='fa fa-angle-down'></i></a> 569 <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/lrf.php?cat=4'>RGF - RELATÃRIO DE GESTÃO FISCAL</a></li><li><a href='/lrf.php?cat=7'>RREO - RELATÃRIO RESUMIDO DA EXECUÃÃO ORÃAMENTÃRIA</a></li><li><a href='/lrf.php?cat=8'>LOA - LEI ORÃAMENTÃRIA ANUAL</a></li><li><a href='/lrf.php?cat=9'>LDO - LEI DE DIRETRIZES ORÃAMENTÃRIAS</a></li><li><a href='/lrf.php?cat=17'>PPA - PLANO PLURIANUAL</a></li><li><a href='/contasdegoverno.php'>PCG - PRESTAÃÃO DE CONTAS DE GOVERNO</a></li><li><a href='/contasdegestao.php'>PCS - PRESTAÃÃO DE CONTAS DE GESTÃO</a></li> </ul> 570</li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>PUBLICAÃÃES 571 <i class='fa fa-angle-down'></i></a> 572 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/contratos.php' >CONTRATOS</a></li><li><a href='/decretos.php' >DECRETOS</a></li><li><a href='/diarias.php' >DIÃRIAS</a></li><li><a href='/leis.php' >LEIS</a></li><li><a href='/licitacao.php' >LICITAÃÃO</a></li><li><a href='/lrf.php' >LRF CONTAS PÃBLICAS</a></li><li><a href='/contasdegoverno' >PCG</a></li><li><a href='/contasdegestao' >PCS</a></li><li><a href='/portaria.php' >PORTARIAS</a></li><li><a href='/publicacoes.php' >OUTRAS</a></li> </ul> 573 </li> </ul> 574 </div> 575 </div> 576 <!--/.container--> 577 578 <div class="navbar-collapse offcanvas-collapse"> 579 <ul class="navbar-nav mr-auto dropdown-menu dropdown-menu-offcanvas"> 580 581 <button class="offcanvas-close" aria-label="Fechar">×</button> 582 583 <li><a href="/" class='active' title="InÃcio" target="">INÃCIO</a></li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>A PREFEITURA 584 <i class='fa fa-angle-down'></i></a> 585 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/gestores.php' >PREFEITO E VICE</a></li><li><a href='/galeriagestores.php' >GALERIA DE GESTORES</a></li><li><a href='/normativosproprios.php?A PREFEITURA=' >NORMATIVOS PRÃPRIOS</a></li> </ul> 586 </li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O MUNICÃPIO 587 <i class='fa fa-angle-down'></i></a> 588 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/obras.php' >OBRAS</a></li><li><a href='/veiculos.php' >VEÃCULOS</a></li><li><a href='/simbolos.php' >SÃMBOLOS</a></li><li><a href='/conselhos.php' >CONSELHOS</a></li><li><a href='/guiadomunicipio.php' >GUIA DO MUNICÃPIO</a></li><li><a href='/omunicipio.php' >DADOS DO MUNICÃPIO</a></li> </ul> 589 </li> <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>SECRETARIAS <i class='fa fa-angle-down'></i></a> 590 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/secretaria.php?sec=19'>JUNTA MILITAR</a></li><li><a href='/secretaria.php?sec=4'>Prefeitura Municipal de Porto</a></li><li><a href='/secretaria.php?sec=12'>Sec Administração</a></li><li><a href='/secretaria.php?sec=17'>SEC DE ASSIS SOCIAL</a></li><li><a href='/secretaria.php?sec=18'>Sec de Educação</a></li><li><a href='/secretaria.php?sec=11'>SEC SAUDE</a></li><li><a href='/secretaria.php?sec=6'>Secretaria Municipal de Agricultura</a></li><li><a href='/secretaria.php?sec=2'>SECRETARIA MUNICIPAL DE ASSISTENCIA SOCIAL</a></li><li><a href='/secretaria.php?sec=9'>Secretaria Municipal de Assuntos Juridicos</a></li><li><a href='/secretaria.php?sec=5'>Secretaria Municipal de Comunicação</a></li><li><a href='/secretaria.php?sec=16'>Secretaria Municipal de Cultura</a></li><li><a href='/secretaria.php?sec=1'>Secretaria Municipal de Educação</a></li><li><a href='/secretaria.php?sec=7'>Secretaria Municipal de Esporte</a></li><li><a href='/secretaria.php?sec=13'>Secretaria Municipal de Finanças</a></li><li><a href='/secretaria.php?sec=8'>Secretaria Municipal de Juventude</a></li><li><a href='/secretaria.php?sec=15'>Secretaria Municipal de Obras</a></li><li><a href='/secretaria.php?sec=14'>Secretaria Municipal de Planejamento</a></li><li><a href='/secretaria.php?sec=3'>Secretaria Municipal de Saude</a></li><li><a href='/secretaria.php?sec=10'>Secretaria Municipal de Transporte</a></li>
590 </ul> 591</li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>SERVIÃOS 592 <i class='fa fa-angle-down'></i></a> 593 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='http://contracheque.aossoftware.com.br:8183/sipweb/trabalhador/login/login.xhtml' >CONTRACHEQUE ONLINE</a></li><li><a href='http://tributos.aossoftware.com.br:8943/issweb/home.jsf' >Nota Fiscal</a></li> </ul> 594 </li><li><a href='/acessoainformacao.php' >TRANSPARÃNCIA</a></li> <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF E CONTAS PÃBLICAS <i class='fa fa-angle-down'></i></a> 595 <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/lrf.php?cat=4'>RGF - RELATÃRIO DE GESTÃO FISCAL</a></li><li><a href='/lrf.php?cat=7'>RREO - RELATÃRIO RESUMIDO DA EXECUÃÃO ORÃAMENTÃRIA</a></li><li><a href='/lrf.php?cat=8'>LOA - LEI ORÃAMENTÃRIA ANUAL</a></li><li><a href='/lrf.php?cat=9'>LDO - LEI DE DIRETRIZESÂ ORÃAMENTÃRIAS</a></li><li><a href='/lrf.php?cat=17'>PPA - PLANO PLURIANUAL</a></li><li><a href='/contasdegoverno.php'>PCG - PRESTAÃÃO DE CONTAS DE GOVERNO</a></li><li><a href='/contasdegestao.php'>PCS - PRESTAÃÃO DE CONTAS DE GESTÃO</a></li> </ul> 596</li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>PUBLICAÃÃES 597 <i class='fa fa-angle-down'></i></a> 598 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/contratos.php' >CONTRATOS</a></li><li><a href='/decretos.php' >DECRETOS</a></li><li><a href='/diarias.php' >DIÃRIAS</a></li><li><a href='/leis.php' >LEIS</a></li><li><a href='/licitacao.php' >LICITAÃÃO</a></li><li><a href='/lrf.php' >LRF CONTAS PÃBLICAS</a></li><li><a href='/contasdegoverno' >PCG</a></li><li><a href='/contasdegestao' >PCS</a></li><li><a href='/portaria.php' >PORTARIAS</a></li><li><a href='/publicacoes.php' >OUTRAS</a></li> </ul> 599 </li> 600 </ul> 601 </div> 602 603 </nav> 604 <div class="offcanvas-backdrop"></div> 605 <!--/nav--> 606 607 608</header> 609 610<style type="text/css"> 611 </style> 612 613 614<div id="espaco-header" class="espaco-header-main" style="height:207px;"> </div> 615
616<script> 617 // a altura do #header muda de acordo com a largura da tela (menu mobile, selos, busca, etc); 618 // os valores de $tamanhobar/.espaco-header-main sao só o palpite inicial (evita pulo no primeiro 619 // paint). Aqui a gente mede a altura real do header e corrige o espaçador, pra o conteudo nunca 620 // ficar por baixo do header fixo (banner "colado" no topo) nem sobrar espaco em branco demais. 621 (function () { 622 function ajustarEspacoHeader() { 623 var header = document.getElementById('header'); 624 var espaco = document.getElementById('espaco-header'); 625 if (!header || !espaco) return; 626 var altura = header.getBoundingClientRect().height; 627 if (altura > 0) { 628 // setProperty com "important": .espaco-header-main/.espaco-header-app tem 629 // height com !important no responsive.css (pra vencer o palpite inicial inline 630 // do PHP); só um !important tambem inline vence esse 631 espaco.style.setProperty('height', altura + 'px', 'important'); 632 } 633 } 634 ajustarEspacoHeader(); 635 window.addEventListener('load', ajustarEspacoHeader); 636 var resizeTimer; 637 window.addEventListener('resize', function () { 638 clearTimeout(resizeTimer); 639 resizeTimer = setTimeout(ajustarEspacoHeader, 150); 640 }); 641 642 // rede de seguranca: qualquer mudanca na altura do header (imagem/selo/fonte que carrega
643 // atrasado, etc.) recalcula sozinho, sem depender de adivinhar todo evento que poderia mudar. 644 // So enquanto a pagina ainda nao foi rolada: depois disso, a barrinha de utilidades/logo-top-bar 645 // passam a abrir/fechar sozinhas ao rolar (#logo-top-bar, #mobileUtilityLinks), o que muda a 646 // altura do header de proposito â se o observer continuasse ligado, cada abertura/fechamento 647 // redimensionaria o espacador, deslocando o conteudo e fazendo a barra pisca-pisca (loop). 648 if (window.ResizeObserver) { 649 var header = document.getElementById('header'); 650 if (header) { 651 var headerResizeObserver = new ResizeObserver(ajustarEspacoHeader); 652 headerResizeObserver.observe(header); 653 window.addEventListener('scroll', function () { 654 headerResizeObserver.disconnect(); 655 }, { once: true }); 656 } 657 } 658 })(); 659</script>
659 660 661 662 663<!-- <div id="sticky-container-id" class="sticky-container"> 664 <ul class="sticky"> --> 665 666 667 <!-- </ul> 668</div> --> 669 670 671 672<!-- VLibras --> 673<div vw class="enabled"> 674 <div vw-access-button class="active"></div> 675 <div vw-plugin-wrapper> 676 <div class="vw-plugin-top-wrapper"></div> 677 </div> 678 </div> 679
679<script src="https://vlibras.gov.br/app/vlibras-plugin.js" defer></script>
679 680
680<script defer> 681 document.addEventListener('DOMContentLoaded', function() { 682 new window.VLibras.Widget('https://vlibras.gov.br/app'); 683 }); 684</script>
684 685<!-- VLibras --> 686
687<script src="/js/jquery-2.1.1.min.js"></script>
vendor: 1 bytes, line 687
687
688<script type="text/javascript"> 689$(document).ready(function() { 690 691 $('.offcanvas-backdrop').removeClass('show'); 692 693 $('[data-toggle="offcanvas"]').on('click', function () { 694 $('.offcanvas-collapse').removeClass('open'); 695 const target = $(this).data('target'); 696 $(target).toggleClass('open'); 697 $('.offcanvas-backdrop').addClass('show'); 698 }) 699 700 // Fechar o menu ao clicar no backdrop 701 $('.offcanvas-backdrop, .offcanvas-close').on('click', function () { 702 $('.offcanvas-collapse').removeClass('open'); 703 $('.offcanvas-backdrop').removeClass('show'); 704 }) 705 706 $('.dropdown-menu-sub').hide(); 707 $('.dropdown-submenu a.dropdown-sub-toggle').on("click", function(e){ 708 $(this).next('ul').toggle(); 709 e.stopPropagation(); 710 e.preventDefault(); 711 }); 712 713 714 $(window).scroll(function() { 715 if ($(this).scrollTop() > 100) { 716 $("#logo-top-bar").css({ 717 "margin-top": "-25.5Vh", 718 "transition": ".8s", 719 "z-index": "-2" 720 }); 721 $("#logo-top-bar").fadeOut("800"); 722 $('#scroll').fadeIn(); 723 $('#scroll2').fadeIn(); 724 $('#scroll3').fadeIn(); 725 726 $('#mobileUtilityLinks').stop(true, true).fadeOut("800"); 727 if (!$('#menuToggleBtn').parent().is('#mobileMenuToggleSticky')) { 728 $('#menuToggleBtn').appendTo('#mobileMenuToggleSticky'); 729 } 730 $('#mobileMenuToggleSticky').stop(true, true).fadeIn("800"); 731 732 if (!$('#mobileLogoSticky').children().length) { 733 $('#centralizarLogo img').first().clone().removeAttr('id style').appendTo('#mobileLogoSticky'); 734 } 735 $('.topo-option-mobile').addClass('topo-mobile-rolado'); 736 737 $(".col-fita").fadeOut(); 738 739 } else { 740 $("#logo-top-bar").fadeIn("800"); 741 $("#logo-top-bar").css({ 742 "margin-top": "0px" 743 }); 744 $(".col-fita").fadeIn(); 745 $('.topo-option-mobile').removeClass('topo-mobile-rolado'); 746 $('#mobileUtilityLinks').stop(true, true).fadeIn("800"); 747 $('#mobileMenuToggleSticky').stop(true, true).fadeOut("800", function() { 748 if (!$('#menuToggleBtn').parent().is('#canvasNavbarCol')) { 749 $('#menuToggleBtn').appendTo('#canvasNavbarCol'); 750 } 751 }); 752 $('#scroll').fadeOut(); 753 $('#scroll2').fadeOut(); 754 $('#scroll3').fadeOut(); 755 } 756 }); 757 $('#scroll').click(function() { 758 $("html, body").animate({ 759 scrollTop: 0 760 }, 0); 761 return false; 762 }); 763 764 765 $('#menu-acessiblidade').hide().contents().hide(); 766 $('#btnperq').on('click', function(e) { 767 e.preventDefault(); 768 $('#menu-acessiblidade').slideToggle('fast', function(e) { 769 if ($(this).is(':visible')) { 770 $(this).contents().fadeIn(1000); 771 } else { 772 $(this).contents().hide(); 773 } 774 }); 775 776 }) 777 778 779}
779); 780</script>
780 781 782 783 <section id="services" class="topo-paginas-section"> 784 <div class="container-new1"> 785 <div class="col-md-12" style="padding-left:0px;"> 786 787 <!--<div id="TituloServicos">--> 788 <div class="cartaservicosbanner" style="font-size: 16px;">OUVIDORIA</div> 789 <h2 id="EsOv" class="cartaservicosbannertexto" style="font-size: 16px; padding-left: 5px;">Central da Ouvidoria</h2> 790 <!--</div>--> 791 792 </div> 793 </div> 794</section> 795 796 797 <section style="margin-top:10px; margin-bottom:10px;"> 798 <div class="container-new1"> 799 <div class="public_paginas ouv-flat" style="margin-top: 10px; margin-bottom: 10px; margin-top: -50px;"> 800 <h1 style="text-align: center; margin-bottom: 10px; font-size: 28px; text-align: -webkit-center; color:#B41014;"> 801 <strong style="padding-left: 5px;">CENTRAL DE OUVIDORIA</strong> 802 </h1> 803 <div class='col-md-12'> 804 <p style="line-height: 1.2; font-size: 14px; text-align: center;"> </p> 805 </div> 806 807 <div class="row"> 808 <div> 809 <div class="col-md-6"> 810 <article class="ouv-card" style="--ouv-accent: #2864AE;"> 811 <span class="ouv-card__icon"><i class="fa fa-bullhorn" aria-hidden="true"></i></span> 812 <h2 class="ouv-card__title">Ouvidoria – Manifestação</h2> 813 <p class="ouv-card__desc">Acesse nosso canal de ouvidoria e envie suas manifestações, crÃticas, elogios, denúncias e ajude o governo a tornar nossa cidade cada vez melhor.</p> 814 <a class="ouv-card__btn" href="/ouvidoriaformulario.php" ><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Acessar a ouvidoria</a> 815 <div class="ouv-card__info"> 816 <!-- <a class="btn btn-primary" style="background-color: #2864AE; width:49%;" href="ouvidoria_consulta.php" style="margin-bottom: 4px;" title="Busca ouvidoria"><i class="fa fa fa-search" aria-hidden="true"></i> CONSULTAR</a> --> 817 818 <p class='ouv-card__meta'><i class='fa fa-clock-o'></i> Ãltima manifestação: 19/08/2026 22:34</p><h6 style='margin-bottom: 2px;'> Ouvidor </h6> 819 <p style='margin-bottom: 0px; line-height: 1.1em;'> Teodora Maria</p><h6 style='margin-bottom: 2px;'> Contatos da Ouvidoria </h6><p style='margin-bottom: 0px; line-height: 1.3em;'> (86) 99560-0588</p><p style='margin-bottom: 0px; line-height: 1.3em;'> Whatsapp: (86) 9 9560-0588</p><p style='margin-bottom: 0px; line-height: 1.3em;'> Email: [email protected]</p><h6 style='margin-bottom: 2px;'> Endereço da Ouvidoria </h6> 820 <p style='margin-bottom: 0px; line-height: 1.3em;'> Avenida Presidente Vargas, S N - Centro, 64.145-000</p><h6 style='margin-bottom: 2px;'> Horário da Ouvidoria </h6> 821 <p style='margin-bottom: 0px; line-height: 1.3em;'> Segunda-feira A Sexta-feira: ? das 08:00h à s 13:00h</p> </div> 822 </article> 823 </div> 824 825 <div class="col-md-6"> 826 <article class="ouv-card" style="--ouv-accent: #FFB200;"> 827 <span class="ouv-card__icon"><i class="fa fa-info-circle" aria-hidden="true"></i></span> 828 <h2 class="ouv-card__title">e-SIC – Pedido de Informação</h2> 829 <p class="ouv-card__desc">SIC (Serviço de Informações ao Cidadão) permite que qualquer pessoa encaminhe pedidos de informação aos órgãos e entidades do Poder Executivo Municipal.</p> 830 <a class="ouv-card__btn" href="/sic.php"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Acessar o SIC</a> 831 <div class="ouv-card__info"> 832 833 <p class='ouv-card__meta'><i class='fa fa-clock-o'></i> Ãltima solicitação: 02/06/2026 10:10</p><h6 style='margin-bottom: 2px;'> Gestor do SIC </h6> 834 <p style='margin-bottom: 0px; line-height: 1.1em;'> Teodora Maria</p><h6 style='margin-bottom: 2px;'> Contatos do SIC </h6><p style='margin-bottom: 0px; line-height: 1.3em;'> (86) 99560-0588</p><p style='margin-bottom: 0px; line-height: 1.3em;'> Whatsapp: (86) 9 9560-0588</p><p style='margin-bottom: 0px; line-height: 1.3em; '> Email: [email protected]</p><h6 style='margin-bottom: 2px;'> Endereço do SIC </h6> 835 <p style='margin-bottom: 0px; line-height: 1.3em;'> Avenida Presidente Vargas, S N - Centro, 64.145-000</p><h6 style='margin-bottom: 2px;'>
835 Horário do SIC </h6> 836 <p style='margin-bottom: 0px; line-height: 1.3em;'> Segunda-feira A Sexta-feira: ? das 08:00h à s 13:00h</p><h6 style='margin-bottom: 2px;'> Unidade/Setor responsável </h6> 837 <p style='margin-bottom: 0px; line-height: 1.3em;'> OUVIDORIA</p> </div> 838 </article> 839 </div> 840 841 842 843 <!-- INÃCIO GRÃFICOS --> 844 845 846 <div class="col-md-12"> 847 <div style='text-align:center;'> 848 <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Relatório estatÃstico da ouvidoria</strong></h2> 849 850 </div> 851 </div> 852 853 <div class="col-md-12"> 854 <div class="list-group-item"> 855 <div class="public_paginas" style="padding-top: 10px; margin-bottom: 10px; text-align: -webkit-center;"> 856 <div class="col-md-12"> 857 858 <h3 class="campanhaTitulo"> 859 <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="#" style="margin-right: 14px;"><i class="fa fa-plus"></i> Ver mais detalhes </a> --> 860 <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=23"><i class="fa fa-bars"></i> Exportações </a> --> 861 </h3> 862 863 <div class="row"> 864 <div class="col-md-12"> 865 <div id='chart_div'></div> 866 </div> 867 868 <div class="col-md-6"> 869 <a class="ouv-linkcard" href="ouvidoriarelatorios.php" style="--ouv-accent: #2864AE;"> 870 <span class="ouv-linkcard__icon"><i class="fa fa-bar-chart" aria-hidden="true"></i></span> 871 <span class="ouv-linkcard__body"> 872 <span class="ouv-linkcard__title">Mais relatórios da ouvidoria</span> 873 <span class="ouv-linkcard__sub">EstatÃsticas e relatórios completos da ouvidoria</span> 874 </span> 875 <i class="fa fa-angle-right ouv-linkcard__arrow" aria-hidden="true"></i> 876 </a> 877 </div> 878 <div class="col-md-6"> 879 <a class="ouv-linkcard" href="sicrelatorios.php" style="--ouv-accent: #FFB200;"> 880 <span class="ouv-linkcard__icon"><i class="fa fa-file-text-o" aria-hidden="true"></i></span> 881 <span class="ouv-linkcard__body"> 882 <span class="ouv-linkcard__title">Mais relatórios do SIC</span> 883 <span class="ouv-linkcard__sub">Solicitações, prazos e estatÃsticas do SIC</span> 884 </span> 885 <i class="fa fa-angle-right ouv-linkcard__arrow" aria-hidden="true"></i> 886 </a> 887 </div> 888 </div> 889 </div> 890 </div> 891 </div> 892 </div> 893 894 895 <div class="col-md-12"> 896 <div style='text-align:center;'> 897 <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Avaliação contÃnua dos serviços públicos</strong></h2> 898 899 </div> 900 </div> 901 <div class="col-md-12"> 902 <div class="list-group-item"> 903 <div class="public_paginas" style="padding-top: 10px; margin-bottom: 10px; text-align: -webkit-center;"> 904 <div class="col-md-12"> 905 906 <h3 class="campanhaTitulo"> 907 <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="#" style="margin-right: 14px;"><i class="fa fa-plus"></i> Ver mais detalhes </a> --> 908 <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=23"><i class="fa fa-bars"></i> Exportações </a> --> 909 </h3> 910 911 <div class="row"> 912 <div class="col-md-12"> 913 <form> 914 <div> 915 <h2 style="margin-bottom: 20px; font-size: 20px;"><strong>Avaliação contÃnua dos serviços públicos</strong> 916 <select name="ano" style="width: 30%; float:right;" class="form-control" id="idano"> 917 <!-- <option value="">Selecione um ano</option> --> 918 </select> 919 920 <input type="hidden" id="valano" value="" /> 921 </h2> 922 </div> 923 <div id='chart_div_satis'></div> 924 925 </form> 926 927 </div> 928 <div style="padding-top:1em;"> 929 <a href="pesquisasatisfacao.php" class="btn btn-primary"> <i class="fa fa-mouse-pointer" aria-hidden="true"></i> Clique para avaliar</a> 930 </div> 931 </div> 932 <hr style="margin: 0;"> 933 <div> 934 <p style="line-height: 1.2; padding-top:1em;"> 935 Esclarecemos que os dados fornecidos acima serão tratados com respeito à sua privacidade. 936 <br> 937 Seguindo a <strong><a href="https://www.planalto.gov.br/ccivil_03/_ato2015-2018/2018/lei/l13709.htm">LGPD - Lei Geral de Proteção de Dados 13.709</a></strong>, de 14 de agosto de 2018. 938 <br> 939 </p> 940 </div> 941 </div> 942 </div> 943 </div> 944 </div> 945 <!-- <div class="col-md-12"> 946 <div style='text-align:center;'> 947 <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Relatório estatÃstico</strong></h2> 948 949 </div> 950 951 <div class="tab-content tab-space" style="margin-bottom: 15px;"> 952 953 954 <div class="tab-pane " id="ouvidoria" style="width: 100%;"> 955 <div class="row"> 956 <div class="col-md-12"> 957 <h3 class="campanhaTitulo"><strong>Ouvidoria</strong> 958 <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="#" style="margin-right: 14px;"><i class="fa fa-plus"></i> Ver mais detalhes </a> 959 <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=23"><i class="fa fa-bars"></i> Exportações </a> 960 </h3> 961 <div class="col-md-12"> 962 <div id='chart_div'></div> 963 </div> 964 </div> 965 </div> 966 </div> 967 968 </div> 969 </div> --> 970 971 <!-- FIM GRÃFICOS --> 972 973 974 975 <!-- INÃCIO LAI --> 976 977 <div class="col-md-12" style="margin-top: 3em;"> 978 <div class="list-group-item"> 979 980 <div class="public_paginas"> 981 982 <h1 style="text-align: center; margin-bottom: 10px; margin-top: 10px; font-size: 20px; text-align: -webkit-center;"><img id="EsOv" width="40" src="imagens/lai2.png"> <strong style="padding-left: 5px;"> Explicação da LAI </strong></h1> 983 <div class='col-md-12'> 984 <p style="line-height: 1.2; font-size: 14px;">A Lei de Acesso à Informação (LAI) - lei nº 12.527/2011 - regulamenta o direito constitucional de obter informações públicas. Essa norma entrou em vigor em 16 de maio de 2012 e criou mecanismos que possibilitam a qualquer pessoa, fÃsica ou jurÃdica, sem necessidade de apresentar motivo, o recebimento de informações públicas dos órgãos e entidades.<br /> 985Os pedidos de informações devem ser realizados nas instalações fÃsicas ou através da Ouvidoria deste site. Preenchendo o formulário o cidadão receberá um número de protocolo e poderá acompanhar a tramitação do seu pedido de informação.<br /> 986<br /> 987A LEI estabelece também um conjunto mÃnimo de informações que devem ser publicadas nas seções de acesso à informação dos sites dos órgãos e entidades públicas. Além da publicação das informações exigidas, os órgãos podem divulgar outros dad
987os de interesse público por iniciativa própria, ou seja, de forma proativa.<br /> 988<br /> 989Portanto, antes de apresentar um pedido de acesso, é importante que você verifique se a informação desejada já está disponÃvel na seção de Transparência deste site ou se ela já foi publicada como resposta a uma outra solicitação de informações realizada anteriormente através da OUVIDORIA deste site, que é o e-SIC (Sistema Eletrônico de Informações ao Cidadão) desta Entidade.<br /> 990</p> 991 </div> 992 993 <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;"> 994 <div class="row"> 995 <div class="col-md-12"> 996 <div class="col-md-12"> 997 998 999 <div class="row" style="border-radius: 3px;"> 1000 <a class='btn btn-primary' style="width: 100%; background-color: #FFB200; border-radius: 0px; padding: 0; text-align: left;" target='_blank' href="doc.php?car=16"> 1001 <div id="diario_index_coluna_2" class="col-md-4"> 1002 <span style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span> 1003 </div> 1004 <div class="col-md-8"> 1005 <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;"> 1006 REGULAMENTAÃÃO<br>DA LAI MUNICIPAL 1007 </p> 1008 </div> 1009 </a> 1010 </div> 1011 1012 </div> 1013 </div> 1014 </div> 1015 </div> 1016 1017 <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;"> 1018 <div class="row"> 1019 <div class="col-md-12"> 1020 <div class="col-md-12"> 1021 1022 1023 <div class="row" style="border-radius: 3px;"> 1024 <a class='btn btn-primary' style="width: 100%; background-color: #2864AE; border-radius: 0px; padding: 0; text-align: left;" target='_blank' href="https://www.cge.ce.gov.br/acesso-a-informacao/"> 1025 <div id="diario_index_coluna_2" class="col-md-4"> 1026 <span style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span> 1027 </div> 1028 <div class="col-md-8"> 1029 <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;"> 1030 REGULAMENTAÃÃO<br>DA LAI ESTADUAL 1031 </p> 1032 </div> 1033 </a> 1034 </div> 1035 1036 </div> 1037 </div> 1038 </div> 1039 </div> 1040 1041 <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;"> 1042 <div class="row"> 1043 <div class="col-md-12"> 1044 <div class="col-md-12"> 1045 1046 1047 <div class="row" style="border-radius: 3px;"> 1048 <a class='btn btn-primary' style="width: 100%; background-color: #078E46; border-radius: 0px; padding: 0; text-align: left;" target='_blank' href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2011/lei/l12527.htm"> 1049 <div id="diario_index_coluna_2" class="col-md-4"> 1050 <sp
1050an style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span> 1051 </div> 1052 <div class="col-md-8"> 1053 <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;"> 1054 REGULAMENTAÃÃO<br>DA LAI FEDERAL 1055 </p> 1056 </div> 1057 </a> 1058 </div> 1059 1060 </div> 1061 </div> 1062 </div> 1063 </div> 1064 </div> 1065 1066 </div> 1067 </div> 1068 1069 <!-- FIM LAI --> 1070 1071 1072 <!-- INÃCIO PERGUNTAS E RESPOSTAS --> 1073 1074 <div class="col-md-12" style="padding-top: 5px;"> 1075 <h2 class="text-center">Perguntas frequentes FAQ</h2> 1076 </div> 1077 1078 1079 <div class="col-md-12"> 1080 <div class="panel-group" id="accordion"> 1081 <div class="card"> 1082 <div class="panel-heading" id="heading0"> 1083 <h4 class="panel-title"> 1084 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse0" aria-expanded="false" href="#collapse0">E se a pessoa fizer mau uso da informação pública obtida?</a> 1085 </h4> 1086 </div> 1087 <div id="collapse0" aria-labelledby="heading0" class="collapse" data-parent="#accordion"> 1088 <div class="panel-body" style="background-color: #ffff;"> 1089 <p style='margin-bottom: 5px; text-align: justify;'>Nos mais diversos paÃses é consenso de que, ao constituir um direito básico, o pedido não precisa ser justificado: aquela informação solicitada já pertence ao requerente. O Estado apenas presta um serviço ao atender à demanda. De posse da informação (que afinal, é pública), cabe ao indivÃduo escolher o que fará dela.</p> 1090 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1091 </div> 1092 </div> 1093 1094 </div> 1095 </div> 1096 </div> 1097 1098 1099 1100 <div class="col-md-12"> 1101 <div class="panel-group" id="accordion"> 1102 <div class="card"> 1103 <div class="panel-heading" id="heading1"> 1104 <h4 class="panel-title"> 1105 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse1" aria-expanded="false" href="#collapse1">à necessária lei especÃfica para garantir o acesso?</a> 1106 </h4> 1107 </div> 1108 <div id="collapse1" aria-labelledby="heading1" class="collapse" data-parent="#accordion"> 1109 <div class="panel-body" style="background-color: #ffff;"> 1110 <p style='margin-bottom: 5px; text-align: justify;'>Sim. Diferentes leis promulgadas nos últimos anos ampliaram a interação entre o Estado e a Sociedade, mas a aprovação da Lei de Acesso a Informações foi necessária para regulamentar obrigações, procedimentos e prazos para a divulgação de informações pelas instituições públicas, garantindo a efetividade do direito de acesso. Ao estabelecer rotinas para o atendimento ao cidadão, organiza e protege o trabalho do servidor. </p> 1111 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1112 </div> 1113 </div> 1114 1115 </div> 1116 </div> 1117 </div> 1118 1119 1120 1121 <div class="col-md-12"> 1122 <div class="panel-group" id="accordion"> 1123 <div class="card"> 1124 <div class="panel-heading" id="heading2"> 1125 <h4 class="panel-title"> 1126 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse2" aria-expanded="false" href="#collapse2">Programas de gestão de arquivos e documentos precisarão ser aprimorados?</a> 1127 </h4> 1128 </div> 1129 <div id="collapse2" aria-labelledby="heading2" class="collapse" data-parent="#accordion"> 1130 <div class="panel-body" style="background-color: #ffff;"> 1131 <p style='margin-bottom: 5px; text-align: justify;'>A informação disponÃvel ao público é, muitas vezes, a ponta de um processo que reúne operações de produção, tramitação, uso, avaliação e arquivamento de documentos. Para tanto, programas de gestão precisam ser sempre aprimorados e atualizados.</p> 1132 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1133 </div> 1134 </div> 1135 1136 </div> 1137 </div> 1138 </div> 1139 1140 1141 1142 <div class="col-md-12"> 1143 <div class="panel-group" id="accordion"> 1144 <div class="card"> 1145 <div class="panel-heading" id="heading3"> 1146 <h4 class="panel-title"> 1147 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse3" aria-expanded="false" href="#collapse3">
1147à preciso dar razões para o pedido?</a> 1148 </h4> 1149 </div> 1150 <div id="collapse3" aria-labelledby="heading3" class="collapse" data-parent="#accordion"> 1151 <div class="panel-body" style="background-color: #ffff;"> 1152 <p style='margin-bottom: 5px; text-align: justify;'>Não é preciso apresentar nenhum tipo de justificativa para a solicitação de informações.</p> 1153 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1154 </div> 1155 </div> 1156 1157 </div> 1158 </div> 1159 </div> 1160 1161 1162 1163 <div class="col-md-12"> 1164 <div class="panel-group" id="accordion"> 1165 <div class="card"> 1166 <div class="panel-heading" id="heading4"> 1167 <h4 class="panel-title"> 1168 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse4" aria-expanded="false" href="#collapse4">Em que casos o servidor pode ser responsabilizado?</a> 1169 </h4> 1170 </div> 1171 <div id="collapse4" aria-labelledby="heading4" class="collapse" data-parent="#accordion"> 1172 <div class="panel-body" style="background-color: #ffff;"> 1173 <p style='margin-bottom: 5px; text-align: justify;'>O servidor público é passÃvel de responsabilização quando:<br /> 1174<br /> 1175 recusar-se a fornecer informação requerida nos termos da Lei de Acesso a Informações, retardar deliberadamente o seu fornecimento ou fornecê-la intencionalmente de forma incorreta, incompleta ou imprecisa;<br /> 1176 utilizar indevidamente, bem como subtrair, destruir, inutilizar, desfigurar, alterar ou ocultar, total ou parcialmente, informação que se encontre sob sua guarda ou a que tenha acesso ou conhecimento em razão do exercÃcio das atribuições de cargo, emprego ou função pública;<br /> 1177 agir com dolo ou má-fé na análise das solicitações de acesso à informação;<br /> 1178 divulgar ou permitir a divulgação ou acessar ou permitir acesso indevido à informação sigilosa ou informação pessoal;<br /> 1179 impor sigilo à informação para obter proveito pessoal ou de terceiro, ou para fins de ocultação de ato ilegal cometido por si ou por outrem;<br /> 1180 ocultar da revisão de autoridade superior competente informação sigilosa para beneficiar a si ou a outrem, ou em prejuÃzo de terceiros; e<br /> 1181 destruir ou subtrair, por qualquer meio, documentos concernentes a possÃveis violações de direitos humanos por parte de agentes do Estado.<br /> 1182<br /> 1183Contudo, a nova lei estabelece um procedimento importante: nenhum servidor poderá ser responsabilizado civil, penal ou administrativamente por dar ciência, a quem de direito, de informação concernente à prática de crimes ou improbidade.</p> 1184 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1185 </div> 1186 </div> 1187 1188 </div> 1189 </div> 1190 </div> 1191 1192 1193 1194 <div class="col-md-12"> 1195 <div class="panel-group" id="accordion"> 1196 <div class="card"> 1197 <div class="panel-heading" id="heading5"> 1198 <h4 class="panel-title"> 1199 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse5" aria-expanded="false" href="#collapse5">O que cidadão pode consultar nesse Portal da Transparência?</a> 1200 </h4> 1201 </div> 1202 <div id="collapse5" aria-labelledby="heading5" class="collapse" data-parent="#accordion"> 1203 <div class="panel-body" style="background-color: #ffff;"> 1204 <p style='margin-bottom: 5px; text-align: justify;'>A consulta dá cumprimento ao disposto na Lei Complementar n.º 131, de 27 de maio de 2009, que trata da divulgação, em tempo real, de informações pormenorizadas sobre a execução orçamentária e financeira dos órgãos públicos. Por meio da pesquisa, é possÃvel, detalhar todos os documentos emitidos pelas unidades gestoras dos Poderes Executivo e Legislativo no decorrer da execução das suas despesas, inclusive, pela fase em que a despesa está: empenho, liquidação e pagamento.<br /> 1205</p> 1206 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1207 </div> 1208 </div> 1209 1210 </div> 1211 </div> 1212 </div> 1213 1214 1215 1216 <div class="col-md-12"> 1217 <div class="panel-group" id="accordion"> 1218 <div class="card"> 1219 <div class="panel-heading" id="heading6"> 1220 <h4 class="panel-title"> 1221 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse6" aria-expanded="false" href="#collapse6">Como a lei funcionará na prática?</a> 1222 </h4> 1223 </div> 1224 <div id="collapse6" aria-labelledby="heading6" class="collapse" data-parent="#accordion"> 1225 <div class="panel-body" style="background-color: #ffff;"> 1226 <p style='margin-bottom: 5px; text-align: justify;'>A lei determina que os órgãos públicos criem centros de atendimento de
1226ntro de cada órgão chamados de SICs (Serviços de Informação ao Cidadão). Esses centros precisarão ter estrutura para atender e orientar o público quanto ao acesso a informações de interesse coletivo como, por exemplo, tramitação de documentos, processos de licitações e gastos públicos.</p> 1227 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1228 </div> 1229 </div> 1230 1231 </div> 1232 </div> 1233 </div> 1234 1235 1236 1237 <div class="col-md-12"> 1238 <div class="panel-group" id="accordion"> 1239 <div class="card"> 1240 <div class="panel-heading" id="heading7"> 1241 <h4 class="panel-title"> 1242 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse7" aria-expanded="false" href="#collapse7">Quem pode acessar os dados do Portal da Transparência?</a> 1243 </h4> 1244 </div> 1245 <div id="collapse7" aria-labelledby="heading7" class="collapse" data-parent="#accordion"> 1246 <div class="panel-body" style="background-color: #ffff;"> 1247 <p style='margin-bottom: 5px; text-align: justify;'>Todo cidadão pode consultar os dados do Portal da Transparência. Não há necessidade de senha ou autorização para acessar utilizar o sistema. O sistema tem acesso amplo e liberado, sem qualquer restrição para consulta.</p> 1248 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1249 </div> 1250 </div> 1251 1252 </div> 1253 </div> 1254 </div> 1255 1256 1257 1258 <div class="col-md-12"> 1259 <div class="panel-group" id="accordion"> 1260 <div class="card"> 1261 <div class="panel-heading" id="heading8"> 1262 <h4 class="panel-title"> 1263 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse8" aria-expanded="false" href="#collapse8">Quais as penalidades para Estados e MunicÃpios que não cumprirem a Lei Complementar nº 131/2009?</a> 1264 </h4> 1265 </div> 1266 <div id="collapse8" aria-labelledby="heading8" class="collapse" data-parent="#accordion"> 1267 <div class="panel-body" style="background-color: #ffff;"> 1268 <p style='margin-bottom: 5px; text-align: justify;'>Segundo a LC nº 131/2009, o ente que não disponibilizar as informações no prazo estabelecido ficará im- pedido de receber transferências voluntárias. Além disso, os titulares do Poder Executivo dos entes estarão sujeitos a responder por crime de responsabilidade (Art. 10, Itens 4 e 12, Lei nº 1.079, de 10 de abril de 1950 e Art. 1º, Incisos VII e XXIII, Decreto-Lei nº 201, de 27 de fevereiro de 1967, respectivamente).</p> 1269 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1270 </div> 1271 </div> 1272 1273 </div> 1274 </div> 1275 </div> 1276 1277 1278 1279 <div class="col-md-12"> 1280 <div class="panel-group" id="accordion"> 1281 <div class="card"> 1282 <div class="panel-heading" id="heading9"> 1283 <h4 class="panel-title"> 1284 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse9" aria-expanded="false" href="#collapse9">Por quais meios as informações poderão ser solicitadas?</a> 1285 </h4> 1286 </div> 1287 <div id="collapse9" aria-labelledby="heading9" class="collapse" data-parent="#accordion"> 1288 <div class="panel-body" style="background-color: #ffff;"> 1289 <p style='margin-bottom: 5px; text-align: justify;'>As informações poderão ser solicitadas nos Serviços de Informações ao Cidadão (SICs), que serão instalados em cada órgão público. A lei também determina que seja concedida ao cidadão a opção de solicitar os dados pela internet. Podem ser usados, também, outros meios, tais como: como carta, e-mail e telefone, conforme disposto em ato administrativo do ente público.</p> 1290 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1291 </div> 1292 </div> 1293 1294 </div> 1295 </div> 1296 </div> 1297 1298 1299 1300 <div class="col-md-12"> 1301 <div class="panel-group" id="accordion"> 1302 <div class="card"> 1303 <div class="panel-heading" id="heading10"> 1304 <h4 class="panel-title"> 1305 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse10" aria-expanded="false" href="#collapse10">Qual a diferença de transparência ativa de transparência passiva?</a> 1306 </h4> 1307 </div> 1308 <div id="collapse10" aria-labelledby="heading10" class="collapse" data-parent="#accordion"> 1309 <div class="panel-body" style="background-color: #ffff;"> 1310 <p style='margin-bottom: 5px; text-align: justify;'>No caso da transparência ativa, a divulgação das informações ocorre por iniciativa dos órgãos públicos, independente de solicitação. A disponibilização de informações n
1310a sua página de internet ocorre de forma espontânea. Na transparência passiva, há o atendimento somente quando a sociedade faz uma solicitação, mediante requisição do interessado (pessoa natural ou jurÃdica).</p> 1311 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1312 </div> 1313 </div> 1314 1315 </div> 1316 </div> 1317 </div> 1318 1319 1320 1321 <div class="col-md-12"> 1322 <div class="panel-group" id="accordion"> 1323 <div class="card"> 1324 <div class="panel-heading" id="heading11"> 1325 <h4 class="panel-title"> 1326 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse11" aria-expanded="false" href="#collapse11">Quais os dados que devem ser divulgados na internet?</a> 1327 </h4> 1328 </div> 1329 <div id="collapse11" aria-labelledby="heading11" class="collapse" data-parent="#accordion"> 1330 <div class="panel-body" style="background-color: #ffff;"> 1331 <p style='margin-bottom: 5px; text-align: justify;'>Conforme determinado pela LC nº 131/2009, todos os entes deverão divulgar:<br /> 1332- Quanto à despesa: todos os atos praticados pelas unidades gestoras no decorrer da execução da des pesa, no momento de sua realização, com a disponibilização mÃnima dos dados referentes ao número do correspondente processo, ao bem fornecido ou ao serviço prestado, à pessoa fÃsica ou jurÃdica beneficiária do pagamento e, quando for o caso, ao procedimento licitatório realizado; </p> 1333 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1334 </div> 1335 </div> 1336 1337 </div> 1338 </div> 1339 </div> 1340 1341 1342 1343 <div class="col-md-12"> 1344 <div class="panel-group" id="accordion"> 1345 <div class="card"> 1346 <div class="panel-heading" id="heading12"> 1347 <h4 class="panel-title"> 1348 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse12" aria-expanded="false" href="#collapse12">O prazo de vinte dias, prorrogáveis por mais dez, para a entrega da resposta ao pedido de informação, não é curto?</a> 1349 </h4> 1350 </div> 1351 <div id="collapse12" aria-labelledby="heading12" class="collapse" data-parent="#accordion"> 1352 <div class="panel-body" style="background-color: #ffff;"> 1353 <p style='margin-bottom: 5px; text-align: justify;'>Os prazos são necessários para a garantia do direito ? a maior parte das leis de acesso à informação no mundo prevê uma delimitação de tempo, e a do Brasil não foge à regra. O prazo foi pensado para garantir um equilÃbrio entre a necessidade do cidadão e a capacidade de entrega por parte da Administração.</p> 1354 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1355 </div> 1356 </div> 1357 1358 </div> 1359 </div> 1360 </div> 1361 1362 1363 1364 <div class="col-md-12"> 1365 <div class="panel-group" id="accordion"> 1366 <div class="card"> 1367 <div class="panel-heading" id="heading13"> 1368 <h4 class="panel-title"> 1369 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse13" aria-expanded="false" href="#collapse13">O que são informações pessoais?</a> 1370 </h4> 1371 </div> 1372 <div id="collapse13" aria-labelledby="heading13" class="collapse" data-parent="#accordion"> 1373 <div class="panel-body" style="background-color: #ffff;"> 1374 <p style='margin-bottom: 5px; text-align: justify;'>Informações pessoais são aquelas relacionadas à pessoa natural identificada ou identificável, cujo tratamento deve ser feito de forma transparente e com respeito à intimidade, vida privada, honra e imagem das pessoas, bem como à s liberdades e garantias individuais. As informações pessoais terão seu acesso restrito, independentemente de classificação de sigilo, pelo prazo máximo de 100 (cem) anos a contar da sua data de produção.</p> 1375 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1376 </div> 1377 </div> 1378 1379 </div> 1380 </div> 1381 </div> 1382 1383 1384 1385 <div class="col-md-12"> 1386 <div class="panel-group" id="accordion"> 1387 <div class="card"> 1388 <div class="panel-heading" id="heading14"> 1389 <h4 class="panel-title"> 1390 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse14" aria-expanded="false" href="#collapse14">Qual a importância da Lei de acesso à s informações?</a> 1391 </h4> 1392 </div> 1393 <div id="collapse14" aria-labelledby="heading14" class="collapse" data-parent="#accordion"> 1394 <div class="panel-body" style="background-color: #ffff;"> 1395 <p style='margin-bottom: 5px; text-align: justify;'>O objetivo da lei é a mudança da cultura do sigilo, que existe em algumas instituições públicas. A sanção da lei pode ser compreendida como um ato de amadurecimento da democracia brasileira. A informação sob a guarda do Estado é sempre pública, devendo o acesso a ela ser restringido apenas em casos especÃficos. Isto significa que a informação produzida, guardada, organizada e gerenciada pelo Estado em nome da sociedade é um bem público. O acesso a estes dados, constitui-se em um dos fundamentos para a consolidação da democracia, fortalecendo o controle social.</p> 1396 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1397 </div> 1398 </div> 1399 1400 </div> 1401 </div> 1402 </div> 1403 1404 1405 1406 <div class="col-md-12"> 1407 <div class="panel-group" id="accordion"> 1408 <div class="card"> 1409 <div class="panel-heading" id="heading15"> 1410 <h4 class="panel-title"> 1411 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse15" aria-expanded="false" href="#collapse15">Há informações que não podem ser fornecidas?</a> 1412 </h4> 1413 </div> 1414 <div id="collapse15" aria-labelledby="heading15" class="collapse" data-parent="#accordion"> 1415 <div class="panel-body" style="background-color: #ffff;"> 1416 <p style='margin-bottom: 5px; text-align: justify;'>Não serão prestadas aos cidadãos informações consideradas sigilosas, tais como assuntos secretos, assim como informações pessoais dos agentes públicos ou privados. Nesses casos, o órgão é obrigado a justificar o motivo para não fornecer o dado.</p> 1417 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1418 </div> 1419 </div> 1420 1421 </div> 1422 </div> 1423 </div> 1424 1425 1426 1427 <div class="col-md-12"> 1428 <div class="panel-group" id="accordion"> 1429 <div class="card"> 1430 <div class="panel-heading" id="heading16"> 1431 <h4 class="panel-title"> 1432 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse16" aria-expanded="false" href="#collapse16">Por que o Portal de Transparência foi criado?</a> 1433 </h4> 1434 </div> 1435 <div id="collapse16" aria-labelledby="heading16" class="collapse" data-parent="#accordion"> 1436 <div class="panel-body" style="background-color: #ffff;"> 1437 <p style='margin-bottom: 5px; text-align: justify;'>Para atender a demanda de informações sobre gestão pública, bem como cumprir as determinações constitucionais, visando à transparência das contas públicas e atendendo à Lei Complementar n° 131, de 27 de maio de 2009, e o Decreto Federal n° 7185, de 27 de maio de 2010, além de promover o acesso amplo e objetivo aos dados da aplicação dos recursos públicos municipais. Através dele, os cidadãos podem acompanhar a gestão das finanças da administração direta e indireta. Assim, é possÃvel acompanhar a destinação dos recursos arrecadados, provenientes em grande parte dos impostos pagos pelos contribuintes.</p> 1438 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1439 </div> 1440 </div> 1441 1442 </div> 1443 </div> 1444 </div> 1445 1446 1447 1448 <div class="col-md-12"> 1449 <div class="panel-group" id="accordion"> 1450 <div class="card"> 1451 <div class="panel-heading" id="heading17"> 1452 <h4 class="panel-title"> 1453 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse17" aria-expanded="false" href="#collapse17">O que é a LC nº131/2009?</a> 1454 </h4> 1455 </div> 1456 <div id="collapse17" aria-labelledby="heading17" class="collapse" data-parent="#accordion"> 1457 <div class="panel-body" style="background-color: #ffff;"> 1458 <p style='margin-bottom: 5px; text-align: justify;'>A Lei Complementar 131, de 27 de maio de 2009, alterou a redação da Lei de Responsabilidade Fiscal no que se refere à transparência da gestão fiscal. A Lei inovou ao determinar a disponibilização, em tempo real, de informações pormenorizadas sobre a execução orçamentária e financeira da União, dos Estados, do Distrito Federal e dos MunicÃpios, em meios eletrônicos de acesso público. </p> 1459 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1460 </div> 1461 </div> 1462 1463 </div> 1464 </div> 1465 </div> 1466 1467 1468 1469 <div class="col-md-12"> 1470 <div class="panel-group" id="accordion"> 1471 <div class="card"> 1472 <div class="panel-heading" id="heading18"> 1473 <h4 class="panel-title"> 1474 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse18" aria-expanded="false" href="#collapse18">Quais instituições públicas devem cumprir a lei?</a> 1475 </h4> 1476 </div> 1477 <div id="collapse18" aria-labelledby="heading18" class="collapse" data-parent="#accordion"> 1478 <div class="panel-body" style="background-color: #ffff;"> 1479 <p style='margin-bottom: 5px; text-align: justify;'>Os órgãos e entidades públicas dos três Poderes (Executivo, Legislativo e Judiciário), de todos os nÃveis de governo (federal, estadual, distrital e municipal), assim como os Tribunais e Contas e o Ministério Público, bem como as autarquias, fundações públicas, empresas públicas, sociedades de economia mista e demais entidades controladas direta ou indiretamente pela União, Estados, Distrito Federal e MunicÃpios.</p> 1480 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1481 </div> 1482 </div> 1483 1484 </div> 1485 </div> 1486 </div> 1487 1488 1489 1490 <div class="col-md-12"> 1491 <div class="panel-group" id="accordion"> 1492 <div class="card"> 1493 <div class="panel-heading" id="heading19"> 1494 <h4 class="panel-title"> 1495 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse19" aria-expanded="false" href="#collapse19">O que ocorre se o cidadão solicitar uma informação não existente?</a> 1496 </h4> 1497 </div> 1498 <div id="collapse19" aria-labelledby="heading19" class="collapse" data-parent="#accordion"> 1499 <div class="panel-body" style="background-color: #ffff;"> 1500
1500 <p style='margin-bottom: 5px; text-align: justify;'>A Entidade Pública não é obrigada a produzir uma informação inexistente, devendo apenas disponibilizar os dados que possui.</p> 1501 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1502 </div> 1503 </div> 1504 1505 </div> 1506 </div> 1507 </div> 1508 1509 1510 1511 <div class="col-md-12"> 1512 <div class="panel-group" id="accordion"> 1513 <div class="card"> 1514 <div class="panel-heading" id="heading20"> 1515 <h4 class="panel-title"> 1516 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse20" aria-expanded="false" href="#collapse20">As informações disponibilizadas recebem alguma forma de filtragem ou tratamento?</a> 1517 </h4> 1518 </div> 1519 <div id="collapse20" aria-labelledby="heading20" class="collapse" data-parent="#accordion"> 1520 <div class="panel-body" style="background-color: #ffff;"> 1521 <p style='margin-bottom: 5px; text-align: justify;'>Não. As informações são disponibilizadas sem qualquer tratamento de dados. Não é feito qualquer controle de limitação ou restrição. São as mesmas informações registradas na contabilidade da Entidade Pública.</p> 1522 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1523 </div> 1524 </div> 1525 1526 </div> 1527 </div> 1528 </div> 1529 1530 1531 1532 <div class="col-md-12"> 1533 <div class="panel-group" id="accordion"> 1534 <div class="card"> 1535 <div class="panel-heading" id="heading21"> 1536 <h4 class="panel-title"> 1537 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse21" aria-expanded="false" href="#collapse21">Toda informação produzida ou gerenciada pelo governo é pública?</a> 1538 </h4> 1539 </div> 1540 <div id="collapse21" aria-labelledby="heading21" class="collapse" data-parent="#accordion"> 1541 <div class="panel-body" style="background-color: #ffff;"> 1542 <p style='margin-bottom: 5px; text-align: justify;'>Como princÃpio geral, sim, salvaguardando-se as informações pessoais e as exceções previstas na lei. A informação produzida pelo setor público deve estar disponÃvel a quem este serve, ou seja, à sociedade, a menos que esta informação esteja expressamente protegida. Daà a necessidade de regulamentação, para que fique claro quais informações são reservadas e por quanto tempo. </p> 1543 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1544 </div> 1545 </div> 1546 1547 </div> 1548 </div> 1549 </div> 1550 1551 1552 <!-- FIM PERGUNTAS E RESPOSTAS --> 1553 1554 </div> 1555 </div> 1556 1557 1558 </div> 1559 </section> 1560 1561 1562 <!-- 1563 <section> 1564 <div class="container-new1" style="margin-top:10px; margin-bottom:10px;"> 1565 <div class="public_paginas" style="padding-top: 10px; text-align: -webkit-center;"> 1566 1567 <div class="col-md-12"> 1568 <p style="line-height: 1.2; font-size: 14px; padding-top: 15px; margin-bottom: 5px;"><strong>NOSSO PORTAL DA TRANSPARÃNCIA</strong></p> 1569 <p style="line-height: 1.2; font-size: 14px;">Uma ferramenta para garantir o atendimento à população com a transparência na gestão pública e atender à s determinações da Lei de Acesso à Informação nº 12.527.</p> 1570 1571 <a class="btn btn-primary" style="background-color: #2864AE;" href="acessoainformacao.php" style="margin-bottom: 10px;"> ACESSAR PORTAL DA TRANSPARÃNCIA</a> 1572 </div> 1573 1574 </div> 1575 </div> 1576 </section> 1577 --> 1578 1579 1580 1581 1582
1583<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer> 1584 function resetTurnstileIfNeeded() { 1585 if (window.turnstile) { try { turnstile.reset(); } catch (e) {} } 1586 } 1587 window.addEventListener('pageshow', (event) => { if (event.persisted) { resetTurnstileIfNeeded(); } }); 1588 document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { resetTurnstileIfNeeded(); } }); 1589</script>
1589 1590 1591
1591<script src="/js/shortcuts.js"></script>
1591 1592
1592<script> 1593 shortcut.add("Alt+H", function() { 1594 window.location.assign("index.php"); 1595 }); 1596 1597 shortcut.add("Alt+Shift+1", function() { 1598 window.location.assign("acessibilidade.php"); 1599 }); 1600 1601 shortcut.add("Alt+9", function() { 1602 window.scrollTo(0, 0); 1603 }); 1604 1605 shortcut.add("Alt+C", function() { 1606 window.location.href = '#ancora'; 1607 }); 1608 </script>
1608 1609 1610 1611 1612 1613 <section class="container-new1 rodape-radar-atricon"> 1614 <div class="" style=""> 1615 <div class='public_paginas' style="padding-bottom: 0px;"> 1616 <div class="row"> 1617 <div class="col-md-12"> 1618 <a href="https://radardatransparencia.atricon.org.br/ " target="_blank"> 1619 <img src="/imagens/radar_atricon.png" alt="Radar ATRICON" width="100%" style="display: block; border-radius: 9px;"> 1620 </a> 1621 </div> 1622 </div> 1623 </div> 1624 </div> 1625 </section> 1626 1627 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 1628 1629 1630 <div id="scroll2"><a href="/atricon.php"><img src="/imagens/atricon48x48.png" title="Atricon"></a></div> 1631 1632 <div id="scroll"><span></span></div> 1633 1634 1635 <div class="section" id="bottom" style="padding-bottom: 0px;"> 1636 1637 <section> 1638 <div class="col-md-12"> 1639 <div class="row fitaflex"> 1640 <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #F37B7E;"></div> 1641 <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #F05C60;"></div> 1642 <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #ED3C41;"></div> 1643 <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #EA1D22;"></div> 1644 <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #D31217;"></div> 1645 <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #B41014;"></div> 1646 </div> 1647 </div> 1648 </section> 1649 1650 <style> 1651 /* banner "Radar Nacional da Transparencia" (antes do rodape, em toda pagina): tinha so 1652 margin-top:10px (nenhuma embaixo), entao a distancia pro rodape ficava bem menor que 1653 a distancia pro conteudo acima dele. So mexe em cima/embaixo â o atalho "margin: 30px 0" 1654 zerava tambem a margem lateral (que nao era 0) e deslocava o banner pro lado. */ 1655 .rodape-radar-atricon { 1656 margin-top: 30px; 1657 margin-bottom: 30px; 1658 } 1659 1660 /* ===== Rodapé institucional 2026 â modelo B (bottomTipo9) â namespace .site-footer* 1661 Fundo em degrade na cor do site, cabecalho (logo + nome + redes), faixa de 1662 selos, 3 cards translucidos e barra final. So o layout/CSS mudou: consultas, 1663 condicionais e dados continuam os mesmos. Sem largura propria: usa o 1664 .container-new1 padrao do site (alinhado ao cabecalho e as secoes). ===== */ 1665 .site-footer { 1666 position: relative; 1667 /* clear: a faixa de cores logo acima (.col-md-12 do Bootstrap) e um float 1668 sem clearfix. Com overflow:hidden o rodapé vira um bloco "BFC" e, sem 1669 clear, ele encolhe pra ficar ao lado desse float (largura 0). */ 1670 clear: both; 1671 overflow: hidden; 1672 background: #B41014; 1673 background: linear-gradient(155deg, #B41014 0%, #68090c 100%); 1674 color: rgba(255, 255, 255, .86); 1675 font-size: 14px; 1676 } 1677 1678 /* brilhos suaves de fundo (decorativos) */ 1679 .site-footer::before, 1680 .site-footer::after { 1681 content: ""; 1682 position: absolute; 1683 border-radius: 50%; 1684 pointer-events: none; 1685 } 1686 1687 .site-footer::before { 1688 width: 700px; 1689 height: 700px; 1690 right: -180px; 1691 top: -320px; 1692 background: radial-gradient(closest-side, rgba(255, 255, 255, .16), transparent); 1693 } 1694 1695 .site-footer::after { 1696 width: 560px; 1697 height: 560px; 1698 left: -200px; 1699 bottom: -300px; 1700 background: radial-gradient(closest-side, rgba(255, 255, 255, .09), transparent); 1701 } 1702 1703 .site-footer > * { 1704 position: relative; 1705 z-index: 1; 1706 } 1707 1708 /* ---- cabecalho: logo + nome (esq.) e selos (dir.) ---- */ 1709 .site-footer__head { 1710 display: flex; 1711 flex-wrap: wrap; 1712 align-items: center; 1713 justify-content: space-between; 1714 gap: 22px 32px; 1715 padding-block: 48px 28px; 1716 } 1717 1718 .site-footer__brand { 1719 display: flex; 1720 align-items: center; 1721 min-width: 0; 1722 } 1723 1724 .site-footer-identity__logo { 1725 max-height: 100px; 1726 width: auto; 1727 max-width: 100%; 1728 filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .2)); 1729 } 1730 1731 .site-footer-identity__city { 1732 /* sem font-family aqui de proposito: herda de body{font-family: 1733 "Roboto", Arial, Helvetica, sans-serif}, configuravel por municipio 1734 (css/style.php). Nao hardcodar uma fonte especifica. */ 1735 margin: 0; 1736 font-size: 16px; 1737 font-weight: 400; 1738 letter-spacing: .005em; 1739 text-transform: none; 1740 color: rgba(255, 255, 255, .9); 1741 } 1742 1743 /* divisor entre a logo e o nome (so quando existe logo) */ 1744 .site-footer-identity__logo + .site-footer-identity__city { 1745 margin-left: 22px; 1746 padding-left: 22px; 1747 border-left: 1px solid rgba(255, 255, 255, .3); 1748 } 1749 1750 /* ---- selos, encaixados no cabecalho no lugar das redes sociais ---- */ 1751 .site-footer__seals-inline { 1752 display: flex; 1753 flex-wrap: wrap; 1754 align-items: center; 1755 justify-content: flex-end; 1756 gap: 16px; 1757 } 1758 1759 .site-footer__seals-inline img { 1760 width: 40px; 1761 display: block; 1762 opacity: .9; 1763 transition: opacity .15s ease, transform .15s ease; 1764 } 1765 1766 .site-footer__seals-inline a:hover img { 1767 opacity: 1; 1768 transform: translateY(-2px); 1769 } 1770 1771 /* ---- 3 cards: Institucional / Contatos / Endereco e horario ---- */ 1772 .site-footer__grid { 1773 display: grid; 1774 grid-template-columns: repeat(3, 1fr); 1775 gap: 18px; 1776 padding: 32px 0 36px; 1777 } 1778
1779 .site-footer__col { 1780 min-width: 0; 1781 padding: 26px 26px 14px; 1782 /* raio exatamente igual ao configurado no site (VCaixaArredondamento) â antes usava 1783 uma formula (2x + 6px) que deixava esses cards bem mais arredondados que o resto do site */ 1784 border-radius: var(--site-card-radius, 7px); 1785 background: rgba(255, 255, 255, .08); 1786 border: 1px solid rgba(255, 255, 255, .16); 1787 } 1788 1789 .site-footer__col-title { 1790 display: flex; 1791 align-items: center; 1792 gap: 12px; 1793 margin: 0 0 18px; 1794 font-size: 12.5px; 1795 font-weight: 700; 1796 line-height: 1.2; 1797 text-transform: uppercase; 1798 letter-spacing: .09em; 1799 color: #fff; 1800 } 1801 1802 .site-footer__col-ico { 1803 display: inline-flex; 1804 flex: 0 0 40px; 1805 align-items: center; 1806 justify-content: center; 1807 width: 40px; 1808 height: 40px; 1809 border-radius: var(--site-card-radius, 7px); 1810 background: rgba(255, 255, 255, .16); 1811 font-size: 18px; 1812 } 1813 1814 .site-footer__col p { 1815 display: flex; 1816 align-items: flex-start; 1817 gap: 10px; 1818 margin: 0 0 12px; 1819 font-size: 14px; 1820 line-height: 1.55; 1821 color: rgba(255, 255, 255, .9); 1822 } 1823 1824 .site-footer__col p i { 1825 flex: none; 1826 width: 16px; 1827 margin-top: 3px; 1828 text-align: center; 1829 color: #fff; 1830 opacity: .7; 1831 } 1832 1833 /* ---- barra final ---- */ 1834 .site-footer__bottom { 1835 background: rgba(0, 0, 0, .14); 1836 border-top: 1px solid rgba(255, 255, 255, .14); 1837 } 1838 1839 .site-footer__bottom-inner { 1840 display: flex; 1841 flex-wrap: wrap; 1842 align-items: center; 1843 justify-content: space-between; 1844 gap: 8px 20px; 1845 /* so vertical: o padding lateral vem do .container-new1, igual ao dos cards */ 1846 padding-block: 18px; 1847 color: rgba(255, 255, 255, .75); 1848 font-size: 13px; 1849 } 1850 1851 /* O .container-new1 (main.css) tem um clearfix: ::before/::after com 1852 content:" ". Num container flex esses dois pseudo-elementos viram 1853 itens extras, e o space-between reparte o espaco entre 4 itens â 1854 os <p> ficam "boiando" no meio em vez de nas pontas do container. 1855 Aqui o flex ja contem os filhos, entao o clearfix e desligado. */ 1856 .site-footer .site-footer__bottom-inner::before, 1857 .site-footer .site-footer__bottom-inner::after { 1858 content: none; 1859 display: none; 1860 } 1861 1862 .site-footer__bottom p { 1863 margin: 0; 1864 } 1865 1866 /* copyright na ponta esquerda do container, acessibilidade na direita */ 1867 .site-footer__bottom-inner p:first-child { 1868 text-align: left; 1869 } 1870 1871 .site-footer__bottom-inner p:last-child { 1872 text-align: right; 1873 } 1874 1875 .site-footer__bottom a { 1876 color: #fff; 1877 font-weight: 500; 1878 text-decoration: none; 1879 } 1880 1881 .site-footer__bottom a:hover, 1882 .site-footer__bottom a:focus-visible { 1883 text-decoration: underline; 1884 } 1885 1886 /* ---- responsivo ---- */ 1887 @media (max-width: 991px) { 1888 .site-footer__grid { 1889 grid-template-columns: 1fr; 1890 } 1891 } 1892 1893 @media (max-width: 767px) { 1894 .site-footer__head { 1895 flex-direction: column; 1896 justify-content: center; 1897 text-align: center; 1898 padding-block: 34px 22px; 1899 } 1900 1901 .site-footer__brand { 1902 flex-direction: column; 1903 gap: 14px; 1904 } 1905 1906 .site-footer-identity__logo + .site-footer-identity__city { 1907 margin-left: 0; 1908 padding-left: 0; 1909 border-left: 0; 1910 } 1911 1912 .site-footer__seals-inline { 1913 justify-content: center; 1914 } 1915 1916 .site-footer__grid { 1917 padding: 26px 0 28px; 1918 } 1919 1920 .site-footer__bottom-inner { 1921 justify-content: center; 1922 text-align: center; 1923 } 1924 1925 .site-footer__bottom-inner p:first-child, 1926 .site-footer__bottom-inner p:last-child { 1927 text-align: center; 1928 } 1929 } 1930 </style> 1931 1932 </div> 1933 1934 <footer class="site-footer" role="contentinfo" style="--site-card-radius: 9px;"> 1935 <div class="container-new1 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms"> 1936 <div class="site-footer__head"> 1937 <div class="site-footer__brand"> 1938 <img src="/imagens/logovazada.png?time=1791393448" alt="Prefeitura Municipal de Porto - PI" class="site-footer-identity__logo"> 1939 <p class="site-footer-identity__city"> 1940 Prefeitura Municipal de Porto - PI - PI </p> 1941 </div> 1942 1943 </div> 1944 </div> 1945 1946 <div class="container-new1"> 1947 <div class="site-footer__grid"> 1948
1949 <div class="site-footer__col"> 1950 <h2 class="site-footer__col-title"><span class="site-footer__col-ico"><i class="bi bi-buildings" aria-hidden="true"></i></span><span>Institucional</span></h2> 1951 1952 1953 <p><i class='bi bi-person-circle' aria-hidden="true"></i> <span>Prefeito Aluizio Vaz</span></p> 1954 <p><i class='bi bi-postcard' aria-hidden="true"></i> <span>CNPJ: 06.554.414/0001-49</span></p> 1955 </div> 1956 1957 <div class="site-footer__col"> 1958 <h2 class="site-footer__col-title"><span class="site-footer__col-ico"><i class="bi bi-telephone" aria-hidden="true"></i></span><span>Contatos</span></h2> 1959 <p><i class='bi bi-telephone' aria-hidden="true"></i> <span>(86) 8178-1103</span></p> 1960 <p><i class='bi bi-envelope-at' aria-hidden="true"></i> <span>[email protected]</span></p> 1961 </div> 1962 1963 <div class="site-footer__col"> 1964 <h2 class="site-footer__col-title"><span class="site-footer__col-ico"><i class="bi bi-geo-alt" aria-hidden="true"></i></span><span>Endereço e horário</span></h2> 1965 1966 <p> 1967 <i class='bi bi-geo-alt' aria-hidden='true'></i> 1968 <span> 1969 Avenida Presidente Vargas, 1970 1971 S N 1972 - Centro, 1973 1974 64.145-000 </span> 1975 </p> 1976 <p> 1977 <i class='bi bi-clock' aria-hidden='true'></i> 1978 <span>de Segunda-feira A Sexta-feira:  das 08:00h Ãs 13:00h</span> 1979 </p> 1980 </div> 1981 1982 1983 </div> 1984 </div> 1985 1986 <div class="site-footer__bottom">
1987 <div class="container-new1 site-footer__bottom-inner"> 1988 <p> 1989 © 2026 <a target='_blank' href='http://www.assesi.com.br/' title=''>Assesi</a>. 1990 Todos os Direitos Reservados. 1991 </p> 1992 <p><a href="/acessibilidade.php">Acessibilidade</a></p> 1993 </div> 1994 </div> 1995 </footer> 1996 1997
1998<script type="text/javascript"> 1999 2000 // document.addEventListener('click', function(){ 2001 // const link_before = event.target.closest('a'); 2002 // const link_destino = (link_before) ? link_before.href : null; 2003 2004 // const params_before = new URLSearchParams(link_before); 2005 // if (params_before.has('source')) { 2006 2007 // localStorage.getItem('source', 'app'); 2008 // } else { 2009 // localStorage.removeItem('source'); 2010 // } 2011 2012 // }); 2013 2014</script>
2014 2015 2016
2016<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/apexcharts.min.js"></script>
2016 2017 2018
2018<script> 2019 (function () { 2020 if (typeof ApexCharts === 'undefined') return; 2021 var el = document.getElementById('chart_div'); 2022 if (!el) return; 2023 el.classList.add('ouv-chart'); 2024 2025 var mode = "flat"; 2026 var cats = ["Direito Do Consumidor","Dúvidas","Serviços","Reclamações","Denúncias","Sugestões","Elogios","Urgências","CrÃticas"]; 2027 var series = [{"name":"Manifestações","data":[1,1,1,0,0,0,0,0,0]}]; 2028 var accent = "#2864AE"; 2029 var palette = ["#2C93DE","#15B063","#F1491C","#A349A4","#0DA5AA","#C52259","#FF7F00","#6C5CE7","#00B894","#939393"]; 2030 2031 var opts = { 2032 chart: { 2033 type: 'bar', 2034 height: 400, 2035 fontFamily: "'Roboto', Arial, Helvetica, sans-serif", 2036 stacked: (mode === 'stack'), 2037 toolbar: { 2038 show: true, 2039 tools: { download: true, selection: true, zoom: true, zoomin: true, zoomout: true, pan: true, reset: true } 2040 }, 2041 zoom: { enabled: true, type: 'x' }, 2042 animations: { enabled: true, easing: 'easeinout', speed: 550 } 2043 }, 2044 series: series, 2045 colors: (mode === 'stack') ? palette : [accent], 2046 plotOptions: { 2047 bar: { 2048 borderRadius: 5, 2049 borderRadiusApplication: 'end', 2050 columnWidth: (cats.length > 8 ? '78%' : '55%'), 2051 distributed: (mode === 'flat'), 2052 dataLabels: { position: 'top' } 2053 } 2054 }, 2055 dataLabels: { 2056 enabled: (mode !== 'stack'), 2057 offsetY: -18, 2058 style: { fontSize: '11px', fontWeight: 600, colors: ['#475467'] }, 2059 background: { enabled: false } 2060 }, 2061 xaxis: { 2062 categories: cats, 2063 labels: { rotate: -35, hideOverlappingLabels: true, trim: true, style: { fontSize: '11px', colors: '#667085' } }, 2064 axisBorder: { color: '#e6e8ec' }, 2065 axisTicks: { color: '#e6e8ec' } 2066 }, 2067 yaxis: { 2068 labels: { style: { colors: '#98a2b3', fontSize: '11px' }, formatter: function (v) { return Math.round(v); } } 2069 }, 2070 grid: { borderColor: '#eef0f3', strokeDashArray: 4, xaxis: { lines: { show: false } } }, 2071 legend: { show: (mode === 'stack'), position: 'top', horizontalAlign: 'left', fontSize: '12px', markers: { radius: 3 } }, 2072 fill: { opacity: 1 }, 2073 states: { hover: { filter: { type: 'darken', value: 0.92 } } }, 2074 tooltip: { shared: (mode === 'stack'), intersect: false, y: { formatter: function (v) { return v + ' manifestação(ões)'; } } }, 2075 noData: { text: 'Sem dados para exibir', style: { color: '#98a2b3' } } 2076 }; 2077 2078 new ApexCharts(el, opts).render(); 2079 })(); 2080 </script>
2080 2081 2082 2083 2084
2084<script src="js/jquery-1.11.3.js"></script>
2084 2085
2085<script src="js/tableExport.min.js"></script>
2085 2086
2086<script src="js/FileSaver.min.js"></script>
2086 2087
2087<script src="js/jquery.base64.js"></script>
2087 2088
2088<script src="js/html2canvas.min.js"></script>
2088 2089
2089<script src="js/sprintf.js"></script>
2089 2090
2090<script src="js/jspdf.min.js"></script>
2090 2091
2091<script src="js/jspdf.plugin.autotable.js"></script>
2091 2092
2092<script src="js/base64.js"></script>
2092 2093
2093<script src="js/bootstrap.min.js"></script>
2093 2094
2094<script src="js/jquery.prettyPhoto.js"></script>
2094 2095
2095<script src="js/jquery.isotope.min.js"></script>
2095 2096
2096<script src="js/main.js"></script>
2096 2097
2097<script src="js/wow.min.js"></script>
2097 2098 2099 2100 2101
2101<script type="text/javascript" language="javascript" src="js/jquery.maskedinput.min.js"></script>
2101 2102
2102<script> 2103 jQuery(function($) { 2104 $("#dtini").mask("99/99/9999"); 2105 $("#dtfim").mask("99/99/9999"); 2106 }); 2107 2108 $(document).ready(function() { 2109 2110 (function($) { 2111 2112 $('#filter').keyup(function() { 2113 2114 var rex = new RegExp($(this).val(), 'i'); 2115 $('.linha').hide(); 2116 $('.linha').filter(function() { 2117 return rex.test($(this).text()); 2118 }).show(); 2119 2120 }) 2121 2122 }(jQuery)); 2123 2124 $("#idano").change(function() { 2125 $("#valano").val($(this).val()); 2126 if (typeof window.renderSatisChart === 'function') { 2127 window.renderSatisChart($(this).val()); 2128 } 2129 }); 2130 2131 2132 }); 2133 </script>
2133 2134 2135
2135<script src="js/jquery.font-accessibility.min.js"></script>
2135 2136
2136<script> 2137 $(function() { 2138 /* Custom buttons */ 2139 $('#font-setting').easyView({ 2140 container: 'body, .section, .container, .row, .col-md-6, .col-md-9, .col-md-12, #footer, #bottom', 2141 step: 10, 2142 bootstrap: true, 2143 increaseSelector: '.increase-me', 2144 decreaseSelector: '.decrease-me', 2145 normalSelector: '.reset-me', 2146 contrastSelector: '.change-me' 2147 }); 2148 2149 2150 2151 2152 }); 2153 </script>
2153 2154</body> 2155 2156</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.