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="Mapa de Páginas do Site." /> 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 25 <!--[if lt IE 9]> 26
26<script src="js/html5shiv.js"></script>
26 27
27<script src="js/respond.min.js"></script>
27 28 <![endif]--> 29 <link rel="shortcut icon" href="imagens/icomuni.ico"> 30 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png"> 31 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png"> 32 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png"> 33 <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png"> 34 35</head> 36<!--/head--> 37 38<body href="#" id="ancora"> 39 40<link href="/css/satisfacao/style.css?v=2.0" rel="stylesheet"> 41<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 42<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet"> 43<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
44<script> 45var tam = 15; 46 47function mudaFonte(tipo, elemento) { 48 if (tipo == "mais") { 49 if (tam < 24) 50 tam += 1; 51 } else { 52 if (tam > 10) 53 tam -= 1; 54 } 55 document.getElementById("Noticia").style.fontSize = tam + "px"; 56 document.getElementById("Descricao").style.fontSize = tam + "px"; 57} 58 59function printDiv(id, pg, url) { 60 var oPrint, oJan; 61 oPrint = window.document.getElementById(id).innerHTML; 62 oJan = window.open(pg); 63 oJan.document.write(oPrint); 64 oJan.document.write(url); 65 oJan.window.print(); 66 oJan.document.close(); 67 oJan.focus(); 68} 69 70 71 72// Função contraste INICIO 73(function() { 74 var Contrast = { 75 storage: 'contrastState', 76 cssClass: 'contrast', 77 currentState: null, 78 check: checkContrast, 79 getState: getContrastState, 80 setState: setContrastState, 81 toogle: toogleContrast, 82 updateView: updateViewContrast 83 }; 84 85 window.toggleContrast = function() { 86 Contrast.toogle(); 87 }; 88 89 Contrast.check(); 90 91 function checkContrast() { 92 this.updateView(); 93 } 94 95 function getContrastState() { 96 return localStorage.getItem(this.storage) === 'true'; 97 } 98 99 function setContrastState(state) { 100 localStorage.setItem(this.storage, '' + state); 101 this.currentState = state; 102 this.updateView(); 103 } 104 105 function updateViewContrast() { 106 var body = document.body; 107 108 if (this.currentState === null) 109 this.currentState = this.getState(); 110 111 if (this.currentState) 112 body.classList.add(this.cssClass); 113 else 114 body.classList.remove(this.cssClass); 115 } 116 117 function toogleContrast() { 118 this.setState(!this.currentState); 119 } 120})(); 121// Função contraste FIM 122</script>
122 123 124 125 126<!-- CSS style offcanvas navbar --> 127<style> 128 129.offcanvas-collapse { 130position: fixed; 131bottom: 0; 132right: 100%; 133left:-300px; 134width: 300px; 135overflow: auto; 136visibility: hidden; 137background-color: #079E53; 138transition-timing-function: ease-in-out; 139transition-duration: .3s; 140transition-property: left, visibility; 141z-index: 1045; 142} 143.offcanvas-collapse { 144 align-items:start; 145/* Adds a subtle drop shadow */ 146 -moz-background-clip: padding; /* Firefox 3.6 */ 147 -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ 148 background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ 149border-right:5px solid rgba(0, 0, 0, 0.2); 150height: auto; 151min-height: 100%; 152} 153 154/* Makes the nav visibile with the open class */ 155.offcanvas-collapse.open { 156 left: 0; 157 visibility: visible; 158} 159 160 161.navbar-expand-lg .navbar-nav { 162-ms-flex-direction: column; 163flex-direction: column; 164} 165 166.offcanvas-collapse>.navbar-nav>li>a:hover { 167 color: #fff !important; 168 background-color: #000; 169 opacity: 0.5; 170} 171 172.offcanvas-collapse>.navbar-nav > li { 173 margin-left: 1px; 174} 175 176.offcanvas-collapse>.navbar-nav>.dropdown.open{ 177 color: #008F44 !important; 178 background-color: #fff !important; 179 /* opacity: 0.5 !important; */ 180} 181 182.offcanvas-collapse>.navbar-nav>.dropdown.open>a{ 183 color: #fff !important; 184 /* background-color: #000 !important; */ 185 opacity: 0.5 !important; 186} 187 188.offcanvas-collapse.navbar-collapse { 189 padding-right: 0px !important; 190 padding-left: 0px !important; 191} 192 193 194.dropdown-submenu { position:relative;} .dropdown-submenu>.dropdown-menu {top:0; left:100%; margin-top:-6px;} 195 196 197/* Botão de fechar */ 198.offcanvas-close { 199 position: fixed; 200 top: 15px; 201 left: 300px; /* Ajuste de posição */ 202 background: none; 203 border: none; 204 color: #fff; 205 font-size: 30px; 206 cursor: pointer; 207 z-index: 1050; /* Sobrepõe o menu */ 208} 209.open>.dropdown-menu-offcanvas { 210 display: contents !important; 211} 212 213 /* Estilo da backdrop */ 214 .offcanvas-backdrop { 215 position: fixed; 216 top: 0; 217 left: 0; 218 width: 100%; 219 height: 100%; 220 background-color: rgba(0, 0, 0, 0.5); 221 z-index: 1040; 222 opacity: 0; 223 visibility: hidden; 224 transition: opacity 0.3s ease; 225} 226.offcanvas-backdrop.show { 227 opacity: 1; 228 visibility: visible; 229} 230 231.dropdown-menu-acessibilidade { 232 border-radius: var(--site-card-radius, 7px); 233} 234 235.dropdown-menu-acessibilidade li a { 236 color: #008F44 !important ; 237} 238 239.dropdown-toggle-acessibilidade:hover .dropdown-menu-acessibilidade { 240 display: block !important; 241} 242/* 243 navbar-dafault-main entra em conflito com .navbar-default quando o MenuDegrade está ativo 244 Esse conflito deixa o menu branco 245*/ 246 247.navbar-dafault-main { 248 background-image: url(""), 249 url(""); 250 background-repeat: no-repeat, no-repeat ; 251 background-position: left, right ; 252} 253.social-links-top { 254 /* border-left: 1px solid #fff; */ 255} 256 257</style> 258 259 260 261 262<!-- INÃCIO DO TOPO DO SITE --> 263<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);"> 264 <div class="container-fluid topo-option-1 color-topo"> 265 <div class="container-new1"> 266 <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;"> 267 268 269 <div class="title__cliente" style="margin-bottom: 0px; padding-left:15px; padding-right:0; margin-right: auto; color: #fff;"> 270 <a href="https://www.aratuba.ce.gov.br"><span>Prefeitura Municipal de Aratuba</span></a> 271 </div> 272 273 274 <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px; "><a 275 href="/ouvidoria"><i class="bi bi-headset"></i> <span class='nomefora' 276 title="Ouvidoria da entidade">Ouvidoria/Sic</span></a></div> 277 278 279 280 281 <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px;"><a 282 href="/acessoainformacao.php"><i class="bi bi-info-circle-fill"></i> <span class='nomefora'
283 title="Transparência da entidade">Transparência</span></a></div> 284 285 <!--<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>--> 286 <div style="margin-bottom: 0px; float:right; padding-left:0; padding-right:0; width: 130px" class="dropdown dropdown-toggle-acessibilidade"><a href="#" 287 accesskey="1" title="Página de acessibilidade" class="dropdown-toggle" data-toggle="dropdown" ><i class="bi bi-emoji-smile"></i> <span 288 class='nomefora'>Acessibilidade</span></a> 289 290 <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;"> 291 <li><a href="/acessibilidade.php" style="cursor:pointer;" 292 title="Página de acessibilidade"><i class="bi bi-emoji-smile"></i> <span 293 class='nomefora'>Sobre</span></a></li> 294 295 <li><a href="#altocontraste" 296 id="altocontraste" onclick="window.toggleContrast()" style="cursor:pointer;" accesskey="2" 297 title="Aplicar Contraste"><i class="bi bi-toggles"></i> <span 298 class='nomefora'>Contraste</span></a></li> 299 300 <li> <a 301 class="nav-link increase-me btn-list-top" style="cursor:pointer; " accesskey="A" 302 title="Aumentar texto"><i class="bi bi-plus-square"></i> <span 303 class='nomefora'>Aumentar</span></a></li> 304 <li><a 305 class="nav-link decrease-me btn-list-top" style="cursor:pointer; " accesskey="D" 306 title="Diminuir texto"> <i class="bi bi-dash-square"></i> <span 307 class='nomefora'>Diminuir</span></a></li> 308 309 <li><a style="cursor:pointer;" 310 href="https://www.gov.br/governodigital/pt-br/vlibras" target='_blank' accesskey="M" 311 title="VLibras"><i class='fa fa-hand-paper-o'></i> <span class='nomefora'>Libras</span></a></li> 312 313 <li><a href="/mapadosite" style="cursor: pointer;" 314 title="Mapa do site" accesskey="M"><i class="bi bi-diagram-3-fill"></i> <span 315 class="nomefora">Mapa do site</span></a></li> 316 </ul> 317 318 </div> 319 320 <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 100px;"><a 321 href="/pesquisa"><i class="bi bi-search"></i> <span class='nomefora' 322 title="Transparência da entidade">Pesquisar</span></a></div> 323 324 <!-- fim de acessibilidade --> 325 326 <!-- redes sociais --> 327 <div class="social-links-top"> 328 <a class="nav-link btn-list-top" href="https://www.facebook.com/Prefeitura-de-Aratuba-102970501761548"> 329 <i class='bi bi-facebook' title="Facebook"></i> 330 </a> 331 <a class="nav-link btn-list-top" href="https://www.instagram.com/prefeituradearatuba/"> 332 <i class='bi bi-instagram' title="Instagram"></i> 333 </a> 334 <a class="nav-link btn-list-top" href="https://webmail-seguro.com.br/aratuba.ce.gov.br/"> 335 <i class='bi bi-envelope-fill' title="E-mail"></i> 336 </a> 337 338 339 </div> 340 <!-- redes sociais --> 341 342 </div> 343 </div> 344 </div> 345 346 347 <style> 348 /* #menuToggleBtn troca de lugar ao rolar (ve o JS mais abaixo): preto sobre o fundo claro 349 do #logo-top-bar, branco quando pousa em #mobileMenuToggleSticky (faixa verde). */ 350 #mobileMenuToggleSticky #menuToggleBtn .fa-bars { 351 color: #fff !important; 352 } 353 </style> 354 355 <div class="container-fluid topo-option-mobile color-topo"> 356 <div class="container"> 357 <div class="row" id="font-setting-buttons" style="line-height: 33px; display: flex; position: relative; z-index: 5;"> 358 359 <div id="mobileUtilityLinks" style="display: flex; align-items: center;"> 360 <div style="margin-bottom: 0px; padding-left: 7px; padding-right: 10px;"><a 361 href="/acessoainformacao.php"><i class='bi bi-info-circle-fill'></i> <span
362 title="Transparência da entidade"><strong>Transparência</strong></span></a></div> 363 364 <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a 365 href="ouvidoria"><i class="bi bi-headset"></i> <span 366 title="Ouvidoria da entidade"><strong>Ouvidoria </strong></span></a></div> 367 368 <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a 369 href="/acessibilidade"><i class='bi bi-emoji-smile'></i> <span 370 title="Acessibilidade"><strong>Acessibilidade</strong></span></a></div> 371 372 <div style="margin-bottom: 0px; padding-left:0; padding-right:10;" class="dropdown dropdown-toggle-acessibilidade"> 373 <a href="#" accesskey="1" title="Mais opções" class="dropdown-toggle" data-toggle="dropdown"> 374 <i class="bi bi-plus"></i> 375 <span><strong>Opções</strong></span> 376 </a> 377 378 <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;"> 379 <li> 380 <a href="/pesquisa" style="cursor:pointer;" title="Pesquisar"><i class="bi bi-search"></i><span style="padding-left: 10px;">Pesquisar</span></a> 381 </li> 382 <li> 383 <a href="https://www.facebook.com/Prefeitura-de-Aratuba-102970501761548" style="cursor:pointer;" title="Facebook"><i class="bi bi-facebook"></i><span style="padding-left: 10px;">Facebook</span></a> 384 </li> 385 <li> 386 <a href="https://www.instagram.com/prefeituradearatuba/" style="cursor:pointer;" title="Instagram"><i class="bi bi-instagram"></i><span style="padding-left: 10px;">Instagram</span></a> 387 </li> 388 <li> 389 <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> 390 </li> 391 </ul> 392 </div> 393 </div> 394 395 <div id="mobileMenuToggleSticky" style="margin-bottom: 0px; margin-left: auto; margin-right: -13px; padding-left: 10px; display: none;"></div> 396 </div> 397 </div> 398 </div> 399 400 <div class="col-md-12 col-fita"> 401 <div class="row fitaflex" style="padding-bottom: 10px;"> 402 <div class="col-md-2 fita" 403 style="margin-bottom:0px; border-top: 7px solid #FFBB24;"></div> 404 <div class="col-md-2 fita" 405 style="margin-bottom:0px; border-top: 7px solid #1DC06F;"></div> 406 <div class="col-md-2 fita" 407 style="margin-bottom:0px; border-top: 7px solid #452378;"></div> 408 <div class="col-md-2 fita" 409 style="margin-bottom:0px; border-top: 7px solid #DF4D4D;"></div> 410 <div class="col-md-2 fita" 411 style="margin-bottom:0px; border-top: 7px solid #FFB811;"></div> 412 <div class="col-md-2 fita" 413 style="margin-bottom:0px; border-top: 7px solid #1DC06F;"></div> 414 </div> 415 </div> 416 417 <style> 418 /* ===== Selos alinhados com a logo 2026 â nao muda o tamanho da logo, so o alinhamento dos selos ===== 419 .d-flex-main-menu-center so virava flex/centralizado no celular (responsive.css); aqui repete o mesmo 420 comportamento tambem no desktop, pra logo e selos ficarem na mesma linha central. */ 421 .d-flex-main-menu-center { 422 display: flex; 423 align-items: center; 424 } 425 426 /* .box-pesq tem margin-top:30px no main.css (pensado pra quando essa coluna nao dividia a linha 427 com a logo). Com o alinhamento acima, essa margem so empurrava os selos pra baixo do centro. */ 428 #logo-top-bar .box-pesq { 429 margin-top: 0; 430 } 431 </style> 432 433 <div class="container-new1 container-menu-main" id="logo-top-bar" style="padding-bottom:10px; padding-top:10px; "> 434 435 436 437 <div class="row d-flex-main-menu-center"> 438 439 <div id="centralizarLogo" class="col-6 col-sm-7 col-xs-7 "> 440 441 <a id="" href="/" style="padding-right: 5px; margin-right: 20px"><img id="" src="/imagens/logo.png?time=1790912542" alt="logo"></a> 442 </div> 443 444 <div class="col-6 col-canvas-navbar" id="canvasNavbarCol"> 445 <a id="menuToggleBtn" class="navbar-toggle" data-toggle="offcanvas" 446 style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; " 447 data-target=".offcanvas-collapse">
448 <span class="fa fa-bars" style="font-size: 25px; color: #000;"></span> 449 </a> 450 </div> 451 452 <div class="col-sm-5 col-xs-5 fora_responsivo"> 453 <div class="wow fadeInUp box-pesq"> 454 455 456 <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 457' title='Selo Nacional compromisso com a Alfabetização Ouro 2024 458'></a> 459 460 461 <!-- <a href="/pesquisa.php" class="btn btn-primary nomefora"><span class="glyphicon glyphicon-search " 462 aria-hidden="true"></span> Pesquisa</a> --> 463 464 <!-- 465 <div class="nomefora" id="google_translate_element"></div> 466
466<script> 467 function googleTranslateElementInit() { 468 new google.translate.TranslateElement({ 469 pageLanguage: 'pt', 470 autoDisplay: false, 471 includedLanguages: 'de,es,fr,en,it', 472 layout: google.translate.TranslateElement.InlineLayout.SIMPLE 473 }, 474 'google_translate_element'); 475 } 476 </script>
476 477
477<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
477 478 --> 479 480 </div> 481 482 </div> 483 </div> 484 </div> 485 486 487 <!-- navbar offcanvas --> 488 <nav class="navbar navbar-default navbar-dafault-main" style="border:0px;"> 489 <div class="container-new1"> 490 <div class="navbar-header navbar-header-main"> 491 <a class="navbar-toggle" data-toggle="offcanvas" 492 style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; " 493 data-target=".offcanvas-collapse"> 494 <span class="fa fa-bars" style="font-size: 16px"></span> 495 </a> 496 <a href="pesquisa.php" class="navbar-toggle" 497 style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; display: none;"><span 498 class="fa fa-search" style="font-size: 16px" aria-hidden="true"></span></a> 499 <a class="navbar-toggle" id="btnperq" href="#" aria-expanded='false' title='Menu de acessibilidade' 500 style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; display: none;"><i 501 class='fa fa-odnoklassniki' style="font-size: 16px" aria-hidden='true'></i></a> 502 </div> 503 504 505 <div class="collapse navbar-collapse navbar-collapse-toglee" style="border:0px;"> 506 <ul class="nav navbar-nav main-menu" style="margin-top:0px;"> 507 508 <li><a href="/" class='active' target="" style="margin-left: -10px;">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='/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> 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='/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> 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=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>
515 </ul> 516</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> 517 <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> 518</li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>SERVIÃOS 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='/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> 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 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> 524 </li> </ul> 525 </div> 526 </div> 527 <!--/.container--> 528 529 <div class="navbar-collapse offcanvas-collapse"> 530 <ul class="navbar-nav mr-auto dropdown-menu dropdown-menu-offcanvas"> 531 532 <button class="offcanvas-close" aria-label="Fechar">×</button> 533 534 <li><a href="/" class='active' title="InÃcio" target="">INÃCIO</a></li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>A PREFEITURA 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='/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>
536 </ul> 537 </li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O MUNICÃPIO 538 <i class='fa fa-angle-down'></i></a> 539 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/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> 540 </li> <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>SECRETARIAS <i class='fa fa-angle-down'></i></a> 541 <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> 542</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> 543 <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> 544</li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>SERVIÃOS 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='/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> 547 </li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>PUBLICAÃÃES 548 <i class='fa fa-angle-down'></i></a> 549 <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='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' >
549REGISTRO DE PREÃO</a></li> </ul> 550 </li> 551 </ul> 552 </div> 553 554 </nav> 555 <div class="offcanvas-backdrop"></div> 556 <!--/nav--> 557 558 559</header> 560 561<style type="text/css"> 562 </style> 563 564 565<div id="espaco-header" class="espaco-header-main" style="height:207px;"> </div> 566
567<script> 568 // a altura do #header muda de acordo com a largura da tela (menu mobile, selos, busca, etc); 569 // os valores de $tamanhobar/.espaco-header-main sao só o palpite inicial (evita pulo no primeiro 570 // paint). Aqui a gente mede a altura real do header e corrige o espaçador, pra o conteudo nunca 571 // ficar por baixo do header fixo (banner "colado" no topo) nem sobrar espaco em branco demais. 572 (function () { 573 function ajustarEspacoHeader() { 574 var header = document.getElementById('header'); 575 var espaco = document.getElementById('espaco-header'); 576 if (!header || !espaco) return; 577 var altura = header.getBoundingClientRect().height; 578 if (altura > 0) { 579 // setProperty com "important": .espaco-header-main/.espaco-header-app tem 580 // height com !important no responsive.css (pra vencer o palpite inicial inline 581 // do PHP); só um !important tambem inline vence esse 582 espaco.style.setProperty('height', altura + 'px', 'important'); 583 } 584 } 585 ajustarEspacoHeader(); 586 window.addEventListener('load', ajustarEspacoHeader); 587 var resizeTimer; 588 window.addEventListener('resize', function () { 589 clearTimeout(resizeTimer); 590 resizeTimer = setTimeout(ajustarEspacoHeader, 150); 591 }); 592 593 // rede de seguranca: qualquer mudanca na altura do header (imagem/selo/fonte que carrega
594 // atrasado, etc.) recalcula sozinho, sem depender de adivinhar todo evento que poderia mudar. 595 // So enquanto a pagina ainda nao foi rolada: depois disso, a barrinha de utilidades/logo-top-bar 596 // passam a abrir/fechar sozinhas ao rolar (#logo-top-bar, #mobileUtilityLinks), o que muda a 597 // altura do header de proposito â se o observer continuasse ligado, cada abertura/fechamento 598 // redimensionaria o espacador, deslocando o conteudo e fazendo a barra pisca-pisca (loop). 599 if (window.ResizeObserver) { 600 var header = document.getElementById('header'); 601 if (header) { 602 var headerResizeObserver = new ResizeObserver(ajustarEspacoHeader); 603 headerResizeObserver.observe(header); 604 window.addEventListener('scroll', function () { 605 headerResizeObserver.disconnect(); 606 }, { once: true }); 607 } 608 } 609 })(); 610</script>
610 611 612 613 614<!-- <div id="sticky-container-id" class="sticky-container"> 615 <ul class="sticky"> --> 616 617 618 <!-- </ul> 619</div> --> 620 621 622 623<!-- VLibras --> 624<div vw class="enabled"> 625 <div vw-access-button class="active"></div> 626 <div vw-plugin-wrapper> 627 <div class="vw-plugin-top-wrapper"></div> 628 </div> 629 </div> 630
630<script src="https://vlibras.gov.br/app/vlibras-plugin.js" defer></script>
630 631
631<script defer> 632 document.addEventListener('DOMContentLoaded', function() { 633 new window.VLibras.Widget('https://vlibras.gov.br/app'); 634 }); 635</script>
635 636<!-- VLibras --> 637
638<script src="/js/jquery-2.1.1.min.js"></script>
vendor: 1 bytes, line 638
638
639<script type="text/javascript"> 640$(document).ready(function() { 641 642 $('.offcanvas-backdrop').removeClass('show'); 643 644 $('[data-toggle="offcanvas"]').on('click', function () { 645 $('.offcanvas-collapse').removeClass('open'); 646 const target = $(this).data('target'); 647 $(target).toggleClass('open'); 648 $('.offcanvas-backdrop').addClass('show'); 649 }) 650 651 // Fechar o menu ao clicar no backdrop 652 $('.offcanvas-backdrop, .offcanvas-close').on('click', function () { 653 $('.offcanvas-collapse').removeClass('open'); 654 $('.offcanvas-backdrop').removeClass('show'); 655 }) 656 657 $('.dropdown-menu-sub').hide(); 658 $('.dropdown-submenu a.dropdown-sub-toggle').on("click", function(e){ 659 $(this).next('ul').toggle(); 660 e.stopPropagation(); 661 e.preventDefault(); 662 }); 663 664 665 $(window).scroll(function() { 666 if ($(this).scrollTop() > 100) { 667 $("#logo-top-bar").css({ 668 "margin-top": "-25.5Vh", 669 "transition": ".8s", 670 "z-index": "-2" 671 }); 672 $("#logo-top-bar").fadeOut("800"); 673 $('#scroll').fadeIn(); 674 $('#scroll2').fadeIn(); 675 $('#scroll3').fadeIn(); 676 677 $('#mobileUtilityLinks').stop(true, true).fadeOut("800"); 678 if (!$('#menuToggleBtn').parent().is('#mobileMenuToggleSticky')) { 679 $('#menuToggleBtn').appendTo('#mobileMenuToggleSticky'); 680 } 681 $('#mobileMenuToggleSticky').stop(true, true).fadeIn("800"); 682 683 $(".col-fita").fadeOut(); 684 685 } else { 686 $("#logo-top-bar").fadeIn("800"); 687 $("#logo-top-bar").css({ 688 "margin-top": "0px" 689 }); 690 $(".col-fita").fadeIn(); 691 $('#mobileUtilityLinks').stop(true, true).fadeIn("800"); 692 $('#mobileMenuToggleSticky').stop(true, true).fadeOut("800", function() { 693 if (!$('#menuToggleBtn').parent().is('#canvasNavbarCol')) { 694 $('#menuToggleBtn').appendTo('#canvasNavbarCol'); 695 } 696 }); 697 $('#scroll').fadeOut(); 698 $('#scroll2').fadeOut(); 699 $('#scroll3').fadeOut(); 700 } 701 }); 702 $('#scroll').click(function() { 703 $("html, body").animate({ 704 scrollTop: 0 705 }, 0); 706 return false; 707 }); 708 709 710 $('#menu-acessiblidade').hide().contents().hide(); 711 $('#btnperq').on('click', function(e) { 712 e.preventDefault(); 713 $('#menu-acessiblidade').slideToggle('fast', function(e) { 714 if ($(this).is(':visible')) { 715 $(this).contents().fadeIn(1000); 716 } else { 717 $(this).contents().hide(); 718 } 719 }); 720 721 }) 722 723 724}
724); 725</script>
725 726 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;">Mapa do Site</div> 734 <h2 id="EsOv" class="cartaservicosbannertexto" style="font-size: 16px; padding-left: 5px;">Mapa de Páginas do Site.</h2> 735 <!--</div>--> 736 737 </div> 738 </div> 739</section> 740 741 742 <section> 743 <div class="container-new1" style="margin-top:10px; margin-bottom:10px;"> 744 <div class="public_paginas" style="margin-top: -50px;"> 745 <div class="col-md-8"> 746 747 <div class="tree"> 748 <ul style="margin:0px; padding:0px;"> 749 <li><span><i class='fa fa-sitemap'></i> Mapa do site</span> 750 <ul> 751 752 <li><span><i class='fa fa-folder-open'></i> A PREFEITURA</span> 753 <ul><li><span><i class='fa fa-link'></i> <a href='normativosproprios.php?A PREFEITURA='>NORMATIVOS PRÃPRIOS</a></span></li><li><span><i class='fa fa-link'></i> <a href='secretaria.php?sec=1'>GABINETE DO PREFEITO</a></span></li><li><span><i class='fa fa-link'></i> <a href='galeriagestores.php'>GALERIA DE GESTORES</a></span></li><li><span><i class='fa fa-link'></i> <a href='gestores.php'>PREFEITO E VICE</a></span></li><li><span><i class='fa fa-link'></i> <a href='institucional.php'>INSTITUCIONAL</a></span></li> </ul> 754 </li><li><span><i class='fa fa-folder-open'></i> O MUNICÃPIO</span> 755 <ul><li><span><i class='fa fa-link'></i> <a href='pontosturisticos.php'>PONTOS TURISTICOS</a></span></li><li><span><i class='fa fa-link'></i> <a href='conselhos.php?tp=1'>CONSELHOS</a></span></li><li><span><i class='fa fa-link'></i> <a href='conselhos.php?tp=2'>ASSOCIAÃÃES</a></span></li><li><span><i class='fa fa-link'></i> <a href='omunicipio.php'>DADOS DO MUNICIPIO</a></span></li><li><span><i class='fa fa-link'></i> <a href='simbolos.php'>SIMBOLOS</a></span></li><li><span><i class='fa fa-link'></i> <a href='veiculos.php'>VEICULOS</a></span></li><li><span><i class='fa fa-link'></i> <a href='obras.php'>OBRAS</a></span></li> </ul> 756 </li><li><span><i class='fa fa-folder-open'></i> SECRETARIAS</span> 757 <ul'> </ul> 758 </li><li><span><i class='fa fa-link'></i> <a href='lrf.php'>LRF E CONTAS PÃBLICAS</a></li><li><span><i class='fa fa-folder-open'></i> SERVIÃOS</span> 759 <ul><li><span><i class='fa fa-link'></i> <a href='cultura.php'>MAPEAMENTO CULTURAL</a></span></li><li><span><i class='fa fa-link'></i> <a href='https://aratuba.ssinformatica.net/nfe/login'>NOTA FISCAL ELETRÃNICA</a></span></li><li><span><i class='fa fa-link'></i> <a href='https://layoutonline.layoutsistemas.com.br/login'>CONTRACHEQUE ONLINE</a></span></li><li><span><i class='fa fa-link'></i> <a href='https://setorpessoal.com/entidade.php?desc_municipio=116702'>PRECATÃRIO</a></span></li><li><span><i class='fa fa-link'></i> <a href='https://www.demonstrativos.acidadao.com.br/aratuba'>COMPROVANTES DE RENDIMENTOS - IRRF</a></span></li><li><span><i class='fa fa-link'></i> <a href='participativo.php?id=1'>ORÃAMENTO PARTICIPATIVO 2021</a></span></li> </ul> 760 </li><li><span><i class='fa fa-folder-open'></i> PUBLICAÃÃES</span> 761 <ul><li><span><i class='fa fa-link'></i> <a href='contratos.php'>CONTRATOS</a></span></li><li><span><i class='fa fa-link'></i> <a href='decretos.php'>DECRETOS</a></span></li><li><span><i class='fa fa-link'></i> <a href='diarias.php'>DIARIAS</a></span></li><li><span><i class='fa fa-link'></i> <a href='leis.php'>LEIS</a></span></li><li><span><i class='fa fa-link'></i> <a href='licitacao.php'>LICITAÃÃO</a></span></li><li><span><i class='fa fa-link'></i> <a href='contasdegestao'>PCS</a></span></li><li><span><i class='fa fa-link'></i> <a href='contasdegoverno'>PCG</a></span></li><li><span><i class='fa fa-link'></i> <a href='portaria.php'>PORTARIAS</a></span></li><li><span><i class='fa fa-link'></i> <a href='processoseletivo.php'>PROCESSO SELETIVO</a></span></li><li><span><i class='fa fa-link'></i> <a href='registrodepreco.php'>
761REGISTRO DE PREÃO</a></span></li><li><span><i class='fa fa-link'></i> <a href='https://aratuba.ce.gov.br/publicacoes.php?grupo=&cat=79&Comp=&Exer=&dtini=&dtfim=&Num=&ta=3&Descr='>DEMONSTRATIVO DE RECEITAS E DESPESAS - COMBATE à COVID-19</a></span></li> </ul> 762 </li><li><span><i class='fa fa-link'></i> <a href='sic.php'>E-SIC</a></span></li><li><span><i class='fa fa-link'></i> <a href='ouvidoria.php'>Ouvidoria Municipal</a></span></li><li><span><i class='fa fa-link'></i> <a href='faleconosco.php'>Fale Conosco</a></span></li><li><span><i class='fa fa-link'></i> <a href='lcreceitas.php'>Receitas Públicas</a></span></li><li><span><i class='fa fa-link'></i> <a href='despesas.php'>Despesas Públicas</a></span></li><li><span><i class='fa fa-link'></i> <a href='emendas'>Emendas Parlamentares</a></span></li><li><span><i class='fa fa-link'></i> <a href='lcordemcronologica.php'>Ordem Cronológica</a></span></li><li><span><i class='fa fa-link'></i> <a href='leis.php'>Leis</a></span></li><li><span><i class='fa fa-link'></i> <a href='normativosproprios.php'>Normativos Próprios</a></span></li><li><span><i class='fa fa-link'></i> <a href='decretos.php'>Decretos</a></span></li><li><span><i class='fa fa-link'></i> <a href='folhadepagamento.php'>Quadro de Pessoal</a></span></li><li><span><i class='fa fa-link'></i> <a href='portaria.php'>Portarias</a></span></li><li><span><i class='fa fa-link'></i> <a href='diarias.php'>Diárias</a></span></li><li><span><i class='fa fa-link'></i> <a href='licitacao.php'>Licitações</a></span></li><li><span><i class='fa fa-link'></i> <a href='publicacoes.php'>Publicações</a></span></li><li><span><i class='fa fa-link'></i> <a href='contratos.php'>Contratos Administrativos</a></span></li><li><span><i class='fa fa-link'></i> <a href='processoseletivo.php'>Processo Seletivo</a></span></li><li><span><i class='fa fa-link'></i> <a href='convenio.php'>Convênios e Parcerias</a></span></li><li><span><i class='fa fa-link'></i> <a href='obras.php'>Obras Públicas</a></span></li><li><span><i class='fa fa-link'></i> <a href='concursopublico.php'>Concurso Público</a></span></li><li><span><i class='fa fa-link'></i> <a href='terceirizados.php'>Terceirizados</a></span></li><li><span><i class='fa fa-link'></i> <a href='estagiarios.php'>Estagiários</a></span></li><li><span><i class='fa fa-link'></i> <a href='campanha.php?pg=COVID-19'>COVID-19</a></span></li><li><span><i class='fa fa-link'></i> <a href='lrf.php'>Transparência Fiscal (LRF)</a></span></li><li><span><i class='fa fa-link'></i> <a href='contasdegoverno.php'>PCG - Prestação de Contas de Governo</a></span></li><li><span><i class='fa fa-link'></i> <a href='contasdegestao.php'>PCS - Prestação de Contas de Gestão</a></span></li><li><span><i class='fa fa-link'></i> <a href='institucional.php'>Dados Institucionais</a></span></li><li><span><i class='fa fa-link'></i> <a href='servicos.php'>Serviços Online</a></span></li><li><span><i class='fa fa-link'></i> <a href='gestores.php'>Prefeito e Vice</a></span></li><li><span><i class='fa fa-link'></i> <a href='secretaria.php'>Secretarias Municipais</a></span></li><li><span><i class='fa fa-link'></i> <a href='simbolos.php'>Brasão, Hino e Bandeira</a></span></li><li><span><i class='fa fa-link'></i> <a href='conselhos.php?tp=1'>Conselhos e Membros</a></span></li><li><span><i class='fa fa-link'></i> <a href='glossario.php'>Glossário</a></span></li><li><span><i class='fa fa-link'></i> <a href='perguntaserespostas.php'>Perguntas Frequentes (FAQ)</a></span></li><li><span><i class='fa fa-link'></i> <a href='veiculos.php'>VeÃculos</a></span></li><li><span><i class='fa fa-link'></i> <a href='mapadosite.php'>Mapa do Site</a></span></li><li><span><i class='fa fa-link'></i> <a href='dadosabertos.php'>Dados Abertos</a></span></li><li><span><i class='fa fa-link'></i> <a href='contatos.php'>Contatos</a></span></li><li><span><i class='fa fa-link'></i> <a href='conselhos.php?tp=2'>Associações</a></span></li><li><span><i class='fa fa-link'></i> <a href='planosmunicipais.php?grupo=plano_estrategico_institucional'>Plano Estratégico Institucional</a></span></li><li><span><i class='fa fa-link'></i> <a href='pesquisasatisfacao.php'>Pesquisa de Satisfação</a></span></li><li><span><i class='fa fa-link'></i> <a href='institucional'>Estrutura Organizacional</a></span></li><li><span><i class='fa fa-link'></i> <a href='doc.php?car=62'>Relatórios de Gestão e Atividades</a></span></li><li><span><i class='fa fa-link'></i> <a href='lai.php'>Regulamentação LAI</a></span></li><li><span><i class='fa fa-link'></i> <a href='doc.php?car=12'>Regulamentação das Diárias</a></span></li><li><span><i class='fa fa-link'></i> <a href='contasdegoverno'>Parecer do Tribunal de Contas</a></span></li><li><span><i class='fa fa-link'></i> <a href='renunciasfiscais.php'>Renúncias Fiscais</a></span></li><li><span><i class='fa fa-link'></i> <a href='doc.php?car=65'>Regulamentação do Governo Digital</a></span></li><li><span><i class='fa fa-link'></i> <a href='lgpd.php'>Proteção de Dados (LGPD)</a></span></li><li><span><i class='fa fa-link'></i> <a href='diariasvalor.php'>Tabela de Valores das Diárias</a></span></li><li><span><i class='fa fa-link'></i> <a href='medicamentos.php'>Como Adquirir Medicamentos de Alto Custo do SUS</a></span></li><li><span><i class='fa fa-link'></i> <a href='medicamentoslista.php'>Lista de Medicamentos SUS</a></span></li><li><span><i class='fa fa-link'></i> <a href='medicamentoslista.php?tipo=farmacia_basica'>Estoque de Medicamentos</a></span></li><li><span><i class='fa fa-link'></i> <a href='planosmunicipais.php?grupo=plano_municipal_de_saude'>Planos de Saúde</a></span></li><li><span><i class='fa fa-link'></i> <a href='unidadesaude.php'>Unidades de Saúde</a></span></li><li><span><i class='fa fa-link'></i> <a href=''>Central de Regulação</a></span></li><li><span><i class='fa fa-link'></i> <a href='pca.php'>Plano de Contratação Anual</a></span></li><li><span><i class='fa fa-link'></i> <a href='desoneracao.php'>Desonerações</a></span></li><li><span><i class='fa fa-link'></i> <a href='doc.php?car=73'>Lista de Espera de Creche</a></span></li><li><span><i class='fa fa-link'></i> <a href='https://radardatransparencia.atricon.org.br/'>Informações sobre o Radar</a></span></li><li><span><i class='fa fa-link'></i> <a href='dividaativa.php'>DÃvida Ativa</a></span></li><li><span><i class='fa fa-link'></i> <a href='planosmunicipais.php?grupo=plano_municipal_de_educacao'>Planos de Educação</a></span></li><li><span><i class='fa fa-link'></i> <a href='incentivosculturais'>Incentivos Culturais e Esportivos</a></span></li> </ul> 763 </li> 764 </ul> 765 766 767 </div> 768 </div> 769 770 </div> 771 </div> 772 </section> 773 774
775<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer> 776 function resetTurnstileIfNeeded() { 777 if (window.turnstile) { try { turnstile.reset(); } catch (e) {} } 778 } 779 window.addEventListener('pageshow', (event) => { if (event.persisted) { resetTurnstileIfNeeded(); } }); 780 document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { resetTurnstileIfNeeded(); } }); 781</script>
781 782 783
783<script src="/js/shortcuts.js"></script>
783 784
784<script> 785 shortcut.add("Alt+H", function() { 786 window.location.assign("index.php"); 787 }); 788 789 shortcut.add("Alt+Shift+1", function() { 790 window.location.assign("acessibilidade.php"); 791 }); 792 793 shortcut.add("Alt+9", function() { 794 window.scrollTo(0, 0); 795 }); 796 797 shortcut.add("Alt+C", function() { 798 window.location.href = '#ancora'; 799 }); 800 </script>
800 801 802 803 804 805 <section class="container-new1 rodape-radar-atricon"> 806 <div class="" style=""> 807 <div class='public_paginas' style="padding-bottom: 0px;"> 808 <div class="row"> 809 <div class="col-md-12"> 810 <a href="https://radardatransparencia.atricon.org.br/ " target="_blank"> 811 <img src="/imagens/radar_atricon.png" alt="Radar ATRICON" width="100%" style="display: block; border-radius: 7px;"> 812 </a> 813 </div> 814 </div> 815 </div> 816 </div> 817 </section> 818 819 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 820 821 822 <div id="scroll2"><a href="/atricon.php"><img src="/imagens/atricon48x48.png" title="Atricon"></a></div> 823 824 <div id="scroll"><span></span></div> 825 826 827 <div class="section" id="bottom" style="padding-bottom: 0px;"> 828 829 830 831 832<div style="display: flex; margin:0; margin-bottom: 5px;"> 833 834</div> 835 836 837 <section> 838 <div class="col-md-12"> 839 <div class="row fitaflex"> 840 <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #FFBB24;"></div> 841 <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #1DC06F;"></div> 842 <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #452378;"></div> 843 <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #DF4D4D;"></div> 844 <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #FFB811;"></div> 845 <div class="col-md-2 fita" style="margin-bottom:0px; border-top: 7px solid #1DC06F;"></div> 846 </div> 847 </div> 848 </section> 849 850 <style> 851 /* banner "Radar Nacional da Transparencia" (antes do rodape, em toda pagina): tinha so 852 margin-top:10px (nenhuma embaixo), entao a distancia pro rodape ficava bem menor que 853 a distancia pro conteudo acima dele. So mexe em cima/embaixo â o atalho "margin: 30px 0" 854 zerava tambem a margem lateral (que nao era 0) e deslocava o banner pro lado. */ 855 .rodape-radar-atricon { 856 margin-top: 30px; 857 margin-bottom: 30px; 858 } 859 860 /* ===== Rodapé institucional 2026 â modelo B (bottomTipo9) â namespace .site-footer* 861 Fundo em degrade na cor do site, cabecalho (logo + nome + redes), faixa de 862 selos, 3 cards translucidos e barra final. So o layout/CSS mudou: consultas, 863 condicionais e dados continuam os mesmos. Sem largura propria: usa o 864 .container-new1 padrao do site (alinhado ao cabecalho e as secoes). ===== */ 865 .site-footer { 866 position: relative; 867 /* clear: a faixa de cores logo acima (.col-md-12 do Bootstrap) e um float 868 sem clearfix. Com overflow:hidden o rodapé vira um bloco "BFC" e, sem 869 clear, ele encolhe pra ficar ao lado desse float (largura 0). */ 870 clear: both; 871 overflow: hidden; 872 background: #079E53; 873 background: linear-gradient(155deg, #079E53 0%, #045c30 100%); 874 color: rgba(255, 255, 255, .86); 875 font-size: 14px; 876 } 877 878 /* brilhos suaves de fundo (decorativos) */ 879 .site-footer::before, 880 .site-footer::after { 881 content: ""; 882 position: absolute; 883 border-radius: 50%; 884 pointer-events: none; 885 } 886 887 .site-footer::before { 888 width: 700px; 889 height: 700px; 890 right: -180px; 891 top: -320px; 892 background: radial-gradient(closest-side, rgba(255, 255, 255, .16), transparent); 893 } 894 895 .site-footer::after { 896 width: 560px; 897 height: 560px; 898 left: -200px; 899 bottom: -300px; 900 background: radial-gradient(closest-side, rgba(255, 255, 255, .09), transparent); 901 } 902 903 .site-footer > * { 904 position: relative; 905 z-index: 1; 906 } 907 908 /* ---- cabecalho: logo + nome (esq.) e selos (dir.) ---- */ 909 .site-footer__head { 910 display: flex; 911 flex-wrap: wrap; 912 align-items: center; 913 justify-content: space-between; 914 gap: 22px 32px; 915 padding-block: 48px 28px; 916 } 917 918 .site-footer__brand { 919 display: flex; 920 align-items: center; 921 min-width: 0; 922 } 923 924 .site-footer-identity__logo { 925 max-height: 100px; 926 width: auto; 927 max-width: 100%; 928 filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .2)); 929 } 930 931 .site-footer-identity__city { 932 /* sem font-family aqui de proposito: herda de body{font-family: 933 "Roboto", Arial, Helvetica, sans-serif}, configuravel por municipio 934 (css/style.php). Nao hardcodar uma fonte especifica. */ 935 margin: 0; 936 font-size: 16px; 937 font-weight: 400; 938 letter-spacing: .005em; 939 text-transform: none; 940 color: rgba(255, 255, 255, .9); 941 } 942 943 /* divisor entre a logo e o nome (so quando existe logo) */ 944 .site-footer-identity__logo + .site-footer-identity__city { 945 margin-left: 22px; 946 padding-left: 22px; 947 border-left: 1px solid rgba(255, 255, 255, .3); 948 } 949 950 /* ---- selos, encaixados no cabecalho no lugar das redes sociais ---- */ 951 .site-footer__seals-inline { 952 display: flex; 953 flex-wrap: wrap; 954 align-items: center; 955 justify-content: flex-end; 956 gap: 16px; 957 } 958 959 .site-footer__seals-inline img { 960 width: 40px; 961 display: block; 962 opacity: .9; 963 transition: opacity .15s ease, transform .15s ease; 964 } 965 966 .site-footer__seals-inline a:hover img { 967 opacity: 1; 968 transform: translateY(-2px); 969 } 970 971 /* ---- 3 cards: Institucional / Contatos / Endereco e horario ---- */ 972 .site-footer__grid { 973 display: grid; 974 grid-template-columns: repeat(3, 1fr); 975 gap: 18px; 976 padding: 32px 0 36px; 977 } 978
979 .site-footer__col { 980 min-width: 0; 981 padding: 26px 26px 14px; 982 /* raio exatamente igual ao configurado no site (VCaixaArredondamento) â antes usava 983 uma formula (2x + 6px) que deixava esses cards bem mais arredondados que o resto do site */ 984 border-radius: var(--site-card-radius, 7px); 985 background: rgba(255, 255, 255, .08); 986 border: 1px solid rgba(255, 255, 255, .16); 987 } 988 989 .site-footer__col-title { 990 display: flex; 991 align-items: center; 992 gap: 12px; 993 margin: 0 0 18px; 994 font-size: 12.5px; 995 font-weight: 700; 996 line-height: 1.2; 997 text-transform: uppercase; 998 letter-spacing: .09em; 999 color: #fff; 1000 } 1001 1002 .site-footer__col-ico { 1003 display: inline-flex; 1004 flex: 0 0 40px; 1005 align-items: center; 1006 justify-content: center; 1007 width: 40px; 1008 height: 40px; 1009 border-radius: var(--site-card-radius, 7px); 1010 background: rgba(255, 255, 255, .16); 1011 font-size: 18px; 1012 } 1013 1014 .site-footer__col p { 1015 display: flex; 1016 align-items: flex-start; 1017 gap: 10px; 1018 margin: 0 0 12px; 1019 font-size: 14px; 1020 line-height: 1.55; 1021 color: rgba(255, 255, 255, .9); 1022 } 1023 1024 .site-footer__col p i { 1025 flex: none; 1026 width: 16px; 1027 margin-top: 3px; 1028 text-align: center; 1029 color: #fff; 1030 opacity: .7; 1031 } 1032 1033 /* ---- barra final ---- */ 1034 .site-footer__bottom { 1035 background: rgba(0, 0, 0, .14); 1036 border-top: 1px solid rgba(255, 255, 255, .14); 1037 } 1038 1039 .site-footer__bottom-inner { 1040 display: flex; 1041 flex-wrap: wrap; 1042 align-items: center; 1043 justify-content: space-between; 1044 gap: 8px 20px; 1045 /* so vertical: o padding lateral vem do .container-new1, igual ao dos cards */ 1046 padding-block: 18px; 1047 color: rgba(255, 255, 255, .75); 1048 font-size: 13px; 1049 } 1050 1051 /* O .container-new1 (main.css) tem um clearfix: ::before/::after com 1052 content:" ". Num container flex esses dois pseudo-elementos viram 1053 itens extras, e o space-between reparte o espaco entre 4 itens â 1054 os <p> ficam "boiando" no meio em vez de nas pontas do container. 1055 Aqui o flex ja contem os filhos, entao o clearfix e desligado. */ 1056 .site-footer .site-footer__bottom-inner::before, 1057 .site-footer .site-footer__bottom-inner::after { 1058 content: none; 1059 display: none; 1060 } 1061 1062 .site-footer__bottom p { 1063 margin: 0; 1064 } 1065 1066 /* copyright na ponta esquerda do container, acessibilidade na direita */ 1067 .site-footer__bottom-inner p:first-child { 1068 text-align: left; 1069 } 1070 1071 .site-footer__bottom-inner p:last-child { 1072 text-align: right; 1073 } 1074 1075 .site-footer__bottom a { 1076 color: #fff; 1077 font-weight: 500; 1078 text-decoration: none; 1079 } 1080 1081 .site-footer__bottom a:hover, 1082 .site-footer__bottom a:focus-visible { 1083 text-decoration: underline; 1084 } 1085 1086 /* ---- responsivo ---- */ 1087 @media (max-width: 991px) { 1088 .site-footer__grid { 1089 grid-template-columns: 1fr; 1090 } 1091 } 1092 1093 @media (max-width: 767px) { 1094 .site-footer__head { 1095 flex-direction: column; 1096 justify-content: center; 1097 text-align: center; 1098 padding-block: 34px 22px; 1099 } 1100 1101 .site-footer__brand { 1102 flex-direction: column; 1103 gap: 14px; 1104 } 1105 1106 .site-footer-identity__logo + .site-footer-identity__city { 1107 margin-left: 0; 1108 padding-left: 0; 1109 border-left: 0; 1110 } 1111 1112 .site-footer__seals-inline { 1113 justify-content: center; 1114 } 1115 1116 .site-footer__grid { 1117 padding: 26px 0 28px; 1118 } 1119 1120 .site-footer__bottom-inner { 1121 justify-content: center; 1122 text-align: center; 1123 } 1124 1125 .site-footer__bottom-inner p:first-child, 1126 .site-footer__bottom-inner p:last-child { 1127 text-align: center; 1128 } 1129 } 1130 </style> 1131 1132 </div> 1133 1134 <footer class="site-footer" role="contentinfo" style="--site-card-radius: 7px;"> 1135 <div class="container-new1 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms"> 1136 <div class="site-footer__head"> 1137 <div class="site-footer__brand"> 1138 <img src="/imagens/logovazada.png?time=1790915677" alt="Prefeitura Municipal de Aratuba" class="site-footer-identity__logo"> 1139 <p class="site-footer-identity__city"> 1140 Prefeitura Municipal de Aratuba - CE </p> 1141 </div> 1142 1143 <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'>
1143<img src='/imagens/imagensselos/alfa-ouro-p.png' alt='Selo Nacional compromisso com a Alfabetização Ouro 2024 1144' title='Selo Nacional compromisso com a Alfabetização Ouro 2024 1145'></a></div> </div> 1146 </div> 1147 1148 <div class="container-new1"> 1149 <div class="site-footer__grid"> 1150 1151 <div class="site-footer__col"> 1152 <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> 1153 1154 1155 <p><i class='bi bi-person-circle' aria-hidden="true"></i> <span>Prefeito Joerly Rodrigues Victor</span></p> 1156 <p><i class='bi bi-postcard' aria-hidden="true"></i> <span>CNPJ: 07.387.525/0001-70</span></p> 1157 </div> 1158 1159 <div class="site-footer__col"> 1160 <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> 1161 <p><i class='bi bi-telephone' aria-hidden="true"></i> <span>(85) 3329-1444</span></p> 1162 <p><i class='bi bi-envelope-at' aria-hidden="true"></i> <span>[email protected]</span></p> 1163 </div> 1164 1165 <div class="site-footer__col"> 1166 <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> 1167 1168 <p> 1169 <i class='bi bi-geo-alt' aria-hidden='true'></i> 1170 <span> 1171 Rua Júlio Pereira, 1172 1173 304 1174 - Centro, 1175 1176 62.762-000 </span> 1177 </p> 1178 <p> 1179 <i class='bi bi-clock' aria-hidden='true'></i> 1180 <span>de Segunda A Sexta-feira, das 7h30 Ãs 11h30 e das 13h Ãs 17h.</span> 1181 </p> 1182 </div> 1183 1184 1185 </div> 1186 </div> 1187 1188 <div class="site-footer__bottom">
1189 <div class="container-new1 site-footer__bottom-inner"> 1190 <p> 1191 © 2026 <a target='_blank' href='http://www.assesi.com.br/' title=''>Assesi</a>. 1192 Todos os Direitos Reservados. 1193 </p> 1194 <p><a href="/acessibilidade.php">Acessibilidade</a></p> 1195 </div> 1196 </div> 1197 </footer> 1198 1199
1200<script type="text/javascript"> 1201 1202 // document.addEventListener('click', function(){ 1203 // const link_before = event.target.closest('a'); 1204 // const link_destino = (link_before) ? link_before.href : null; 1205 1206 // const params_before = new URLSearchParams(link_before); 1207 // if (params_before.has('source')) { 1208 1209 // localStorage.getItem('source', 'app'); 1210 // } else { 1211 // localStorage.removeItem('source'); 1212 // } 1213 1214 // }); 1215 1216</script>
1216 1217 1218 1219
1219<script src="js/jquery.js"></script>
1219 1220
1220<script src="js/bootstrap.min.js"></script>
1220 1221
1221<script src="js/jquery.prettyPhoto.js"></script>
1221 1222
1222<script src="js/jquery.isotope.min.js"></script>
1222 1223
1223<script src="js/main.js"></script>
1223 1224
1224<script src="js/wow.min.js"></script>
1224 1225
1225<script src="js/jquery.font-accessibility.min.js"></script>
1225 1226
1226<script> 1227 $(function() { 1228 /* Custom buttons */ 1229 $('#font-setting-buttons').easyView({ 1230 container: 'body, .row', 1231 increaseSelector: '.increase-me', 1232 decreaseSelector: '.decrease-me', 1233 normalSelector: '.reset-me', 1234 contrastSelector: '.change-me' 1235 }); 1236 1237 1238 }); 1239 1240 1241 $(function() { 1242 $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch'); 1243 $('.tree li.parent_li > span').on('click', function(e) { 1244 var children = $(this).parent('li.parent_li').find(' > ul > li'); 1245 if (children.is(":visible")) { 1246 children.hide('fast'); 1247 $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign'); 1248 } else { 1249 children.show('fast'); 1250 $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign'); 1251 } 1252 e.stopPropagation(); 1253 }); 1254 }); 1255 </script>
1255 1256 1257</body> 1258 1259</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.