PageSourceSearch

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

html tabuleirodonorte.ce.gov.br collected 2026-09-25 08:04:18 UTC 64,510 bytes, 1,267 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 li a {
229 color: #0F6EA3 !important ;
230}
231
232.dropdown-toggle-acessibilidade:hover .dropdown-menu-acessibilidade { 
233 display: block !important;
234}
235/* 
236    navbar-dafault-main entra em conflito com .navbar-default quando o MenuDegrade está ativo
237    Esse conflito deixa o menu branco
238*/
239
240.navbar-dafault-main {
241    background-image: url(""), 
242                      url("");
243    background-repeat: no-repeat, no-repeat ;
244    background-position: left, right ;
245}
246.social-links-top {
247    /* border-left: 1px solid #fff; */
248}
249
250</style>
251
252
253
254
255<!-- INÍCIO DO TOPO DO SITE -->
256<header id="header" class=" navbar navbar-fixed-top wet-asphalt" style="border:0px; background-image:url(/imagens/top/Background63.jpg);">
257        <div class="container-fluid topo-option-1 color-topo">
258        <div class="container-new1">
259            <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;">
260
261                        
262                        <div class="title__cliente" style="margin-bottom: 0px; padding-left:15px; padding-right:0; margin-right: auto; color: #fff;">
263                            <a href="https://www.tabuleirodonorte.ce.gov.br"><span>Prefeitura Municipal de Tabuleiro do Norte</span></a>
264                        </div>
265
266                        
267                            <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px; "><a
268                            href="/ouvidoria"><i class="bi bi-headset"></i> <span class='nomefora'
269                                title="Ouvidoria da entidade">Ouvidoria/Sic</span></a></div>
270
271                    
272                
273
274                <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px;"><a
275                        href="/acessoainformacao.php"><i class="bi bi-info-circle-fill"></i> <span class='nomefora'
276                            title="Transparência da entidade">Transparência</span></a></div>
277
278                <!--<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>-->
279                    <div style="margin-bottom: 0px; float:right; padding-left:0; padding-right:0; width: 130px" class="dropdown dropdown-toggle-acessibilidade"><a href="#"
280                            accesskey="1" title="Página de acessibilidade" class="dropdown-toggle" data-toggle="dropdown" ><i class="bi bi-emoji-smile"></i> <span
281                                class='nomefora'>Acessibilidade</span></a>
282                            
283                                <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;">
284                                    <li><a href="/acessibilidade.php" style="cursor:pointer;"
285                                        title="Página de acessibilidade"><i class="bi bi-emoji-smile"></i> <span
286                                        class='nomefora'>Sobre</span></a></li>
287
288                                    <li><a href="#altocontraste"
289                                        id="altocontraste" onclick="window.toggleContrast()" style="cursor:pointer;" accesskey="2"
290                                        title="Aplicar Contraste"><i class="bi bi-toggles"></i> <span
291                                        class='nomefora'>Contraste</span></a></li>
292
293                                    <li> <a
294                                        class="nav-link increase-me btn-list-top" style="cursor:pointer; " accesskey="A"
295                                        title="Aumentar texto"><i class="bi bi-plus-square"></i> <span
296                                        class='nomefora'>Aumentar</span></a></li>
297                                    <li><a
298                                        class="nav-link decrease-me btn-list-top" style="cursor:pointer; " accesskey="D"
299                                        title="Diminuir texto"> <i class="bi bi-dash-square"></i> <span
300                                        class='nomefora'>Diminuir</span></a></li>
301                                    
302                                    <li><a style="cursor:pointer;"
303                                        href="https://www.gov.br/governodigital/pt-br/vlibras" target='_blank' accesskey="M"
304                                        title="VLibras"><i class='fa fa-hand-paper-o'></i> <span class='nomefora'>Libras</span></a></li>
305
306                                    <li><a href="/mapadosite" style="cursor: pointer;"
307                                        title="Mapa do site" accesskey="M"><i class="bi bi-diagram-3-fill"></i> <span
308                                        class="nomefora">Mapa do site</span></a></li>
309                                </ul>
310                            
311                    </div>
312
313                    <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 100px;"><a
314                        href="/pesquisa"><i class="bi bi-search"></i> <span class='nomefora'
315                            title="Transparência da entidade">Pesquisar</span></a></div>
316
317                <!-- fim de acessibilidade -->
318
319                <!-- redes sociais -->
320                <div class="social-links-top">
321                                                    <a class="nav-link btn-list-top" href="https://www.facebook.com/prefeituradetabuleirodonorte">
322                                    <i class='bi bi-facebook' title="Facebook"></i>
323                                </a>
324                                                    <a class="nav-link btn-list-top" href="https://www.youtube.com/channel/UCYnkRAn_6LvXGjsIjAptsiw">
325                                    <i class='bi bi-youtube' title="YouTube"></i>
326                                </a>
327                                                    <a class="nav-link btn-list-top" href="https://www.instagram.com/preftabuleirodonorte/">
328                                    <i class='bi bi-instagram' title="Instagram"></i>
329                                </a>
330                                                    <a class="nav-link btn-list-top" href="https://webmail-seguro.com.br/tabuleirodonorte.ce.gov.br/">
331                                    <i class='bi bi-envelope-fill' title="E-mail"></i>
332                                </a>
333                    
334                        
335                </div>
336                <!-- redes sociais -->
337
338            </div>
339        </div>
340    </div>
341
342
343    <div class="container-fluid topo-option-mobile color-topo">
344        <div class="container">
345            <div class="row" id="font-setting-buttons" style="line-height: 33px; display: flex; position: relative; z-index: 5;">
346                
347                    <div style="margin-bottom: 0px; padding-left: 7px; padding-right: 10px;"><a
348                        href="/acessoainformacao.php"><i class='bi bi-info-circle-fill'></i> <span
349                        title="Transparência da entidade"><strong>Transparência</strong></span></a></div>
350
351                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
352                        href="ouvidoria"><i class="bi bi-headset"></i> <span
353                        title="Ouvidoria da entidade"><strong>Ouvidoria </strong></span></a></div>
354
355                    <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a
356                        href="/acessibilidade"><i class='bi bi-emoji-smile'></i> <span
357                        title="Acessibilidade"><strong>Acessibilidade</strong></span></a></div>
358
359                    <div style="margin-bottom: 0px; padding-left:0; padding-right:10;" class="dropdown dropdown-toggle-acessibilidade">
360                        <a href="#" accesskey="1" title="Mais opções" class="dropdown-toggle" data-toggle="dropdown">
361                            <i class="bi bi-plus"></i>
362                            <span><strong>Opções</strong></span>
363                        </a>
364
365                        <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;">
366                            <li>
367                                <a href="/pesquisa" style="cursor:pointer;" title="Pesquisar"><i class="bi bi-search"></i><span style="padding-left: 10px;">Pesquisar</span></a>
368                            </li>
369                    </div>
370            </div>
371        </div>
372    </div>
373    
374        <div class="col-md-12 col-fita">
375        <div class="row fitaflex" style="padding-bottom: 10px;">
376            <div class="col-md-2 fita"
377                style="margin-bottom:0px; border-top: 7px solid #1285C2;"></div>
378            <div class="col-md-2 fita"
379                style="margin-bottom:0px; border-top: 7px solid #6F9949;"></div>
380            <div class="col-md-2 fita"
381                style="margin-bottom:0px; border-top: 7px solid #367544;"></div>
382            <div class="col-md-2 fita"
383                style="margin-bottom:0px; border-top: 7px solid #1285C2;"></div>
384            <div class="col-md-2 fita"
385                style="margin-bottom:0px; border-top: 7px solid #6F9949;"></div>
386            <div class="col-md-2 fita"
387                style="margin-bottom:0px; border-top: 7px solid #367544;"></div>
388        </div>
389    </div>
390    
391    <style>
392        /* ===== Selos alinhados com a logo 2026 — nao muda o tamanho da logo, so o alinhamento dos selos =====
393           .d-flex-main-menu-center so virava flex/centralizado no celular (responsive.css); aqui repete o mesmo
394           comportamento tambem no desktop, pra logo e selos ficarem na mesma linha central. */
395        .d-flex-main-menu-center {
396            display: flex;
397            align-items: center;
398        }
399
400        /* .box-pesq tem margin-top:30px no main.css (pensado pra quando essa coluna nao dividia a linha
401           com a logo). Com o alinhamento acima, essa margem so empurrava os selos pra baixo do centro. */
402        #logo-top-bar .box-pesq {
403            margin-top: 0;
404        }
405    </style>
406
407    <div class="container-new1 container-menu-main" id="logo-top-bar" style="padding-bottom:10px; padding-top:10px; ">
408
409
410
411        <div class="row d-flex-main-menu-center">
412           
413            <div id="centralizarLogo" class="col-6 col-sm-7 col-xs-7 ">
414
415                <a id="" href="/" style="padding-right: 5px; margin-right: 20px"><img id="" src="/imagens/logo.png?time=1790250791" alt="logo"></a>
416            </div>
417
418            <div class="col-6 col-canvas-navbar">
419                <a class="navbar-toggle" data-toggle="offcanvas"
420                        style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
421                        data-target=".offcanvas-collapse">
422                        <span class="fa fa-bars" style="font-size: 25px; color: #000;"></span>
423                </a>
424            </div>
425
426            <div class="col-sm-5 col-xs-5 fora_responsivo">
427                <div class="wow fadeInUp box-pesq">
428                    
429
430                    <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='Quali
430dade 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
431' title='Selo Nacional compromisso com a Alfabetização Ouro 2024
432'></a>
433                    
434
435                    <!-- <a href="/pesquisa.php" class="btn btn-primary nomefora"><span class="glyphicon glyphicon-search "
436                            aria-hidden="true"></span> Pesquisa</a> -->
437
438                        <!--
439                        <div class="nomefora" id="google_translate_element"></div>
440                        
440<script>
441                            function googleTranslateElementInit() {
442                                new google.translate.TranslateElement({
443                                        pageLanguage: 'pt',
444                                        autoDisplay: false,
445                                        includedLanguages: 'de,es,fr,en,it',
446                                        layout: google.translate.TranslateElement.InlineLayout.SIMPLE
447                                    },
448                                    'google_translate_element');
449                            }
450                        </script>
450
451                        
451<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
451
452                        -->
453
454                </div>
455
456            </div>
457        </div>
458    </div>
459
460
461    <!-- navbar offcanvas -->
462    <nav class="navbar navbar-default navbar-dafault-main" style="border:0px;">
463        <div class="container-new1">
464            <div class="navbar-header navbar-header-main">
465                <a class="navbar-toggle" data-toggle="offcanvas"
466                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; "
467                    data-target=".offcanvas-collapse">
468                    <span class="fa fa-bars" style="font-size: 16px"></span>
469                </a>
470                <a href="pesquisa.php" class="navbar-toggle"
471                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; display: none;"><span
472                        class="fa fa-search" style="font-size: 16px" aria-hidden="true"></span></a>
473                <a class="navbar-toggle" id="btnperq" href="#" aria-expanded='false' title='Menu de acessibilidade'
474                    style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px;  cursor: pointer; display: none;"><i
475                        class='fa fa-odnoklassniki' style="font-size: 16px" aria-hidden='true'></i></a>
476                            </div>
477                            
478            
479            <div class="collapse navbar-collapse navbar-collapse-toglee" style="border:0px;">
480                <ul class="nav navbar-nav main-menu" style="margin-top:0px;">
481                    
482                    <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 
483                                                <i class='fa fa-angle-down'></i></a>
484                                                    <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>
485                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Município 
486                                                <i class='fa fa-angle-down'></i></a>
487                                                    <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>
488                                            </li>  <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>Secretarias <i class='fa fa-angle-down'></i></a>
489                                    <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>
489		</ul>
490</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Serviços 
491                                                <i class='fa fa-angle-down'></i></a>
492                                                    <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>
493                                            </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>
494                                <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>
495</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Publicações 
496                                                <i class='fa fa-angle-down'></i></a>
497                                                    <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>
498                                            </li>                </ul>
499            </div>
500        </div>
501        <!--/.container-->
502        
503        <div class="navbar-collapse offcanvas-collapse">
504            <ul class="navbar-nav mr-auto dropdown-menu dropdown-menu-offcanvas">
505
506            <button class="offcanvas-close" aria-label="Fechar">&times;</button>
507                
508            <li><a href="/" title="Início" target="">INÍCIO</a></li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>A Prefeitura 
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='/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>
511                                            </li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Município 
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='/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>
513		</ul>
514                                            </li>  <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>Secretarias <i class='fa fa-angle-down'></i></a>
515                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/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>
516</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Serviços 
517                                                <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='/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>
519                                            </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>
520                                <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/lrf.php?cat=4'>RGF  Relatório de Gestão Fiscal</a></li><li><a href='/lrf.php?cat=7'>RREO  Relatório Resumido da Execução Orçamentária</a></li><li><a href='/lrf.php?cat=8'>LOA  Lei Orçamentária Anual</a></li><li><a href='/lrf.php?cat=9'>LDO  Lei de Diretrizes orçamentárias</a></li><li><a href='/lrf.php?cat=17'>PPA  Plano Plurianual</a></li><li><a href='/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>
521</li>  <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Publicações 
522                                                <i class='fa fa-angle-down'></i></a>
523                                                    <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/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>
523		</ul>
524                                            </li>            
525            </ul>
526      </div>
527      
528    </nav>
529    <div class="offcanvas-backdrop"></div>
530    <!--/nav-->
531
532
533</header>
534    
535<style type="text/css">
536    </style>
537
538
539<div id="espaco-header" class="espaco-header-main" style="height:207px; margin-bottom: 27.4px;">&nbsp;</div>
540
541
542
543<!-- <div id="sticky-container-id" class="sticky-container">
544    <ul class="sticky"> -->
545
546        
547    <!-- </ul>
548</div> -->
549
550
551  
552<!-- VLibras -->
553<div vw class="enabled">
554    <div vw-access-button class="active"></div>
555    <div vw-plugin-wrapper>
556      <div class="vw-plugin-top-wrapper"></div>
557    </div>
558  </div>
559  
559<script src="https://vlibras.gov.br/app/vlibras-plugin.js" defer></script>
559
560  
560<script defer>
561    document.addEventListener('DOMContentLoaded', function() {
562      new window.VLibras.Widget('https://vlibras.gov.br/app');
563    });
564</script>
564
565<!-- VLibras -->
566
567<script src="/js/jquery-2.1.1.min.js"></script>
vendor: 1 bytes, line 567
567
568<script type="text/javascript">
569$(document).ready(function() {
570
571    $('.offcanvas-backdrop').removeClass('show');
572
573    $('[data-toggle="offcanvas"]').on('click', function () {
574        $('.offcanvas-collapse').removeClass('open');
575        const target = $(this).data('target');
576        $(target).toggleClass('open');
577        $('.offcanvas-backdrop').addClass('show');
578    })
579
580    // Fechar o menu ao clicar no backdrop
581    $('.offcanvas-backdrop, .offcanvas-close').on('click', function () {
582      $('.offcanvas-collapse').removeClass('open');
583      $('.offcanvas-backdrop').removeClass('show');
584    })
585
586    $('.dropdown-menu-sub').hide();
587    $('.dropdown-submenu a.dropdown-sub-toggle').on("click", function(e){
588        $(this).next('ul').toggle();
589        e.stopPropagation();
590        e.preventDefault();
591    });
592
593
594    $(window).scroll(function() {
595        if ($(this).scrollTop() > 100) {
596            $("#logo-top-bar").css({
597                "margin-top": "-25.5Vh",
598                "transition": ".4s",
599                "z-index": "-2"
600            });
601            $("#logo-top-bar").fadeOut("800");
602            $('#scroll').fadeIn();
603            $('#scroll2').fadeIn();
604            $('#scroll3').fadeIn();
605             
606            $(".col-fita").fadeOut();
607
608        } else {
609            $("#logo-top-bar").fadeIn("800");
610            $("#logo-top-bar").css({
611                "margin-top": "0px"
612            });
613            $(".col-fita").fadeIn();
614            $('#scroll').fadeOut();
615            $('#scroll2').fadeOut();
616            $('#scroll3').fadeOut();
617        }
618    });
619    $('#scroll').click(function() {
620        $("html, body").animate({
621            scrollTop: 0
622        }, 0);
623        return false;
624    });
625
626
627    $('#menu-acessiblidade').hide().contents().hide();
628    $('#btnperq').on('click', function(e) {
629        e.preventDefault();
630        $('#menu-acessiblidade').slideToggle('fast', function(e) {
631            if ($(this).is(':visible')) {
632                $(this).contents().fadeIn(1000);
633            } else {
634                $(this).contents().hide();
635            }
636        });
637
638    })
639
640
641}
641);
642</script>
642
643
644
645 
646<body href="#" id="ancora">
647
648    <section id="services" class="topo-paginas-section">
649    <div class="container-new1">
650        <div class="col-md-12" style="padding-left:0px;">
651
652            <!--<div id="TituloServicos">-->
653            <div class="cartaservicosbanner" style="font-size: 16px;">Acessibilidade</div>
654            <h2 id="EsOv" class="cartaservicosbannertexto" style="font-size: 16px; padding-left: 5px;">Prefeitura Municipal de Tabuleiro do Norte</h2>
655            <!--</div>-->
656
657        </div>
658    </div>
659</section>
660
661
662    
663    <section style="margin-bottom:10px;">
664        <div class="container-new1">
665        <div class="public_paginas" style="margin-top: -50px;">
666                        <div class='col-md-12'>
667        <div class="row">
668                        <ol class="breadcrumb" style="background-color:#FFFFFF; margin-bottom: 0px;">
669                <li class="breadcrumb-item"><a href="/index.php">Início</a></li>
670                <li class="breadcrumb-item active">Acessibilidade</li>            </ol>
671                    </div>
672    </div>
673                <div class="col-md-12">
674                    <div class="row">
675                        <div class="col-md-12" style="padding-top:10px; text-align:justify;">
676
677                            <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>
678                            <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>
679                            <p>Para auxiliar a navegação, foram inseridas algumas teclas de atalho (accesskey) em alguns links. São eles:</p>
680                            <ul>
681                                <li>Voltar para a página inicial (Home Page) - ALT+H</li>
682                                <li>Voltar ao Início (topo da página) - ALT+9</li>
683                                <li>Saltar para o Conteúdo - ALT+C</li>
684                                <li>Acessibilidade do Site - ALT+SHIFT+1</li>
685                                <li>Aumentar Letras - ALT+A</li>
686                                <li>Diminuir Letras - ALT+SHIFT+D</li>
687                                <li>Tamanho Normal das Letras – ALT+N</li>
688                            </ul>
689
690                            <p>O acesso por esses atalhos varia conforme o navegador utilizado. Alguns utilizam "ALT + Tecla de Atalho" outros "ALT + SHIFT + Tecla de Atalho".</p>
691
692                        </div>
693                    </div>
694                </div>
695
696
697
698            </div>
699        </div>
700    </section>
701
702    
703
704<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer>
705    function resetTurnstileIfNeeded() {
706        if (window.turnstile) { try { turnstile.reset(); } catch (e) {} }
707    }
708    window.addEventListener('pageshow', (event) => { if (event.persisted) { resetTurnstileIfNeeded(); } });
709    document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { resetTurnstileIfNeeded(); } });
710</script>
710
711
712    
712<script src="/js/shortcuts.js"></script>
712
713    
713<script>
714        shortcut.add("Alt+H", function() {
715            window.location.assign("index.php");
716        });
717
718        shortcut.add("Alt+Shift+1", function() {
719            window.location.assign("acessibilidade.php");
720        });
721
722        shortcut.add("Alt+9", function() {
723            window.scrollTo(0, 0);
724        });
725
726        shortcut.add("Alt+C", function() {
727            window.location.href = '#ancora';
728        });
729    </script>
729
730
731
732
733    
734        
735        <section class="container-new1">
736            <div class="" style="margin-top: 10px; ">
737                <div class='public_paginas' style="padding-bottom: 40px;">
738
739                    <div class="col-md-12">
740                        <h1 style="text-align: center; margin-bottom: 40px; font-size: 25px;">Qual o seu nível de satisfação com essa página?</h1>
741                    </div>
742                    <div class="col-md-12">
743                        <fieldset class="radio-image">
744                            <div class="col-md-1"></div>
745                            <div class="col-md-2">
746
747                                <label for="2" class="radio-satisfacao" id="nota2">
748                                    <i class="iconota-nota2" style="color: #c0392b;"></i>
749                                </label>
750                                </br>Muito insatisfeito
751                            </div>
752                            <div class="col-md-2">
753                                <label for="4" class="radio-satisfacao" id="nota4">
754                                    <i class="iconota-nota4" style="color: #d35400;"></i>
755                                </label>
756                                </br>Insatisfeito
757                            </div>
758                            <div class="col-md-2">
759                                <label for="6" class="radio-satisfacao" id="nota6">
760                                    <i class="iconota-nota6" style="color: #f39c12;"></i>
761                                </label>
762                                </br>Neutro
763                            </div>
764                            <div class="col-md-2">
765                                <label for="8" class="radio-satisfacao" id="nota8">
766                                    <i class="iconota-nota8" style="color: #2ecc71;"></i>
767                                </label>
768                                </br>Satisfeito
769                            </div>
770                            <div class="col-md-2">
771
772                                <label for="10" class="radio-satisfacao" id="nota10">
773                                    <i class="iconota-nota10" style="color: #27ae60;"></i>
774                                </label>
775                                </br>Muito satisfeito
776                            </div>
777                            <div class="col-md-1"></div>
778                        </fieldset>
779                    </div>
780
781                    <div class="col-md-12"></div>
782
783                    <div class="col-md-2"></div>
784                    <div class="col-md-8">
785                        <form id="FormSatisfacao" method="post" action="/data_satisfacao.php" style="display: none;">
786                            <div class="form-group">
787                                <label> Name </label>
788                                <input type="text" name="nome" class="form-control" id="nome" placeholder="Digite seu nome">
789                                <input type="hidden" name="nota" id="nota" required />
790                                <input type="hidden" name="VPagina" value="acessibilidade.php" />
791                                <input type="hidden" name="NRegistro" value="0" />
792                                <input type="hidden" name="LinkCompleto" value="/acessibilidade.php" />
793                            </div>
794                            <div class="form-group">
795                                <label> Email </label>
796                                <input type="email" class="form-control" name="email" placeholder="Digite aqui seu email" />
797                            </div>
798                            <div class="form-group">
799                                <label> Mensagem </label>
800                                <textarea name="mensagem" class="form-control" rows="2"></textarea>
801                            </div>
802                            <div class="form-group">
803                            <div class="cf-turnstile" 
804                                data-sitekey="0x4AAAAAACVDWUHhoO9s_gEA" 
805                                data-callback="onTurnstileOk" 
806                                data-theme="light" >
807                            </div></div>
808                            <div class="form-group">
809                                <p style="line-height: 1.500; margin-bottom: 0px;">
810                                    *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.
811                                </p>
812                                <p style="line-height: 1.500; margin-bottom: 0px;">
813                                    Esclarecemos que os dados fornecidos acima serão tratados com respeito à sua privacidade.
814                                </p>
815                                <p style="line-height: 1.500; margin-bottom: 0px;">
816                                    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.
817                                </p>
818                            </div>
819                            <div class="form-group">
820                                <button type="button" id="CancelSatisfacao" class="btn btn-primary" required="required"> <i class="fa fa-window-close" aria-hidden="true"></i> Cancelar</button>
821                                <button type="submit" name="submit" id="bt
821nSend" class="btn btn-primary" required="required"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Enviar</button>
822                                <i class="fa fa-2x fa-spinner fa-spin load" style="display: none;"></i>
823                            </div>
824                        </form>
825                    </div>
826                    <div class="col-md-2"></div>
827                    <div id="Return" class="col-md-12"> </div>
828
829                </div>
830            </div>
831        </section>
832
833
834    
835    <section class="container-new1">
836        <div class="" style="margin-top: 10px; ">
837            <div class='public_paginas' style="padding-bottom: 0px;">
838                <div class="row">
839                    <div class="col-md-12">
840                        <a href="https://radardatransparencia.atricon.org.br/ " target="_blank">
841                            <img src="/imagens/radar_atricon.png" alt="Radar ATRICON" width="100%">
842                        </a>
843                    </div>
844                </div>
845            </div>
846        </div>
847    </section>
848
849    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
850
851
852    <div id="scroll2"><a href="/atricon.php"><img src="/imagens/atricon48x48.png" title="Atricon"></a></div>
853    
854    <div id="scroll"><span></span></div>
855
856    
857    <div class="section" id="bottom" style="padding-bottom: 0px;">
858                <div class="gmaps" style="height: 150px;">
859            <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>
860
861        </div>
862                
863                
864 
865
866<div style="display: flex; margin:0; margin-bottom: 5px;">
867       
868</div>      
869
870        
871                        <section>
872                    <div class="col-md-12">
873                        <div class="row fitaflex">
874                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #1285C2;"></div>
875                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #6F9949;"></div>
876                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #367544;"></div>
877                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #1285C2;"></div>
878                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #6F9949;"></div>
879                            <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #367544;"></div>
880                        </div>
881                    </div>
882                </section>
883            
884            <style>
885            /* ===== Rodapé institucional 2026 — modelo B (bottomTipo9) — namespace .site-footer*
886               Fundo em degrade na cor do site, cabecalho (logo + nome + redes), faixa de
887               selos, 3 cards translucidos e barra final. So o layout/CSS mudou: consultas,
888               condicionais e dados continuam os mesmos. Sem largura propria: usa o
889               .container-new1 padrao do site (alinhado ao cabecalho e as secoes). ===== */
890            .site-footer {
891                position: relative;
892                /* clear: a faixa de cores logo acima (.col-md-12 do Bootstrap) e um float
893                   sem clearfix. Com overflow:hidden o rodapé vira um bloco "BFC" e, sem
894                   clear, ele encolhe pra ficar ao lado desse float (largura 0). */
895                clear: both;
896                overflow: hidden;
897                background: #1285C2;
898                background: linear-gradient(155deg, #1285C2 0%, #0a4d71 100%);
899                color: rgba(255, 255, 255, .86);
900                font-size: 14px;
901            }
902
903            /* brilhos suaves de fundo (decorativos) */
904            .site-footer::before,
905            .site-footer::after {
906                content: "";
907                position: absolute;
908                border-radius: 50%;
909                pointer-events: none;
910            }
911
912            .site-footer::before {
913                width: 700px;
914                height: 700px;
915                right: -180px;
916                top: -320px;
917                background: radial-gradient(closest-side, rgba(255, 255, 255, .16), transparent);
918            }
919
920            .site-footer::after {
921                width: 560px;
922                height: 560px;
923                left: -200px;
924                bottom: -300px;
925                background: radial-gradient(closest-side, rgba(255, 255, 255, .09), transparent);
926            }
927
928            .site-footer > * {
929                position: relative;
930                z-index: 1;
931            }
932
933            /* ---- cabecalho: logo + nome (esq.) e selos (dir.) ---- */
934            .site-footer__head {
935                display: flex;
936                flex-wrap: wrap;
937                align-items: center;
938                justify-content: space-between;
939                gap: 22px 32px;
940                padding-block: 48px 28px;
941            }
942
943            .site-footer__brand {
944                display: flex;
945                align-items: center;
946                min-width: 0;
947            }
948
949            .site-footer-identity__logo {
950                max-height: 100px;
951                width: auto;
952                max-width: 100%;
953                filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .2));
954            }
955
956            .site-footer-identity__city {
957                /* sem font-family aqui de proposito: herda de body{font-family:
958                   "Roboto", Arial, Helvetica, sans-serif}, configuravel por municipio
959                   (css/style.php). Nao hardcodar uma fonte especifica. */
960                margin: 0;
961                font-size: 16px;
962                font-weight: 400;
963                letter-spacing: .005em;
964                text-transform: none;
965                color: rgba(255, 255, 255, .9);
966            }
967
968            /* divisor entre a logo e o nome (so quando existe logo) */
969            .site-footer-identity__logo + .site-footer-identity__city {
970                margin-left: 22px;
971                padding-left: 22px;
972                border-left: 1px solid rgba(255, 255, 255, .3);
973            }
974
975            /* ---- selos, encaixados no cabecalho no lugar das redes sociais ---- */
976            .site-footer__seals-inline {
977                display: flex;
978                flex-wrap: wrap;
979                align-items: center;
980                justify-content: flex-end;
981                gap: 16px;
982            }
983
984            .site-footer__seals-inline img {
985                width: 40px;
986                display: block;
987                opacity: .9;
988                transition: opacity .15s ease, transform .15s ease;
989            }
990
991            .site-footer__seals-inline a:hover img {
992                opacity: 1;
993                transform: translateY(-2px);
994            }
995
996            /* ---- 3 cards: Institucional / Contatos / Endereco e horario ---- */
997            .site-footer__grid {
998                display: grid;
999                grid-template-columns: repeat(3, 1fr);
1000                gap: 18px;
1001                padding: 32px 0 36px;
1002            }
1003
1004            .site-footer__col {
1005                min-width: 0;
1006                padding: 26px 26px 14px;
1007                /* acompanha o arredondamento configurado no site (--site-card-radius) */
1008                border-radius: min(24px, calc(var(--site-card-radius, 7px) * 2 + 6px));
1009                background: rgba(255, 255, 255, .08);
1010                border: 1px solid rgba(255, 255, 255, .16);
1011            }
1012
1013            .site-footer__col-title {
1014                display: flex;
1015                align-items: center;
1016                gap: 12px;
1017                margin: 0 0 18px;
1018                font-size: 12.5px;
1019                font-weight: 700;
1020                line-height: 1.2;
1021                text-transform: uppercase;
1022                letter-spacing: .09em;
1023                color: #fff;
1024            }
1025
1026            .site-footer__col-ico {
1027                display: inline-flex;
1028                flex: 0 0 40px;
1029                align-items: center;
1030                justify-content: center;
1031                width: 40px;
1032                height: 40px;
1033                border-radius: 12px;
1034                background: rgba(255, 255, 255, .16);
1035                font-size: 18px;
1036            }
1037
1038            .site-footer__col p {
1039                display: flex;
1040                align-items: flex-start;
1041                gap: 10px;
1042                margin: 0 0 12px;
1043                font-size: 14px;
1044                line-height: 1.55;
1045                color: rgba(255, 255, 255, .9);
1046            }
1047
1048            .site-footer__col p i {
1049                flex: none;
1050                width: 16px;
1051                margin-top: 3px;
1052                text-align: center;
1053                color: #fff;
1054                opacity: .7;
1055            }
1056
1057            /* ---- barra final ---- */
1058            .site-footer__bottom {
1059                background: rgba(0, 0, 0, .14);
1060                border-top: 1px solid rgba(255, 255, 255, .14);
1061            }
1062
1063            .site-footer__bottom-inner {
1064                display: flex;
1065                flex-wrap: wrap;
1066                align-items: center;
1067                justify-content: space-between;
1068                gap: 8px 20px;
1069                /* so vertical: o padding lateral vem do .container-new1, igual ao dos cards */
1070                padding-block: 18px;
1071                color: rgba(255, 255, 255, .75);
1072                font-size: 13px;
1073            }
1074
1075            /* O .container-new1 (main.css) tem um clearfix: ::before/::after com
1076               content:" ". Num container flex esses dois pseudo-elementos viram
1077               itens extras, e o space-between reparte o espaco entre 4 itens —
1078               os <p> ficam "boiando" no meio em vez de nas pontas do container.
1079               Aqui o flex ja contem os filhos, entao o clearfix e desligado. */
1080            .site-footer .site-footer__bottom-inner::before,
1081            .site-footer .site-footer__bottom-inner::after {
1082                content: none;
1083                display: none;
1084            }
1085
1086            .site-footer__bottom p {
1087                margin: 0;
1088            }
1089
1090            /* copyright na ponta esquerda do container, acessibilidade na direita */
1091            .site-footer__bottom-inner p:first-child {
1092                text-align: left;
1093            }
1094
1095            .site-footer__bottom-inner p:last-child {
1096                text-align: right;
1097            }
1098
1099            .site-footer__bottom a {
1100                color: #fff;
1101                font-weight: 500;
1102                text-decoration: none;
1103            }
1104
1105            .site-footer__bottom a:hover,
1106            .site-footer__bottom a:focus-visible {
1107                text-decoration: underline;
1108            }
1109
1110            /* ---- responsivo ---- */
1111            @media (max-width: 991px) {
1112                .site-footer__grid {
1113                    grid-template-columns: 1fr;
1114                }
1115            }
1116
1117            @media (max-width: 767px) {
1118                .site-footer__head {
1119                    flex-direction: column;
1120                    justify-content: center;
1121                    text-align: center;
1122                    padding-block: 34px 22px;
1123                }
1124
1125                .site-footer__brand {
1126                    flex-direction: column;
1127                    gap: 14px;
1128                }
1129
1130                .site-footer-identity__logo + .site-footer-identity__city {
1131                    margin-left: 0;
1132                    padding-left: 0;
1133                    border-left: 0;
1134                }
1135
1136                .site-footer__seals-inline {
1137                    justify-content: center;
1138                }
1139
1140                .site-footer__grid {
1141                    padding: 26px 0 28px;
1142                }
1143
1144                .site-footer__bottom-inner {
1145                    justify-content: center;
1146                    text-align: center;
1147                }
1148
1149                .site-footer__bottom-inner p:first-child,
1150                .site-footer__bottom-inner p:last-child {
1151                    text-align: center;
1152                }
1153            }
1154        </style>
1155
1156    </div>
1157
1158    <footer class="site-footer" role="contentinfo">
1159        <div class="container-new1 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
1160            <div class="site-footer__head">
1161                <div class="site-footer__brand">
1162                    <img src="/imagens/logovazada.png?time=1790260692" alt="Prefeitura Municipal de Tabuleiro do Norte" class="site-footer-identity__logo">
1163                <p class="site-footer-identity__city">
1164                    Prefeitura Municipal de Tabuleiro do Norte - CE                </p>
1165                </div>
1166
1167            <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
1167dade 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
1168' title='Selo Nacional compromisso com a Alfabetização Ouro 2024
1169'></a></div>            </div>
1170        </div>
1171
1172        <div class="container-new1">
1173            <div class="site-footer__grid">
1174
1175                <div class="site-footer__col">
1176                    <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>
1177
1178                    
1179                    <p><i class='bi bi-person-circle' aria-hidden="true"></i> <span>Prefeito(a) Renata Thais Duarte Vasconcelos</span></p>
1180                                        <p><i class='bi bi-postcard' aria-hidden="true"></i> <span>CNPJ: 07.891.682/0001-19</span></p>
1181                                    </div>
1182
1183                <div class="site-footer__col">
1184                    <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>
1185                                        <p><i class='bi bi-telephone' aria-hidden="true"></i> <span>(88) 9.9267-0223</span></p>
1186                    <p><i class='bi bi-envelope-at' aria-hidden="true"></i> <span>[email protected]</span></p>
1187                </div>
1188
1189                <div class="site-footer__col">
1190                    <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>
1191
1192                    <p>
1193                        <i class='bi bi-geo-alt' aria-hidden='true'></i>
1194                        <span>
1195                            Rua Padre Clicério,
1196
1197                                                        4605
1198                                                            - São Francisco,
1199
1200                                                                62.960-000                        </span>
1201                    </p>
1202                    <p>
1203                        <i class='bi bi-clock' aria-hidden='true'></i>
1204                        <span>Segunda A Sexta - 07:00h às 13:00h</span>
1205                    </p>
1206                </div>
1207
1208
1209            </div>
1210        </div>
1211
1212        <div class="site-footer__bottom">
1213            <div class="container-new1 site-footer__bottom-inner">
1214                <p>
1215                    &copy; 2026 <a target='_blank' href='http://www.assesi.com.br/' title=''>Assesi</a>.
1216                    Todos os Direitos Reservados.
1217                </p>
1218                <p><a href="/acessibilidade.php">Acessibilidade</a></p>
1219            </div>
1220                    </div>
1221    </footer>
1222
1223
1224<script type="text/javascript">
1225
1226    // document.addEventListener('click', function(){
1227    //     const link_before = event.target.closest('a');
1228    //     const link_destino = (link_before) ? link_before.href : null;
1229
1230    //     const params_before = new URLSearchParams(link_before);
1231    //     if (params_before.has('source')) {
1232
1233    //         localStorage.getItem('source', 'app');  
1234    //     } else {
1235    //         localStorage.removeItem('source');
1236    //     }
1237
1238    // });
1239
1240</script>
1240
1241
1242    
1242<script src="js/jquery.js"></script>
1242
1243    
1243<script src="js/bootstrap.min.js"></script>
1243
1244    
1244<script src="js/jquery.easing.min.js"></script>
1244
1245    
1245<script src="js/jquery.prettyPhoto.js"></script>
1245
1246    
1246<script src="js/jquery.isotope.min.js"></script>
1246
1247    
1247<script src="js/main.js"></script>
1247
1248    
1248<script src="js/wow.min.js"></script>
1248
1249    
1249<script src="js/gtag.js"></script>
1249
1250    
1250<script src="js/jquery.font-accessibility.min.js"></script>
1250
1251    
1251<script>
1252        $(function() {
1253            /* Custom buttons */
1254            $('#font-setting-buttons').easyView({
1255                container: 'body, .row',
1256                increaseSelector: '.increase-me',
1257                decreaseSelector: '.decrease-me',
1258                normalSelector: '.reset-me',
1259                contrastSelector: '.change-me'
1260            });
1261
1262
1263        });
1264    </script>
1264
1265</body>
1266
1267</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.