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