PageSourceSearch

https://aratuba.ce.gov.br/acessibilidade.php

html aratuba.ce.gov.br collected 2026-10-02 14:17:10 UTC 68,177 bytes, 1,357 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 Aratuba">
8    <meta name="description" content="Acessibilidade." />
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 Aratuba, Prefeitura de  " />
10    <meta property="og:image" itemprop="image" content="http://aratuba.ce.gov.br/imagens/TopoTimbre.png" />
11    <title>Prefeitura de Aratuba</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="css/bootstrap.min.css" rel="stylesheet">
17    <link href="css/font-awesome.min.css" rel="stylesheet">
18    <link href="css/prettyPhoto.css" rel="stylesheet">
19    <link href="css/animate.min.css" rel="stylesheet">
20    <link href="css/main.css" rel="stylesheet">
21    <link href="css/responsive.css" rel="stylesheet">
22    <link href="css/style.php" rel="stylesheet">
23    <link href="css/iconestelas.css" rel="stylesheet">
24    <!--[if lt IE 9]>
25        
25<script src="js/html5shiv.js"></script>
25
26        
26<script src="js/respond.min.js"></script>
26
27        <![endif]-->
28    <link rel="shortcut icon" href="imagens/icomuni.png">
29    <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<link href="/css/satisfacao/style.css?v=2.0" rel="stylesheet">
38<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
39<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
40<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
41<script>
42var tam = 15;
43
44function mudaFonte(tipo, elemento) {
45    if (tipo == "mais") {
46        if (tam < 24)
47            tam += 1;
48    } else {
49        if (tam > 10)
50            tam -= 1;
51    }
52    document.getElementById("Noticia").style.fontSize = tam + "px";
53    document.getElementById("Descricao").style.fontSize = tam + "px";
54}
55
56function printDiv(id, pg, url) {
57    var oPrint, oJan;
58    oPrint = window.document.getElementById(id).innerHTML;
59    oJan = window.open(pg);
60    oJan.document.write(oPrint);
61    oJan.document.write(url);
62    oJan.window.print();
63    oJan.document.close();
64    oJan.focus();
65}
66
67
68
69// Função contraste INICIO
70(function() {
71    var Contrast = {
72        storage: 'contrastState',
73        cssClass: 'contrast',
74        currentState: null,
75        check: checkContrast,
76        getState: getContrastState,
77        setState: setContrastState,
78        toogle: toogleContrast,
79        updateView: updateViewContrast
80    };
81
82    window.toggleContrast = function() {
83        Contrast.toogle();
84    };
85
86    Contrast.check();
87
88    function checkContrast() {
89        this.updateView();
90    }
91
92    function getContrastState() {
93        return localStorage.getItem(this.storage) === 'true';
94    }
95
96    function setContrastState(state) {
97        localStorage.setItem(this.storage, '' + state);
98        this.currentState = state;
99        this.updateView();
100    }
101
102    function updateViewContrast() {
103        var body = document.body;
104
105        if (this.currentState === null)
106            this.currentState = this.getState();
107
108        if (this.currentState)
109            body.classList.add(this.cssClass);
110        else
111            body.classList.remove(this.cssClass);
112    }
113
114    function toogleContrast() {
115        this.setState(!this.currentState);
116    }
117})();
118// Função contraste FIM
119</script>
119
120
121
122
123<!-- CSS style offcanvas navbar --> 
124<style>
125
126.offcanvas-collapse {
127position: fixed;
128bottom: 0;
129right: 100%;
130left:-300px;
131width: 300px;
132overflow: auto;
133visibility: hidden;
134background-color: #079E53;
135transition-timing-function: ease-in-out;
136transition-duration: .3s;
137transition-property: left, visibility;
138z-index: 1045;
139}
140.offcanvas-collapse {
141    align-items:start;
142/*   Adds a subtle drop shadow   */
143            -moz-background-clip: padding;     /* Firefox 3.6 */
144        -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
145        background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
146border-right:5px solid rgba(0, 0, 0, 0.2);
147height: auto;
148min-height: 100%;
149}
150
151/* Makes the nav visibile with the open class */
152.offcanvas-collapse.open {
153    left: 0;
154    visibility: visible;
155}
156
157
158.navbar-expand-lg .navbar-nav {
159-ms-flex-direction: column;
160flex-direction: column;
161}
162
163.offcanvas-collapse>.navbar-nav>li>a:hover {
164    color: #fff !important;
165    background-color: #000;
166    opacity: 0.5;
167}
168
169.offcanvas-collapse>.navbar-nav > li {
170    margin-left: 1px;
171}
172
173.offcanvas-collapse>.navbar-nav>.dropdown.open{
174    color: #008F44 !important;
175    background-color: #fff !important;
176    /* opacity: 0.5 !important; */
177}
178
179.offcanvas-collapse>.navbar-nav>.dropdown.open>a{
180    color: #fff !important;
181    /* background-color: #000 !important; */
182    opacity: 0.5 !important;
183}
184
185.offcanvas-collapse.navbar-collapse {
186    padding-right: 0px !important; 
187    padding-left: 0px !important;
188}
189
190
191.dropdown-submenu { position:relative;} .dropdown-submenu>.dropdown-menu {top:0; left:100%; margin-top:-6px;}
192
193
194/* Botão de fechar */
195.offcanvas-close {
196  position: fixed;
197  top: 15px;
198  left: 300px; /* Ajuste de posição */
199  background: none;
200  border: none;
201  color: #fff;
202  font-size: 30px;
203  cursor: pointer;
204  z-index: 1050; /* Sobrepõe o menu */
205}
206.open>.dropdown-menu-offcanvas {
207    display: contents !important;
208}
209
210 /* Estilo da backdrop */
211 .offcanvas-backdrop {
212  position: fixed;
213  top: 0;
214  left: 0;
215  width: 100%;
216  height: 100%;
217  background-color: rgba(0, 0, 0, 0.5);
218  z-index: 1040;
219  opacity: 0;
220  visibility: hidden;
221  transition: opacity 0.3s ease;
222}
223.offcanvas-backdrop.show {
224  opacity: 1;
225  visibility: visible;
226}
227
228.dropdown-menu-acessibilidade {
229 border-radius: var(--site-card-radius, 7px);
230}
231
232.dropdown-menu-acessibilidade li a {
233 color: #008F44 !important ;
234}
235
236.dropdown-toggle-acessibilidade:hover .dropdown-menu-acessibilidade { 
237 display: block !important;
238}
239/* 
240    navbar-dafault-main entra em conflito com .navbar-default quando o MenuDegrade está ativo
241    Esse conflito deixa o menu branco
242*/
243
244.navbar-dafault-main {
245    background-image: url(""), 
246                      url("");
247    background-repeat: no-repeat, no-repeat ;
248    background-position: left, right ;
249}
250.social-links-top {
251    /* border-left: 1px solid #fff; */
252}
253
254</style>
255
256
257
258
259<!-- INÍCIO DO TOPO DO SITE -->
260<header id="header" class=" navbar navbar-fixed-top wet-asphalt" style="border:0px; box-shadow:none; --site-card-radius: 7px; background-image:url(/imagens/top/Background206.jpg);">
261        <div class="container-fluid topo-option-1 color-topo">
262        <div class="container-new1">
263            <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;">
264
265                        
266                        <div class="title__cliente" style="margin-bottom: 0px; padding-left:15px; padding-right:0; margin-right: auto; color: #fff;">
267                            <a href="https://www.aratuba.ce.gov.br"><span>Prefeitura Municipal de Aratuba</span></a>
268                        </div>
269
270                        
271                            <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px; "><a
272                            href="/ouvidoria"><i class="bi bi-headset"></i> <span class='nomefora'
273                                title="Ouvidoria da entidade">Ouvidoria/Sic</span></a></div>
274
275                    
276                
277
278                <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px;"><a
279                        href="/acessoainformacao.php"><i class="bi bi-info-circle-fill"></i> <span class='nomefora'
280                            title="Transparência da entidade">Transparência</span></a></div>
281
282                <!--<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>-->
283                    <div style="margin-bottom: 0px; float:right; padding-left:0; padding-right:0; width: 130px" class="dropdown dropdown-toggle-acessibilidade"><a href="#"
284                            accesskey="1" title="Página de acessibilidade" class="dropdown-toggle" data-toggle="dropdown" ><i class="bi bi-emoji-smile"></i> <span
285                                class='nomefora'>Acessibilidade</span></a>
286                            
287                                <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;">
288                                    <li><a href="/acessibilidade.php" style="cursor:pointer;"
289                                        title="Página de acessibilidade"><i class="bi bi-emoji-smile"></i> <span
290                                        class='nomefora'>Sobre</span></a></li>
291
292                                    <li><a href="#altocontraste"
293                                        id="altocontraste" onclick="window.toggleContrast()" style="cursor:pointer;" accesskey="2"
294                                        title="Aplicar Contraste"><i class="bi bi-toggles"></i> <span
295                                        class='nomefora'>Contraste</span></a></li>
296
297                                    <li> <a
298                                        class="nav-link increase-me btn-list-top" style="cursor:pointer; " accesskey="A"
299                                        title="Aumentar texto"><i class="bi bi-plus-square"></i> <span
300                                        class='nomefora'>Aumentar</span></a></li>
301                                    <li><a
302                                        class="nav-link decrease-me btn-list-top" style="cursor:pointer; " accesskey="D"
303                                        title="Diminuir texto"> <i class="bi bi-dash-square"></i> <span
304                                        class='nomefora'>Diminuir</span></a></li>
305                                    
306                                    <li><a style="cursor:pointer;"
307                                        href="https://www.gov.br/governodigital/pt-br/vlibras" target='_blank' accesskey="M"
308                                        title="VLibras"><i class='fa fa-hand-paper-o'></i> <span class='nomefora'>Libras</span></a></li>
309
310                                    <li><a href="/mapadosite" style="cursor: pointer;"
311                                        title="Mapa do site" accesskey="M"><i class="bi bi-diagram-3-fill"></i> <span
312                                        class="nomefora">Mapa do site</span></a></li>
313                                </ul>
314                            
315                    </div>
316
317                    <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 100px;"><a
318                        href="/pesquisa"><i class="bi bi-search"></i> <span class='nomefora'
319                            title="Transparência da entidade">Pesquisar</span></a></div>
320
321                <!-- fim de acessibilidade -->
322
323                <!-- redes sociais -->
324                <div class="social-links-top">
325                                                    <a class="nav-link btn-list-top" href="https://www.facebook.com/Prefeitura-de-Aratuba-102970501761548">
326                                    <i class='bi bi-facebook' title="Facebook"></i>
327                                </a>
328                                                    <a class="nav-link btn-list-top" href="https://www.instagram.com/prefeituradearatuba/">
329                                    <i class='bi bi-instagram' title="Instagram"></i>
330                                </a>
331                                                    <a class="nav-link btn-list-top" href="https://webmail-seguro.com.br/aratuba.ce.gov.br/">
332                                    <i class='bi bi-envelope-fill' title="E-mail"></i>
333                                </a>
334                    
335                        
336                </div>
337                <!-- redes sociais -->
338
339            </div>
340        </div>
341    </div>
342
343
344    <style>
345        /* #menuToggleBtn troca de lugar ao rolar (ve o JS mais abaixo): preto sobre o fundo claro
346           do #logo-top-bar, branco quando pousa em #mobileMenuToggleSticky (faixa verde). */
347        #mobileMenuToggleSticky #menuToggleBtn .fa-bars {
348            color: #fff !important;
349        }
350    </style>
351
352    <div class="container-fluid topo-option-mobile color-topo">
353        <div class="container">
354            <div class="row" id="font-setting-buttons" style="line-height: 33px; display: flex; position: relative; z-index: 5;">
355
356                    <div id="mobileUtilityLinks" style="display: flex; align-items: center;">
357                    <div style="margin-bottom: 0px; padding-left: 7px; padding-right: 10px;"><a
358                        href="/acessoainformacao.php"><i class='bi bi-info-circle-fill'></i> <span
359                        title="Transparência da entidade"><strong>Transparência</strong></span></a></div>
360
361                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
362                        href="ouvidoria"><i class="bi bi-headset"></i> <span
363                        title="Ouvidoria da entidade"><strong>Ouvidoria </strong></span></a></div>
364
365                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
366                        href="/acessibilidade"><i class='bi bi-emoji-smile'></i> <span
367                        title="Acessibilidade"><strong>Acessibilidade</strong></span></a></div>
368
369                    <div style="margin-bottom: 0px; padding-left:0; padding-right:10;" class="dropdown dropdown-toggle-acessibilidade">
370                        <a href="#" accesskey="1" title="Mais opções" class="dropdown-toggle" data-toggle="dropdown">
371                            <i class="bi bi-plus"></i>
372                            <span><strong>Opções</strong></span>
373                        </a>
374
375                        <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;">
376                            <li>
377                                <a href="/pesquisa" style="cursor:pointer;" title="Pesquisar"><i class="bi bi-search"></i><span style="padding-left: 10px;">Pesquisar</span></a>
378                            </li>
379                                                            <li>
380                                    <a href="https://www.facebook.com/Prefeitura-de-Aratuba-102970501761548" style="cursor:pointer;" title="Facebook"><i class="bi bi-facebook"></i><span style="padding-left: 10px;">Facebook</span></a>
381                                </li>
382                                                            <li>
383                                    <a href="https://www.instagram.com/prefeituradearatuba/" style="cursor:pointer;" title="Instagram"><i class="bi bi-instagram"></i><span style="padding-left: 10px;">Instagram</span></a>
384                                </li>
385                                                            <li>
386                                    <a href="https://webmail-seguro.com.br/aratuba.ce.gov.br/" style="cursor:pointer;" title="E-mail"><i class="bi bi-envelope-fill"></i><span style="padding-left: 10px;">E-mail</span></a>
387                                </li>
388                                                    </ul>
389                    </div>
390                    </div>
391
392                                                            <div id="mobileMenuToggleSticky" style="margin-bottom: 0px; margin-left: auto; margin-right: -13px; padding-left: 10px; display: none;"></div>
393            </div>
394        </div>
395    </div>
396    
397        <div class="col-md-12 col-fita">
398        <div class="row fitaflex" style="padding-bottom: 10px;">
399            <div class="col-md-2 fita"
400                style="margin-bottom:0px; border-top: 7px solid #FFBB24;"></div>
401            <div class="col-md-2 fita"
402                style="margin-bottom:0px; border-top: 7px solid #1DC06F;"></div>
403            <div class="col-md-2 fita"
404                style="margin-bottom:0px; border-top: 7px solid #452378;"></div>
405            <div class="col-md-2 fita"
406                style="margin-bottom:0px; border-top: 7px solid #DF4D4D;"></div>
407            <div class="col-md-2 fita"
408                style="margin-bottom:0px; border-top: 7px solid #FFB811;"></div>
409            <div class="col-md-2 fita"
410                style="margin-bottom:0px; border-top: 7px solid #1DC06F;"></div>
411        </div>
412    </div>
413    
414    <style>
415        /* ===== Selos alinhados com a logo 2026 — nao muda o tamanho da logo, so o alinhamento dos selos =====
416           .d-flex-main-menu-center so virava flex/centralizado no celular (responsive.css); aqui repete o mesmo
417           comportamento tambem no desktop, pra logo e selos ficarem na mesma linha central. */
418        .d-flex-main-menu-center {
419            display: flex;
420            align-items: center;
421        }
422
423        /* .box-pesq tem margin-top:30px no main.css (pensado pra quando essa coluna nao dividia a linha
424           com a logo). Com o alinhamento acima, essa margem so empurrava os selos pra baixo do centro. */
425        #logo-top-bar .box-pesq {
426            margin-top: 0;
427        }
428    </style>
429
430    <div class="container-new1 container-menu-main" id="logo-top-bar" style="padding-bottom:10px; padding-top:10px; ">
431
432
433
434        <div class="row d-flex-main-menu-center">
435           
436            <div id="centralizarLogo" class="col-6 col-sm-7 col-xs-7 ">
437
438                <a id="" href="/" style="padding-right: 5px; margin-right: 20px"><img id="" src="/imagens/logo.png?time=1790912542" alt="logo"></a>
439            </div>
440
441            <div class="col-6 col-canvas-navbar" id="canvasNavbarCol">
442                <a id="menuToggleBtn" class="navbar-toggle" data-toggle="offcanvas"
443                        style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
444                        data-target=".offcanvas-collapse">
445                        <span class="fa fa-bars" style="font-size: 25px; color: #000;"></span>
446                </a>
447            </div>
448
449            <div class="col-sm-5 col-xs-5 fora_responsivo">
450                <div class="wow fadeInUp box-pesq">
451                    
452
453                    <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><a href='/selos' class='break-responsive-header' style='margin-left: 5px'><img style='width: 60px' src='/imagens/imagensselos/alfa-ouro-p.png' alt='Selo Nacional compromisso com a Alfabetização Ouro 2024
454' title='Selo Nacional compromisso com a Alfabetização Ouro 2024
455'></a>
456                    
457
458                    <!-- <a href="/pesquisa.php" class="btn btn-primary nomefora"><span class="glyphicon glyphicon-search "
459                            aria-hidden="true"></span> Pesquisa</a> -->
460
461                        <!--
462                        <div class="nomefora" id="google_translate_element"></div>
463                        
463<script>
464                            function googleTranslateElementInit() {
465                                new google.translate.TranslateElement({
466                                        pageLanguage: 'pt',
467                                        autoDisplay: false,
468                                        includedLanguages: 'de,es,fr,en,it',
469                                        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
470                                    },
471                                    'google_translate_element');
472                            }
473                        </script>
473
474                        
474<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
474
475                        -->
476
477                </div>
478
479            </div>
480        </div>
481    </div>
482
483
484    <!-- navbar offcanvas -->
485    <nav class="navbar navbar-default navbar-dafault-main" style="border:0px;">
486        <div class="container-new1">
487            <div class="navbar-header navbar-header-main">
488                <a class="navbar-toggle" data-toggle="offcanvas"
489                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
490                    data-target=".offcanvas-collapse">
491                    <span class="fa fa-bars" style="font-size: 16px"></span>
492                </a>
493                <a href="pesquisa.php" class="navbar-toggle"
494                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; display: none;"><span
495                        class="fa fa-search" style="font-size: 16px" aria-hidden="true"></span></a>
496                <a class="navbar-toggle" id="btnperq" href="#" aria-expanded='false' title='Menu de acessibilidade'
497                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px;  cursor: pointer; display: none;"><i
498                        class='fa fa-odnoklassniki' style="font-size: 16px" aria-hidden='true'></i></a>
499                            </div>
500                            
501            
502            <div class="collapse navbar-collapse navbar-collapse-toglee" style="border:0px;">
503                <ul class="nav navbar-nav main-menu" style="margin-top:0px;">
504                    
505                    <li><a href="/" target="" style="margin-left: -10px;">Início</a></li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>A PREFEITURA 
506                                                <i class='fa fa-angle-down'></i></a>
507                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/institucional.php' >INSTITUCIONAL</a></li><li><a href='/gestores.php' >PREFEITO E VICE</a></li><li><a href='/galeriagestores.php' >GALERIA DE GESTORES</a></li><li><a href='/secretaria.php?sec=1' >GABINETE DO PREFEITO</a></li><li><a href='/normativosproprios.php?A PREFEITURA=' >NORMATIVOS PRÓPRIOS</a></li>		</ul>
508                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O MUNICÍPIO 
509                                                <i class='fa fa-angle-down'></i></a>
510                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/conselhos.php?tp=2' >ASSOCIAÇÕES</a></li><li><a href='/conselhos.php?tp=1' >CONSELHOS</a></li><li><a href='/omunicipio.php' >DADOS DO MUNICIPIO</a></li><li><a href='/obras.php' >OBRAS</a></li><li><a href='/pontosturisticos.php' >PONTOS TURISTICOS</a></li><li><a href='/simbolos.php' >SIMBOLOS</a></li><li><a href='/veiculos.php' >VEICULOS</a></li>		</ul>
511                                            </li>  <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>SECRETARIAS <i class='fa fa-angle-down'></i></a>
512                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/secretaria.php?sec=14'>CONTROLADORIA GERAL DO MUNICIPIO</a></li><li><a href='/secretaria.php?sec=1'>GABINETE DO PREFEITO</a></li><li><a href='/secretaria.php?sec=3'>PROCURADORIA GERAL DO MUNICIPIO</a></li><li><a href='/secretaria.php?sec=12'>SEC DE TURISMO E CULTURA</a></li><li><a href='/secretaria.php?sec=2'>SECRETARIA DE ADMINISTRAÇÃO E FINANÇAS </a></li><li><a href='/secretaria.php?sec=10'>SECRETARIA DE ASSISTENCIA SOCIAL</a></li><li><a href='/secretaria.php?sec=18'>SECRETARIA DE DESENVOLVIMENTO RURAL</a></li><li><a href='/secretaria.php?sec=4'>SECRETARIA DE EDUCAÇÃO BÁSICA</a></li><li><a href='/secretaria.php?sec=5'>SECRETARIA DE OBRAS E URBANISMO </a></li><li><a href='/secretaria.php?sec=16'>Secretaria de Saúde</a></li><li><a href='/secretaria.php?sec=19'>SECRETARIA MEIO AMBIENTE E RECURSOS HÍDRICOS</a></li>
512		</ul>
513</li>  <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF E CONTAS PÚBLICAS <i class='fa fa-angle-down'></i></a>
514                                <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; '><li><a href='/lrf.php?cat=4'>RGF - RELATÓRIO DE GESTÃO FISCAL</a></li><li><a href='/lrf.php?cat=5'>PCPE - PROCEDIMENTOS CONTÁBEIS PATRIMONIAIS E ESPECÍFICOS</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=14'>PPA - PLANO PLURIANUAL</a></li><li><a href='/lrf.php?cat=59'>COMISSÃO DO PATRIMÔNIO</a></li><li><a href='/lrf.php?cat=115'>PRGFIN - PROGRAMAÇÃO FINANCEIRA E CMED - CRONOGRAMA DA EXECUÇÃO MENSAL DE DESEMBOLSO</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>
515</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>SERVIÇOS 
516                                                <i class='fa fa-angle-down'></i></a>
517                                                    <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/cultura.php' >MAPEAMENTO CULTURAL</a></li><li><a href='/participativo.php?id=1' >ORÇAMENTO PARTICIPATIVO 2021</a></li><li><a href='https://www.demonstrativos.acidadao.com.br/aratuba' >COMPROVANTES DE RENDIMENTOS - IRRF</a></li><li><a href='https://layoutonline.layoutsistemas.com.br/login' target='_blank'>CONTRACHEQUE ONLINE</a></li><li><a href='https://aratuba.ssinformatica.net/nfe/login' target='NOVA ABA'>NOTA FISCAL ELETRÔNICA</a></li><li><a href='https://setorpessoal.com/entidade.php?desc_municipio=116702' target='NOVA ABA'>PRECATÓRIO</a></li>		</ul>
518                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>PUBLICAÇÕES 
519                                                <i class='fa fa-angle-down'></i></a>
520                                                    <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='https://aratuba.ce.gov.br/publicacoes.php?grupo=&cat=79&Comp=&Exer=&dtini=&dtfim=&Num=&ta=3&Descr=' target='new'>DEMONSTRATIVO DE RECEITAS E DESPESAS - COMBATE À COVID-19</a></li><li><a href='/contratos.php' >CONTRATOS</a></li><li><a href='/processoseletivo.php' >PROCESSO SELETIVO</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='/contasdegoverno' >PCG</a></li><li><a href='/contasdegestao' >PCS</a></li><li><a href='/portaria.php' >PORTARIAS</a></li><li><a href='/registrodepreco.php' >REGISTRO DE PREÇO</a></li>		</ul>
521                                            </li>                </ul>
522            </div>
523        </div>
524        <!--/.container-->
525        
526        <div class="navbar-collapse offcanvas-collapse">
527            <ul class="navbar-nav mr-auto dropdown-menu dropdown-menu-offcanvas">
528
529            <button class="offcanvas-close" aria-label="Fechar">&times;</button>
530                
531            <li><a href="/" title="Início" target="">INÍCIO</a></li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>A PREFEITURA 
532                                                <i class='fa fa-angle-down'></i></a>
533                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/institucional.php' >INSTITUCIONAL</a></li><li><a href='/gestores.php' >PREFEITO E VICE</a></li><li><a href='/galeriagestores.php' >GALERIA DE GESTORES</a></li><li><a href='/secretaria.php?sec=1' >GABINETE DO PREFEITO</a></li><li><a href='/normativosproprios.php?A PREFEITURA=' >NORMATIVOS PRÓPRIOS</a></li>
533		</ul>
534                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O MUNICÍPIO 
535                                                <i class='fa fa-angle-down'></i></a>
536                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/conselhos.php?tp=2' >ASSOCIAÇÕES</a></li><li><a href='/conselhos.php?tp=1' >CONSELHOS</a></li><li><a href='/omunicipio.php' >DADOS DO MUNICIPIO</a></li><li><a href='/obras.php' >OBRAS</a></li><li><a href='/pontosturisticos.php' >PONTOS TURISTICOS</a></li><li><a href='/simbolos.php' >SIMBOLOS</a></li><li><a href='/veiculos.php' >VEICULOS</a></li>		</ul>
537                                            </li>  <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>SECRETARIAS <i class='fa fa-angle-down'></i></a>
538                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/secretaria.php?sec=14'>CONTROLADORIA GERAL DO MUNICIPIO</a></li><li><a href='/secretaria.php?sec=1'>GABINETE DO PREFEITO</a></li><li><a href='/secretaria.php?sec=3'>PROCURADORIA GERAL DO MUNICIPIO</a></li><li><a href='/secretaria.php?sec=12'>SEC DE TURISMO E CULTURA</a></li><li><a href='/secretaria.php?sec=2'>SECRETARIA DE ADMINISTRAÇÃO E FINANÇAS </a></li><li><a href='/secretaria.php?sec=10'>SECRETARIA DE ASSISTENCIA SOCIAL</a></li><li><a href='/secretaria.php?sec=18'>SECRETARIA DE DESENVOLVIMENTO RURAL</a></li><li><a href='/secretaria.php?sec=4'>SECRETARIA DE EDUCAÇÃO BÁSICA</a></li><li><a href='/secretaria.php?sec=5'>SECRETARIA DE OBRAS E URBANISMO </a></li><li><a href='/secretaria.php?sec=16'>Secretaria de Saúde</a></li><li><a href='/secretaria.php?sec=19'>SECRETARIA MEIO AMBIENTE E RECURSOS HÍDRICOS</a></li>		</ul>
539</li>  <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF E CONTAS PÚBLICAS <i class='fa fa-angle-down'></i></a>
540                                <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; '><li><a href='/lrf.php?cat=4'>RGF - RELATÓRIO DE GESTÃO FISCAL</a></li><li><a href='/lrf.php?cat=5'>PCPE - PROCEDIMENTOS CONTÁBEIS PATRIMONIAIS E ESPECÍFICOS</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=14'>PPA - PLANO PLURIANUAL</a></li><li><a href='/lrf.php?cat=59'>COMISSÃO DO PATRIMÔNIO</a></li><li><a href='/lrf.php?cat=115'>PRGFIN - PROGRAMAÇÃO FINANCEIRA E CMED - CRONOGRAMA DA EXECUÇÃO MENSAL DE DESEMBOLSO</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>
541</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>SERVIÇOS 
542                                                <i class='fa fa-angle-down'></i></a>
543                                                    <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/cultura.php' >MAPEAMENTO CULTURAL</a></li><li><a href='/participativo.php?id=1' >ORÇAMENTO PARTICIPATIVO 2021</a></li><li><a href='https://www.demonstrativos.acidadao.com.br/aratuba' >COMPROVANTES DE RENDIMENTOS - IRRF</a></li><li><a href='https://layoutonline.layoutsistemas.com.br/login' target='_blank'>CONTRACHEQUE ONLINE</a></li><li><a href='https://aratuba.ssinformatica.net/nfe/login' target='NOVA ABA'>NOTA FISCAL ELETRÔNICA</a></li><li><a href='https://setorpessoal.com/entidade.php?desc_municipio=116702' target='NOVA ABA'>PRECATÓRIO</a></li>		</ul>
544                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>PUBLICAÇÕES 
545                                                <i class='fa fa-angle-down'></i></a>
546                                                    <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='https://aratuba.ce.gov.br/publicacoes.php?grupo=&cat=79&Comp=&Exer=&dtini=&dtfim=&Num=&ta=3&Descr=' target='new'>DEMONSTRATIVO DE RECEITAS E DESPESAS - COMBATE À COVID-19</a></li><li><a href='/contratos.php' >CONTRATOS</a></li><li><a href='/processoseletivo.php' >PROCESSO SELETIVO</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='/contasdegoverno' >PCG</a></li><li><a href='/contasdegestao' >PCS</a></li><li><a href='/portaria.php' >PORTARIAS</a></li><li><a href='/registrodepreco.php' >
546REGISTRO DE PREÇO</a></li>		</ul>
547                                            </li>            
548            </ul>
549      </div>
550      
551    </nav>
552    <div class="offcanvas-backdrop"></div>
553    <!--/nav-->
554
555
556</header>
557    
558<style type="text/css">
559    </style>
560
561
562<div id="espaco-header" class="espaco-header-main" style="height:207px;">&nbsp;</div>
563
564<script>
565    // a altura do #header muda de acordo com a largura da tela (menu mobile, selos, busca, etc);
566    // os valores de $tamanhobar/.espaco-header-main sao só o palpite inicial (evita pulo no primeiro
567    // paint). Aqui a gente mede a altura real do header e corrige o espaçador, pra o conteudo nunca
568    // ficar por baixo do header fixo (banner "colado" no topo) nem sobrar espaco em branco demais.
569    (function () {
570        function ajustarEspacoHeader() {
571            var header = document.getElementById('header');
572            var espaco = document.getElementById('espaco-header');
573            if (!header || !espaco) return;
574            var altura = header.getBoundingClientRect().height;
575            if (altura > 0) {
576                // setProperty com "important": .espaco-header-main/.espaco-header-app tem
577                // height com !important no responsive.css (pra vencer o palpite inicial inline
578                // do PHP); só um !important tambem inline vence esse
579                espaco.style.setProperty('height', altura + 'px', 'important');
580            }
581        }
582        ajustarEspacoHeader();
583        window.addEventListener('load', ajustarEspacoHeader);
584        var resizeTimer;
585        window.addEventListener('resize', function () {
586            clearTimeout(resizeTimer);
587            resizeTimer = setTimeout(ajustarEspacoHeader, 150);
588        });
589
590        // rede de seguranca: qualquer mudanca na altura do header (imagem/selo/fonte que carrega
591        // atrasado, etc.) recalcula sozinho, sem depender de adivinhar todo evento que poderia mudar.
592        // So enquanto a pagina ainda nao foi rolada: depois disso, a barrinha de utilidades/logo-top-bar
593        // passam a abrir/fechar sozinhas ao rolar (#logo-top-bar, #mobileUtilityLinks), o que muda a
594        // altura do header de proposito — se o observer continuasse ligado, cada abertura/fechamento
595        // redimensionaria o espacador, deslocando o conteudo e fazendo a barra pisca-pisca (loop).
596        if (window.ResizeObserver) {
597            var header = document.getElementById('header');
598            if (header) {
599                var headerResizeObserver = new ResizeObserver(ajustarEspacoHeader);
600                headerResizeObserver.observe(header);
601                window.addEventListener('scroll', function () {
602                    headerResizeObserver.disconnect();
603                }, { once: true });
604            }
605        }
606    })();
607</script>
607
608
609
610
611<!-- <div id="sticky-container-id" class="sticky-container">
612    <ul class="sticky"> -->
613
614        
615    <!-- </ul>
616</div> -->
617
618
619  
620<!-- VLibras -->
621<div vw class="enabled">
622    <div vw-access-button class="active"></div>
623    <div vw-plugin-wrapper>
624      <div class="vw-plugin-top-wrapper"></div>
625    </div>
626  </div>
627  
627<script src="https://vlibras.gov.br/app/vlibras-plugin.js" defer></script>
627
628  
628<script defer>
629    document.addEventListener('DOMContentLoaded', function() {
630      new window.VLibras.Widget('https://vlibras.gov.br/app');
631    });
632</script>
632
633<!-- VLibras -->
634
635<script src="/js/jquery-2.1.1.min.js"></script>
vendor: 1 bytes, line 635
635
636<script type="text/javascript">
637$(document).ready(function() {
638
639    $('.offcanvas-backdrop').removeClass('show');
640
641    $('[data-toggle="offcanvas"]').on('click', function () {
642        $('.offcanvas-collapse').removeClass('open');
643        const target = $(this).data('target');
644        $(target).toggleClass('open');
645        $('.offcanvas-backdrop').addClass('show');
646    })
647
648    // Fechar o menu ao clicar no backdrop
649    $('.offcanvas-backdrop, .offcanvas-close').on('click', function () {
650      $('.offcanvas-collapse').removeClass('open');
651      $('.offcanvas-backdrop').removeClass('show');
652    })
653
654    $('.dropdown-menu-sub').hide();
655    $('.dropdown-submenu a.dropdown-sub-toggle').on("click", function(e){
656        $(this).next('ul').toggle();
657        e.stopPropagation();
658        e.preventDefault();
659    });
660
661
662    $(window).scroll(function() {
663        if ($(this).scrollTop() > 100) {
664                        $("#logo-top-bar").css({
665                "margin-top": "-25.5Vh",
666                "transition": ".8s",
667                "z-index": "-2"
668            });
669            $("#logo-top-bar").fadeOut("800");
670            $('#scroll').fadeIn();
671            $('#scroll2').fadeIn();
672            $('#scroll3').fadeIn();
673
674                        $('#mobileUtilityLinks').stop(true, true).fadeOut("800");
675            if (!$('#menuToggleBtn').parent().is('#mobileMenuToggleSticky')) {
676                $('#menuToggleBtn').appendTo('#mobileMenuToggleSticky');
677            }
678            $('#mobileMenuToggleSticky').stop(true, true).fadeIn("800");
679
680            $(".col-fita").fadeOut();
681
682        } else {
683            $("#logo-top-bar").fadeIn("800");
684            $("#logo-top-bar").css({
685                "margin-top": "0px"
686            });
687            $(".col-fita").fadeIn();
688            $('#mobileUtilityLinks').stop(true, true).fadeIn("800");
689            $('#mobileMenuToggleSticky').stop(true, true).fadeOut("800", function() {
690                if (!$('#menuToggleBtn').parent().is('#canvasNavbarCol')) {
691                    $('#menuToggleBtn').appendTo('#canvasNavbarCol');
692                }
693            });
694            $('#scroll').fadeOut();
695            $('#scroll2').fadeOut();
696            $('#scroll3').fadeOut();
697        }
698    });
699    $('#scroll').click(function() {
700        $("html, body").animate({
701            scrollTop: 0
702        }, 0);
703        return false;
704    });
705
706
707    $('#menu-acessiblidade').hide().contents().hide();
708    $('#btnperq').on('click', function(e) {
709        e.preventDefault();
710        $('#menu-acessiblidade').slideToggle('fast', function(e) {
711            if ($(this).is(':visible')) {
712                $(this).contents().fadeIn(1000);
713            } else {
714                $(this).contents().hide();
715            }
716        });
717
718    })
719
720
721}
721);
722</script>
722
723
724
725 
726<body href="#" id="ancora">
727
728    <section id="services" class="topo-paginas-section">
729    <div class="container-new1">
730        <div class="col-md-12" style="padding-left:0px;">
731
732            <!--<div id="TituloServicos">-->
733            <div class="cartaservicosbanner" style="font-size: 16px;">Acessibilidade</div>
734            <h2 id="EsOv" class="cartaservicosbannertexto" style="font-size: 16px; padding-left: 5px;">Prefeitura Municipal de Aratuba</h2>
735            <!--</div>-->
736
737        </div>
738    </div>
739</section>
740
741
742    
743    <section style="margin-bottom:10px;">
744        <div class="container-new1">
745        <div class="public_paginas" style="margin-top: -50px;">
746                        <div class='col-md-12'>
747        <div class="row">
748                        <ol class="breadcrumb" style="background-color:#FCFCFC; margin-bottom: 0px;">
749                <li class="breadcrumb-item"><a href="/index.php">Início</a></li>
750                <li class="breadcrumb-item active">Acessibilidade</li>            </ol>
751                    </div>
752    </div>
753                <div class="col-md-12">
754                    <div class="row">
755                        <div class="col-md-12" style="padding-top:10px; text-align:justify;">
756
757                            <p>O Portal da Prefeitura Municipal de Aratuba foi desenvolvido seguindo as diretrizes e a metodologia do W3C - World Wide Web Consortium, apresentadas no documento Web Content Accessibility Guidelines. Procuramos atender as exigências do decreto 5.296, publicado em dezembro de 2004, que torna obrigatória a acessibilidade nos portais e sítios eletrônicos da administração pública na rede mundial de computadores para o uso das pessoas com necessidades especiais, garantindo-lhes o pleno acesso aos conteúdos disponíveis.</p>
758                            <p>Além de validações automáticas, foram realizados testes em diversos navegadores e através do utilitário de acesso a Internet do DOSVOX, sistema operacional destinado deficientes visuais.</p>
759                            <p>Para auxiliar a navegação, foram inseridas algumas teclas de atalho (accesskey) em alguns links. São eles:</p>
760                            <ul>
761                                <li>Voltar para a página inicial (Home Page) - ALT+H</li>
762                                <li>Voltar ao Início (topo da página) - ALT+9</li>
763                                <li>Saltar para o Conteúdo - ALT+C</li>
764                                <li>Acessibilidade do Site - ALT+SHIFT+1</li>
765                                <li>Aumentar Letras - ALT+A</li>
766                                <li>Diminuir Letras - ALT+SHIFT+D</li>
767                                <li>Tamanho Normal das Letras – ALT+N</li>
768                            </ul>
769
770                            <p>O acesso por esses atalhos varia conforme o navegador utilizado. Alguns utilizam "ALT + Tecla de Atalho" outros "ALT + SHIFT + Tecla de Atalho".</p>
771
772                        </div>
773                    </div>
774                </div>
775
776
777
778            </div>
779        </div>
780    </section>
781
782    
783
784<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer>
785    function resetTurnstileIfNeeded() {
786        if (window.turnstile) { try { turnstile.reset(); } catch (e) {} }
787    }
788    window.addEventListener('pageshow', (event) => { if (event.persisted) { resetTurnstileIfNeeded(); } });
789    document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { resetTurnstileIfNeeded(); } });
790</script>
790
791
792    
792<script src="/js/shortcuts.js"></script>
792
793    
793<script>
794        shortcut.add("Alt+H", function() {
795            window.location.assign("index.php");
796        });
797
798        shortcut.add("Alt+Shift+1", function() {
799            window.location.assign("acessibilidade.php");
800        });
801
802        shortcut.add("Alt+9", function() {
803            window.scrollTo(0, 0);
804        });
805
806        shortcut.add("Alt+C", function() {
807            window.location.href = '#ancora';
808        });
809    </script>
809
810
811
812
813    
814        
815        <section class="container-new1">
816            <div class="" style="margin-top: 10px; ">
817                <div class='public_paginas' style="padding-bottom: 40px;">
818
819                    <div class="col-md-12">
820                        <h1 style="text-align: center; margin-bottom: 40px; font-size: 25px;">Qual o seu nível de satisfação com essa página?</h1>
821                    </div>
822                    <div class="col-md-12">
823                        <fieldset class="radio-image">
824                            <div class="col-md-1"></div>
825                            <div class="col-md-2">
826
827                                <label for="2" class="radio-satisfacao" id="nota2">
828                                    <i class="iconota-nota2" style="color: #c0392b;"></i>
829                                </label>
830                                </br>Muito insatisfeito
831                            </div>
832                            <div class="col-md-2">
833                                <label for="4" class="radio-satisfacao" id="nota4">
834                                    <i class="iconota-nota4" style="color: #d35400;"></i>
835                                </label>
836                                </br>Insatisfeito
837                            </div>
838                            <div class="col-md-2">
839                                <label for="6" class="radio-satisfacao" id="nota6">
840                                    <i class="iconota-nota6" style="color: #f39c12;"></i>
841                                </label>
842                                </br>Neutro
843                            </div>
844                            <div class="col-md-2">
845                                <label for="8" class="radio-satisfacao" id="nota8">
846                                    <i class="iconota-nota8" style="color: #2ecc71;"></i>
847                                </label>
848                                </br>Satisfeito
849                            </div>
850                            <div class="col-md-2">
851
852                                <label for="10" class="radio-satisfacao" id="nota10">
853                                    <i class="iconota-nota10" style="color: #27ae60;"></i>
854                                </label>
855                                </br>Muito satisfeito
856                            </div>
857                            <div class="col-md-1"></div>
858                        </fieldset>
859                    </div>
860
861                    <div class="col-md-12"></div>
862
863                    <div class="col-md-2"></div>
864                    <div class="col-md-8">
865                        <form id="FormSatisfacao" method="post" action="/data_satisfacao.php" style="display: none;">
866                            <div class="form-group">
867                                <label> Name </label>
868                                <input type="text" name="nome" class="form-control" id="nome" placeholder="Digite seu nome">
869                                <input type="hidden" name="nota" id="nota" required />
870                                <input type="hidden" name="VPagina" value="acessibilidade.php" />
871                                <input type="hidden" name="NRegistro" value="0" />
872                                <input type="hidden" name="LinkCompleto" value="/acessibilidade.php" />
873                            </div>
874                            <div class="form-group">
875                                <label> Email </label>
876                                <input type="email" class="form-control" name="email" placeholder="Digite aqui seu email" />
877                            </div>
878                            <div class="form-group">
879                                <label> Mensagem </label>
880                                <textarea name="mensagem" class="form-control" rows="2"></textarea>
881                            </div>
882                            <div class="form-group">
883                            <div class="cf-turnstile" 
884                                data-sitekey="0x4AAAAAACVDc-w4qjOzbJaD" 
885                                data-callback="onTurnstileOk" 
886                                data-theme="light" >
887                            </div></div>
888                            <div class="form-group">
889                                <p style="line-height: 1.500; margin-bottom: 0px;">
890                                    *Prezado(a), esta avaliação não será analisada como manifestação de Ouvidoria. Servirá apenas para revisarmos e refletirmos sobre as informações disponíveis nesta página.
891                                </p>
892                                <p style="line-height: 1.500; margin-bottom: 0px;">
893                                    Esclarecemos que os dados fornecidos acima serão tratados com respeito à sua privacidade.
894                                </p>
895                                <p style="line-height: 1.500; margin-bottom: 0px;">
896                                    Seguindo a <strong><a target="blank" href="https://www.gov.br/cidadania/pt-br/acesso-a-informacao/lgpd">LGPD - Lei Geral de Proteção de Dados 13.709</a></strong>, de 14 de agosto de 2018.
897                                </p>
898                            </div>
899                            <div class="form-group">
900                                <button type="button" id="CancelSatisfacao" class="btn btn-primary" required="required"> <i class="fa fa-window-close" aria-hidden="true"></i> Cancelar</button>
901                                <button type="submit" name="submit" id="bt
901nSend" class="btn btn-primary" required="required"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Enviar</button>
902                                <i class="fa fa-2x fa-spinner fa-spin load" style="display: none;"></i>
903                            </div>
904                        </form>
905                    </div>
906                    <div class="col-md-2"></div>
907                    <div id="Return" class="col-md-12"> </div>
908
909                </div>
910            </div>
911        </section>
912
913
914    
915    <section class="container-new1 rodape-radar-atricon">
916        <div class="" style="">
917            <div class='public_paginas' style="padding-bottom: 0px;">
918                <div class="row">
919                    <div class="col-md-12">
920                        <a href="https://radardatransparencia.atricon.org.br/ " target="_blank">
921                            <img src="/imagens/radar_atricon.png" alt="Radar ATRICON" width="100%" style="display: block; border-radius: 7px;">
922                        </a>
923                    </div>
924                </div>
925            </div>
926        </div>
927    </section>
928
929    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
930
931
932    <div id="scroll2"><a href="/atricon.php"><img src="/imagens/atricon48x48.png" title="Atricon"></a></div>
933    
934    <div id="scroll"><span></span></div>
935
936    
937    <div class="section" id="bottom" style="padding-bottom: 0px;">
938                        <div class="gmaps" style="height: 150px;">
939            <iframe title='Mapa da cidade' src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d703.2114871319094!2d-39.04660264642522!3d-4.4176437383816065!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7bf1ef413660983%3A0xb7f2b535e356515a!2sPrefeitura%20Municipal%20de%20Aratuba!5e0!3m2!1spt-BR!2sbr!4v1742318775633!5m2!1spt-
939BR!2sbr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
940
941        </div>
942                        
943                
944 
945
946<div style="display: flex; margin:0; margin-bottom: 5px;">
947       
948</div>      
949
950        
951                        <section>
952                    <div class="col-md-12">
953                        <div class="row fitaflex">
954                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #FFBB24;"></div>
955                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #1DC06F;"></div>
956                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #452378;"></div>
957                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #DF4D4D;"></div>
958                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #FFB811;"></div>
959                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #1DC06F;"></div>
960                        </div>
961                    </div>
962                </section>
963            
964            <style>
965            /* banner "Radar Nacional da Transparencia" (antes do rodape, em toda pagina): tinha so
966               margin-top:10px (nenhuma embaixo), entao a distancia pro rodape ficava bem menor que
967               a distancia pro conteudo acima dele. So mexe em cima/embaixo — o atalho "margin: 30px 0"
968               zerava tambem a margem lateral (que nao era 0) e deslocava o banner pro lado. */
969            .rodape-radar-atricon {
970                margin-top: 30px;
971                margin-bottom: 30px;
972            }
973
974            /* ===== Rodapé institucional 2026 — modelo B (bottomTipo9) — namespace .site-footer*
975               Fundo em degrade na cor do site, cabecalho (logo + nome + redes), faixa de
976               selos, 3 cards translucidos e barra final. So o layout/CSS mudou: consultas,
977               condicionais e dados continuam os mesmos. Sem largura propria: usa o
978               .container-new1 padrao do site (alinhado ao cabecalho e as secoes). ===== */
979            .site-footer {
980                position: relative;
981                /* clear: a faixa de cores logo acima (.col-md-12 do Bootstrap) e um float
982                   sem clearfix. Com overflow:hidden o rodapé vira um bloco "BFC" e, sem
983                   clear, ele encolhe pra ficar ao lado desse float (largura 0). */
984                clear: both;
985                overflow: hidden;
986                background: #079E53;
987                background: linear-gradient(155deg, #079E53 0%, #045c30 100%);
988                color: rgba(255, 255, 255, .86);
989                font-size: 14px;
990            }
991
992            /* brilhos suaves de fundo (decorativos) */
993            .site-footer::before,
994            .site-footer::after {
995                content: "";
996                position: absolute;
997                border-radius: 50%;
998                pointer-events: none;
999            }
1000
1001            .site-footer::before {
1002                width: 700px;
1003                height: 700px;
1004                right: -180px;
1005                top: -320px;
1006                background: radial-gradient(closest-side, rgba(255, 255, 255, .16), transparent);
1007            }
1008
1009            .site-footer::after {
1010                width: 560px;
1011                height: 560px;
1012                left: -200px;
1013                bottom: -300px;
1014                background: radial-gradient(closest-side, rgba(255, 255, 255, .09), transparent);
1015            }
1016
1017            .site-footer > * {
1018                position: relative;
1019                z-index: 1;
1020            }
1021
1022            /* ---- cabecalho: logo + nome (esq.) e selos (dir.) ---- */
1023            .site-footer__head {
1024                display: flex;
1025                flex-wrap: wrap;
1026                align-items: center;
1027                justify-content: space-between;
1028                gap: 22px 32px;
1029                padding-block: 48px 28px;
1030            }
1031
1032            .site-footer__brand {
1033                display: flex;
1034                align-items: center;
1035                min-width: 0;
1036            }
1037
1038            .site-footer-identity__logo {
1039                max-height: 100px;
1040                width: auto;
1041                max-width: 100%;
1042                filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .2));
1043            }
1044
1045            .site-footer-identity__city {
1046                /* sem font-family aqui de proposito: herda de body{font-family:
1047                   "Roboto", Arial, Helvetica, sans-serif}, configuravel por municipio
1048                   (css/style.php). Nao hardcodar uma fonte especifica. */
1049                margin: 0;
1050                font-size: 16px;
1051                font-weight: 400;
1052                letter-spacing: .005em;
1053                text-transform: none;
1054                color: rgba(255, 255, 255, .9);
1055            }
1056
1057            /* divisor entre a logo e o nome (so quando existe logo) */
1058            .site-footer-identity__logo + .site-footer-identity__city {
1059                margin-left: 22px;
1060                padding-left: 22px;
1061                border-left: 1px solid rgba(255, 255, 255, .3);
1062            }
1063
1064            /* ---- selos, encaixados no cabecalho no lugar das redes sociais ---- */
1065            .site-footer__seals-inline {
1066                display: flex;
1067                flex-wrap: wrap;
1068                align-items: center;
1069                justify-content: flex-end;
1070                gap: 16px;
1071            }
1072
1073            .site-footer__seals-inline img {
1074                width: 40px;
1075                display: block;
1076                opacity: .9;
1077                transition: opacity .15s ease, transform .15s ease;
1078            }
1079
1080            .site-footer__seals-inline a:hover img {
1081                opacity: 1;
1082                transform: translateY(-2px);
1083            }
1084
1085            /* ---- 3 cards: Institucional / Contatos / Endereco e horario ---- */
1086            .site-footer__grid {
1087                display: grid;
1088                grid-template-columns: repeat(3, 1fr);
1089                gap: 18px;
1090                padding: 32px 0 36px;
1091            }
1092
1093            .site-footer__col {
1094                min-width: 0;
1095                padding: 26px 26px 14px;
1096                /* raio exatamente igual ao configurado no site (VCaixaArredondamento) — antes usava
1097                   uma formula (2x + 6px) que deixava esses cards bem mais arredondados que o resto do site */
1098                border-radius: var(--site-card-radius, 7px);
1099                background: rgba(255, 255, 255, .08);
1100                border: 1px solid rgba(255, 255, 255, .16);
1101            }
1102
1103            .site-footer__col-title {
1104                display: flex;
1105                align-items: center;
1106                gap: 12px;
1107                margin: 0 0 18px;
1108                font-size: 12.5px;
1109                font-weight: 700;
1110                line-height: 1.2;
1111                text-transform: uppercase;
1112                letter-spacing: .09em;
1113                color: #fff;
1114            }
1115
1116            .site-footer__col-ico {
1117                display: inline-flex;
1118                flex: 0 0 40px;
1119                align-items: center;
1120                justify-content: center;
1121                width: 40px;
1122                height: 40px;
1123                border-radius: var(--site-card-radius, 7px);
1124                background: rgba(255, 255, 255, .16);
1125                font-size: 18px;
1126            }
1127
1128            .site-footer__col p {
1129                display: flex;
1130                align-items: flex-start;
1131                gap: 10px;
1132                margin: 0 0 12px;
1133                font-size: 14px;
1134                line-height: 1.55;
1135                color: rgba(255, 255, 255, .9);
1136            }
1137
1138            .site-footer__col p i {
1139                flex: none;
1140                width: 16px;
1141                margin-top: 3px;
1142                text-align: center;
1143                color: #fff;
1144                opacity: .7;
1145            }
1146
1147            /* ---- barra final ---- */
1148            .site-footer__bottom {
1149                background: rgba(0, 0, 0, .14);
1150                border-top: 1px solid rgba(255, 255, 255, .14);
1151            }
1152
1153            .site-footer__bottom-inner {
1154                display: flex;
1155                flex-wrap: wrap;
1156                align-items: center;
1157                justify-content: space-between;
1158                gap: 8px 20px;
1159                /* so vertical: o padding lateral vem do .container-new1, igual ao dos cards */
1160                padding-block: 18px;
1161                color: rgba(255, 255, 255, .75);
1162                font-size: 13px;
1163            }
1164
1165            /* O .container-new1 (main.css) tem um clearfix: ::before/::after com
1166               content:" ". Num container flex esses dois pseudo-elementos viram
1167               itens extras, e o space-between reparte o espaco entre 4 itens —
1168               os <p> ficam "boiando" no meio em vez de nas pontas do container.
1169               Aqui o flex ja contem os filhos, entao o clearfix e desligado. */
1170            .site-footer .site-footer__bottom-inner::before,
1171            .site-footer .site-footer__bottom-inner::after {
1172                content: none;
1173                display: none;
1174            }
1175
1176            .site-footer__bottom p {
1177                margin: 0;
1178            }
1179
1180            /* copyright na ponta esquerda do container, acessibilidade na direita */
1181            .site-footer__bottom-inner p:first-child {
1182                text-align: left;
1183            }
1184
1185            .site-footer__bottom-inner p:last-child {
1186                text-align: right;
1187            }
1188
1189            .site-footer__bottom a {
1190                color: #fff;
1191                font-weight: 500;
1192                text-decoration: none;
1193            }
1194
1195            .site-footer__bottom a:hover,
1196            .site-footer__bottom a:focus-visible {
1197                text-decoration: underline;
1198            }
1199
1200            /* ---- responsivo ---- */
1201            @media (max-width: 991px) {
1202                .site-footer__grid {
1203                    grid-template-columns: 1fr;
1204                }
1205            }
1206
1207            @media (max-width: 767px) {
1208                .site-footer__head {
1209                    flex-direction: column;
1210                    justify-content: center;
1211                    text-align: center;
1212                    padding-block: 34px 22px;
1213                }
1214
1215                .site-footer__brand {
1216                    flex-direction: column;
1217                    gap: 14px;
1218                }
1219
1220                .site-footer-identity__logo + .site-footer-identity__city {
1221                    margin-left: 0;
1222                    padding-left: 0;
1223                    border-left: 0;
1224                }
1225
1226                .site-footer__seals-inline {
1227                    justify-content: center;
1228                }
1229
1230                .site-footer__grid {
1231                    padding: 26px 0 28px;
1232                }
1233
1234                .site-footer__bottom-inner {
1235                    justify-content: center;
1236                    text-align: center;
1237                }
1238
1239                .site-footer__bottom-inner p:first-child,
1240                .site-footer__bottom-inner p:last-child {
1241                    text-align: center;
1242                }
1243            }
1244        </style>
1245
1246    </div>
1247
1248    <footer class="site-footer" role="contentinfo" style="--site-card-radius: 7px;">
1249        <div class="container-new1 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
1250            <div class="site-footer__head">
1251                <div class="site-footer__brand">
1252                    <img src="/imagens/logovazada.png?time=1790915677" alt="Prefeitura Municipal de Aratuba" class="site-footer-identity__logo">
1253                <p class="site-footer-identity__city">
1254                    Prefeitura Municipal de Aratuba - CE                </p>
1255                </div>
1256
1257            <div class='site-footer__seals-inline'><a href='/selos'><img src='/imagens/imagensselos/unicef-2021-2024-p.png' alt='Selo UNICEF 2021-2024' title='Selo UNICEF 2021-2024'></a><a href='/selos'>
1257<img src='/imagens/imagensselos/alfa-ouro-p.png' alt='Selo Nacional compromisso com a Alfabetização Ouro 2024
1258' title='Selo Nacional compromisso com a Alfabetização Ouro 2024
1259'></a></div>            </div>
1260        </div>
1261
1262        <div class="container-new1">
1263            <div class="site-footer__grid">
1264
1265                <div class="site-footer__col">
1266                    <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>
1267
1268                    
1269                    <p><i class='bi bi-person-circle' aria-hidden="true"></i> <span>Prefeito Joerly Rodrigues Victor</span></p>
1270                                        <p><i class='bi bi-postcard' aria-hidden="true"></i> <span>CNPJ: 07.387.525/0001-70</span></p>
1271                                    </div>
1272
1273                <div class="site-footer__col">
1274                    <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>
1275                                        <p><i class='bi bi-telephone' aria-hidden="true"></i> <span>(85) 3329-1444</span></p>
1276                    <p><i class='bi bi-envelope-at' aria-hidden="true"></i> <span>[email protected]</span></p>
1277                </div>
1278
1279                <div class="site-footer__col">
1280                    <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>
1281
1282                    <p>
1283                        <i class='bi bi-geo-alt' aria-hidden='true'></i>
1284                        <span>
1285                            Rua Júlio Pereira,
1286
1287                                                        304
1288                                                            - Centro,
1289
1290                                                                62.762-000                        </span>
1291                    </p>
1292                    <p>
1293                        <i class='bi bi-clock' aria-hidden='true'></i>
1294                        <span>de Segunda A Sexta-feira, das 7h30 Às 11h30 e das 13h Às 17h.</span>
1295                    </p>
1296                </div>
1297
1298
1299            </div>
1300        </div>
1301
1302        <div class="site-footer__bottom">
1303            <div class="container-new1 site-footer__bottom-inner">
1304                <p>
1305                    &copy; 2026 <a target='_blank' href='http://www.assesi.com.br/' title=''>Assesi</a>.
1306                    Todos os Direitos Reservados.
1307                </p>
1308                <p><a href="/acessibilidade.php">Acessibilidade</a></p>
1309            </div>
1310                    </div>
1311    </footer>
1312
1313
1314<script type="text/javascript">
1315
1316    // document.addEventListener('click', function(){
1317    //     const link_before = event.target.closest('a');
1318    //     const link_destino = (link_before) ? link_before.href : null;
1319
1320    //     const params_before = new URLSearchParams(link_before);
1321    //     if (params_before.has('source')) {
1322
1323    //         localStorage.getItem('source', 'app');  
1324    //     } else {
1325    //         localStorage.removeItem('source');
1326    //     }
1327
1328    // });
1329
1330</script>
1330
1331
1332    
1332<script src="js/jquery.js"></script>
1332
1333    
1333<script src="js/bootstrap.min.js"></script>
1333
1334    
1334<script src="js/jquery.easing.min.js"></script>
1334
1335    
1335<script src="js/jquery.prettyPhoto.js"></script>
1335
1336    
1336<script src="js/jquery.isotope.min.js"></script>
1336
1337    
1337<script src="js/main.js"></script>
1337
1338    
1338<script src="js/wow.min.js"></script>
1338
1339    
1339<script src="js/gtag.js"></script>
1339
1340    
1340<script src="js/jquery.font-accessibility.min.js"></script>
1340
1341    
1341<script>
1342        $(function() {
1343            /* Custom buttons */
1344            $('#font-setting-buttons').easyView({
1345                container: 'body, .row',
1346                increaseSelector: '.increase-me',
1347                decreaseSelector: '.decrease-me',
1348                normalSelector: '.reset-me',
1349                contrastSelector: '.change-me'
1350            });
1351
1352
1353        });
1354    </script>
1354
1355</body>
1356
1357</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.