PageSourceSearch

https://riotinto.pb.gov.br/ouvidoria

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