PageSourceSearch

https://porto.pi.gov.br/ouvidoria

html porto.pi.gov.br collected 2026-10-08 02:16:25 UTC 128,044 bytes, 2,156 lines download raw bytes

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">&times;</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;">&nbsp;</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 &ndash; Manifesta&ccedil;&atilde;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 &ndash; Pedido de Informa&ccedil;&atilde;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                    &copy; 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.