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">×</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;"> </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 © 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.