PageSourceSearch

https://ipu.ce.gov.br/ouvidoria

html ipu.ce.gov.br collected 2026-10-02 14:10:07 UTC 135,680 bytes, 2,112 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="Prefeitura de Ipu">
8    <meta name="description" content="LAI - Lei de Acesso à Informação." />
9    <meta name="keywords" content=" Transparência, Notícias, Municípios, Leis, Publicações, LRF, Lei de responsabilidade fiscal, Diário, Portarias, Decretos, Matérias, Vereadores, Comissões, Sessões, Diárias, Receitas, Despesas, Prefeitura Municipal de Ipu, Prefeitura de Ipu, " />
10    <meta property="og:image" itemprop="image" content="http://ipu.ce.gov.br/imagens/lai2.png" />
11    <title>Prefeitura de Ipu</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=20261002" rel="stylesheet">
22    <link href="css/responsive.css?v=20261002" rel="stylesheet">
23    <link href="cssesic/hover.css" rel="stylesheet" type="text/css" media="all" />
24    <link href="css/style.php?v=20261002" 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: #033BA9;
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: #002C9A !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: #002C9A !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/BackTopo6.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.ipu.ce.gov.br"><span>Prefeitura Municipal de Ipu</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="https://www.facebook.com/people/Prefeitura-Municipal-de-Ipu/61571602171694/">
328                                    <i class='bi bi-facebook' title="Facebook"></i>
329                                </a>
330                                                    <a class="nav-link btn-list-top" href="https://www.instagram.com/prefeituramunicipaldeipu/">
331                                    <i class='bi bi-instagram' title="Instagram"></i>
332                                </a>
333                                                    <a class="nav-link btn-list-top" href="https://webmail-seguro.com.br/ipu.ce.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    </style>
353
354    <div class="container-fluid topo-option-mobile color-topo">
355        <div class="container">
356            <div class="row" id="font-setting-buttons" style="line-height: 33px; display: flex; position: relative; z-index: 5;">
357
358                    <div id="mobileUtilityLinks" style="display: flex; align-items: center;">
359                    <div style="margin-bottom: 0px; padding-left: 7px; padding-right: 10px;"><a
360                        href="/acessoainformacao.php"><i class='bi bi-info-circle-fill'></i> <span
361                        title="Transparência da entidade"><strong>Transparência</strong></span></a></div>
362
363                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
364                        href="ouvidoria"><i class="bi bi-headset"></i> <span
365                        title="Ouvidoria da entidade"><strong>Ouvidoria </strong></span></a></div>
366
367                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
368                        href="/acessibilidade"><i class='bi bi-emoji-smile'></i> <span
369                        title="Acessibilidade"><strong>Acessibilidade</strong></span></a></div>
370
371                    <div style="margin-bottom: 0px; padding-left:0; padding-right:10;" class="dropdown dropdown-toggle-acessibilidade">
372                        <a href="#" accesskey="1" title="Mais opções" class="dropdown-toggle" data-toggle="dropdown">
373                            <i class="bi bi-plus"></i>
374                            <span><strong>Opções</strong></span>
375                        </a>
376
377                        <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;">
378                            <li>
379                                <a href="/pesquisa" style="cursor:pointer;" title="Pesquisar"><i class="bi bi-search"></i><span style="padding-left: 10px;">Pesquisar</span></a>
380                            </li>
381                                                            <li>
382                                    <a href="https://www.facebook.com/people/Prefeitura-Municipal-de-Ipu/61571602171694/" style="cursor:pointer;" title="Facebook"><i class="bi bi-facebook"></i><span style="padding-left: 10px;">Facebook</span></a>
383                                </li>
384                                                            <li>
385                                    <a href="https://www.instagram.com/prefeituramunicipaldeipu/" style="cursor:pointer;" title="Instagram"><i class="bi bi-instagram"></i><span style="padding-left: 10px;">Instagram</span></a>
386                                </li>
387                                                            <li>
388                                    <a href="https://webmail-seguro.com.br/ipu.ce.gov.br/" style="cursor:pointer;" title="E-mail"><i class="bi bi-envelope-fill"></i><span style="padding-left: 10px;">E-mail</span></a>
389                                </li>
390                                                    </ul>
391                    </div>
392                    </div>
393
394                                                            <div id="mobileMenuToggleSticky" style="margin-bottom: 0px; margin-left: auto; margin-right: -13px; padding-left: 10px; display: none;"></div>
395            </div>
396        </div>
397    </div>
398    
399        <div class="col-md-12 col-fita">
400        <div class="row fitaflex" style="padding-bottom: 10px;">
401            <div class="col-md-2 fita"
402                style="margin-bottom:0px; border-top: 7px solid #00A4FF;"></div>
403            <div class="col-md-2 fita"
404                style="margin-bottom:0px; border-top: 7px solid #00A4FF;"></div>
405            <div class="col-md-2 fita"
406                style="margin-bottom:0px; border-top: 7px solid #49D62B;"></div>
407            <div class="col-md-2 fita"
408                style="margin-bottom:0px; border-top: 7px solid #49D62B;"></div>
409            <div class="col-md-2 fita"
410                style="margin-bottom:0px; border-top: 7px solid #FFC024;"></div>
411            <div class="col-md-2 fita"
412                style="margin-bottom:0px; border-top: 7px solid #FFC024;"></div>
413        </div>
414    </div>
415    
416    <style>
417        /* ===== Selos alinhados com a logo 2026 — nao muda o tamanho da logo, so o alinhamento dos selos =====
418           .d-flex-main-menu-center so virava flex/centralizado no celular (responsive.css); aqui repete o mesmo
419           comportamento tambem no desktop, pra logo e selos ficarem na mesma linha central. */
420        .d-flex-main-menu-center {
421            display: flex;
422            align-items: center;
423        }
424
425        /* .box-pesq tem margin-top:30px no main.css (pensado pra quando essa coluna nao dividia a linha
426           com a logo). Com o alinhamento acima, essa margem so empurrava os selos pra baixo do centro. */
427        #logo-top-bar .box-pesq {
428            margin-top: 0;
429        }
430    </style>
431
432    <div class="container-new1 container-menu-main" id="logo-top-bar" style="padding-bottom:10px; padding-top:10px; ">
433
434
435
436        <div class="row d-flex-main-menu-center">
437           
438            <div id="centralizarLogo" class="col-6 col-sm-7 col-xs-7 ">
439
440                <a id="" href="/" style="padding-right: 5px; margin-right: 20px"><img id="" src="/imagens/logo.png?time=1790871019" alt="logo"></a>
441            </div>
442
443            <div class="col-6 col-canvas-navbar" id="canvasNavbarCol">
444                <a id="menuToggleBtn" class="navbar-toggle" data-toggle="offcanvas"
445                        style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
446                        data-target=".offcanvas-collapse">
447                        <span class="fa fa-bars" style="font-size: 25px; color: #000;"></span>
448                </a>
449            </div>
450
451            <div class="col-sm-5 col-xs-5 fora_responsivo">
452                <div class="wow fadeInUp box-pesq">
453                    
454
455                    
456                    
457
458                    <!-- <a href="/pesquisa.php" class="btn btn-primary nomefora"><span class="glyphicon glyphicon-search "
459                            aria-hidden="true"></span> Pesquisa</a> -->
460
461                        <!--
462                        <div class="nomefora" id="google_translate_element"></div>
463                        
463<script>
464                            function googleTranslateElementInit() {
465                                new google.translate.TranslateElement({
466                                        pageLanguage: 'pt',
467                                        autoDisplay: false,
468                                        includedLanguages: 'de,es,fr,en,it',
469                                        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
470                                    },
471                                    'google_translate_element');
472                            }
473                        </script>
473
474                        
474<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
474
475                        -->
476
477                </div>
478
479            </div>
480        </div>
481    </div>
482
483
484    <!-- navbar offcanvas -->
485    <nav class="navbar navbar-default navbar-dafault-main" style="border:0px;">
486        <div class="container-new1">
487            <div class="navbar-header navbar-header-main">
488                <a class="navbar-toggle" data-toggle="offcanvas"
489                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
490                    data-target=".offcanvas-collapse">
491                    <span class="fa fa-bars" style="font-size: 16px"></span>
492                </a>
493                <a href="pesquisa.php" class="navbar-toggle"
494                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; display: none;"><span
495                        class="fa fa-search" style="font-size: 16px" aria-hidden="true"></span></a>
496                <a class="navbar-toggle" id="btnperq" href="#" aria-expanded='false' title='Menu de acessibilidade'
497                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px;  cursor: pointer; display: none;"><i
498                        class='fa fa-odnoklassniki' style="font-size: 16px" aria-hidden='true'></i></a>
499                            </div>
500                            
501            
502            <div class="collapse navbar-collapse navbar-collapse-toglee" style="border:0px;">
503                <ul class="nav navbar-nav main-menu" style="margin-top:0px;">
504                    
505                    <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 
506                                                <i class='fa fa-angle-down'></i></a>
507                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/institucional.php' >Institucional</a></li><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>
508                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Município 
509                                                <i class='fa fa-angle-down'></i></a>
510                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='https://www.ipu.ce.gov.br/processoseletivo.php' >Cultura</a></li><li><a href='/veiculos.php' >Veiculos</a></li><li><a href='/simbolos.php' >Simbolos</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>
511                                            </li>  <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>Secretarias <i class='fa fa-angle-down'></i></a>
512                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/secretaria.php?sec=21'>Autarquia Municipal de Meio Ambiente e Controle Urbano de Ipu</a></li><li><a href='/secretaria.php?sec=19'>Autarquia Municipal de Transito de Ipu</a></li><li><a href='/secretaria.php?sec=23'>Controladoria Geral do Município</a></li><li><a href='/secretaria.php?sec=1'>Gabinete do Prefeito</a></li><li><a href='/secretaria.php?sec=20'>Instituto de Previdência dos Servidores Públicos Municipais de ipu</a></li><li><a href='/secretaria.php?sec=22'>Procuradoria Geral do Município</a></li><li><a href='/secretaria.php?sec=27'>Secretaria de Políticas Públicas das Mulheres</a></li><li><a href='/secretaria.php?sec=2'>Secretaria Municipal de Administração e Planejamento</a></li><li><a href='/secretaria.php?sec=3'>Secretaria Municipal de Agricultura, Pecuária e Recursos Hídricos</a></li><li><a href='/secretaria.php?sec=10'>Secretaria Municipal de Cidadania e Segurança</a></li><li><a href='/secretaria.php?sec=5'>Secretaria Municipal de Cultura</a></li><li><a href='/secretaria.php?sec=17'>Secretaria Municipal de Desenvolvimento Econômico e Tecnológico</a></li><li><a href='/secretaria.php?sec=6'>Secretaria Municipal de Educação</a></li><li><a href='/secretaria.php?sec=12'>Secretaria Municipal de Finanças</a></li><li><a href='/secretaria.php?sec=11'>Secretaria Municipal de Infraestrutura</a></li><li><a href='/secretaria.php?sec=15'>Secretaria Municipal de Meio Ambiente</a></li><li><a href='/secretaria.php?sec=30'>Secretaria Municipal de Pesca</a></li><li><a href='/secretaria.php?sec=13'>Secretaria Municipal de Relações Institucionais</a></li><li><a href='/secretaria.php?sec=8'>Secretaria Municipal de Saúde</a></li><li><a href='/secretaria.php?sec=29'>Secretaria Municipal de Transporte</a></li><li><a href='/secretaria.php?sec=9'>Secretaria Municipal de Turismo</a></li><li><a href='/secretaria.php?sec=16'>Secretaria Municipal do Esporte e Juventude</a></li><li><a href='/secretaria.php?sec=4'>Secretaria Municipal do Trabalho e Assistência Social</a></li><li><a href='/secretaria.php?sec=18'>Serviço Autonomo de Água e Esgoto</a></li>
512		</ul>
513</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Serviços 
514                                                <i class='fa fa-angle-down'></i></a>
515                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='http://servicos2.speedgov.com.br/ipu/segunda_via/acordos' target='_blank'>2ª Via de Acordos</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/segunda_via/iptu' target='new'>2ª Via de IPTU</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/itbi' target='new'>2ª Via de ITBI</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/segunda_via/taxas' target='new'>2ª Via de Taxas</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/segunda_via/iss' target='new'>2ª Via ISS</a></li><li><a href='http://iss.speedgov.com.br/ipu/login' target='_blank'>Acesso Nfs-e</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/pages/certidao_contribuinte' target='new'>Certidão Contribuinte</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/pages/certidao_economico' target='new'>Certidão Econômico</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/pages/certidao_imovel' target='new'>Certidão Imóvel</a></li><li><a href='http://servicos.speedgov.com.br/cnd' >Certidão Negativa</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/pages/protocolo' target='new'>Consulta Protocolo</a></li><li><a href='https://rh247.com.br/230580301/login' >Contra Cheque</a></li><li><a href='/HTTP://SERVICOS2.SPEEDGOV.COM.BR/IPU/VALIDACAO/CND' target='_blank'>Governo Eletrônico</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/imprimir/nota_fiscal' target='new'>Imprimir Nota Fiscal</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/itbi' target='new'>ITBI</a></li><li><a href='http://servicos.speedgov.com.br/selecione' >Mudar de Município</a></li><li><a href='http://speedgov.com.br/satipu/servlet/hsefin' >Nota Fiscal Eletrônica</a></li><li><a href='/cadastro_op.php' >Orçamento Participativo</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/pages/situacao_cadastral' target='new'>Situação Cadastral</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/alvara' target='new'>Validar Alvará</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/alvara_de_obra' target='new'>Validar Alvará de Obras</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/cnd' >Validar Certidão</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/habitese' target='new'>Validar Habite-se</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/nota_fiscal' target='new'>Validar Nota Fiscal</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/nota_avulsa' target='new'>Validar Nota Fiscal Avulsa</a></li>		</ul>
516                                            </li><li><a href='/acessoainformacao.php' >Transparência</a></li>  <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF <i class='fa fa-angle-down'></i></a>
517                                <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ária</a></li><li><a href='/lrf.php?cat=24'>PPA - Plano Plurianual</a></li><li><a href='/lrf.php?cat=33'>PRGFIN - Programação Financeira e CMED - Cronograma da Execução Mensal de Desembolso</a></li><li><a href='/lrf.php?cat=34'>Cra - Cronograma de Ações</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>
518</li><li><a href='https://lookerstudio.google.com/reporting/3acbf425-8d0a-49a5-a24d-a04cda96f010/page/UzamD' >PCA</a></li><li><a href='/diariooficial.php' target='new'>Diário Oficial</a></li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Publicações 
519                                                <i class='fa fa-angle-down'></i></a>
520                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='https://ipu.ce.gov.br/publicacoes.php?cat=32&Comp=&Exer=&dtini=&dtfim=&Num=&ta=3&Descr=' >Atas</a></li><li><a href='/diariooficial.php' >Diário Oficial</a></li><li><a href='https://ipu.ce.gov.br/publicacoes.php?cat=30&Comp=&Exer=&dtini=&dtfim=&Num=&ta=3&Descr=' >Ofícios</a></li><li><a href='/processoseletivo.php' >Processo Seletivo</a></li><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='/pcgs.php?tipo=pcg' >PCG</a></li><li><a href='/pcgs.php?tipo=pcs' >PCS</a></li><li><a href='/portaria.php' >Portarias</a></li>
520		</ul>
521                                            </li>                </ul>
522            </div>
523        </div>
524        <!--/.container-->
525        
526        <div class="navbar-collapse offcanvas-collapse">
527            <ul class="navbar-nav mr-auto dropdown-menu dropdown-menu-offcanvas">
528
529            <button class="offcanvas-close" aria-label="Fechar">&times;</button>
530                
531            <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 
532                                                <i class='fa fa-angle-down'></i></a>
533                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/institucional.php' >Institucional</a></li><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>
534                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Município 
535                                                <i class='fa fa-angle-down'></i></a>
536                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='https://www.ipu.ce.gov.br/processoseletivo.php' >Cultura</a></li><li><a href='/veiculos.php' >Veiculos</a></li><li><a href='/simbolos.php' >Simbolos</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>
537                                            </li>  <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>Secretarias <i class='fa fa-angle-down'></i></a>
538                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/secretaria.php?sec=21'>Autarquia Municipal de Meio Ambiente e Controle Urbano de Ipu</a></li><li><a href='/secretaria.php?sec=19'>Autarquia Municipal de Transito de Ipu</a></li><li><a href='/secretaria.php?sec=23'>Controladoria Geral do Município</a></li><li><a href='/secretaria.php?sec=1'>Gabinete do Prefeito</a></li><li><a href='/secretaria.php?sec=20'>Instituto de Previdência dos Servidores Públicos Municipais de ipu</a></li><li><a href='/secretaria.php?sec=22'>Procuradoria Geral do Município</a></li><li><a href='/secretaria.php?sec=27'>Secretaria de Políticas Públicas das Mulheres</a></li><li><a href='/secretaria.php?sec=2'>Secretaria Municipal de Administração e Planejamento</a></li><li><a href='/secretaria.php?sec=3'>Secretaria Municipal de Agricultura, Pecuária e Recursos Hídricos</a></li><li><a href='/secretaria.php?sec=10'>Secretaria Municipal de Cidadania e Segurança</a></li><li><a href='/secretaria.php?sec=5'>Secretaria Municipal de Cultura</a></li><li><a href='/secretaria.php?sec=17'>Secretaria Municipal de Desenvolvimento Econômico e Tecnológico</a></li><li><a href='/secretaria.php?sec=6'>Secretaria Municipal de Educação</a></li><li><a href='/secretaria.php?sec=12'>Secretaria Municipal de Finanças</a></li><li><a href='/secretaria.php?sec=11'>Secretaria Municipal de Infraestrutura</a></li><li><a href='/secretaria.php?sec=15'>Secretaria Municipal de Meio Ambiente</a></li><li><a href='/secretaria.php?sec=30'>Secretaria Municipal de Pesca</a></li><li><a href='/secretaria.php?sec=13'>Secretaria Municipal de Relações Institucionais</a></li><li><a href='/secretaria.php?sec=8'>Secretaria Municipal de Saúde</a></li><li><a href='/secretaria.php?sec=29'>Secretaria Municipal de Transporte</a></li><li><a href='/secretaria.php?sec=9'>Secretaria Municipal de Turismo</a></li><li><a href='/secretaria.php?sec=16'>Secretaria Municipal do Esporte e Juventude</a></li><li><a href='/secretaria.php?sec=4'>Secretaria Municipal do Trabalho e Assistência Social</a></li><li><a href='/secretaria.php?sec=18'>Serviço Autonomo de Água e Esgoto</a></li>
538		</ul>
539</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Serviços 
540                                                <i class='fa fa-angle-down'></i></a>
541                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='http://servicos2.speedgov.com.br/ipu/segunda_via/acordos' target='_blank'>2ª Via de Acordos</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/segunda_via/iptu' target='new'>2ª Via de IPTU</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/itbi' target='new'>2ª Via de ITBI</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/segunda_via/taxas' target='new'>2ª Via de Taxas</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/segunda_via/iss' target='new'>2ª Via ISS</a></li><li><a href='http://iss.speedgov.com.br/ipu/login' target='_blank'>Acesso Nfs-e</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/pages/certidao_contribuinte' target='new'>Certidão Contribuinte</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/pages/certidao_economico' target='new'>Certidão Econômico</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/pages/certidao_imovel' target='new'>Certidão Imóvel</a></li><li><a href='http://servicos.speedgov.com.br/cnd' >Certidão Negativa</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/pages/protocolo' target='new'>Consulta Protocolo</a></li><li><a href='https://rh247.com.br/230580301/login' >Contra Cheque</a></li><li><a href='/HTTP://SERVICOS2.SPEEDGOV.COM.BR/IPU/VALIDACAO/CND' target='_blank'>Governo Eletrônico</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/imprimir/nota_fiscal' target='new'>Imprimir Nota Fiscal</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/itbi' target='new'>ITBI</a></li><li><a href='http://servicos.speedgov.com.br/selecione' >Mudar de Município</a></li><li><a href='http://speedgov.com.br/satipu/servlet/hsefin' >Nota Fiscal Eletrônica</a></li><li><a href='/cadastro_op.php' >Orçamento Participativo</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/pages/situacao_cadastral' target='new'>Situação Cadastral</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/alvara' target='new'>Validar Alvará</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/alvara_de_obra' target='new'>Validar Alvará de Obras</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/cnd' >Validar Certidão</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/habitese' target='new'>Validar Habite-se</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/nota_fiscal' target='new'>Validar Nota Fiscal</a></li><li><a href='http://servicos2.speedgov.com.br/ipu/validacao/nota_avulsa' target='new'>Validar Nota Fiscal Avulsa</a></li>		</ul>
542                                            </li><li><a href='/acessoainformacao.php' >Transparência</a></li>  <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF <i class='fa fa-angle-down'></i></a>
543                                <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ária</a></li><li><a href='/lrf.php?cat=24'>PPA - Plano Plurianual</a></li><li><a href='/lrf.php?cat=33'>PRGFIN - Programação Financeira e CMED - Cronograma da Execução Mensal de Desembolso</a></li><li><a href='/lrf.php?cat=34'>Cra - Cronograma de Ações</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>
544</li><li><a href='https://lookerstudio.google.com/reporting/3acbf425-8d0a-49a5-a24d-a04cda96f010/page/UzamD' >PCA</a></li><li><a href='/diariooficial.php' target='new'>Diário Oficial</a></li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Publicações 
545                                                <i class='fa fa-angle-down'></i></a>
546                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='https://ipu.ce.gov.br/publicacoes.php?cat=32&Comp=&Exer=&dtini=&dtfim=&Num=&ta=3&Descr=' >Atas</a></li><li><a href='/diariooficial.php' >Diário Oficial</a></li><li><a href='https://ipu.ce.gov.br/publicacoes.php?cat=30&Comp=&Exer=&dtini=&dtfim=&Num=&ta=3&Descr=' >Ofícios</a></li><li><a href='/processoseletivo.php' >Processo Seletivo</a></li><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='/pcgs.php?tipo=pcg' >PCG</a></li><li><a href='/pcgs.php?tipo=pcs' >PCS</a></li><li><a href='/portaria.php' >Portarias</a></li>
546		</ul>
547                                            </li>            
548            </ul>
549      </div>
550      
551    </nav>
552    <div class="offcanvas-backdrop"></div>
553    <!--/nav-->
554
555
556</header>
557    
558<style type="text/css">
559    </style>
560
561
562<div id="espaco-header" class="espaco-header-main" style="height:207px;">&nbsp;</div>
563
564<script>
565    // a altura do #header muda de acordo com a largura da tela (menu mobile, selos, busca, etc);
566    // os valores de $tamanhobar/.espaco-header-main sao só o palpite inicial (evita pulo no primeiro
567    // paint). Aqui a gente mede a altura real do header e corrige o espaçador, pra o conteudo nunca
568    // ficar por baixo do header fixo (banner "colado" no topo) nem sobrar espaco em branco demais.
569    (function () {
570        function ajustarEspacoHeader() {
571            var header = document.getElementById('header');
572            var espaco = document.getElementById('espaco-header');
573            if (!header || !espaco) return;
574            var altura = header.getBoundingClientRect().height;
575            if (altura > 0) {
576                // setProperty com "important": .espaco-header-main/.espaco-header-app tem
577                // height com !important no responsive.css (pra vencer o palpite inicial inline
578                // do PHP); só um !important tambem inline vence esse
579                espaco.style.setProperty('height', altura + 'px', 'important');
580            }
581        }
582        ajustarEspacoHeader();
583        window.addEventListener('load', ajustarEspacoHeader);
584        var resizeTimer;
585        window.addEventListener('resize', function () {
586            clearTimeout(resizeTimer);
587            resizeTimer = setTimeout(ajustarEspacoHeader, 150);
588        });
589
590        // rede de seguranca: qualquer mudanca na altura do header (imagem/selo/fonte que carrega
591        // atrasado, etc.) recalcula sozinho, sem depender de adivinhar todo evento que poderia mudar.
592        // So enquanto a pagina ainda nao foi rolada: depois disso, a barrinha de utilidades/logo-top-bar
593        // passam a abrir/fechar sozinhas ao rolar (#logo-top-bar, #mobileUtilityLinks), o que muda a
594        // altura do header de proposito — se o observer continuasse ligado, cada abertura/fechamento
595        // redimensionaria o espacador, deslocando o conteudo e fazendo a barra pisca-pisca (loop).
596        if (window.ResizeObserver) {
597            var header = document.getElementById('header');
598            if (header) {
599                var headerResizeObserver = new ResizeObserver(ajustarEspacoHeader);
600                headerResizeObserver.observe(header);
601                window.addEventListener('scroll', function () {
602                    headerResizeObserver.disconnect();
603                }, { once: true });
604            }
605        }
606    })();
607</script>
607
608
609
610
611<!-- <div id="sticky-container-id" class="sticky-container">
612    <ul class="sticky"> -->
613
614        
615    <!-- </ul>
616</div> -->
617
618
619  
620<!-- VLibras -->
621<div vw class="enabled">
622    <div vw-access-button class="active"></div>
623    <div vw-plugin-wrapper>
624      <div class="vw-plugin-top-wrapper"></div>
625    </div>
626  </div>
627  
627<script src="https://vlibras.gov.br/app/vlibras-plugin.js" defer></script>
627
628  
628<script defer>
629    document.addEventListener('DOMContentLoaded', function() {
630      new window.VLibras.Widget('https://vlibras.gov.br/app');
631    });
632</script>
632
633<!-- VLibras -->
634
635<script src="/js/jquery-2.1.1.min.js"></script>
vendor: 1 bytes, line 635
635
636<script type="text/javascript">
637$(document).ready(function() {
638
639    $('.offcanvas-backdrop').removeClass('show');
640
641    $('[data-toggle="offcanvas"]').on('click', function () {
642        $('.offcanvas-collapse').removeClass('open');
643        const target = $(this).data('target');
644        $(target).toggleClass('open');
645        $('.offcanvas-backdrop').addClass('show');
646    })
647
648    // Fechar o menu ao clicar no backdrop
649    $('.offcanvas-backdrop, .offcanvas-close').on('click', function () {
650      $('.offcanvas-collapse').removeClass('open');
651      $('.offcanvas-backdrop').removeClass('show');
652    })
653
654    $('.dropdown-menu-sub').hide();
655    $('.dropdown-submenu a.dropdown-sub-toggle').on("click", function(e){
656        $(this).next('ul').toggle();
657        e.stopPropagation();
658        e.preventDefault();
659    });
660
661
662    $(window).scroll(function() {
663        if ($(this).scrollTop() > 100) {
664                        $("#logo-top-bar").css({
665                "margin-top": "-25.5Vh",
666                "transition": ".8s",
667                "z-index": "-2"
668            });
669            $("#logo-top-bar").fadeOut("800");
670            $('#scroll').fadeIn();
671            $('#scroll2').fadeIn();
672            $('#scroll3').fadeIn();
673
674                        $('#mobileUtilityLinks').stop(true, true).fadeOut("800");
675            if (!$('#menuToggleBtn').parent().is('#mobileMenuToggleSticky')) {
676                $('#menuToggleBtn').appendTo('#mobileMenuToggleSticky');
677            }
678            $('#mobileMenuToggleSticky').stop(true, true).fadeIn("800");
679
680            $(".col-fita").fadeOut();
681
682        } else {
683            $("#logo-top-bar").fadeIn("800");
684            $("#logo-top-bar").css({
685                "margin-top": "0px"
686            });
687            $(".col-fita").fadeIn();
688            $('#mobileUtilityLinks').stop(true, true).fadeIn("800");
689            $('#mobileMenuToggleSticky').stop(true, true).fadeOut("800", function() {
690                if (!$('#menuToggleBtn').parent().is('#canvasNavbarCol')) {
691                    $('#menuToggleBtn').appendTo('#canvasNavbarCol');
692                }
693            });
694            $('#scroll').fadeOut();
695            $('#scroll2').fadeOut();
696            $('#scroll3').fadeOut();
697        }
698    });
699    $('#scroll').click(function() {
700        $("html, body").animate({
701            scrollTop: 0
702        }, 0);
703        return false;
704    });
705
706
707    $('#menu-acessiblidade').hide().contents().hide();
708    $('#btnperq').on('click', function(e) {
709        e.preventDefault();
710        $('#menu-acessiblidade').slideToggle('fast', function(e) {
711            if ($(this).is(':visible')) {
712                $(this).contents().fadeIn(1000);
713            } else {
714                $(this).contents().hide();
715            }
716        });
717
718    })
719
720
721}
721);
722</script>
722
723
724
725     <section id="services" class="topo-paginas-section">
726    <div class="container-new1">
727        <div class="col-md-12" style="padding-left:0px;">
728
729            <!--<div id="TituloServicos">-->
730            <div class="cartaservicosbanner" style="font-size: 16px;">OUVIDORIA</div>
731            <h2 id="EsOv" class="cartaservicosbannertexto" style="font-size: 16px; padding-left: 5px;">Central da Ouvidoria</h2>
732            <!--</div>-->
733
734        </div>
735    </div>
736</section>
737
738    
739    <section style="margin-top:10px; margin-bottom:10px;">
740        <div class="container-new1">
741            <div class="public_paginas ouv-flat" style="margin-top: 10px; margin-bottom: 10px; margin-top: -50px;">
742                                <h1 style="text-align: center; margin-bottom: 10px; font-size: 28px; text-align: -webkit-center; color:#033BA9;">
743                    <strong style="padding-left: 5px;">CENTRAL DE OUVIDORIA</strong>
744                </h1>
745                <div class='col-md-12'>
746                    <p style="line-height: 1.2; font-size: 14px; text-align: center;"> </p>
747                </div>
748
749                <div class="row">
750                    <div>
751                        <div class="col-md-4">
752                            <article class="ouv-card" style="--ouv-accent: #2864AE;">
753                                <span class="ouv-card__icon"><i class="fa fa-bullhorn" aria-hidden="true"></i></span>
754                                <h2 class="ouv-card__title">Ouvidoria &ndash; Manifesta&ccedil;&atilde;o</h2>
755                                <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>
756                                <a class="ouv-card__btn" href="/ouvidoriaformulario.php" ><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Acessar a ouvidoria</a>
757                                <div class="ouv-card__info">
758                                        <!-- <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>                                         -->
759
760                                        <p class='ouv-card__meta'><i class='fa fa-clock-o'></i> Última manifestação: 28/09/2026 19:48</p><h6 style='margin-bottom: 2px;'> Ouvidor </h6>
761                                                <p style='margin-bottom: 0px; line-height: 1.1em;'> Antonio Alves Araujo Neto Mapurunga</p><h6 style='margin-bottom: 2px;'> Contatos da Ouvidoria </h6><p style='margin-bottom: 0px; line-height: 1.3em;'> (88)36832022</p><p style='margin-bottom: 0px; line-height: 1.3em;'> Email: [email protected]</p><h6 style='margin-bottom: 2px;'> Endereço da Ouvidoria </h6>
762                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> Praça Abilio Martins s/n</p><h6 style='margin-bottom: 2px;'> Horário da Ouvidoria </h6>
763                                                <p style='margin-bottom: 0px;  line-height: 1.3em;'> das 08:00h as 12:00 e 14:00h as 17:00h</p>                                </div>
764                            </article>
765                        </div>
766
767                        <div class="col-md-4">
768                            <article class="ouv-card" style="--ouv-accent: #FFB200;">
769                                <span class="ouv-card__icon"><i class="fa fa-info-circle" aria-hidden="true"></i></span>
770                                <h2 class="ouv-card__title">e-SIC &ndash; Pedido de Informa&ccedil;&atilde;o</h2>
771                                <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>
772                                <a class="ouv-card__btn" href="/sic.php"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Acessar o SIC</a>
773                                <div class="ouv-card__info">
774
775                                        <p class='ouv-card__meta'><i class='fa fa-clock-o'></i> Última solicitação: 23/09/2026 11:48</p><h6 style='margin-bottom: 2px;'> Gestor do SIC </h6>
776                                                <p style='margin-bottom: 0px; line-height: 1.1em;'> Antonio Alves Araujo Neto Mapurunga</p><h6 style='margin-bottom: 2px;'> Contatos do SIC </h6><p style='margin-bottom: 0px; line-height: 1.3em;'>  (88)36832022</p><p style='margin-bottom: 0px; line-height: 1.3em; '> Email: [email protected]</p><h6 style='margin-bottom: 2px;'> Endereço do SIC </h6>
777                                                <p style='margin-bottom: 0px; line-height: 1.3em;'>
777 Praça Abilio Martins s/n</p><h6 style='margin-bottom: 2px;'> Horário do SIC </h6>
778                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> das 08:00h as 12:00 e 14:00h as 17:00h</p><h6 style='margin-bottom: 2px;'> Unidade/Setor responsável </h6>
779                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> OUVIDORIA</p>                                </div>
780                            </article>
781                        </div>
782
783                                                    <div class="col-md-4">
784                                <article class="ouv-card" style="--ouv-accent: #078E46;">
785                                    <span class="ouv-card__icon"><i class="fa fa-file-text-o" aria-hidden="true"></i></span>
786                                    <h2 class="ouv-card__title">Carta de Servi&ccedil;os ao Cidad&atilde;o</h2>
787                                    <p class="ouv-card__desc">O compromisso de atender com efici&ecirc;ncia e efetividade &agrave;s demandas da sociedade est&aacute; presente nesta Carta.</p>
788                                    <a class="ouv-card__btn" href="cartalista.php"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Acessar a carta</a>
789                                    <div class="ouv-card__info">
790
791                                            <p class='ouv-card__meta'><i class='fa fa-clock-o'></i> Última modificação: </p><h6 style='margin-bottom: 2px;'> Gestor da Carta </h6>
792                                                <p style='margin-bottom: 0px; line-height: 1.1em;'> Antonio Alves Araujo Neto Mapurunga</p><h6 style='margin-bottom: 0px;'> Contatos da Carta </h6><p style='margin-bottom: 0px; line-height: 1.3em;'>  (88)36832022</p><p style='margin-bottom: 0px; line-height: 1.3em;'> Email: [email protected]</p><h6 style='margin-bottom: 2px;'> Endereço da Carta </h6>
793                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> Praça Abilio Martins s/n</p><h6 style='margin-bottom: 2px;'> Horário da Carta </h6>
794                                                <p style='margin-bottom: 0px; line-height: 1.3em;'> das 08:00h as 12:00 e 14:00h as 17:00h</p>                                    </div>
795                                </article>
796                            </div>
797                        
798                        
799                        <!-- INÍCIO GRÁFICOS -->
800                        
801                        
802                            <div class="col-md-12">
803                                <div style='text-align:center;'>
804                                    <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Relatório estatístico da ouvidoria</strong></h2>
805
806                                </div>
807                            </div>
808
809                            <div class="col-md-12">
810                                <div class="list-group-item">
811                                    <div class="public_paginas" style="padding-top: 10px; margin-bottom: 10px; text-align: -webkit-center;">
812                                        <div class="col-md-12">
813
814                                            <h3 class="campanhaTitulo">
815                                                <!--  <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> -->
816                                                <!-- <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> -->
817                                            </h3>
818
819                                            <div class="row">
820                                                <div class="col-md-12">
821                                                    <div id='chart_div'></div>
822                                                </div>
823
824                                                <div class="col-md-6">
825                                                    <a class="ouv-linkcard" href="ouvidoriarelatorios.php" style="--ouv-accent: #2864AE;">
826                                                        <span class="ouv-linkcard__icon"><i class="fa fa-bar-chart" aria-hidden="true"></i></span>
827                                                        <span class="ouv-linkcard__body">
828                                                            <span class="ouv-linkcard__title">Mais relatórios da ouvidoria</span>
829                                                            <span class="ouv-linkcard__sub">Estatísticas e relatórios completos da ouvidoria</span>
830                                                        </span>
831                                                        <i class="fa fa-angle-right ouv-linkcard__arrow" aria-hidden="true"></i>
832                                                    </a>
833                                                </div>
834                                                <div class="col-md-6">
835                                                    <a class="ouv-linkcard" href="sicrelatorios.php" style="--ouv-accent: #FFB200;">
836                                                        <span class="ouv-linkcard__icon"><i class="fa fa-file-text-o" aria-hidden="true"></i></span>
837                                                        <span class="ouv-linkcard__body">
838                                                            <span class="ouv-linkcard__title">Mais relatórios do SIC</span>
839                                                            <span class="ouv-linkcard__sub">Solicitações, prazos e estatísticas do SIC</span>
840                                                        </span>
841                                                        <i class="fa fa-angle-right ouv-linkcard__arrow" aria-hidden="true"></i>
842                                                    </a>
843                                                </div>
844                                            </div>
845                                        </div>
846                                    </div>
847                                </div>
848                            </div>
849
850                                                                        
851                        <div class="col-md-12">
852                            <div style='text-align:center;'>
853                                <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Avaliação contínua dos serviços públicos</strong></h2>
854
855                            </div>
856                        </div>
857                                                <div class="col-md-12">
858                            <div class="list-group-item">
859                                <div class="public_paginas" style="padding-top: 10px; margin-bottom: 10px; text-align: -webkit-center;">
860                                    <div class="col-md-12">
861
862                                        <h3 class="campanhaTitulo">
863                                            <!--  <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> -->
864                                            <!-- <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> -->
865                                        </h3>
866
867                                        <div class="row">
868                                            <div class="col-md-12">
869                                                <form>
870                                                    <div>
871                                                        <h2 style="margin-bottom: 20px; font-size: 20px;"><strong>Avaliação contínua dos serviços públicos</strong>
872                                                            <select name="ano" style="width: 30%; float:right;" class="form-control" id="idano">
873                                                                <!-- <option value="">Selecione um ano</option> -->
874                                                                                                                            </select>
875
876                                                            <input type="hidden" id="valano" value="" />
877                                                        </h2>
878                                                    </div>
879                                                    <div id='chart_div_satis'></div>
880
881                                                </form>
882
883                                            </div>
884                                            <div style="padding-top:1em;">
885                                                <a href="pesquisasatisfacao.php" class="btn btn-primary"> <i class="fa fa-mouse-pointer" aria-hidden="true"></i> Clique para avaliar</a>
886                                            </div>
887                                        </div>
888                                                                                <hr style="margin: 0;">
889                                        <div>
890                                            <p style="line-height: 1.2; padding-top:1em;">
891                                                Esclarecemos que os dados fornecidos acima serão tratados com respeito à sua privacidade.
892                                                <br>
893                                                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.
894                                                <br>
895                                            </p>
896                                        </div>
897                                    </div>
898                                </div>
899                            </div>
900                        </div>
901                        <!--  <div class="col-md-12">
902                                            <div style='text-align:center;'>
903                                                <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Relatório estatístico</strong></h2>
904
905                                            </div>
906
907                                            <div class="tab-content tab-space" style="margin-bottom: 15px;">
908
909
910                                                                                                    <div class="tab-pane " id="ouvidoria" style="width: 100%;">
911                                                        <div class="row">
912                                                            <div class="col-md-12">
913                                                                <h3 class="campanhaTitulo"><strong>Ouvidoria</strong>
914                                                                    <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>
915                                                                    <!-- <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> 
916                                                                </h3>
917                                                                <div class="col-md-12">
918                                                                    <div id='chart_div'></div>
919                                                                </div>
920                                                            </div>
921                                                        </div>
922                                                    </div>
923                                                                                            
924                                            </div>
925                                        </div> -->
926
927                        <!-- FIM GRÁFICOS -->
928
929
930
931                        <!-- INÍCIO LAI -->
932
933                        <div class="col-md-12" style="margin-top: 3em;">
934                            <div class="list-group-item">
935
936                                <div class="public_paginas">
937
938                                    <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>
939                                    <div class='col-md-12'>
940                                        <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 />
941Os 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 />
942<br />
943A 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
943os de interesse público por iniciativa própria, ou seja, de forma proativa.<br />
944<br />
945Portanto, 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 />
946</p>
947                                    </div>
948
949                                    <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;">
950                                        <div class="row">
951                                            <div class="col-md-12">
952                                                <div class="col-md-12">
953
954
955                                                    <div class="row" style="border-radius: 3px;">
956                                                        <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">
957                                                            <div id="diario_index_coluna_2" class="col-md-4">
958                                                                <span style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span>
959                                                            </div>
960                                                            <div class="col-md-8">
961                                                                <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;">
962                                                                    REGULAMENTAÇÃO<br>DA LAI MUNICIPAL
963                                                                </p>
964                                                            </div>
965                                                        </a>
966                                                    </div>
967
968                                                </div>
969                                            </div>
970                                        </div>
971                                    </div>
972
973                                    <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;">
974                                        <div class="row">
975                                            <div class="col-md-12">
976                                                <div class="col-md-12">
977
978
979                                                    <div class="row" style="border-radius: 3px;">
980                                                        <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/">
981                                                            <div id="diario_index_coluna_2" class="col-md-4">
982                                                                <span style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span>
983                                                            </div>
984                                                            <div class="col-md-8">
985                                                                <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;">
986                                                                    REGULAMENTAÇÃO<br>DA LAI ESTADUAL
987                                                                </p>
988                                                            </div>
989                                                        </a>
990                                                    </div>
991
992                                                </div>
993                                            </div>
994                                        </div>
995                                    </div>
996
997                                    <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;">
998                                        <div class="row">
999                                            <div class="col-md-12">
1000                                                <div class="col-md-12">
1001
1002
1003                                                    <div class="row" style="border-radius: 3px;">
1004                                                        <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">
1005                                                            <div id="diario_index_coluna_2" class="col-md-4">
1006                                                                <sp
1006an style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span>
1007                                                            </div>
1008                                                            <div class="col-md-8">
1009                                                                <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;">
1010                                                                    REGULAMENTAÇÃO<br>DA LAI FEDERAL
1011                                                                </p>
1012                                                            </div>
1013                                                        </a>
1014                                                    </div>
1015
1016                                                </div>
1017                                            </div>
1018                                        </div>
1019                                    </div>
1020                                </div>
1021
1022                            </div>
1023                        </div>
1024
1025                        <!-- FIM LAI -->
1026
1027
1028                        <!-- INÍCIO PERGUNTAS E RESPOSTAS -->
1029
1030                        <div class="col-md-12" style="padding-top: 5px;">
1031                            <h2 class="text-center">Perguntas frequentes FAQ</h2>
1032                        </div>
1033
1034                        
1035                            <div class="col-md-12">
1036                                <div class="panel-group" id="accordion">
1037                                    <div class="card">
1038                                        <div class="panel-heading" id="heading0">
1039                                            <h4 class="panel-title">
1040                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse0" aria-expanded="false" href="#collapse0">Toda informação produzida ou gerenciada pelo governo é pública?</a>
1041                                            </h4>
1042                                        </div>
1043                                        <div id="collapse0" aria-labelledby="heading0" class="collapse" data-parent="#accordion">
1044                                            <div class="panel-body" style="background-color: #ffff;">
1045                                                <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>
1046                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1047                                            </div>
1048                                        </div>
1049
1050                                    </div>
1051                                </div>
1052                            </div>
1053
1054
1055                        
1056                            <div class="col-md-12">
1057                                <div class="panel-group" id="accordion">
1058                                    <div class="card">
1059                                        <div class="panel-heading" id="heading1">
1060                                            <h4 class="panel-title">
1061                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse1" aria-expanded="false" href="#collapse1">Há informações que não podem ser fornecidas?</a>
1062                                            </h4>
1063                                        </div>
1064                                        <div id="collapse1" aria-labelledby="heading1" class="collapse" data-parent="#accordion">
1065                                            <div class="panel-body" style="background-color: #ffff;">
1066                                                <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>
1067                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1068                                            </div>
1069                                        </div>
1070
1071                                    </div>
1072                                </div>
1073                            </div>
1074
1075
1076                        
1077                            <div class="col-md-12">
1078                                <div class="panel-group" id="accordion">
1079                                    <div class="card">
1080                                        <div class="panel-heading" id="heading2">
1081                                            <h4 class="panel-title">
1082                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse2" aria-expanded="false" href="#collapse2">Por que o Portal de Transparência foi criado?</a>
1083                                            </h4>
1084                                        </div>
1085                                        <div id="collapse2" aria-labelledby="heading2" class="collapse" data-parent="#accordion">
1086                                            <div class="panel-body" style="background-color: #ffff;">
1087                                                <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>
1088                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1089                                            </div>
1090                                        </div>
1091
1092                                    </div>
1093                                </div>
1094                            </div>
1095
1096
1097                        
1098                            <div class="col-md-12">
1099                                <div class="panel-group" id="accordion">
1100                                    <div class="card">
1101                                        <div class="panel-heading" id="heading3">
1102                                            <h4 class="panel-title">
1103                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse3" aria-expanded="false" href="#collapse3">O prazo de vinte dias, prorrogáveis por mais dez, para a entrega da resposta ao pedido de informação, não é 
1103curto?</a>
1104                                            </h4>
1105                                        </div>
1106                                        <div id="collapse3" aria-labelledby="heading3" class="collapse" data-parent="#accordion">
1107                                            <div class="panel-body" style="background-color: #ffff;">
1108                                                <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>
1109                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1110                                            </div>
1111                                        </div>
1112
1113                                    </div>
1114                                </div>
1115                            </div>
1116
1117
1118                        
1119                            <div class="col-md-12">
1120                                <div class="panel-group" id="accordion">
1121                                    <div class="card">
1122                                        <div class="panel-heading" id="heading4">
1123                                            <h4 class="panel-title">
1124                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse4" aria-expanded="false" href="#collapse4">Qual a importância da Lei de acesso às informações?</a>
1125                                            </h4>
1126                                        </div>
1127                                        <div id="collapse4" aria-labelledby="heading4" class="collapse" data-parent="#accordion">
1128                                            <div class="panel-body" style="background-color: #ffff;">
1129                                                <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>
1130                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1131                                            </div>
1132                                        </div>
1133
1134                                    </div>
1135                                </div>
1136                            </div>
1137
1138
1139                        
1140                            <div class="col-md-12">
1141                                <div class="panel-group" id="accordion">
1142                                    <div class="card">
1143                                        <div class="panel-heading" id="heading5">
1144                                            <h4 class="panel-title">
1145                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse5" aria-expanded="false" href="#collapse5">Quais instituições públicas devem cumprir a lei?</a>
1146                                            </h4>
1147                                        </div>
1148                                        <div id="collapse5" aria-labelledby="heading5" class="collapse" data-parent="#accordion">
1149                                            <div class="panel-body" style="background-color: #ffff;">
1150                                                <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>
1151                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1152                                            </div>
1153                                        </div>
1154
1155                                    </div>
1156                                </div>
1157                            </div>
1158
1159
1160                        
1161                            <div class="col-md-12">
1162                                <div class="panel-group" id="accordion">
1163                                    <div class="card">
1164                                        <div class="panel-heading" id="heading6">
1165                                            <h4 class="panel-title">
1166                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse6" aria-expanded="false" href="#collapse6">As informações disponibilizadas recebem alguma forma de filtragem ou tratamento?</a>
1167                                            </h4>
1168                                        </div>
1169                                        <div id="collapse6" aria-labelledby="heading6" class="collapse" data-parent="#accordion">
1170                                            <div class="panel-body" style="background-color: #ffff;">
1171                                                <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>
1172                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1173                                            </div>
1174                                        </div>
1175
1176                                    </div>
1177                                </div>
1178                            </div>
1179
1180
1181                        
1182                            <div class="col-md-12">
1183                                <div class="panel-group" id="accordion">
1184                                    <div class="card">
1185                                        <div class="panel-heading" id="heading7">
1186                                            <h4 class="panel-title">
1187                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse7" aria-expanded="false" href="#collapse7">O que ocorre se o cidadão solicitar uma informação não existente?</a>
1188                                            </h4>
1189                                        </div>
1190                                        <div id="collapse7" aria-labelledby="heading7" class="collapse" data-parent="#accordion">
1191                                            <div class="panel-body" style="background-color: #ffff;">
1192                                                <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>
1193                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1194                                            </div>
1195                                        </div>
1196
1197                                    </div>
1198                                </div>
1199                            </div>
1200
1201
1202                        
1203                            <div class="col-md-12">
1204                                <div class="panel-group" id="accordion">
1205                                    <div class="card">
1206                                        <div class="panel-heading" id="heading8">
1207                                            <h4 class="panel-title">
1208                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse8" aria-expanded="false" href="#collapse8">Quais os dados que devem ser divulgados na internet?</a>
1209                                            </h4>
1210                                        </div>
1211                                        <div id="collapse8" aria-labelledby="heading8" class="collapse" data-parent="#accordion">
1212                                            <div class="panel-body" style="background-color: #ffff;">
1213                                                <p style='margin-bottom: 5px; text-align: justify;'>Conforme determinado pela LC nº 131/2009, todos os entes deverão divulgar:<br />
1214- 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>
1215                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1216                                            </div>
1217                                        </div>
1218
1219                                    </div>
1220                                </div>
1221                            </div>
1222
1223
1224                        
1225                            <div class="col-md-12">
1226                                <div class="panel-group" id="accordion">
1227                                    <div class="card">
1228                                        <div class="panel-heading" id="heading9">
1229                                            <h4 class="panel-title">
1230                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse9" aria-expanded="false" href="#collapse9">
1230Quais as penalidades para Estados e Municípios que não cumprirem a Lei Complementar nº 131/2009?</a>
1231                                            </h4>
1232                                        </div>
1233                                        <div id="collapse9" aria-labelledby="heading9" class="collapse" data-parent="#accordion">
1234                                            <div class="panel-body" style="background-color: #ffff;">
1235                                                <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>
1236                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1237                                            </div>
1238                                        </div>
1239
1240                                    </div>
1241                                </div>
1242                            </div>
1243
1244
1245                        
1246                            <div class="col-md-12">
1247                                <div class="panel-group" id="accordion">
1248                                    <div class="card">
1249                                        <div class="panel-heading" id="heading10">
1250                                            <h4 class="panel-title">
1251                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse10" aria-expanded="false" href="#collapse10">E se a pessoa fizer mau uso da informação pública obtida?</a>
1252                                            </h4>
1253                                        </div>
1254                                        <div id="collapse10" aria-labelledby="heading10" class="collapse" data-parent="#accordion">
1255                                            <div class="panel-body" style="background-color: #ffff;">
1256                                                <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>
1257                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1258                                            </div>
1259                                        </div>
1260
1261                                    </div>
1262                                </div>
1263                            </div>
1264
1265
1266                        
1267                            <div class="col-md-12">
1268                                <div class="panel-group" id="accordion">
1269                                    <div class="card">
1270                                        <div class="panel-heading" id="heading11">
1271                                            <h4 class="panel-title">
1272                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse11" aria-expanded="false" href="#collapse11">O que é a LC nº131/2009?</a>
1273                                            </h4>
1274                                        </div>
1275                                        <div id="collapse11" aria-labelledby="heading11" class="collapse" data-parent="#accordion">
1276                                            <div class="panel-body" style="background-color: #ffff;">
1277                                                <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>
1278                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1279                                            </div>
1280                                        </div>
1281
1282                                    </div>
1283                                </div>
1284                            </div>
1285
1286
1287                        
1288                            <div class="col-md-12">
1289                                <div class="panel-group" id="accordion">
1290                                    <div class="card">
1291                                        <div class="panel-heading" id="heading12">
1292                                            <h4 class="panel-title">
1293                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse12" aria-expanded="false" href="#collapse12">Por quais meios as informações poderão ser solicitadas?</a>
1294                                            </h4>
1295                                        </div>
1296                                        <div id="collapse12" aria-labelledby="heading12" class="collapse" data-parent="#accordion">
1297                                            <div class="panel-body" style="background-color: #ffff;">
1298                                                <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>
1299                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1300                                            </div>
1301                                        </div>
1302
1303                                    </div>
1304                                </div>
1305                            </div>
1306
1307
1308                        
1309                            <div class="col-md-12">
1310                                <div class="panel-group" id="accordion">
1311                                    <div class="card">
1312                                        <div class="panel-heading" id="heading13">
1313                                            <h4 class="panel-title">
1314                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse13" aria-expanded="false" href="#collapse13">Como a lei funcionará na prática?</a>
1315                                            </h4>
1316                                        </div>
1317                                        <div id="collapse13" aria-labelledby="heading13" class="collapse" data-parent="#accordion">
1318                                            <div class="panel-body" style="background-color: #ffff;">
1319                                                <p style='margin-bottom: 5px; text-align: justify;'>A lei determina que os órgãos públicos criem centros de atendimento de
1319ntro 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>
1320                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1321                                            </div>
1322                                        </div>
1323
1324                                    </div>
1325                                </div>
1326                            </div>
1327
1328
1329                        
1330                            <div class="col-md-12">
1331                                <div class="panel-group" id="accordion">
1332                                    <div class="card">
1333                                        <div class="panel-heading" id="heading14">
1334                                            <h4 class="panel-title">
1335                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse14" aria-expanded="false" href="#collapse14">O que são informações pessoais?</a>
1336                                            </h4>
1337                                        </div>
1338                                        <div id="collapse14" aria-labelledby="heading14" class="collapse" data-parent="#accordion">
1339                                            <div class="panel-body" style="background-color: #ffff;">
1340                                                <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>
1341                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1342                                            </div>
1343                                        </div>
1344
1345                                    </div>
1346                                </div>
1347                            </div>
1348
1349
1350                        
1351                            <div class="col-md-12">
1352                                <div class="panel-group" id="accordion">
1353                                    <div class="card">
1354                                        <div class="panel-heading" id="heading15">
1355                                            <h4 class="panel-title">
1356                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse15" aria-expanded="false" href="#collapse15">É preciso dar razões para o pedido?</a>
1357                                            </h4>
1358                                        </div>
1359                                        <div id="collapse15" aria-labelledby="heading15" class="collapse" data-parent="#accordion">
1360                                            <div class="panel-body" style="background-color: #ffff;">
1361                                                <p style='margin-bottom: 5px; text-align: justify;'>Não é preciso apresentar nenhum tipo de justificativa para a solicitação de informações.</p>
1362                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1363                                            </div>
1364                                        </div>
1365
1366                                    </div>
1367                                </div>
1368                            </div>
1369
1370
1371                        
1372                            <div class="col-md-12">
1373                                <div class="panel-group" id="accordion">
1374                                    <div class="card">
1375                                        <div class="panel-heading" id="heading16">
1376                                            <h4 class="panel-title">
1377                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse16" aria-expanded="false" href="#collapse16">Programas de gestão de arquivos e documentos precisarão ser aprimorados?</a>
1378                                            </h4>
1379                                        </div>
1380                                        <div id="collapse16" aria-labelledby="heading16" class="collapse" data-parent="#accordion">
1381                                            <div class="panel-body" style="background-color: #ffff;">
1382                                                <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>
1383                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1384                                            </div>
1385                                        </div>
1386
1387                                    </div>
1388                                </div>
1389                            </div>
1390
1391
1392                        
1393                            <div class="col-md-12">
1394                                <div class="panel-group" id="accordion">
1395                                    <div class="card">
1396                                        <div class="panel-heading" id="heading17">
1397                                            <h4 class="panel-title">
1398                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse17" aria-expanded="false" href="#collapse17">O que cidadão pode consultar nesse Portal da Transparência?</a>
1399                                            </h4>
1400                                        </div>
1401                                        <div id="collapse17" aria-labelledby="heading17" class="collapse" data-parent="#accordion">
1402                                            <div class="panel-body" style="background-color: #ffff;">
1403                                                <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 />
1404</p>
1405                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1406                                            </div>
1407                                        </div>
1408
1409                                    </div>
1410                                </div>
1411                            </div>
1412
1413
1414                        
1415                            <div class="col-md-12">
1416                                <div class="panel-group" id="accordion">
1417                                    <div class="card">
1418                                        <div class="panel-heading" id="heading18">
1419                                            <h4 class="panel-title">
1420                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse18" aria-expanded="false" href="#collapse18">Quem pode acessar os dados do Portal da Transparência?</a>
1421                                            </h4>
1422                                        </div>
1423                                        <div id="collapse18" aria-labelledby="heading18" class="collapse" data-parent="#accordion">
1424                                            <div class="panel-body" style="background-color: #ffff;">
1425                                                <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>
1426                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1427                                            </div>
1428                                        </div>
1429
1430                                    </div>
1431                                </div>
1432                            </div>
1433
1434
1435                        
1436                            <div class="col-md-12">
1437                                <div class="panel-group" id="accordion">
1438                                    <div class="card">
1439                                        <div class="panel-heading" id="heading19">
1440                                            <h4 class="panel-title">
1441                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse19" aria-expanded="false" href="#collapse19">Qual a diferença de transparência ativa de transparência passiva?</a>
1442                                            </h4>
1443                                        </div>
1444                                        <div id="collapse19" aria-labelledby="heading19" class="collapse" data-parent="#accordion">
1445                                            <div class="panel-body" style="background-color: #ffff;">
1446                                                <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
1446a 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>
1447                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1448                                            </div>
1449                                        </div>
1450
1451                                    </div>
1452                                </div>
1453                            </div>
1454
1455
1456                        
1457                            <div class="col-md-12">
1458                                <div class="panel-group" id="accordion">
1459                                    <div class="card">
1460                                        <div class="panel-heading" id="heading20">
1461                                            <h4 class="panel-title">
1462                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse20" aria-expanded="false" href="#collapse20">É necessária lei específica para garantir o acesso?</a>
1463                                            </h4>
1464                                        </div>
1465                                        <div id="collapse20" aria-labelledby="heading20" class="collapse" data-parent="#accordion">
1466                                            <div class="panel-body" style="background-color: #ffff;">
1467                                                <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>
1468                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1469                                            </div>
1470                                        </div>
1471
1472                                    </div>
1473                                </div>
1474                            </div>
1475
1476
1477                        
1478                            <div class="col-md-12">
1479                                <div class="panel-group" id="accordion">
1480                                    <div class="card">
1481                                        <div class="panel-heading" id="heading21">
1482                                            <h4 class="panel-title">
1483                                                <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse21" aria-expanded="false" href="#collapse21">Em que casos o servidor pode ser responsabilizado?</a>
1484                                            </h4>
1485                                        </div>
1486                                        <div id="collapse21" aria-labelledby="heading21" class="collapse" data-parent="#accordion">
1487                                            <div class="panel-body" style="background-color: #ffff;">
1488                                                <p style='margin-bottom: 5px; text-align: justify;'>O servidor público é passível de responsabilização quando:<br />
1489<br />
1490    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 />
1491    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 />
1492    agir com dolo ou má-fé na análise das solicitações de acesso à informação;<br />
1493    divulgar ou permitir a divulgação ou acessar ou permitir acesso indevido à informação sigilosa ou informação pessoal;<br />
1494    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 />
1495    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 />
1496    destruir ou subtrair, por qualquer meio, documentos concernentes a possíveis violações de direitos humanos por parte de agentes do Estado.<br />
1497<br />
1498Contudo, 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>
1499                                                <!--  <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> -->
1500                                            </div>
1501                                        </div>
1502
1503                                    </div>
1504                                </div>
1505                            </div>
1506
1507
1508                                                <!-- FIM PERGUNTAS E RESPOSTAS -->
1509
1510                    </div>
1511                </div>
1512
1513
1514            </div>
1515    </section>
1516
1517
1518    <!--
1519    <section>
1520        <div class="container-new1" style="margin-top:10px; margin-bottom:10px;">
1521            <div class="public_paginas" style="padding-top: 10px; text-align: -webkit-center;">
1522
1523                <div class="col-md-12">
1524                    <p style="line-height: 1.2; font-size: 14px; padding-top: 15px; margin-bottom: 5px;"><strong>NOSSO PORTAL DA TRANSPARÊNCIA</strong></p>
1525                    <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>
1526                
1527                    <a class="btn btn-primary" style="background-color: #2864AE;" href="acessoainformacao.php" style="margin-bottom: 10px;"> ACESSAR PORTAL DA TRANSPARÊNCIA</a>
1528                </div>
1529
1530            </div>
1531        </div>
1532    </section>
1533            -->
1534
1535
1536
1537    
1538
1539<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer>
1540    function resetTurnstileIfNeeded() {
1541        if (window.turnstile) { try { turnstile.reset(); } catch (e) {} }
1542    }
1543    window.addEventListener('pageshow', (event) => { if (event.persisted) { resetTurnstileIfNeeded(); } });
1544    document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { resetTurnstileIfNeeded(); } });
1545</script>
1545
1546
1547    
1547<script src="/js/shortcuts.js"></script>
1547
1548    
1548<script>
1549        shortcut.add("Alt+H", function() {
1550            window.location.assign("index.php");
1551        });
1552
1553        shortcut.add("Alt+Shift+1", function() {
1554            window.location.assign("acessibilidade.php");
1555        });
1556
1557        shortcut.add("Alt+9", function() {
1558            window.scrollTo(0, 0);
1559        });
1560
1561        shortcut.add("Alt+C", function() {
1562            window.location.href = '#ancora';
1563        });
1564    </script>
1564
1565
1566
1567
1568    
1569    <section class="container-new1 rodape-radar-atricon">
1570        <div class="" style="">
1571            <div class='public_paginas' style="padding-bottom: 0px;">
1572                <div class="row">
1573                    <div class="col-md-12">
1574                        <a href="https://radardatransparencia.atricon.org.br/ " target="_blank">
1575                            <img src="/imagens/radar_atricon.png" alt="Radar ATRICON" width="100%" style="display: block; border-radius: 9px;">
1576                        </a>
1577                    </div>
1578                </div>
1579            </div>
1580        </div>
1581    </section>
1582
1583    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
1584
1585
1586    <div id="scroll2"><a href="/atricon.php"><img src="/imagens/atricon48x48.png" title="Atricon"></a></div>
1587    
1588    <div id="scroll"><span></span></div>
1589
1590    
1591    <div class="section" id="bottom" style="padding-bottom: 0px;">
1592                                
1593                        <section>
1594                    <div class="col-md-12">
1595                        <div class="row fitaflex">
1596                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #00A4FF;"></div>
1597                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #00A4FF;"></div>
1598                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #49D62B;"></div>
1599                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #49D62B;"></div>
1600                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #FFC024;"></div>
1601                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #FFC024;"></div>
1602                        </div>
1603                    </div>
1604                </section>
1605            
1606            <style>
1607            /* banner "Radar Nacional da Transparencia" (antes do rodape, em toda pagina): tinha so
1608               margin-top:10px (nenhuma embaixo), entao a distancia pro rodape ficava bem menor que
1609               a distancia pro conteudo acima dele. So mexe em cima/embaixo — o atalho "margin: 30px 0"
1610               zerava tambem a margem lateral (que nao era 0) e deslocava o banner pro lado. */
1611            .rodape-radar-atricon {
1612                margin-top: 30px;
1613                margin-bottom: 30px;
1614            }
1615
1616            /* ===== Rodapé institucional 2026 — modelo B (bottomTipo9) — namespace .site-footer*
1617               Fundo em degrade na cor do site, cabecalho (logo + nome + redes), faixa de
1618               selos, 3 cards translucidos e barra final. So o layout/CSS mudou: consultas,
1619               condicionais e dados continuam os mesmos. Sem largura propria: usa o
1620               .container-new1 padrao do site (alinhado ao cabecalho e as secoes). ===== */
1621            .site-footer {
1622                position: relative;
1623                /* clear: a faixa de cores logo acima (.col-md-12 do Bootstrap) e um float
1624                   sem clearfix. Com overflow:hidden o rodapé vira um bloco "BFC" e, sem
1625                   clear, ele encolhe pra ficar ao lado desse float (largura 0). */
1626                clear: both;
1627                overflow: hidden;
1628                background: #033BA9;
1629                background: linear-gradient(155deg, #033BA9 0%, #022262 100%);
1630                color: rgba(255, 255, 255, .86);
1631                font-size: 14px;
1632            }
1633
1634            /* brilhos suaves de fundo (decorativos) */
1635            .site-footer::before,
1636            .site-footer::after {
1637                content: "";
1638                position: absolute;
1639                border-radius: 50%;
1640                pointer-events: none;
1641            }
1642
1643            .site-footer::before {
1644                width: 700px;
1645                height: 700px;
1646                right: -180px;
1647                top: -320px;
1648                background: radial-gradient(closest-side, rgba(255, 255, 255, .16), transparent);
1649            }
1650
1651            .site-footer::after {
1652                width: 560px;
1653                height: 560px;
1654                left: -200px;
1655                bottom: -300px;
1656                background: radial-gradient(closest-side, rgba(255, 255, 255, .09), transparent);
1657            }
1658
1659            .site-footer > * {
1660                position: relative;
1661                z-index: 1;
1662            }
1663
1664            /* ---- cabecalho: logo + nome (esq.) e selos (dir.) ---- */
1665            .site-footer__head {
1666                display: flex;
1667                flex-wrap: wrap;
1668                align-items: center;
1669                justify-content: space-between;
1670                gap: 22px 32px;
1671                padding-block: 48px 28px;
1672            }
1673
1674            .site-footer__brand {
1675                display: flex;
1676                align-items: center;
1677                min-width: 0;
1678            }
1679
1680            .site-footer-identity__logo {
1681                max-height: 100px;
1682                width: auto;
1683                max-width: 100%;
1684                filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .2));
1685            }
1686
1687            .site-footer-identity__city {
1688                /* sem font-family aqui de proposito: herda de body{font-family:
1689                   "Roboto", Arial, Helvetica, sans-serif}, configuravel por municipio
1690                   (css/style.php). Nao hardcodar uma fonte especifica. */
1691                margin: 0;
1692                font-size: 16px;
1693                font-weight: 400;
1694                letter-spacing: .005em;
1695                text-transform: none;
1696                color: rgba(255, 255, 255, .9);
1697            }
1698
1699            /* divisor entre a logo e o nome (so quando existe logo) */
1700            .site-footer-identity__logo + .site-footer-identity__city {
1701                margin-left: 22px;
1702                padding-left: 22px;
1703                border-left: 1px solid rgba(255, 255, 255, .3);
1704            }
1705
1706            /* ---- selos, encaixados no cabecalho no lugar das redes sociais ---- */
1707            .site-footer__seals-inline {
1708                display: flex;
1709                flex-wrap: wrap;
1710                align-items: center;
1711                justify-content: flex-end;
1712                gap: 16px;
1713            }
1714
1715            .site-footer__seals-inline img {
1716                width: 40px;
1717                display: block;
1718                opacity: .9;
1719                transition: opacity .15s ease, transform .15s ease;
1720            }
1721
1722            .site-footer__seals-inline a:hover img {
1723                opacity: 1;
1724                transform: translateY(-2px);
1725            }
1726
1727            /* ---- 3 cards: Institucional / Contatos / Endereco e horario ---- */
1728            .site-footer__grid {
1729                display: grid;
1730                grid-template-columns: repeat(3, 1fr);
1731                gap: 18px;
1732                padding: 32px 0 36px;
1733            }
1734
1735            .site-footer__col {
1736                min-width: 0;
1737                padding: 26px 26px 14px;
1738                /* raio exatamente igual ao configurado no site (VCaixaArredondamento) — antes usava
1739                   uma formula (2x + 6px) que deixava esses cards bem mais arredondados que o resto do site */
1740                border-radius: var(--site-card-radius, 7px);
1741                background: rgba(255, 255, 255, .08);
1742                border: 1px solid rgba(255, 255, 255, .16);
1743            }
1744
1745            .site-footer__col-title {
1746                display: flex;
1747                align-items: center;
1748                gap: 12px;
1749                margin: 0 0 18px;
1750                font-size: 12.5px;
1751                font-weight: 700;
1752                line-height: 1.2;
1753                text-transform: uppercase;
1754                letter-spacing: .09em;
1755                color: #fff;
1756            }
1757
1758            .site-footer__col-ico {
1759                display: inline-flex;
1760                flex: 0 0 40px;
1761                align-items: center;
1762                justify-content: center;
1763                width: 40px;
1764                height: 40px;
1765                border-radius: var(--site-card-radius, 7px);
1766                background: rgba(255, 255, 255, .16);
1767                font-size: 18px;
1768            }
1769
1770            .site-footer__col p {
1771                display: flex;
1772                align-items: flex-start;
1773                gap: 10px;
1774                margin: 0 0 12px;
1775                font-size: 14px;
1776                line-height: 1.55;
1777                color: rgba(255, 255, 255, .9);
1778            }
1779
1780            .site-footer__col p i {
1781                flex: none;
1782                width: 16px;
1783                margin-top: 3px;
1784                text-align: center;
1785                color: #fff;
1786                opacity: .7;
1787            }
1788
1789            /* ---- barra final ---- */
1790            .site-footer__bottom {
1791                background: rgba(0, 0, 0, .14);
1792                border-top: 1px solid rgba(255, 255, 255, .14);
1793            }
1794
1795            .site-footer__bottom-inner {
1796                display: flex;
1797                flex-wrap: wrap;
1798                align-items: center;
1799                justify-content: space-between;
1800                gap: 8px 20px;
1801                /* so vertical: o padding lateral vem do .container-new1, igual ao dos cards */
1802                padding-block: 18px;
1803                color: rgba(255, 255, 255, .75);
1804                font-size: 13px;
1805            }
1806
1807            /* O .container-new1 (main.css) tem um clearfix: ::before/::after com
1808               content:" ". Num container flex esses dois pseudo-elementos viram
1809               itens extras, e o space-between reparte o espaco entre 4 itens —
1810               os <p> ficam "boiando" no meio em vez de nas pontas do container.
1811               Aqui o flex ja contem os filhos, entao o clearfix e desligado. */
1812            .site-footer .site-footer__bottom-inner::before,
1813            .site-footer .site-footer__bottom-inner::after {
1814                content: none;
1815                display: none;
1816            }
1817
1818            .site-footer__bottom p {
1819                margin: 0;
1820            }
1821
1822            /* copyright na ponta esquerda do container, acessibilidade na direita */
1823            .site-footer__bottom-inner p:first-child {
1824                text-align: left;
1825            }
1826
1827            .site-footer__bottom-inner p:last-child {
1828                text-align: right;
1829            }
1830
1831            .site-footer__bottom a {
1832                color: #fff;
1833                font-weight: 500;
1834                text-decoration: none;
1835            }
1836
1837            .site-footer__bottom a:hover,
1838            .site-footer__bottom a:focus-visible {
1839                text-decoration: underline;
1840            }
1841
1842            /* ---- responsivo ---- */
1843            @media (max-width: 991px) {
1844                .site-footer__grid {
1845                    grid-template-columns: 1fr;
1846                }
1847            }
1848
1849            @media (max-width: 767px) {
1850                .site-footer__head {
1851                    flex-direction: column;
1852                    justify-content: center;
1853                    text-align: center;
1854                    padding-block: 34px 22px;
1855                }
1856
1857                .site-footer__brand {
1858                    flex-direction: column;
1859                    gap: 14px;
1860                }
1861
1862                .site-footer-identity__logo + .site-footer-identity__city {
1863                    margin-left: 0;
1864                    padding-left: 0;
1865                    border-left: 0;
1866                }
1867
1868                .site-footer__seals-inline {
1869                    justify-content: center;
1870                }
1871
1872                .site-footer__grid {
1873                    padding: 26px 0 28px;
1874                }
1875
1876                .site-footer__bottom-inner {
1877                    justify-content: center;
1878                    text-align: center;
1879                }
1880
1881                .site-footer__bottom-inner p:first-child,
1882                .site-footer__bottom-inner p:last-child {
1883                    text-align: center;
1884                }
1885            }
1886        </style>
1887
1888    </div>
1889
1890    <footer class="site-footer" role="contentinfo" style="--site-card-radius: 9px;">
1891        <div class="container-new1 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
1892            <div class="site-footer__head">
1893                <div class="site-footer__brand">
1894                    <img src="/imagens/logovazada.png?time=1790943497" alt="Prefeitura Municipal de Ipu" class="site-footer-identity__logo">
1895                <p class="site-footer-identity__city">
1896                    Prefeitura Municipal de Ipu - CE                </p>
1897                </div>
1898
1899                        </div>
1900        </div>
1901
1902        <div class="container-new1">
1903            <div class="site-footer__grid">
1904
1905                <div class="site-footer__col">
1906                    <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>
1907
1908                    
1909                    <p><i class='bi bi-person-circle' aria-hidden="true"></i> <span>Prefeito(a) Milena Damasceno Carneiro</span></p>
1910                                        <p><i class='bi bi-postcard' aria-hidden="true"></i> <span>CNPJ: 07.679.723/0001-08</span></p>
1911                                    </div>
1912
1913                <div class="site-footer__col">
1914                    <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>
1915                                        <p><i class='bi bi-telephone' aria-hidden="true"></i> <span>(88) 36832-0222</span></p>
1916                    <p><i class='bi bi-envelope-at' aria-hidden="true"></i> <span>[email protected]</span></p>
1917                </div>
1918
1919                <div class="site-footer__col">
1920                    <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>
1921
1922                    <p>
1923                        <i class='bi bi-geo-alt' aria-hidden='true'></i>
1924                        <span>
1925                            Avenida José de Alencar, S/n, Palácio de Iracema,
1926
1927                                                        S/N
1928                                                            - Pereiros,
1929
1930                                                                62.250-000                        </span>
1931                    </p>
1932                    <p>
1933                        <i class='bi bi-clock' aria-hidden='true'></i>
1934                        <span>das 08:00h As 12:00 e 14:00h As 17:00h</span>
1935                    </p>
1936                </div>
1937
1938
1939            </div>
1940        </div>
1941
1942        <div class="site-footer__bottom">
1943            <div class="container-new1 site-footer__bottom-inner">
1944                <p>
1945                    &copy; 2026 <a target='_blank' href='http://www.assesi.com.br/' title=''>Assesi</a>.
1946                    Todos os Direitos Reservados.
1947                </p>
1948                <p><a href="/acessibilidade.php">Acessibilidade</a></p>
1949            </div>
1950                    </div>
1951    </footer>
1952
1953
1954<script type="text/javascript">
1955
1956    // document.addEventListener('click', function(){
1957    //     const link_before = event.target.closest('a');
1958    //     const link_destino = (link_before) ? link_before.href : null;
1959
1960    //     const params_before = new URLSearchParams(link_before);
1961    //     if (params_before.has('source')) {
1962
1963    //         localStorage.getItem('source', 'app');  
1964    //     } else {
1965    //         localStorage.removeItem('source');
1966    //     }
1967
1968    // });
1969
1970</script>
1970
1971
1972    
1972<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/apexcharts.min.js"></script>
1972
1973
1974            
1974<script>
1975        (function () {
1976            if (typeof ApexCharts === 'undefined') return;
1977            var el = document.getElementById('chart_div');
1978            if (!el) return;
1979            el.classList.add('ouv-chart');
1980
1981            var mode    = "flat";
1982            var cats    = ["Urgências","Reclamações","Denúncias","Dúvidas","Sugestões","Serviços","Elogios","Críticas","Direito Do Consumidor"];
1983            var series  = [{"name":"Manifestações","data":[65,58,51,41,31,28,12,12,8]}];
1984            var accent  = "#2864AE";
1985            var palette = ["#2C93DE","#15B063","#F1491C","#A349A4","#0DA5AA","#C52259","#FF7F00","#6C5CE7","#00B894","#939393"];
1986
1987            var opts = {
1988                chart: {
1989                    type: 'bar',
1990                    height: 400,
1991                    fontFamily: "'Roboto', Arial, Helvetica, sans-serif",
1992                    stacked: (mode === 'stack'),
1993                    toolbar: {
1994                        show: true,
1995                        tools: { download: true, selection: true, zoom: true, zoomin: true, zoomout: true, pan: true, reset: true }
1996                    },
1997                    zoom: { enabled: true, type: 'x' },
1998                    animations: { enabled: true, easing: 'easeinout', speed: 550 }
1999                },
2000                series: series,
2001                colors: (mode === 'stack') ? palette : [accent],
2002                plotOptions: {
2003                    bar: {
2004                        borderRadius: 5,
2005                        borderRadiusApplication: 'end',
2006                        columnWidth: (cats.length > 8 ? '78%' : '55%'),
2007                        distributed: (mode === 'flat'),
2008                        dataLabels: { position: 'top' }
2009                    }
2010                },
2011                dataLabels: {
2012                    enabled: (mode !== 'stack'),
2013                    offsetY: -18,
2014                    style: { fontSize: '11px', fontWeight: 600, colors: ['#475467'] },
2015                    background: { enabled: false }
2016                },
2017                xaxis: {
2018                    categories: cats,
2019                    labels: { rotate: -35, hideOverlappingLabels: true, trim: true, style: { fontSize: '11px', colors: '#667085' } },
2020                    axisBorder: { color: '#e6e8ec' },
2021                    axisTicks: { color: '#e6e8ec' }
2022                },
2023                yaxis: {
2024                    labels: { style: { colors: '#98a2b3', fontSize: '11px' }, formatter: function (v) { return Math.round(v); } }
2025                },
2026                grid: { borderColor: '#eef0f3', strokeDashArray: 4, xaxis: { lines: { show: false } } },
2027                legend: { show: (mode === 'stack'), position: 'top', horizontalAlign: 'left', fontSize: '12px', markers: { radius: 3 } },
2028                fill: { opacity: 1 },
2029                states: { hover: { filter: { type: 'darken', value: 0.92 } } },
2030                tooltip: { shared: (mode === 'stack'), intersect: false, y: { formatter: function (v) { return v + ' manifestação(ões)'; } } },
2031                noData: { text: 'Sem dados para exibir', style: { color: '#98a2b3' } }
2032            };
2033
2034            new ApexCharts(el, opts).render();
2035        })();
2036        </script>
2036
2037    
2038
2039    
2040    
2040<script src="js/jquery-1.11.3.js"></script>
2040
2041    
2041<script src="js/tableExport.min.js"></script>
2041
2042    
2042<script src="js/FileSaver.min.js"></script>
2042
2043    
2043<script src="js/jquery.base64.js"></script>
2043
2044    
2044<script src="js/html2canvas.min.js"></script>
2044
2045    
2045<script src="js/sprintf.js"></script>
2045
2046    
2046<script src="js/jspdf.min.js"></script>
2046
2047    
2047<script src="js/jspdf.plugin.autotable.js"></script>
2047
2048    
2048<script src="js/base64.js"></script>
2048
2049    
2049<script src="js/bootstrap.min.js"></script>
2049
2050    
2050<script src="js/jquery.prettyPhoto.js"></script>
2050
2051    
2051<script src="js/jquery.isotope.min.js"></script>
2051
2052    
2052<script src="js/main.js"></script>
2052
2053    
2053<script src="js/wow.min.js"></script>
2053
2054
2055
2056
2057    
2057<script type="text/javascript" language="javascript" src="js/jquery.maskedinput.min.js"></script>
2057
2058    
2058<script>
2059        jQuery(function($) {
2060            $("#dtini").mask("99/99/9999");
2061            $("#dtfim").mask("99/99/9999");
2062        });
2063
2064        $(document).ready(function() {
2065
2066            (function($) {
2067
2068                $('#filter').keyup(function() {
2069
2070                    var rex = new RegExp($(this).val(), 'i');
2071                    $('.linha').hide();
2072                    $('.linha').filter(function() {
2073                        return rex.test($(this).text());
2074                    }).show();
2075
2076                })
2077
2078            }(jQuery));
2079
2080            $("#idano").change(function() {
2081                $("#valano").val($(this).val());
2082                if (typeof window.renderSatisChart === 'function') {
2083                    window.renderSatisChart($(this).val());
2084                }
2085            });
2086
2087
2088        });
2089    </script>
2089
2090
2091    
2091<script src="js/jquery.font-accessibility.min.js"></script>
2091
2092    
2092<script>
2093        $(function() {
2094            /* Custom buttons */
2095            $('#font-setting').easyView({
2096                container: 'body, .section, .container, .row, .col-md-6, .col-md-9, .col-md-12, #footer, #bottom',
2097                step: 10,
2098                bootstrap: true,
2099                increaseSelector: '.increase-me',
2100                decreaseSelector: '.decrease-me',
2101                normalSelector: '.reset-me',
2102                contrastSelector: '.change-me'
2103            });
2104
2105
2106
2107
2108        });
2109    </script>
2109
2110</body>
2111
2112</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.