PageSourceSearch

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

html tabuleirodonorte.ce.gov.br collected 2026-10-02 21:27:59 UTC 70,514 bytes, 1,363 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 Tabuleiro do Norte">
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 Tabuleiro do Norte, Pre " />
10    <meta property="og:image" itemprop="image" content="http://tabuleirodonorte.ce.gov.br/imagens/TopoTimbre.png" />
11    <title>Prefeitura de Tabuleiro do Norte</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: #1285C2;
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: #0F6EA3 !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: #0F6EA3 !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: 9px; background-image:url(/imagens/top/Background63.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.tabuleirodonorte.ce.gov.br"><span>Prefeitura Municipal de Tabuleiro do Norte</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/prefeituradetabuleirodonorte">
326                                    <i class='bi bi-facebook' title="Facebook"></i>
327                                </a>
328                                                    <a class="nav-link btn-list-top" href="https://www.youtube.com/channel/UCYnkRAn_6LvXGjsIjAptsiw">
329                                    <i class='bi bi-youtube' title="YouTube"></i>
330                                </a>
331                                                    <a class="nav-link btn-list-top" href="https://www.instagram.com/preftabuleirodonorte/">
332                                    <i class='bi bi-instagram' title="Instagram"></i>
333                                </a>
334                                                    <a class="nav-link btn-list-top" href="https://webmail-seguro.com.br/tabuleirodonorte.ce.gov.br/">
335                                    <i class='bi bi-envelope-fill' title="E-mail"></i>
336                                </a>
337                    
338                        
339                </div>
340                <!-- redes sociais -->
341
342            </div>
343        </div>
344    </div>
345
346
347    <style>
348        /* #menuToggleBtn troca de lugar ao rolar (ve o JS mais abaixo): preto sobre o fundo claro
349           do #logo-top-bar, branco quando pousa em #mobileMenuToggleSticky (faixa verde). */
350        #mobileMenuToggleSticky #menuToggleBtn .fa-bars {
351            color: #fff !important;
352        }
353    </style>
354
355    <div class="container-fluid topo-option-mobile color-topo">
356        <div class="container">
357            <div class="row" id="font-setting-buttons" style="line-height: 33px; display: flex; position: relative; z-index: 5;">
358
359                    <div id="mobileUtilityLinks" style="display: flex; align-items: center;">
360                    <div style="margin-bottom: 0px; padding-left: 7px; padding-right: 10px;"><a
361                        href="/acessoainformacao.php"><i class='bi bi-info-circle-fill'></i> <span
362                        title="Transparência da entidade"><strong>Transparência</strong></span></a></div>
363
364                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
365                        href="ouvidoria"><i class="bi bi-headset"></i> <span
366                        title="Ouvidoria da entidade"><strong>Ouvidoria </strong></span></a></div>
367
368                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
369                        href="/acessibilidade"><i class='bi bi-emoji-smile'></i> <span
370                        title="Acessibilidade"><strong>Acessibilidade</strong></span></a></div>
371
372                    <div style="margin-bottom: 0px; padding-left:0; padding-right:10;" class="dropdown dropdown-toggle-acessibilidade">
373                        <a href="#" accesskey="1" title="Mais opções" class="dropdown-toggle" data-toggle="dropdown">
374                            <i class="bi bi-plus"></i>
375                            <span><strong>Opções</strong></span>
376                        </a>
377
378                        <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;">
379                            <li>
380                                <a href="/pesquisa" style="cursor:pointer;" title="Pesquisar"><i class="bi bi-search"></i><span style="padding-left: 10px;">Pesquisar</span></a>
381                            </li>
382                                                            <li>
383                                    <a href="https://www.facebook.com/prefeituradetabuleirodonorte" style="cursor:pointer;" title="Facebook"><i class="bi bi-facebook"></i><span style="padding-left: 10px;">Facebook</span></a>
384                                </li>
385                                                            <li>
386                                    <a href="https://www.youtube.com/channel/UCYnkRAn_6LvXGjsIjAptsiw" style="cursor:pointer;" title="YouTube"><i class="bi bi-youtube"></i><span style="padding-left: 10px;">YouTube</span></a>
387                                </li>
388                                                            <li>
389                                    <a href="https://www.instagram.com/preftabuleirodonorte/" style="cursor:pointer;" title="Instagram"><i class="bi bi-instagram"></i><span style="padding-left: 10px;">Instagram</span></a>
390                                </li>
391                                                            <li>
392                                    <a href="https://webmail-seguro.com.br/tabuleirodonorte.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>
393                                </li>
394                                                    </ul>
395                    </div>
396                    </div>
397
398                                                            <div id="mobileMenuToggleSticky" style="margin-bottom: 0px; margin-left: auto; margin-right: -13px; padding-left: 10px; display: none;"></div>
399            </div>
400        </div>
401    </div>
402    
403        <div class="col-md-12 col-fita">
404        <div class="row fitaflex" style="padding-bottom: 10px;">
405            <div class="col-md-2 fita"
406                style="margin-bottom:0px; border-top: 7px solid #1285C2;"></div>
407            <div class="col-md-2 fita"
408                style="margin-bottom:0px; border-top: 7px solid #6F9949;"></div>
409            <div class="col-md-2 fita"
410                style="margin-bottom:0px; border-top: 7px solid #367544;"></div>
411            <div class="col-md-2 fita"
412                style="margin-bottom:0px; border-top: 7px solid #1285C2;"></div>
413            <div class="col-md-2 fita"
414                style="margin-bottom:0px; border-top: 7px solid #6F9949;"></div>
415            <div class="col-md-2 fita"
416                style="margin-bottom:0px; border-top: 7px solid #367544;"></div>
417        </div>
418    </div>
419    
420    <style>
421        /* ===== Selos alinhados com a logo 2026 — nao muda o tamanho da logo, so o alinhamento dos selos =====
422           .d-flex-main-menu-center so virava flex/centralizado no celular (responsive.css); aqui repete o mesmo
423           comportamento tambem no desktop, pra logo e selos ficarem na mesma linha central. */
424        .d-flex-main-menu-center {
425            display: flex;
426            align-items: center;
427        }
428
429        /* .box-pesq tem margin-top:30px no main.css (pensado pra quando essa coluna nao dividia a linha
430           com a logo). Com o alinhamento acima, essa margem so empurrava os selos pra baixo do centro. */
431        #logo-top-bar .box-pesq {
432            margin-top: 0;
433        }
434    </style>
435
436    <div class="container-new1 container-menu-main" id="logo-top-bar" style="padding-bottom:10px; padding-top:10px; ">
437
438
439
440        <div class="row d-flex-main-menu-center">
441           
442            <div id="centralizarLogo" class="col-6 col-sm-7 col-xs-7 ">
443
444                <a id="" href="/" style="padding-right: 5px; margin-right: 20px"><img id="" src="/imagens/logo.png?time=1790943543" alt="logo"></a>
445            </div>
446
447            <div class="col-6 col-canvas-navbar" id="canvasNavbarCol">
448                <a id="menuToggleBtn" class="navbar-toggle" data-toggle="offcanvas"
449                        style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
450                        data-target=".offcanvas-collapse">
451                        <span class="fa fa-bars" style="font-size: 25px; color: #000;"></span>
452                </a>
453            </div>
454
455            <div class="col-sm-5 col-xs-5 fora_responsivo">
456                <div class="wow fadeInUp box-pesq">
457                    
458
459                    <a href='/selos' class='break-responsive-header' style='margin-left: 5px'><img style='width: 60px' src='/imagens/imagensselos/atricon-ouro-2025-p.png' alt='Selo ATRICON Ouro 2025' title='Selo ATRICON Ouro 2025'></a><a href='/selos' class='break-responsive-header' style='margin-left: 5px'><img style='width: 60px' src='/imagens/imagensselos/6/outros.png' alt='Selo Sebrae Diamante De Referência em Atendimento 2024' title='Selo Sebrae Diamante De Referência em Atendimento 2024'></a><a href='/selos' class='break-responsive-header' style='margin-left: 5px'><img style='width: 60px' src='/imagens/imagensselos/7/outros.png' alt='Selo UNICEF 2025-2028' title='Selo UNICEF 2025-2028'></a><a href='/selos' class='break-responsive-header' style='margin-left: 5px'><img style='width: 60px' src='/imagens/imagensselos/8/outros.png' alt='Qualidade em Transparência Ouro' title='Qualidade em Transparência Ouro'></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
460' title='Selo Nacional compromisso com a Alfabetização Ouro 2024
461'></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="/" 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='/secretarios.php' >Equipe de Governo</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 Município 
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='/obras.php' >Obras</a></li><li><a href='/veiculos.php' >Veículos</a></li><li><a href='/simbolos.php' >Símbolos</a></li><li><a href='/conselhos.php' >Conselhos</a></li><li><a href='/guiadomunicipio.php' >Guia do Município</a></li><li><a href='/omunicipio.php' >Dados do Município</a></li>		</ul>
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=1'>Gabinete do Prefeito</a></li><li><a href='/secretaria.php?sec=11'>Procuradoria Geral do Município</a></li><li><a href='/secretaria.php?sec=33'>Controladoria e Ouvidoria Geral do Município</a></li><li><a href='/secretaria.php?sec=34'>Secretaria Municipal de Relações Institucionais</a></li><li><a href='/secretaria.php?sec=3'>Secretaria Municipal de Finanças</a></li><li><a href='/secretaria.php?sec=35'>Secretaria Municipal de Planejamento e Gestão</a></li><li><a href='/secretaria.php?sec=36'>Secretaria Municipal de Desenvolvimento Urbano</a></li><li><a href='/secretaria.php?sec=4'>Secretaria Municipal de Saúde</a></li><li><a href='/secretaria.php?sec=39'>Secretaria Municipal de Educação</a></li><li><a href='/secretaria.php?sec=40'>Secretaria Municipal de Assistência Social</a></li><li><a href='/secretaria.php?sec=41'>Secretaria Municipal de Infraestrutura</a></li><li><a href='/secretaria.php?sec=42'>Secretaria Municipal de Cultura</a></li><li><a href='/secretaria.php?sec=43'>Secretaria Municipal de Desenvolvimento Rural e Recursos Hídricos</a></li><li><a href='/secretaria.php?sec=44'>Secretaria Municipal de Desenvolvimento Econômico e Turismo</a></li><li><a href='/secretaria.php?sec=45'>Secretaria Municipal de Esporte e Juventude</a></li><li><a href='/secretaria.php?sec=46'>Secretaria Municipal de Meio Ambiente</a></li>
518		</ul>
519</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Serviços 
520                                                <i class='fa fa-angle-down'></i></a>
521                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/cartaservicos.php' >Carta de Serviços</a></li><li><a href='https://www.demonstrativos.acidadao.com.br/tabuleirodonorte' >Comprovantes de Rendimentos(irrf)</a></li><li><a href='http://sstransparenciamunicipal.net:8080/ssfolha/sisfo_principal.php?entcod=63' >Contracheque Online</a></li><li><a href='http://servicos2.speedgov.com.br/tabuleirodonorte' target='_blank'>Governo Eletrônico</a></li><li><a href='http://iss.speedgov.com.br/tabuleirodonorte/login' >Nota Fiscal</a></li>		</ul>
522                                            </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>
523                                <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='/lrf.php?cat=52'>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>
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='/concursopublico.php' >Concurso Público</a></li><li><a href='/processoseletivo.php' >Processo Seletivo</a></li><li><a href='https://www.tabuleirodonorte.ce.gov.br/resolucoes.php' >Resoluções</a></li><li><a href='/contratos.php' >Contratos</a></li><li><a href='/decretos.php' >Decretos</a></li><li><a href='/diarias.php' >Diárias</a></li><li><a href='/leis.php' >Leis</a></li><li><a href='/licitacao.php' >Licitação</a></li><li><a href='/lrf.php' >LRF Contas Públicas</a></li><li><a href='/contasdegoverno' >PCG</a></li><li><a href='/contasdegestao' >PCS</a></li><li><a href='/portaria.php' >Portarias</a></li><li><a href='/publicacoes.php' >Outras</a></li>		</ul>
527                                            </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="/" 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='/secretarios.php' >Equipe de Governo</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>
540                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Município 
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='/obras.php' >Obras</a></li><li><a href='/veiculos.php' >Veículos</a></li><li><a href='/simbolos.php' >Símbolos</a></li><li><a href='/conselhos.php' >Conselhos</a></li><li><a href='/guiadomunicipio.php' >Guia do Município</a></li><li><a href='/omunicipio.php' >Dados do Município</a></li>
542		</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=1'>Gabinete do Prefeito</a></li><li><a href='/secretaria.php?sec=11'>Procuradoria Geral do Município</a></li><li><a href='/secretaria.php?sec=33'>Controladoria e Ouvidoria Geral do Município</a></li><li><a href='/secretaria.php?sec=34'>Secretaria Municipal de Relações Institucionais</a></li><li><a href='/secretaria.php?sec=3'>Secretaria Municipal de Finanças</a></li><li><a href='/secretaria.php?sec=35'>Secretaria Municipal de Planejamento e Gestão</a></li><li><a href='/secretaria.php?sec=36'>Secretaria Municipal de Desenvolvimento Urbano</a></li><li><a href='/secretaria.php?sec=4'>Secretaria Municipal de Saúde</a></li><li><a href='/secretaria.php?sec=39'>Secretaria Municipal de Educação</a></li><li><a href='/secretaria.php?sec=40'>Secretaria Municipal de Assistência Social</a></li><li><a href='/secretaria.php?sec=41'>Secretaria Municipal de Infraestrutura</a></li><li><a href='/secretaria.php?sec=42'>Secretaria Municipal de Cultura</a></li><li><a href='/secretaria.php?sec=43'>Secretaria Municipal de Desenvolvimento Rural e Recursos Hídricos</a></li><li><a href='/secretaria.php?sec=44'>Secretaria Municipal de Desenvolvimento Econômico e Turismo</a></li><li><a href='/secretaria.php?sec=45'>Secretaria Municipal de Esporte e Juventude</a></li><li><a href='/secretaria.php?sec=46'>Secretaria Municipal de Meio Ambiente</a></li>		</ul>
545</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Serviços 
546                                                <i class='fa fa-angle-down'></i></a>
547                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/cartaservicos.php' >Carta de Serviços</a></li><li><a href='https://www.demonstrativos.acidadao.com.br/tabuleirodonorte' >Comprovantes de Rendimentos(irrf)</a></li><li><a href='http://sstransparenciamunicipal.net:8080/ssfolha/sisfo_principal.php?entcod=63' >Contracheque Online</a></li><li><a href='http://servicos2.speedgov.com.br/tabuleirodonorte' target='_blank'>Governo Eletrônico</a></li><li><a href='http://iss.speedgov.com.br/tabuleirodonorte/login' >Nota Fiscal</a></li>		</ul>
548                                            </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>
549                                <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='/lrf.php?cat=52'>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>
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='/concursopublico.php' >Concurso Público</a></li><li><a href='/processoseletivo.php' >Processo Seletivo</a></li><li><a href='https://www.tabuleirodonorte.ce.gov.br/resolucoes.php' >Resoluções</a></li><li><a href='/contratos.php' >Contratos</a></li><li><a href='/decretos.php' >Decretos</a></li><li><a href='/diarias.php' >Diárias</a></li><li><a href='/leis.php' >Leis</a></li><li><a href='/licitacao.php' >Licitação</a></li><li><a href='/lrf.php' >LRF Contas Públicas</a></li><li><a href='/contasdegoverno' >PCG</a></li><li><a href='/contasdegestao' >PCS</a></li><li><a href='/portaria.php' >Portarias</a></li><li><a href='/publicacoes.php' >Outras</a></li>
552		</ul>
553                                            </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 
732<body href="#" id="ancora">
733
734    <section id="services" class="topo-paginas-section">
735    <div class="container-new1">
736        <div class="col-md-12" style="padding-left:0px;">
737
738            <!--<div id="TituloServicos">-->
739            <div class="cartaservicosbanner" style="font-size: 16px;">Acessibilidade</div>
740            <h2 id="EsOv" class="cartaservicosbannertexto" style="font-size: 16px; padding-left: 5px;">Prefeitura Municipal de Tabuleiro do Norte</h2>
741            <!--</div>-->
742
743        </div>
744    </div>
745</section>
746
747
748    
749    <section style="margin-bottom:10px;">
750        <div class="container-new1">
751        <div class="public_paginas" style="margin-top: -50px;">
752                        <div class='col-md-12'>
753        <div class="row">
754                        <ol class="breadcrumb" style="background-color:#FFFFFF; margin-bottom: 0px;">
755                <li class="breadcrumb-item"><a href="/index.php">Início</a></li>
756                <li class="breadcrumb-item active">Acessibilidade</li>            </ol>
757                    </div>
758    </div>
759                <div class="col-md-12">
760                    <div class="row">
761                        <div class="col-md-12" style="padding-top:10px; text-align:justify;">
762
763                            <p>O Portal da Prefeitura Municipal de Tabuleiro do Norte 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>
764                            <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>
765                            <p>Para auxiliar a navegação, foram inseridas algumas teclas de atalho (accesskey) em alguns links. São eles:</p>
766                            <ul>
767                                <li>Voltar para a página inicial (Home Page) - ALT+H</li>
768                                <li>Voltar ao Início (topo da página) - ALT+9</li>
769                                <li>Saltar para o Conteúdo - ALT+C</li>
770                                <li>Acessibilidade do Site - ALT+SHIFT+1</li>
771                                <li>Aumentar Letras - ALT+A</li>
772                                <li>Diminuir Letras - ALT+SHIFT+D</li>
773                                <li>Tamanho Normal das Letras – ALT+N</li>
774                            </ul>
775
776                            <p>O acesso por esses atalhos varia conforme o navegador utilizado. Alguns utilizam "ALT + Tecla de Atalho" outros "ALT + SHIFT + Tecla de Atalho".</p>
777
778                        </div>
779                    </div>
780                </div>
781
782
783
784            </div>
785        </div>
786    </section>
787
788    
789
790<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer>
791    function resetTurnstileIfNeeded() {
792        if (window.turnstile) { try { turnstile.reset(); } catch (e) {} }
793    }
794    window.addEventListener('pageshow', (event) => { if (event.persisted) { resetTurnstileIfNeeded(); } });
795    document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { resetTurnstileIfNeeded(); } });
796</script>
796
797
798    
798<script src="/js/shortcuts.js"></script>
798
799    
799<script>
800        shortcut.add("Alt+H", function() {
801            window.location.assign("index.php");
802        });
803
804        shortcut.add("Alt+Shift+1", function() {
805            window.location.assign("acessibilidade.php");
806        });
807
808        shortcut.add("Alt+9", function() {
809            window.scrollTo(0, 0);
810        });
811
812        shortcut.add("Alt+C", function() {
813            window.location.href = '#ancora';
814        });
815    </script>
815
816
817
818
819    
820        
821        <section class="container-new1">
822            <div class="" style="margin-top: 10px; ">
823                <div class='public_paginas' style="padding-bottom: 40px;">
824
825                    <div class="col-md-12">
826                        <h1 style="text-align: center; margin-bottom: 40px; font-size: 25px;">Qual o seu nível de satisfação com essa página?</h1>
827                    </div>
828                    <div class="col-md-12">
829                        <fieldset class="radio-image">
830                            <div class="col-md-1"></div>
831                            <div class="col-md-2">
832
833                                <label for="2" class="radio-satisfacao" id="nota2">
834                                    <i class="iconota-nota2" style="color: #c0392b;"></i>
835                                </label>
836                                </br>Muito insatisfeito
837                            </div>
838                            <div class="col-md-2">
839                                <label for="4" class="radio-satisfacao" id="nota4">
840                                    <i class="iconota-nota4" style="color: #d35400;"></i>
841                                </label>
842                                </br>Insatisfeito
843                            </div>
844                            <div class="col-md-2">
845                                <label for="6" class="radio-satisfacao" id="nota6">
846                                    <i class="iconota-nota6" style="color: #f39c12;"></i>
847                                </label>
848                                </br>Neutro
849                            </div>
850                            <div class="col-md-2">
851                                <label for="8" class="radio-satisfacao" id="nota8">
852                                    <i class="iconota-nota8" style="color: #2ecc71;"></i>
853                                </label>
854                                </br>Satisfeito
855                            </div>
856                            <div class="col-md-2">
857
858                                <label for="10" class="radio-satisfacao" id="nota10">
859                                    <i class="iconota-nota10" style="color: #27ae60;"></i>
860                                </label>
861                                </br>Muito satisfeito
862                            </div>
863                            <div class="col-md-1"></div>
864                        </fieldset>
865                    </div>
866
867                    <div class="col-md-12"></div>
868
869                    <div class="col-md-2"></div>
870                    <div class="col-md-8">
871                        <form id="FormSatisfacao" method="post" action="/data_satisfacao.php" style="display: none;">
872                            <div class="form-group">
873                                <label> Name </label>
874                                <input type="text" name="nome" class="form-control" id="nome" placeholder="Digite seu nome">
875                                <input type="hidden" name="nota" id="nota" required />
876                                <input type="hidden" name="VPagina" value="acessibilidade.php" />
877                                <input type="hidden" name="NRegistro" value="0" />
878                                <input type="hidden" name="LinkCompleto" value="/acessibilidade.php" />
879                            </div>
880                            <div class="form-group">
881                                <label> Email </label>
882                                <input type="email" class="form-control" name="email" placeholder="Digite aqui seu email" />
883                            </div>
884                            <div class="form-group">
885                                <label> Mensagem </label>
886                                <textarea name="mensagem" class="form-control" rows="2"></textarea>
887                            </div>
888                            <div class="form-group">
889                            <div class="cf-turnstile" 
890                                data-sitekey="0x4AAAAAACVDWUHhoO9s_gEA" 
891                                data-callback="onTurnstileOk" 
892                                data-theme="light" >
893                            </div></div>
894                            <div class="form-group">
895                                <p style="line-height: 1.500; margin-bottom: 0px;">
896                                    *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.
897                                </p>
898                                <p style="line-height: 1.500; margin-bottom: 0px;">
899                                    Esclarecemos que os dados fornecidos acima serão tratados com respeito à sua privacidade.
900                                </p>
901                                <p style="line-height: 1.500; margin-bottom: 0px;">
902                                    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.
903                                </p>
904                            </div>
905                            <div class="form-group">
906                                <button type="button" id="CancelSatisfacao" class="btn btn-primary" required="required"> <i class="fa fa-window-close" aria-hidden="true"></i> Cancelar</button>
907                                <button type="submit" name="submit" id="bt
907nSend" class="btn btn-primary" required="required"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Enviar</button>
908                                <i class="fa fa-2x fa-spinner fa-spin load" style="display: none;"></i>
909                            </div>
910                        </form>
911                    </div>
912                    <div class="col-md-2"></div>
913                    <div id="Return" class="col-md-12"> </div>
914
915                </div>
916            </div>
917        </section>
918
919
920    
921    <section class="container-new1 rodape-radar-atricon">
922        <div class="" style="">
923            <div class='public_paginas' style="padding-bottom: 0px;">
924                <div class="row">
925                    <div class="col-md-12">
926                        <a href="https://radardatransparencia.atricon.org.br/ " target="_blank">
927                            <img src="/imagens/radar_atricon.png" alt="Radar ATRICON" width="100%" style="display: block; border-radius: 9px;">
928                        </a>
929                    </div>
930                </div>
931            </div>
932        </div>
933    </section>
934
935    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
936
937
938    <div id="scroll2"><a href="/atricon.php"><img src="/imagens/atricon48x48.png" title="Atricon"></a></div>
939    
940    <div id="scroll"><span></span></div>
941
942    
943    <div class="section" id="bottom" style="padding-bottom: 0px;">
944                        <div class="gmaps" style="height: 150px;">
945            <iframe title='Mapa da cidade' src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3973.0706453426533!2d-38.13245528551141!3d-5.251584596189807!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7bbc8ca47b76c71%3A0xf896f9b63eeecef9!2sPrefeitura%20Municipal%20de%20Tabuleiro%20do%20Norte!5e0!3m2!1spt-BR!2sbr!4v1666316959486!5m2!1spt-BR!2sbr" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
946
947        </div>
948                        
949                
950 
951
952<div style="display: flex; margin:0; margin-bottom: 5px;">
953       
954</div>      
955
956        
957                        <section>
958                    <div class="col-md-12">
959                        <div class="row fitaflex">
960                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #1285C2;"></div>
961                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #6F9949;"></div>
962                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #367544;"></div>
963                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #1285C2;"></div>
964                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #6F9949;"></div>
965                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #367544;"></div>
966                        </div>
967                    </div>
968                </section>
969            
970            <style>
971            /* banner "Radar Nacional da Transparencia" (antes do rodape, em toda pagina): tinha so
972               margin-top:10px (nenhuma embaixo), entao a distancia pro rodape ficava bem menor que
973               a distancia pro conteudo acima dele. So mexe em cima/embaixo — o atalho "margin: 30px 0"
974               zerava tambem a margem lateral (que nao era 0) e deslocava o banner pro lado. */
975            .rodape-radar-atricon {
976                margin-top: 30px;
977                margin-bottom: 30px;
978            }
979
980            /* ===== Rodapé institucional 2026 — modelo B (bottomTipo9) — namespace .site-footer*
981               Fundo em degrade na cor do site, cabecalho (logo + nome + redes), faixa de
982               selos, 3 cards translucidos e barra final. So o layout/CSS mudou: consultas,
983               condicionais e dados continuam os mesmos. Sem largura propria: usa o
984               .container-new1 padrao do site (alinhado ao cabecalho e as secoes
984). ===== */
985            .site-footer {
986                position: relative;
987                /* clear: a faixa de cores logo acima (.col-md-12 do Bootstrap) e um float
988                   sem clearfix. Com overflow:hidden o rodapé vira um bloco "BFC" e, sem
989                   clear, ele encolhe pra ficar ao lado desse float (largura 0). */
990                clear: both;
991                overflow: hidden;
992                background: #1285C2;
993                background: linear-gradient(155deg, #1285C2 0%, #0a4d71 100%);
994                color: rgba(255, 255, 255, .86);
995                font-size: 14px;
996            }
997
998            /* brilhos suaves de fundo (decorativos) */
999            .site-footer::before,
1000            .site-footer::after {
1001                content: "";
1002                position: absolute;
1003                border-radius: 50%;
1004                pointer-events: none;
1005            }
1006
1007            .site-footer::before {
1008                width: 700px;
1009                height: 700px;
1010                right: -180px;
1011                top: -320px;
1012                background: radial-gradient(closest-side, rgba(255, 255, 255, .16), transparent);
1013            }
1014
1015            .site-footer::after {
1016                width: 560px;
1017                height: 560px;
1018                left: -200px;
1019                bottom: -300px;
1020                background: radial-gradient(closest-side, rgba(255, 255, 255, .09), transparent);
1021            }
1022
1023            .site-footer > * {
1024                position: relative;
1025                z-index: 1;
1026            }
1027
1028            /* ---- cabecalho: logo + nome (esq.) e selos (dir.) ---- */
1029            .site-footer__head {
1030                display: flex;
1031                flex-wrap: wrap;
1032                align-items: center;
1033                justify-content: space-between;
1034                gap: 22px 32px;
1035                padding-block: 48px 28px;
1036            }
1037
1038            .site-footer__brand {
1039                display: flex;
1040                align-items: center;
1041                min-width: 0;
1042            }
1043
1044            .site-footer-identity__logo {
1045                max-height: 100px;
1046                width: auto;
1047                max-width: 100%;
1048                filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .2));
1049            }
1050
1051            .site-footer-identity__city {
1052                /* sem font-family aqui de proposito: herda de body{font-family:
1053                   "Roboto", Arial, Helvetica, sans-serif}, configuravel por municipio
1054                   (css/style.php). Nao hardcodar uma fonte especifica. */
1055                margin: 0;
1056                font-size: 16px;
1057                font-weight: 400;
1058                letter-spacing: .005em;
1059                text-transform: none;
1060                color: rgba(255, 255, 255, .9);
1061            }
1062
1063            /* divisor entre a logo e o nome (so quando existe logo) */
1064            .site-footer-identity__logo + .site-footer-identity__city {
1065                margin-left: 22px;
1066                padding-left: 22px;
1067                border-left: 1px solid rgba(255, 255, 255, .3);
1068            }
1069
1070            /* ---- selos, encaixados no cabecalho no lugar das redes sociais ---- */
1071            .site-footer__seals-inline {
1072                display: flex;
1073                flex-wrap: wrap;
1074                align-items: center;
1075                justify-content: flex-end;
1076                gap: 16px;
1077            }
1078
1079            .site-footer__seals-inline img {
1080                width: 40px;
1081                display: block;
1082                opacity: .9;
1083                transition: opacity .15s ease, transform .15s ease;
1084            }
1085
1086            .site-footer__seals-inline a:hover img {
1087                opacity: 1;
1088                transform: translateY(-2px);
1089            }
1090
1091            /* ---- 3 cards: Institucional / Contatos / Endereco e horario ---- */
1092            .site-footer__grid {
1093                display: grid;
1094                grid-template-columns: repeat(3, 1fr);
1095                gap: 18px;
1096                padding: 32px 0 36px;
1097            }
1098
1099            .site-footer__col {
1100                min-width: 0;
1101                padding: 26px 26px 14px;
1102                /* raio exatamente igual ao configurado no site (VCaixaArredondamento) — antes usava
1103                   uma formula (2x + 6px) que deixava esses cards bem mais arredondados que o resto do site */
1104                border-radius: var(--site-card-radius, 7px);
1105                background: rgba(255, 255, 255, .08);
1106                border: 1px solid rgba(255, 255, 255, .16);
1107            }
1108
1109            .site-footer__col-title {
1110                display: flex;
1111                align-items: center;
1112                gap: 12px;
1113                margin: 0 0 18px;
1114                font-size: 12.5px;
1115                font-weight: 700;
1116                line-height: 1.2;
1117                text-transform: uppercase;
1118                letter-spacing: .09em;
1119                color: #fff;
1120            }
1121
1122            .site-footer__col-ico {
1123                display: inline-flex;
1124                flex: 0 0 40px;
1125                align-items: center;
1126                justify-content: center;
1127                width: 40px;
1128                height: 40px;
1129                border-radius: var(--site-card-radius, 7px);
1130                background: rgba(255, 255, 255, .16);
1131                font-size: 18px;
1132            }
1133
1134            .site-footer__col p {
1135                display: flex;
1136                align-items: flex-start;
1137                gap: 10px;
1138                margin: 0 0 12px;
1139                font-size: 14px;
1140                line-height: 1.55;
1141                color: rgba(255, 255, 255, .9);
1142            }
1143
1144            .site-footer__col p i {
1145                flex: none;
1146                width: 16px;
1147                margin-top: 3px;
1148                text-align: center;
1149                color: #fff;
1150                opacity: .7;
1151            }
1152
1153            /* ---- barra final ---- */
1154            .site-footer__bottom {
1155                background: rgba(0, 0, 0, .14);
1156                border-top: 1px solid rgba(255, 255, 255, .14);
1157            }
1158
1159            .site-footer__bottom-inner {
1160                display: flex;
1161                flex-wrap: wrap;
1162                align-items: center;
1163                justify-content: space-between;
1164                gap: 8px 20px;
1165                /* so vertical: o padding lateral vem do .container-new1, igual ao dos cards */
1166                padding-block: 18px;
1167                color: rgba(255, 255, 255, .75);
1168                font-size: 13px;
1169            }
1170
1171            /* O .container-new1 (main.css) tem um clearfix: ::before/::after com
1172               content:" ". Num container flex esses dois pseudo-elementos viram
1173               itens extras, e o space-between reparte o espaco entre 4 itens —
1174               os <p> ficam "boiando" no meio em vez de nas pontas do container.
1175               Aqui o flex ja contem os filhos, entao o clearfix e desligado. */
1176            .site-footer .site-footer__bottom-inner::before,
1177            .site-footer .site-footer__bottom-inner::after {
1178                content: none;
1179                display: none;
1180            }
1181
1182            .site-footer__bottom p {
1183                margin: 0;
1184            }
1185
1186            /* copyright na ponta esquerda do container, acessibilidade na direita */
1187            .site-footer__bottom-inner p:first-child {
1188                text-align: left;
1189            }
1190
1191            .site-footer__bottom-inner p:last-child {
1192                text-align: right;
1193            }
1194
1195            .site-footer__bottom a {
1196                color: #fff;
1197                font-weight: 500;
1198                text-decoration: none;
1199            }
1200
1201            .site-footer__bottom a:hover,
1202            .site-footer__bottom a:focus-visible {
1203                text-decoration: underline;
1204            }
1205
1206            /* ---- responsivo ---- */
1207            @media (max-width: 991px) {
1208                .site-footer__grid {
1209                    grid-template-columns: 1fr;
1210                }
1211            }
1212
1213            @media (max-width: 767px) {
1214                .site-footer__head {
1215                    flex-direction: column;
1216                    justify-content: center;
1217                    text-align: center;
1218                    padding-block: 34px 22px;
1219                }
1220
1221                .site-footer__brand {
1222                    flex-direction: column;
1223                    gap: 14px;
1224                }
1225
1226                .site-footer-identity__logo + .site-footer-identity__city {
1227                    margin-left: 0;
1228                    padding-left: 0;
1229                    border-left: 0;
1230                }
1231
1232                .site-footer__seals-inline {
1233                    justify-content: center;
1234                }
1235
1236                .site-footer__grid {
1237                    padding: 26px 0 28px;
1238                }
1239
1240                .site-footer__bottom-inner {
1241                    justify-content: center;
1242                    text-align: center;
1243                }
1244
1245                .site-footer__bottom-inner p:first-child,
1246                .site-footer__bottom-inner p:last-child {
1247                    text-align: center;
1248                }
1249            }
1250        </style>
1251
1252    </div>
1253
1254    <footer class="site-footer" role="contentinfo" style="--site-card-radius: 9px;">
1255        <div class="container-new1 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
1256            <div class="site-footer__head">
1257                <div class="site-footer__brand">
1258                    <img src="/imagens/logovazada.png?time=1790954658" alt="Prefeitura Municipal de Tabuleiro do Norte" class="site-footer-identity__logo">
1259                <p class="site-footer-identity__city">
1260                    Prefeitura Municipal de Tabuleiro do Norte - CE                </p>
1261                </div>
1262
1263            <div class='site-footer__seals-inline'><a href='/selos'><img src='/imagens/imagensselos/atricon-ouro-2025-p.png' alt='' title=''></a><a href='/selos' class='break-responsive-header'><img src='/imagens/imagensselos/6/outros.png' alt='Selo Sebrae Diamante De Referência em Atendimento 2024' title='Selo Sebrae Diamante De Referência em Atendimento 2024'></a><a href='/selos' class='break-responsive-header'><img src='/imagens/imagensselos/7/outros.png' alt='Selo UNICEF 2025-2028' title='Selo UNICEF 2025-2028'></a><a href='/selos' class='break-responsive-header'><img src='/imagens/imagensselos/8/outros.png' alt='Qualidade em Transparência Ouro' title='Quali
1263dade em Transparência Ouro'></a><a href='/selos'><img src='/imagens/imagensselos/alfa-ouro-p.png' alt='Selo Nacional compromisso com a Alfabetização Ouro 2024
1264' title='Selo Nacional compromisso com a Alfabetização Ouro 2024
1265'></a></div>            </div>
1266        </div>
1267
1268        <div class="container-new1">
1269            <div class="site-footer__grid">
1270
1271                <div class="site-footer__col">
1272                    <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>
1273
1274                    
1275                    <p><i class='bi bi-person-circle' aria-hidden="true"></i> <span>Prefeito(a) Renata Thais Duarte Vasconcelos</span></p>
1276                                        <p><i class='bi bi-postcard' aria-hidden="true"></i> <span>CNPJ: 07.891.682/0001-19</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-telephone" aria-hidden="true"></i></span><span>Contatos</span></h2>
1281                                        <p><i class='bi bi-telephone' aria-hidden="true"></i> <span>(88) 9.9267-0223</span></p>
1282                    <p><i class='bi bi-envelope-at' aria-hidden="true"></i> <span>[email protected]</span></p>
1283                </div>
1284
1285                <div class="site-footer__col">
1286                    <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>
1287
1288                    <p>
1289                        <i class='bi bi-geo-alt' aria-hidden='true'></i>
1290                        <span>
1291                            Rua Padre Clicério,
1292
1293                                                        4605
1294                                                            - São Francisco,
1295
1296                                                                62.960-000                        </span>
1297                    </p>
1298                    <p>
1299                        <i class='bi bi-clock' aria-hidden='true'></i>
1300                        <span>Segunda A Sexta - 07:00h Às 13:00h</span>
1301                    </p>
1302                </div>
1303
1304
1305            </div>
1306        </div>
1307
1308        <div class="site-footer__bottom">
1309            <div class="container-new1 site-footer__bottom-inner">
1310                <p>
1311                    &copy; 2026 <a target='_blank' href='http://www.assesi.com.br/' title=''>Assesi</a>.
1312                    Todos os Direitos Reservados.
1313                </p>
1314                <p><a href="/acessibilidade.php">Acessibilidade</a></p>
1315            </div>
1316                    </div>
1317    </footer>
1318
1319
1320<script type="text/javascript">
1321
1322    // document.addEventListener('click', function(){
1323    //     const link_before = event.target.closest('a');
1324    //     const link_destino = (link_before) ? link_before.href : null;
1325
1326    //     const params_before = new URLSearchParams(link_before);
1327    //     if (params_before.has('source')) {
1328
1329    //         localStorage.getItem('source', 'app');  
1330    //     } else {
1331    //         localStorage.removeItem('source');
1332    //     }
1333
1334    // });
1335
1336</script>
1336
1337
1338    
1338<script src="js/jquery.js"></script>
1338
1339    
1339<script src="js/bootstrap.min.js"></script>
1339
1340    
1340<script src="js/jquery.easing.min.js"></script>
1340
1341    
1341<script src="js/jquery.prettyPhoto.js"></script>
1341
1342    
1342<script src="js/jquery.isotope.min.js"></script>
1342
1343    
1343<script src="js/main.js"></script>
1343
1344    
1344<script src="js/wow.min.js"></script>
1344
1345    
1345<script src="js/gtag.js"></script>
1345
1346    
1346<script src="js/jquery.font-accessibility.min.js"></script>
1346
1347    
1347<script>
1348        $(function() {
1349            /* Custom buttons */
1350            $('#font-setting-buttons').easyView({
1351                container: 'body, .row',
1352                increaseSelector: '.increase-me',
1353                decreaseSelector: '.decrease-me',
1354                normalSelector: '.reset-me',
1355                contrastSelector: '.change-me'
1356            });
1357
1358
1359        });
1360    </script>
1360
1361</body>
1362
1363</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.