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