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 CARIDADE"> 8 <meta name="description" content="LAI - Lei de Acesso à Informação." /> 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 Caridade, PREFEITURA DE " /> 10 <meta property="og:image" itemprop="image" content="http://caridade.ce.gov.br/imagens/lai2.png" /> 11 <title>Prefeitura de Caridade</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="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> 17 <link href="css/bootstrap.min.css" rel="stylesheet"> 18 <link href="css/font-awesome.min.css" rel="stylesheet"> 19 <link href="css/prettyPhoto.css" rel="stylesheet"> 20 <link href="css/animate.min.css" rel="stylesheet"> 21 <link href="css/main.css?v=20260927" rel="stylesheet"> 22 <link href="css/responsive.css?v=20260927" rel="stylesheet"> 23 <link href="cssesic/hover.css" rel="stylesheet" type="text/css" media="all" /> 24 <link href="css/style.php?v=20260927" rel="stylesheet"> 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.png'> <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<body href="#" id="ancora"> 38 39<link href="/css/satisfacao/style.css?v=2.0" rel="stylesheet"> 40<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> 41<link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet"> 42<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
43<script> 44var tam = 15; 45 46function mudaFonte(tipo, elemento) { 47 if (tipo == "mais") { 48 if (tam < 24) 49 tam += 1; 50 } else { 51 if (tam > 10) 52 tam -= 1; 53 } 54 document.getElementById("Noticia").style.fontSize = tam + "px"; 55 document.getElementById("Descricao").style.fontSize = tam + "px"; 56} 57 58function printDiv(id, pg, url) { 59 var oPrint, oJan; 60 oPrint = window.document.getElementById(id).innerHTML; 61 oJan = window.open(pg); 62 oJan.document.write(oPrint); 63 oJan.document.write(url); 64 oJan.window.print(); 65 oJan.document.close(); 66 oJan.focus(); 67} 68 69 70 71// Função contraste INICIO 72(function() { 73 var Contrast = { 74 storage: 'contrastState', 75 cssClass: 'contrast', 76 currentState: null, 77 check: checkContrast, 78 getState: getContrastState, 79 setState: setContrastState, 80 toogle: toogleContrast, 81 updateView: updateViewContrast 82 }; 83 84 window.toggleContrast = function() { 85 Contrast.toogle(); 86 }; 87 88 Contrast.check(); 89 90 function checkContrast() { 91 this.updateView(); 92 } 93 94 function getContrastState() { 95 return localStorage.getItem(this.storage) === 'true'; 96 } 97 98 function setContrastState(state) { 99 localStorage.setItem(this.storage, '' + state); 100 this.currentState = state; 101 this.updateView(); 102 } 103 104 function updateViewContrast() { 105 var body = document.body; 106 107 if (this.currentState === null) 108 this.currentState = this.getState(); 109 110 if (this.currentState) 111 body.classList.add(this.cssClass); 112 else 113 body.classList.remove(this.cssClass); 114 } 115 116 function toogleContrast() { 117 this.setState(!this.currentState); 118 } 119})(); 120// Função contraste FIM 121</script>
121 122 123 124 125<!-- CSS style offcanvas navbar --> 126<style> 127 128.offcanvas-collapse { 129position: fixed; 130bottom: 0; 131right: 100%; 132left:-300px; 133width: 300px; 134overflow: auto; 135visibility: hidden; 136background-color: #333639; 137transition-timing-function: ease-in-out; 138transition-duration: .3s; 139transition-property: left, visibility; 140z-index: 1045; 141} 142.offcanvas-collapse { 143 align-items:start; 144/* Adds a subtle drop shadow */ 145 -moz-background-clip: padding; /* Firefox 3.6 */ 146 -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ 147 background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ 148border-right:5px solid rgba(0, 0, 0, 0.2); 149height: auto; 150min-height: 100%; 151} 152 153/* Makes the nav visibile with the open class */ 154.offcanvas-collapse.open { 155 left: 0; 156 visibility: visible; 157} 158 159 160.navbar-expand-lg .navbar-nav { 161-ms-flex-direction: column; 162flex-direction: column; 163} 164 165.offcanvas-collapse>.navbar-nav>li>a:hover { 166 color: #fff !important; 167 background-color: #000; 168 opacity: 0.5; 169} 170 171.offcanvas-collapse>.navbar-nav > li { 172 margin-left: 1px; 173} 174 175.offcanvas-collapse>.navbar-nav>.dropdown.open{ 176 color: #333639 !important; 177 background-color: #fff !important; 178 /* opacity: 0.5 !important; */ 179} 180 181.offcanvas-collapse>.navbar-nav>.dropdown.open>a{ 182 color: #fff !important; 183 /* background-color: #000 !important; */ 184 opacity: 0.5 !important; 185} 186 187.offcanvas-collapse.navbar-collapse { 188 padding-right: 0px !important; 189 padding-left: 0px !important; 190} 191 192 193.dropdown-submenu { position:relative;} .dropdown-submenu>.dropdown-menu {top:0; left:100%; margin-top:-6px;} 194 195 196/* Botão de fechar */ 197.offcanvas-close { 198 position: fixed; 199 top: 15px; 200 left: 300px; /* Ajuste de posição */ 201 background: none; 202 border: none; 203 color: #fff; 204 font-size: 30px; 205 cursor: pointer; 206 z-index: 1050; /* Sobrepõe o menu */ 207} 208.open>.dropdown-menu-offcanvas { 209 display: contents !important; 210} 211 212 /* Estilo da backdrop */ 213 .offcanvas-backdrop { 214 position: fixed; 215 top: 0; 216 left: 0; 217 width: 100%; 218 height: 100%; 219 background-color: rgba(0, 0, 0, 0.5); 220 z-index: 1040; 221 opacity: 0; 222 visibility: hidden; 223 transition: opacity 0.3s ease; 224} 225.offcanvas-backdrop.show { 226 opacity: 1; 227 visibility: visible; 228} 229 230.dropdown-menu-acessibilidade { 231 border-radius: var(--site-card-radius, 7px); 232} 233 234.dropdown-menu-acessibilidade li a { 235 color: #333639 !important ; 236} 237 238.dropdown-toggle-acessibilidade:hover .dropdown-menu-acessibilidade { 239 display: block !important; 240} 241/* 242 navbar-dafault-main entra em conflito com .navbar-default quando o MenuDegrade está ativo 243 Esse conflito deixa o menu branco 244*/ 245 246.navbar-dafault-main { 247 background-image: url(""), 248 url(""); 249 background-repeat: no-repeat, no-repeat ; 250 background-position: left, right ; 251} 252.social-links-top { 253 /* border-left: 1px solid #fff; */ 254} 255 256</style> 257 258 259 260 261<!-- INÃCIO DO TOPO DO SITE --> 262<header id="header" class=" navbar navbar-fixed-top wet-asphalt" style="border:0px; box-shadow:none; --site-card-radius: 9px; background-image:url(/imagens/BackTopo5.jpg);"> 263 <div class="container-fluid topo-option-1 color-topo"> 264 <div class="container-new1"> 265 <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;"> 266 267 268 <div class="title__cliente" style="margin-bottom: 0px; padding-left:15px; padding-right:0; margin-right: auto; color: #fff;"> 269 <a href="https://www.caridade.ce.gov.br"><span>Prefeitura Municipal de Caridade</span></a> 270 </div> 271 272 273 <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px; "><a 274 href="/ouvidoria"><i class="bi bi-headset"></i> <span class='nomefora' 275 title="Ouvidoria da entidade">Ouvidoria/Sic</span></a></div> 276 277 278 279 280 <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 130px;"><a 281 href="/acessoainformacao.php"><i class="bi bi-info-circle-fill"></i> <span class='nomefora'
282 title="Transparência da entidade">Transparência</span></a></div> 283 284 <!--<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>--> 285 <div style="margin-bottom: 0px; float:right; padding-left:0; padding-right:0; width: 130px" class="dropdown dropdown-toggle-acessibilidade"><a href="#" 286 accesskey="1" title="Página de acessibilidade" class="dropdown-toggle" data-toggle="dropdown" ><i class="bi bi-emoji-smile"></i> <span 287 class='nomefora'>Acessibilidade</span></a> 288 289 <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;"> 290 <li><a href="/acessibilidade.php" style="cursor:pointer;" 291 title="Página de acessibilidade"><i class="bi bi-emoji-smile"></i> <span 292 class='nomefora'>Sobre</span></a></li> 293 294 <li><a href="#altocontraste" 295 id="altocontraste" onclick="window.toggleContrast()" style="cursor:pointer;" accesskey="2" 296 title="Aplicar Contraste"><i class="bi bi-toggles"></i> <span 297 class='nomefora'>Contraste</span></a></li> 298 299 <li> <a 300 class="nav-link increase-me btn-list-top" style="cursor:pointer; " accesskey="A" 301 title="Aumentar texto"><i class="bi bi-plus-square"></i> <span 302 class='nomefora'>Aumentar</span></a></li> 303 <li><a 304 class="nav-link decrease-me btn-list-top" style="cursor:pointer; " accesskey="D" 305 title="Diminuir texto"> <i class="bi bi-dash-square"></i> <span 306 class='nomefora'>Diminuir</span></a></li> 307 308 <li><a style="cursor:pointer;" 309 href="https://www.gov.br/governodigital/pt-br/vlibras" target='_blank' accesskey="M" 310 title="VLibras"><i class='fa fa-hand-paper-o'></i> <span class='nomefora'>Libras</span></a></li> 311 312 <li><a href="/mapadosite" style="cursor: pointer;" 313 title="Mapa do site" accesskey="M"><i class="bi bi-diagram-3-fill"></i> <span 314 class="nomefora">Mapa do site</span></a></li> 315 </ul> 316 317 </div> 318 319 <div style="margin-bottom: 0px; padding-left:0; padding-right:0;width: 100px;"><a 320 href="/pesquisa"><i class="bi bi-search"></i> <span class='nomefora' 321 title="Transparência da entidade">Pesquisar</span></a></div> 322 323 <!-- fim de acessibilidade --> 324 325 <!-- redes sociais --> 326 <div class="social-links-top"> 327 <a class="nav-link btn-list-top" href="https://www.facebook.com/prefeituradecaridadece"> 328 <i class='bi bi-facebook' title="Facebook"></i> 329 </a> 330 <a class="nav-link btn-list-top" href="https://www.youtube.com/channel/UCbEN-NSgWVHs2ZXwfJVJFdA"> 331 <i class='bi bi-youtube' title="YouTube"></i> 332 </a> 333 <a class="nav-link btn-list-top" href="https://www.instagram.com/prefeituradecaridade/"> 334 <i class='bi bi-instagram' title="Instagram"></i> 335 </a> 336 <a class="nav-link btn-list-top" href="https://webmail-seguro.com.br/caridade.ce.gov.br/"> 337 <i class='bi bi-envelope-fill' title="E-mail"></i> 338 </a> 339 340 341 </div> 342 <!-- redes sociais --> 343 344 </div> 345 </div> 346 </div> 347 348 349 <style> 350 /* #menuToggleBtn troca de lugar ao rolar (ve o JS mais abaixo): preto sobre o fundo claro 351 do #logo-top-bar, branco quando pousa em #mobileMenuToggleSticky (faixa verde). */ 352 #mobileMenuToggleSticky #menuToggleBtn .fa-bars { 353 color: #fff !important; 354 } 355 </style> 356 357 <div class="container-fluid topo-option-mobile color-topo"> 358 <div class="container"> 359 <div class="row" id="font-setting-buttons" style="line-height: 33px; display: flex; position: relative; z-index: 5;"> 360 361 <div id="mobileUtilityLinks" style="display: flex; align-items: center;"> 362 <div style="margin-bottom: 0px; padding-left: 7px; padding-right: 10px;"><a 363 href="/acessoainformacao.php"><i class='bi bi-info-circle-fill'></i> <span
364 title="Transparência da entidade"><strong>Transparência</strong></span></a></div> 365 366 <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a 367 href="ouvidoria"><i class="bi bi-headset"></i> <span 368 title="Ouvidoria da entidade"><strong>Ouvidoria </strong></span></a></div> 369 370 <div style="margin-bottom: 0px; padding-left:0; padding-right: 10px;"><a 371 href="/acessibilidade"><i class='bi bi-emoji-smile'></i> <span 372 title="Acessibilidade"><strong>Acessibilidade</strong></span></a></div> 373 374 <div style="margin-bottom: 0px; padding-left:0; padding-right:10;" class="dropdown dropdown-toggle-acessibilidade"> 375 <a href="#" accesskey="1" title="Mais opções" class="dropdown-toggle" data-toggle="dropdown"> 376 <i class="bi bi-plus"></i> 377 <span><strong>Opções</strong></span> 378 </a> 379 380 <ul class="dropdown-menu dropdown-menu-right dropdown-menu-acessibilidade" style="min-width: 150px; color:#000;"> 381 <li> 382 <a href="/pesquisa" style="cursor:pointer;" title="Pesquisar"><i class="bi bi-search"></i><span style="padding-left: 10px;">Pesquisar</span></a> 383 </li> 384 </div> 385 </div> 386 387 <div id="mobileMenuToggleSticky" style="margin-bottom: 0px; margin-left: auto; margin-right: -13px; padding-left: 10px; display: none;"></div> 388 </div> 389 </div> 390 </div> 391 392 393 <style> 394 /* ===== Selos alinhados com a logo 2026 â nao muda o tamanho da logo, so o alinhamento dos selos ===== 395 .d-flex-main-menu-center so virava flex/centralizado no celular (responsive.css); aqui repete o mesmo 396 comportamento tambem no desktop, pra logo e selos ficarem na mesma linha central. */ 397 .d-flex-main-menu-center { 398 display: flex; 399 align-items: center; 400 } 401 402 /* .box-pesq tem margin-top:30px no main.css (pensado pra quando essa coluna nao dividia a linha 403 com a logo). Com o alinhamento acima, essa margem so empurrava os selos pra baixo do centro. */ 404 #logo-top-bar .box-pesq { 405 margin-top: 0; 406 } 407 </style> 408 409 <div class="container-new1 container-menu-main" id="logo-top-bar" style="padding-bottom:10px; padding-top:10px; "> 410 411 412 413 <div class="row d-flex-main-menu-center"> 414 415 <div id="centralizarLogo" class="col-6 col-sm-7 col-xs-7 "> 416 417 <a id="" href="/" style="padding-right: 5px; margin-right: 20px"><img id="" src="/imagens/logo.png?time=1790476503" alt="logo"></a> 418 </div> 419 420 <div class="col-6 col-canvas-navbar" id="canvasNavbarCol"> 421 <a id="menuToggleBtn" class="navbar-toggle" data-toggle="offcanvas" 422 style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; " 423 data-target=".offcanvas-collapse"> 424 <span class="fa fa-bars" style="font-size: 25px; color: #000;"></span> 425 </a> 426 </div> 427 428 <div class="col-sm-5 col-xs-5 fora_responsivo"> 429 <div class="wow fadeInUp box-pesq"> 430 431 432 <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 433' title='Selo Nacional compromisso com a Alfabetização Ouro 2024 434'></a> 435 436 437 <!-- <a href="/pesquisa.php" class="btn btn-primary nomefora"><span class="glyphicon glyphicon-search " 438 aria-hidden="true"></span> Pesquisa</a> --> 439 440 <!-- 441 <div class="nomefora" id="google_translate_element"></div> 442
442<script> 443 function googleTranslateElementInit() { 444 new google.translate.TranslateElement({ 445 pageLanguage: 'pt', 446 autoDisplay: false, 447 includedLanguages: 'de,es,fr,en,it', 448 layout: google.translate.TranslateElement.InlineLayout.SIMPLE 449 }, 450 'google_translate_element'); 451 } 452 </script>
452 453
453<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
453 454 --> 455 456 </div> 457 458 </div> 459 </div> 460 </div> 461 462 463 <!-- navbar offcanvas --> 464 <nav class="navbar navbar-default navbar-dafault-main" style="border:0px;"> 465 <div class="container-new1"> 466 <div class="navbar-header navbar-header-main"> 467 <a class="navbar-toggle" data-toggle="offcanvas" 468 style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; color:#fff; " 469 data-target=".offcanvas-collapse"> 470 <span class="fa fa-bars" style="font-size: 16px"></span> 471 </a> 472 <a href="pesquisa.php" class="navbar-toggle" 473 style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; display: none;"><span 474 class="fa fa-search" style="font-size: 16px" aria-hidden="true"></span></a> 475 <a class="navbar-toggle" id="btnperq" href="#" aria-expanded='false' title='Menu de acessibilidade' 476 style="padding-top: 4px; padding-bottom: 4px; padding-left: 14px; padding-right: 14px; cursor: pointer; display: none;"><i 477 class='fa fa-odnoklassniki' style="font-size: 16px" aria-hidden='true'></i></a> 478 </div> 479 480 481 <div class="collapse navbar-collapse navbar-collapse-toglee" style="border:0px;"> 482 <ul class="nav navbar-nav main-menu" style="margin-top:0px;"> 483 484 <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'>Prefeitura 485 <i class='fa fa-angle-down'></i></a> 486 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:180px;'><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=2' >Gabinete da Prefeita</a></li><li><a href='/normativosproprios.php?PREFEITURA=' >Normativos Próprios</a></li> </ul> 487 </li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Municipio 488 <i class='fa fa-angle-down'></i></a> 489 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/conselhos.php' >Conselhos</a></li><li><a href='/omunicipio.php' >Dados do Municipio</a></li><li><a href='/guiadomunicipio.php' >Guia do Municipio</a></li><li><a href='/simbolos.php' >SÃmbolos</a></li><li><a href='/veiculos.php' >VeÃculos</a></li><li><a href='/' >Obras Municipais</a></li><li><a href='/agenda.php' >Agenda Municipal</a></li><li><a href='/pontosturisticos.php' >Pontos Turisticos</a></li> </ul> 490 </li> <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>Secretarias <i class='fa fa-angle-down'></i></a> 491 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/secretaria.php?sec=18'>Fundo Próprio de Previdência Social do MunicÃpio de Caridade</a></li><li><a href='/secretaria.php?sec=3'>Secretaria Municipal de Administração</a></li><li><a href='/secretaria.php?sec=5'>Secretaria Municipal de Agricultura, Recursos HÃdricos e Meio Ambiente</a></li><li><a href='/secretaria.php?sec=9'>Secretaria Municipal de Assistência Social</a></li><li><a href='/secretaria.php?sec=7'>Secretaria Municipal de Educação e Cultura</a></li><li><a href='/secretaria.php?sec=13'>Secretaria Municipal de Esporte</a></li><li><a href='/secretaria.php?sec=1'>Secretaria Municipal de Finanças</a></li><li><a href='/secretaria.php?sec=14'>Secretaria Municipal de Infraestrutura</a></li><li><a href='/secretaria.php?sec=8'>Secretaria Municipal de Saúde</a></li>
491 </ul> 492</li> <li class='dropdown'><a href='/informa.php' class='dropdown-toggle' data-toggle='dropdown'>Ações 493 <i class='fa fa-angle-down'></i></a> 494 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/informa.php?cat=2' >NotÃcias</a></li><li><a href='/informa.php?cat=3' >Obras</a></li><li><a href='/videos.php' >Videos</a></li> </ul> 495 </li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Serviços 496 <i class='fa fa-angle-down'></i></a> 497 <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; '><li><a href='https://www.demonstrativos.acidadao.com.br/caridade' >Comprovantes de Rendimentos</a></li><li><a href='/publicacoes.php?grupo=&cat=60&Comp=&sec=&Exerc=&Num=&ta=3&Descricao=&dtini=&dtfim=' >Precatórios Fundef</a></li> </ul> 498 </li> <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF <i class='fa fa-angle-down'></i></a> 499 <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'>Prgfin Programação Financeira e Cmed Cronograma da Execução Mensal de Desembolso</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=46'>Qdd Quadro de Detalhamento da Despesa</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> 500</li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Publicações 501 <i class='fa fa-angle-down'></i></a> 502 <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:150px;'><li><a href='https://www.caridade.ce.gov.br/concursopublico.php' target='new'>Concurso Publico</a></li><li><a href='/processoseletivo.php' >Processo Seletivo</a></li><li><a href='/contratos.php' >Contratos</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> </ul> 503 </li> </ul> 504 </div> 505 </div> 506 <!--/.container--> 507 508 <div class="navbar-collapse offcanvas-collapse"> 509 <ul class="navbar-nav mr-auto dropdown-menu dropdown-menu-offcanvas"> 510 511 <button class="offcanvas-close" aria-label="Fechar">×</button> 512 513 <li><a href="/" class='active' title="InÃcio" target="">INÃCIO</a></li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Prefeitura 514 <i class='fa fa-angle-down'></i></a> 515 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:180px;'><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=2' >Gabinete da Prefeita</a></li><li><a href='/normativosproprios.php?PREFEITURA=' >Normativos Próprios</a></li>
515 </ul> 516 </li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>O Municipio 517 <i class='fa fa-angle-down'></i></a> 518 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/conselhos.php' >Conselhos</a></li><li><a href='/omunicipio.php' >Dados do Municipio</a></li><li><a href='/guiadomunicipio.php' >Guia do Municipio</a></li><li><a href='/simbolos.php' >SÃmbolos</a></li><li><a href='/veiculos.php' >VeÃculos</a></li><li><a href='/' >Obras Municipais</a></li><li><a href='/agenda.php' >Agenda Municipal</a></li><li><a href='/pontosturisticos.php' >Pontos Turisticos</a></li> </ul> 519 </li> <li class='dropdown'><a href='/secretaria.php' class='dropdown-toggle' data-toggle='dropdown'>Secretarias <i class='fa fa-angle-down'></i></a> 520 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/secretaria.php?sec=18'>Fundo Próprio de Previdência Social do MunicÃpio de Caridade</a></li><li><a href='/secretaria.php?sec=3'>Secretaria Municipal de Administração</a></li><li><a href='/secretaria.php?sec=5'>Secretaria Municipal de Agricultura, Recursos HÃdricos e Meio Ambiente</a></li><li><a href='/secretaria.php?sec=9'>Secretaria Municipal de Assistência Social</a></li><li><a href='/secretaria.php?sec=7'>Secretaria Municipal de Educação e Cultura</a></li><li><a href='/secretaria.php?sec=13'>Secretaria Municipal de Esporte</a></li><li><a href='/secretaria.php?sec=1'>Secretaria Municipal de Finanças</a></li><li><a href='/secretaria.php?sec=14'>Secretaria Municipal de Infraestrutura</a></li><li><a href='/secretaria.php?sec=8'>Secretaria Municipal de Saúde</a></li> </ul> 521</li> <li class='dropdown'><a href='/informa.php' class='dropdown-toggle' data-toggle='dropdown'>Ações 522 <i class='fa fa-angle-down'></i></a> 523 <ul class='dropdown-menu ' style='overflow: auto; max-height:300px; min-width:100px;'><li><a href='/informa.php?cat=2' >NotÃcias</a></li><li><a href='/informa.php?cat=3' >Obras</a></li><li><a href='/videos.php' >Videos</a></li> </ul> 524 </li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Serviços 525 <i class='fa fa-angle-down'></i></a> 526 <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; '><li><a href='https://www.demonstrativos.acidadao.com.br/caridade' >Comprovantes de Rendimentos</a></li><li><a href='/publicacoes.php?grupo=&cat=60&Comp=&sec=&Exerc=&Num=&ta=3&Descricao=&dtini=&dtfim=' >Precatórios Fundef</a></li> </ul> 527 </li> <li class='dropdown'><a href='/lrf.php' class='dropdown-toggle' data-toggle='dropdown'>LRF <i class='fa fa-angle-down'></i></a> 528 <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'>Prgfin Programação Financeira e Cmed Cronograma da Execução Mensal de Desembolso</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=46'>Qdd Quadro de Detalhamento da Despesa</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> 529</li> <li class='dropdown'><a href='/' class='dropdown-toggle' data-toggle='dropdown'>Publicações 530 <i class='fa fa-angle-down'></i></a> 531 <ul class='dropdown-menu dropdown-menu-right' style='overflow: auto; max-height:300px; min-width:150px;'><li><a href='https://www.caridade.ce.gov.br/concursopublico.php' target='new'>Concurso Publico</a></li><li><a href='/processoseletivo.php' >Processo Seletivo</a></li><li><a href='/contratos.php' >Contratos</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>
531 </ul> 532 </li> 533 </ul> 534 </div> 535 536 </nav> 537 <div class="offcanvas-backdrop"></div> 538 <!--/nav--> 539 540 541</header> 542 543<style type="text/css"> 544 </style> 545 546 547<div id="espaco-header" class="espaco-header-main" style="height:207px;"> </div> 548
549<script> 550 // a altura do #header muda de acordo com a largura da tela (menu mobile, selos, busca, etc); 551 // os valores de $tamanhobar/.espaco-header-main sao só o palpite inicial (evita pulo no primeiro 552 // paint). Aqui a gente mede a altura real do header e corrige o espaçador, pra o conteudo nunca 553 // ficar por baixo do header fixo (banner "colado" no topo) nem sobrar espaco em branco demais. 554 (function () { 555 function ajustarEspacoHeader() { 556 var header = document.getElementById('header'); 557 var espaco = document.getElementById('espaco-header'); 558 if (!header || !espaco) return; 559 var altura = header.getBoundingClientRect().height; 560 if (altura > 0) { 561 // setProperty com "important": .espaco-header-main/.espaco-header-app tem 562 // height com !important no responsive.css (pra vencer o palpite inicial inline 563 // do PHP); só um !important tambem inline vence esse 564 espaco.style.setProperty('height', altura + 'px', 'important'); 565 } 566 } 567 ajustarEspacoHeader(); 568 window.addEventListener('load', ajustarEspacoHeader); 569 var resizeTimer; 570 window.addEventListener('resize', function () { 571 clearTimeout(resizeTimer); 572 resizeTimer = setTimeout(ajustarEspacoHeader, 150); 573 }); 574 575 // rede de seguranca: qualquer mudanca na altura do header (imagem/selo/fonte que carrega
576 // atrasado, etc.) recalcula sozinho, sem depender de adivinhar todo evento que poderia mudar. 577 // So enquanto a pagina ainda nao foi rolada: depois disso, a barrinha de utilidades/logo-top-bar 578 // passam a abrir/fechar sozinhas ao rolar (#logo-top-bar, #mobileUtilityLinks), o que muda a 579 // altura do header de proposito â se o observer continuasse ligado, cada abertura/fechamento 580 // redimensionaria o espacador, deslocando o conteudo e fazendo a barra pisca-pisca (loop). 581 if (window.ResizeObserver) { 582 var header = document.getElementById('header'); 583 if (header) { 584 var headerResizeObserver = new ResizeObserver(ajustarEspacoHeader); 585 headerResizeObserver.observe(header); 586 window.addEventListener('scroll', function () { 587 headerResizeObserver.disconnect(); 588 }, { once: true }); 589 } 590 } 591 })(); 592</script>
592 593 594 595 596<!-- <div id="sticky-container-id" class="sticky-container"> 597 <ul class="sticky"> --> 598 599 600 <!-- </ul> 601</div> --> 602 603 604 605<!-- VLibras --> 606<div vw class="enabled"> 607 <div vw-access-button class="active"></div> 608 <div vw-plugin-wrapper> 609 <div class="vw-plugin-top-wrapper"></div> 610 </div> 611 </div> 612
612<script src="https://vlibras.gov.br/app/vlibras-plugin.js" defer></script>
612 613
613<script defer> 614 document.addEventListener('DOMContentLoaded', function() { 615 new window.VLibras.Widget('https://vlibras.gov.br/app'); 616 }); 617</script>
617 618<!-- VLibras --> 619
620<script src="/js/jquery-2.1.1.min.js"></script>
vendor: 1 bytes, line 620
620
621<script type="text/javascript"> 622$(document).ready(function() { 623 624 $('.offcanvas-backdrop').removeClass('show'); 625 626 $('[data-toggle="offcanvas"]').on('click', function () { 627 $('.offcanvas-collapse').removeClass('open'); 628 const target = $(this).data('target'); 629 $(target).toggleClass('open'); 630 $('.offcanvas-backdrop').addClass('show'); 631 }) 632 633 // Fechar o menu ao clicar no backdrop 634 $('.offcanvas-backdrop, .offcanvas-close').on('click', function () { 635 $('.offcanvas-collapse').removeClass('open'); 636 $('.offcanvas-backdrop').removeClass('show'); 637 }) 638 639 $('.dropdown-menu-sub').hide(); 640 $('.dropdown-submenu a.dropdown-sub-toggle').on("click", function(e){ 641 $(this).next('ul').toggle(); 642 e.stopPropagation(); 643 e.preventDefault(); 644 }); 645 646 647 $(window).scroll(function() { 648 if ($(this).scrollTop() > 100) { 649 $("#logo-top-bar").css({ 650 "margin-top": "-25.5Vh", 651 "transition": ".8s", 652 "z-index": "-2" 653 }); 654 $("#logo-top-bar").fadeOut("800"); 655 $('#scroll').fadeIn(); 656 $('#scroll2').fadeIn(); 657 $('#scroll3').fadeIn(); 658 659 $('#mobileUtilityLinks').stop(true, true).fadeOut("800"); 660 if (!$('#menuToggleBtn').parent().is('#mobileMenuToggleSticky')) { 661 $('#menuToggleBtn').appendTo('#mobileMenuToggleSticky'); 662 } 663 $('#mobileMenuToggleSticky').stop(true, true).fadeIn("800"); 664 665 $(".col-fita").fadeOut(); 666 667 } else { 668 $("#logo-top-bar").fadeIn("800"); 669 $("#logo-top-bar").css({ 670 "margin-top": "0px" 671 }); 672 $(".col-fita").fadeIn(); 673 $('#mobileUtilityLinks').stop(true, true).fadeIn("800"); 674 $('#mobileMenuToggleSticky').stop(true, true).fadeOut("800", function() { 675 if (!$('#menuToggleBtn').parent().is('#canvasNavbarCol')) { 676 $('#menuToggleBtn').appendTo('#canvasNavbarCol'); 677 } 678 }); 679 $('#scroll').fadeOut(); 680 $('#scroll2').fadeOut(); 681 $('#scroll3').fadeOut(); 682 } 683 }); 684 $('#scroll').click(function() { 685 $("html, body").animate({ 686 scrollTop: 0 687 }, 0); 688 return false; 689 }); 690 691 692 $('#menu-acessiblidade').hide().contents().hide(); 693 $('#btnperq').on('click', function(e) { 694 e.preventDefault(); 695 $('#menu-acessiblidade').slideToggle('fast', function(e) { 696 if ($(this).is(':visible')) { 697 $(this).contents().fadeIn(1000); 698 } else { 699 $(this).contents().hide(); 700 } 701 }); 702 703 }) 704 705 706}
706); 707</script>
707 708 709 710 <section id="services" class="topo-paginas-section"> 711 <div class="container-new1"> 712 <div class="col-md-12" style="padding-left:0px;"> 713 714 <!--<div id="TituloServicos">--> 715 <div class="cartaservicosbanner" style="font-size: 16px;">OUVIDORIA</div> 716 <h2 id="EsOv" class="cartaservicosbannertexto" style="font-size: 16px; padding-left: 5px;">Central da Ouvidoria</h2> 717 <!--</div>--> 718 719 </div> 720 </div> 721</section> 722 723 724 <section style="margin-top:10px; margin-bottom:10px;"> 725 <div class="container-new1"> 726 <div class="public_paginas ouv-flat" style="margin-top: 10px; margin-bottom: 10px; margin-top: -50px;"> 727 <h1 style="text-align: center; margin-bottom: 10px; font-size: 28px; text-align: -webkit-center; color:#333639;"> 728 <strong style="padding-left: 5px;">CENTRAL DE OUVIDORIA</strong> 729 </h1> 730 <div class='col-md-12'> 731 <p style="line-height: 1.2; font-size: 14px; text-align: center;"> </p> 732 </div> 733 734 <div class="row"> 735 <div> 736 <div class="col-md-6"> 737 <article class="ouv-card" style="--ouv-accent: #2864AE;"> 738 <span class="ouv-card__icon"><i class="fa fa-bullhorn" aria-hidden="true"></i></span> 739 <h2 class="ouv-card__title">Ouvidoria – Manifestação</h2> 740 <p class="ouv-card__desc">Acesse nosso canal de ouvidoria e envie suas manifestações, crÃticas, elogios, denúncias e ajude o governo a tornar nossa cidade cada vez melhor.</p> 741 <a class="ouv-card__btn" href="/ouvidoriaformulario.php" ><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Acessar a ouvidoria</a> 742 <div class="ouv-card__info"> 743 <!-- <a class="btn btn-primary" style="background-color: #2864AE; width:49%;" href="ouvidoria_consulta.php" style="margin-bottom: 4px;" title="Busca ouvidoria"><i class="fa fa fa-search" aria-hidden="true"></i> CONSULTAR</a> --> 744 745 <p class='ouv-card__meta'><i class='fa fa-clock-o'></i> Ãltima manifestação: 14/09/2026 14:06</p><h6 style='margin-bottom: 2px;'> Contatos da Ouvidoria </h6><p style='margin-bottom: 0px; line-height: 1.3em;'> Tel: (85) 3324-1111 | Tel: (85</p><h6 style='margin-bottom: 2px;'> Endereço da Ouvidoria </h6> 746 <p style='margin-bottom: 0px; line-height: 1.3em;'> Av: Coronel Francisco Linhares, Nº 250 - Centro - CEP: 63.730-000 - Caridade/CE</p><h6 style='margin-bottom: 2px;'> Horário da Ouvidoria </h6> 747 <p style='margin-bottom: 0px; line-height: 1.3em;'> De Segunda à Sexta das 08:00hs à s 15:00hs</p> </div> 748 </article> 749 </div> 750 751 <div class="col-md-6"> 752 <article class="ouv-card" style="--ouv-accent: #FFB200;"> 753 <span class="ouv-card__icon"><i class="fa fa-info-circle" aria-hidden="true"></i></span> 754 <h2 class="ouv-card__title">e-SIC – Pedido de Informação</h2> 755 <p class="ouv-card__desc">SIC (Serviço de Informações ao Cidadão) permite que qualquer pessoa encaminhe pedidos de informação aos órgãos e entidades do Poder Executivo Municipal.</p> 756 <a class="ouv-card__btn" href="/sic.php"><i class="fa fa-mouse-pointer" aria-hidden="true"></i> Acessar o SIC</a> 757 <div class="ouv-card__info"> 758 759 <p class='ouv-card__meta'><i class='fa fa-clock-o'></i> Ãltima solicitação: 01/09/2026 20:01</p><h6 style='margin-bottom: 2px;'> Contatos do SIC </h6><p style='margin-bottom: 0px; line-height: 1.3em;'> Tel: (85) 3324-1111 | Tel: (85</p><h6 style='margin-bottom: 2px;'> Endereço do SIC </h6> 760 <p style='margin-bottom: 0px; line-height: 1.3em;'> Av: Coronel Francisco Linhares, Nº 250 - Centro - CEP: 63.730-000 - Caridade/CE</p><h6 style='margin-bottom: 2px;'>
760 Horário do SIC </h6> 761 <p style='margin-bottom: 0px; line-height: 1.3em;'> De Segunda à Sexta das 08:00hs à s 15:00hs</p><h6 style='margin-bottom: 2px;'> Unidade/Setor responsável </h6> 762 <p style='margin-bottom: 0px; line-height: 1.3em;'> OUVIDORIA</p> </div> 763 </article> 764 </div> 765 766 767 768 <!-- INÃCIO GRÃFICOS --> 769 770 771 <div class="col-md-12"> 772 <div style='text-align:center;'> 773 <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Relatório estatÃstico da ouvidoria</strong></h2> 774 775 </div> 776 </div> 777 778 <div class="col-md-12"> 779 <div class="list-group-item"> 780 <div class="public_paginas" style="padding-top: 10px; margin-bottom: 10px; text-align: -webkit-center;"> 781 <div class="col-md-12"> 782 783 <h3 class="campanhaTitulo"> 784 <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="#" style="margin-right: 14px;"><i class="fa fa-plus"></i> Ver mais detalhes </a> --> 785 <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=23"><i class="fa fa-bars"></i> Exportações </a> --> 786 </h3> 787 788 <div class="row"> 789 <div class="col-md-12"> 790 <div id='chart_div'></div> 791 </div> 792 793 <div class="col-md-6"> 794 <a class="ouv-linkcard" href="ouvidoriarelatorios.php" style="--ouv-accent: #2864AE;"> 795 <span class="ouv-linkcard__icon"><i class="fa fa-bar-chart" aria-hidden="true"></i></span> 796 <span class="ouv-linkcard__body"> 797 <span class="ouv-linkcard__title">Mais relatórios da ouvidoria</span> 798 <span class="ouv-linkcard__sub">EstatÃsticas e relatórios completos da ouvidoria</span> 799 </span> 800 <i class="fa fa-angle-right ouv-linkcard__arrow" aria-hidden="true"></i> 801 </a> 802 </div> 803 <div class="col-md-6"> 804 <a class="ouv-linkcard" href="sicrelatorios.php" style="--ouv-accent: #FFB200;"> 805 <span class="ouv-linkcard__icon"><i class="fa fa-file-text-o" aria-hidden="true"></i></span> 806 <span class="ouv-linkcard__body"> 807 <span class="ouv-linkcard__title">Mais relatórios do SIC</span> 808 <span class="ouv-linkcard__sub">Solicitações, prazos e estatÃsticas do SIC</span> 809 </span> 810 <i class="fa fa-angle-right ouv-linkcard__arrow" aria-hidden="true"></i> 811 </a> 812 </div> 813 </div> 814 </div> 815 </div> 816 </div> 817 </div> 818 819 820 <div class="col-md-12"> 821 <div style='text-align:center;'> 822 <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Avaliação contÃnua dos serviços públicos</strong></h2> 823 824 </div> 825 </div> 826 <div class="col-md-12"> 827 <div class="list-group-item"> 828 <div class="public_paginas" style="padding-top: 10px; margin-bottom: 10px; text-align: -webkit-center;"> 829 <div class="col-md-12"> 830 831 <h3 class="campanhaTitulo"> 832 <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="#" style="margin-right: 14px;"><i class="fa fa-plus"></i> Ver mais detalhes </a> --> 833 <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=23"><i class="fa fa-bars"></i> Exportações </a> --> 834 </h3> 835 836 <div class="row"> 837 <div class="col-md-12"> 838 <form> 839 <div> 840 <h2 style="margin-bottom: 20px; font-size: 20px;"><strong>Avaliação contÃnua dos serviços públicos</strong> 841 <select name="ano" style="width: 30%; float:right;" class="form-control" id="idano"> 842 <!-- <option value="">Selecione um ano</option> --> 843 <option value='2024' data-filter=''>2024</option> </select> 844 845 <input type="hidden" id="valano" value="2024" /> 846 </h2> 847 </div> 848 <div id='chart_div_satis'></div> 849 850 </form> 851 852 </div> 853 <div style="padding-top:1em;"> 854 <a href="pesquisasatisfacao.php" class="btn btn-primary"> <i class="fa fa-mouse-pointer" aria-hidden="true"></i> Clique para avaliar</a> 855 </div> 856 </div> 857 <div style="padding:1em 0 1em 0">
858 <span style="margin: 1em;">Quantidade de avaliações até o momento: 1 - Data/hora da última avaliação: 17/06/2024 18:34:20</span> 859 </div> 860 <hr style="margin: 0;"> 861 <div> 862 <p style="line-height: 1.2; padding-top:1em;"> 863 Esclarecemos que os dados fornecidos acima serão tratados com respeito à sua privacidade. 864 <br> 865 Seguindo a <strong><a href="https://www.planalto.gov.br/ccivil_03/_ato2015-2018/2018/lei/l13709.htm">LGPD - Lei Geral de Proteção de Dados 13.709</a></strong>, de 14 de agosto de 2018. 866 <br> 867 </p> 868 </div> 869 </div> 870 </div> 871 </div> 872 </div> 873 <!-- <div class="col-md-12"> 874 <div style='text-align:center;'> 875 <h2 style="text-align: center; margin-bottom: 20px; font-size: 20px;"><strong>Relatório estatÃstico</strong></h2> 876 877 </div> 878 879 <div class="tab-content tab-space" style="margin-bottom: 15px;"> 880 881 882 <div class="tab-pane " id="ouvidoria" style="width: 100%;"> 883 <div class="row"> 884 <div class="col-md-12"> 885 <h3 class="campanhaTitulo"><strong>Ouvidoria</strong> 886 <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" target="_blank" href="#" style="margin-right: 14px;"><i class="fa fa-plus"></i> Ver mais detalhes </a> 887 <!-- <a class="btn btn-primary btn-sm pull-right botaoCampanhaTitulo" style="margin-right: 5px;" target="_blank" href="relatorio.php?id=23"><i class="fa fa-bars"></i> Exportações </a> 888 </h3> 889 <div class="col-md-12"> 890 <div id='chart_div'></div> 891 </div> 892 </div> 893 </div> 894 </div> 895 896 </div> 897 </div> --> 898 899 <!-- FIM GRÃFICOS --> 900 901 902 903 <!-- INÃCIO LAI --> 904 905 <div class="col-md-12" style="margin-top: 3em;"> 906 <div class="list-group-item"> 907 908 <div class="public_paginas"> 909 910 <h1 style="text-align: center; margin-bottom: 10px; margin-top: 10px; font-size: 20px; text-align: -webkit-center;"><img id="EsOv" width="40" src="imagens/lai2.png"> <strong style="padding-left: 5px;"> Explicação da LAI </strong></h1> 911 <div class='col-md-12'> 912 <p style="line-height: 1.2; font-size: 14px;">A Lei de Acesso à Informação (LAI) - lei nº 12.527/2011 - regulamenta o direito constitucional de obter informações públicas. Essa norma entrou em vigor em 16 de maio de 2012 e criou mecanismos que possibilitam a qualquer pessoa, fÃsica ou jurÃdica, sem necessidade de apresentar motivo, o recebimento de informações públicas dos órgãos e entidades.<br /> 913Os pedidos de informações devem ser realizados nas instalações fÃsicas ou através da Ouvidoria deste site. Preenchendo o formulário o cidadão receberá um número de protocolo e poderá acompanhar a tramitação do seu pedido de informação.<br /> 914<br /> 915A LEI estabelece também um conjunto mÃnimo de informações que devem ser publicadas nas seções de acesso à informação dos sites dos órgãos e entidades públicas. Além da publicação das informações exigidas, os órgãos podem divulgar outros dad
915os de interesse público por iniciativa própria, ou seja, de forma proativa.<br /> 916<br /> 917Portanto, antes de apresentar um pedido de acesso, é importante que você verifique se a informação desejada já está disponÃvel na seção de Transparência deste site ou se ela já foi publicada como resposta a uma outra solicitação de informações realizada anteriormente através da OUVIDORIA deste site, que é o e-SIC (Sistema Eletrônico de Informações ao Cidadão) desta Entidade.<br /> 918</p> 919 </div> 920 921 <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;"> 922 <div class="row"> 923 <div class="col-md-12"> 924 <div class="col-md-12"> 925 926 927 <div class="row" style="border-radius: 3px;"> 928 <a class='btn btn-primary' style="width: 100%; background-color: #FFB200; border-radius: 0px; padding: 0; text-align: left;" target='_blank' href="doc.php?car=16"> 929 <div id="diario_index_coluna_2" class="col-md-4"> 930 <span style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span> 931 </div> 932 <div class="col-md-8"> 933 <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;"> 934 REGULAMENTAÃÃO<br>DA LAI MUNICIPAL 935 </p> 936 </div> 937 </a> 938 </div> 939 940 </div> 941 </div> 942 </div> 943 </div> 944 945 <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;"> 946 <div class="row"> 947 <div class="col-md-12"> 948 <div class="col-md-12"> 949 950 951 <div class="row" style="border-radius: 3px;"> 952 <a class='btn btn-primary' style="width: 100%; background-color: #2864AE; border-radius: 0px; padding: 0; text-align: left;" target='_blank' href="https://www.cge.ce.gov.br/acesso-a-informacao/"> 953 <div id="diario_index_coluna_2" class="col-md-4"> 954 <span style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span> 955 </div> 956 <div class="col-md-8"> 957 <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;"> 958 REGULAMENTAÃÃO<br>DA LAI ESTADUAL 959 </p> 960 </div> 961 </a> 962 </div> 963 964 </div> 965 </div> 966 </div> 967 </div> 968 969 <div class="col-md-4" style="margin-top: 0px; margin-bottom: 10px;"> 970 <div class="row"> 971 <div class="col-md-12"> 972 <div class="col-md-12"> 973 974 975 <div class="row" style="border-radius: 3px;"> 976 <a class='btn btn-primary' style="width: 100%; background-color: #078E46; border-radius: 0px; padding: 0; text-align: left;" target='_blank' href="http://www.planalto.gov.br/ccivil_03/_ato2011-2014/2011/lei/l12527.htm"> 977 <div id="diario_index_coluna_2" class="col-md-4"> 978 <sp
978an style="font-size: 37px; float: right; margin-top: -8px;"><img alt="Lai" src="/imagens/social/LAI.png" width="40"></span> 979 </div> 980 <div class="col-md-8"> 981 <p style="text-transform: uppercase; font-size: 16px; font-weight: 300; margin-top: 10px; margin-bottom: 0px; line-height: 1.2;"> 982 REGULAMENTAÃÃO<br>DA LAI FEDERAL 983 </p> 984 </div> 985 </a> 986 </div> 987 988 </div> 989 </div> 990 </div> 991 </div> 992 </div> 993 994 </div> 995 </div> 996 997 <!-- FIM LAI --> 998 999 1000 <!-- INÃCIO PERGUNTAS E RESPOSTAS --> 1001 1002 <div class="col-md-12" style="padding-top: 5px;"> 1003 <h2 class="text-center">Perguntas frequentes FAQ</h2> 1004 </div> 1005 1006 1007 <div class="col-md-12"> 1008 <div class="panel-group" id="accordion"> 1009 <div class="card"> 1010 <div class="panel-heading" id="heading0"> 1011 <h4 class="panel-title"> 1012 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse0" aria-expanded="false" href="#collapse0">E se a pessoa fizer mau uso da informação pública obtida?</a> 1013 </h4> 1014 </div> 1015 <div id="collapse0" aria-labelledby="heading0" class="collapse" data-parent="#accordion"> 1016 <div class="panel-body" style="background-color: #ffff;"> 1017 <p style='margin-bottom: 5px; text-align: justify;'>Nos mais diversos paÃses é consenso de que, ao constituir um direito básico, o pedido não precisa ser justificado: aquela informação solicitada já pertence ao requerente. O Estado apenas presta um serviço ao atender à demanda. De posse da informação (que afinal, é pública), cabe ao indivÃduo escolher o que fará dela.</p> 1018 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1019 </div> 1020 </div> 1021 1022 </div> 1023 </div> 1024 </div> 1025 1026 1027 1028 <div class="col-md-12"> 1029 <div class="panel-group" id="accordion"> 1030 <div class="card"> 1031 <div class="panel-heading" id="heading1"> 1032 <h4 class="panel-title"> 1033 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse1" aria-expanded="false" href="#collapse1">Quais instituições públicas devem cumprir a lei?</a> 1034 </h4> 1035 </div> 1036 <div id="collapse1" aria-labelledby="heading1" class="collapse" data-parent="#accordion"> 1037 <div class="panel-body" style="background-color: #ffff;"> 1038 <p style='margin-bottom: 5px; text-align: justify;'>Os órgãos e entidades públicas dos três Poderes (Executivo, Legislativo e Judiciário), de todos os nÃveis de governo (federal, estadual, distrital e municipal), assim como os Tribunais e Contas e o Ministério Público, bem como as autarquias, fundações públicas, empresas públicas, sociedades de economia mista e demais entidades controladas direta ou indiretamente pela União, Estados, Distrito Federal e MunicÃpios.</p> 1039 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1040 </div> 1041 </div> 1042 1043 </div> 1044 </div> 1045 </div> 1046 1047 1048 1049 <div class="col-md-12"> 1050 <div class="panel-group" id="accordion"> 1051 <div class="card"> 1052 <div class="panel-heading" id="heading2"> 1053 <h4 class="panel-title"> 1054 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse2" aria-expanded="false" href="#collapse2">O que são informações pessoais?</a> 1055 </h4> 1056 </div> 1057 <div id="collapse2" aria-labelledby="heading2" class="collapse" data-parent="#accordion"> 1058 <div class="panel-body" style="background-color: #ffff;"> 1059 <p style='margin-bottom: 5px; text-align: justify;'>Informações pessoais são aquelas relacionadas à pessoa natural identificada ou identificável, cujo tratamento deve ser feito de forma transparente e com respeito à intimidade, vida privada, honra e imagem das pessoas, bem como à s liberdades e garantias individuais. As informações pessoais terão seu acesso restrito, independentemente de classificação de sigilo, pelo prazo máximo de 100 (cem) anos a contar da sua data de produção.</p> 1060 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1061 </div> 1062 </div> 1063 1064 </div> 1065 </div> 1066 </div> 1067 1068 1069 1070 <div class="col-md-12"> 1071 <div class="panel-group" id="accordion"> 1072 <div class="card"> 1073 <div class="panel-heading" id="heading3"> 1074 <h4 class="panel-title"> 1075 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse3" aria-expanded="false" href="#collapse3">à necessária lei especÃfica para garantir o acesso?</a> 1076 </h4> 1077 </div> 1078 <div id="collapse3" aria-labelledby="heading3" class="collapse" data-parent="#accordion"> 1079 <div class="panel-body" style="background-color: #ffff;"> 1080 <p style='margin-bottom: 5px; text-align: justify;'>Sim. Diferentes leis promulgadas nos últimos anos ampliaram a interação entre o Estado e a Sociedade, mas a aprovação da Lei de Acesso a Informações foi necessária para regulamentar obrigações, procedimentos e prazos para a divulgação de informações pelas instituições públicas, garantindo a efetividade do direito de acesso. Ao estabelecer rotinas para o atendimento ao cidadão, organiza e protege o trabalho do servidor. </p> 1081 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1082 </div> 1083 </div> 1084 1085 </div> 1086 </div> 1087 </div> 1088 1089 1090 1091 <div class="col-md-12"> 1092 <div class="panel-group" id="accordion"> 1093 <div class="card"> 1094 <div class="panel-heading" id="heading4"> 1095 <h4 class="panel-title"> 1096 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse4" aria-expanded="false" href="#collapse4">Programas de gestão de arquivos e documentos precisarão ser aprimorados?</a> 1097 </h4> 1098 </div> 1099 <div id="collapse4" aria-labelledby="heading4" class="collapse" data-parent="#accordion"> 1100 <div class="panel-body" style="background-color: #ffff;"> 1101 <p style='margin-bottom: 5px; text-align: justify;'>A informação disponÃvel ao público é, muitas vezes, a ponta de um processo que reúne operações de produção, tramitação, uso, avaliação e arquivamento de documentos. Para tanto, programas de gestão precisam ser sempre aprimorados e atualizados.</p> 1102 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1103 </div> 1104 </div> 1105 1106 </div> 1107 </div> 1108 </div> 1109 1110 1111 1112 <div class="col-md-12"> 1113 <div class="panel-group" id="accordion"> 1114 <div class="card"> 1115 <div class="panel-heading" id="heading5"> 1116 <h4 class="panel-title"> 1117 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse5" aria-expanded="false" href="#collapse5">O prazo de vinte dias, prorrogáveis por mais dez, para a entrega da resposta ao pedido de informação, não é
1117curto?</a> 1118 </h4> 1119 </div> 1120 <div id="collapse5" aria-labelledby="heading5" class="collapse" data-parent="#accordion"> 1121 <div class="panel-body" style="background-color: #ffff;"> 1122 <p style='margin-bottom: 5px; text-align: justify;'>Os prazos são necessários para a garantia do direito ? a maior parte das leis de acesso à informação no mundo prevê uma delimitação de tempo, e a do Brasil não foge à regra. O prazo foi pensado para garantir um equilÃbrio entre a necessidade do cidadão e a capacidade de entrega por parte da Administração.</p> 1123 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1124 </div> 1125 </div> 1126 1127 </div> 1128 </div> 1129 </div> 1130 1131 1132 1133 <div class="col-md-12"> 1134 <div class="panel-group" id="accordion"> 1135 <div class="card"> 1136 <div class="panel-heading" id="heading6"> 1137 <h4 class="panel-title"> 1138 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse6" aria-expanded="false" href="#collapse6">Toda informação produzida ou gerenciada pelo governo é pública?</a> 1139 </h4> 1140 </div> 1141 <div id="collapse6" aria-labelledby="heading6" class="collapse" data-parent="#accordion"> 1142 <div class="panel-body" style="background-color: #ffff;"> 1143 <p style='margin-bottom: 5px; text-align: justify;'>Como princÃpio geral, sim, salvaguardando-se as informações pessoais e as exceções previstas na lei. A informação produzida pelo setor público deve estar disponÃvel a quem este serve, ou seja, à sociedade, a menos que esta informação esteja expressamente protegida. Daà a necessidade de regulamentação, para que fique claro quais informações são reservadas e por quanto tempo. </p> 1144 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1145 </div> 1146 </div> 1147 1148 </div> 1149 </div> 1150 </div> 1151 1152 1153 1154 <div class="col-md-12"> 1155 <div class="panel-group" id="accordion"> 1156 <div class="card"> 1157 <div class="panel-heading" id="heading7"> 1158 <h4 class="panel-title"> 1159 <a class="lici" style="color:#4e4e4e" data-toggle="collapse" data-parent="#accordion" aria-controls="collapse7" aria-expanded="false" href="#collapse7">Em que casos o servidor pode ser responsabilizado?</a> 1160 </h4> 1161 </div> 1162 <div id="collapse7" aria-labelledby="heading7" class="collapse" data-parent="#accordion"> 1163 <div class="panel-body" style="background-color: #ffff;"> 1164 <p style='margin-bottom: 5px; text-align: justify;'>O servidor público é passÃvel de responsabilização quando:<br /> 1165<br /> 1166 recusar-se a fornecer informação requerida nos termos da Lei de Acesso a Informações, retardar deliberadamente o seu fornecimento ou fornecê-la intencionalmente de forma incorreta, incompleta ou imprecisa;<br /> 1167 utilizar indevidamente, bem como subtrair, destruir, inutilizar, desfigurar, alterar ou ocultar, total ou parcialmente, informação que se encontre sob sua guarda ou a que tenha acesso ou conhecimento em razão do exercÃcio das atribuições de cargo, emprego ou função pública;<br /> 1168 agir com dolo ou má-fé na análise das solicitações de acesso à informação;<br /> 1169 divulgar ou permitir a divulgação ou acessar ou permitir acesso indevido à informação sigilosa ou informação pessoal;<br /> 1170 impor sigilo à informação para obter proveito pessoal ou de terceiro, ou para fins de ocultação de ato ilegal cometido por si ou por outrem;<br /> 1171 ocultar da revisão de autoridade superior competente informação sigilosa para beneficiar a si ou a outrem, ou em prejuÃzo de terceiros; e<br /> 1172 destruir ou subtrair, por qualquer meio, documentos concernentes a possÃveis violações de direitos humanos por parte de agentes do Estado.<br /> 1173<br /> 1174Contudo, a nova lei estabelece um procedimento importante: nenhum servidor poderá ser responsabilizado civil, penal ou administrativamente por dar ciência, a quem de direito, de informação concernente à prática de crimes ou improbidade.</p> 1175 <!-- <a class="btn btn-primary" href="ambientalcheklist.php?tipo=">Checklist</a> --> 1176 </div> 1177 </div> 1178 1179 </div> 1180 </div> 1181 </div> 1182 1183 1184 <!-- FIM PERGUNTAS E RESPOSTAS --> 1185 1186 </div> 1187 </div> 1188 1189 1190 </div> 1191 </section> 1192 1193 1194 <!-- 1195 <section> 1196 <div class="container-new1" style="margin-top:10px; margin-bottom:10px;"> 1197 <div class="public_paginas" style="padding-top: 10px; text-align: -webkit-center;"> 1198 1199 <div class="col-md-12"> 1200 <p style="line-height: 1.2; font-size: 14px; padding-top: 15px; margin-bottom: 5px;"><strong>NOSSO PORTAL DA TRANSPARÃNCIA</strong></p> 1201 <p style="line-height: 1.2; font-size: 14px;">Uma ferramenta para garantir o atendimento à população com a transparência na gestão pública e atender à s determinações da Lei de Acesso à Informação nº 12.527.</p> 1202 1203 <a class="btn btn-primary" style="background-color: #2864AE;" href="acessoainformacao.php" style="margin-bottom: 10px;"> ACESSAR PORTAL DA TRANSPARÃNCIA</a> 1204 </div> 1205 1206 </div> 1207 </div> 1208 </section> 1209 --> 1210 1211 1212 1213 1214
1215<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer> 1216 function resetTurnstileIfNeeded() { 1217 if (window.turnstile) { try { turnstile.reset(); } catch (e) {} } 1218 } 1219 window.addEventListener('pageshow', (event) => { if (event.persisted) { resetTurnstileIfNeeded(); } }); 1220 document.addEventListener('visibilitychange', () => { if (document.visibilityState === 'visible') { resetTurnstileIfNeeded(); } }); 1221</script>
1221 1222 1223
1223<script src="/js/shortcuts.js"></script>
1223 1224
1224<script> 1225 shortcut.add("Alt+H", function() { 1226 window.location.assign("index.php"); 1227 }); 1228 1229 shortcut.add("Alt+Shift+1", function() { 1230 window.location.assign("acessibilidade.php"); 1231 }); 1232 1233 shortcut.add("Alt+9", function() { 1234 window.scrollTo(0, 0); 1235 }); 1236 1237 shortcut.add("Alt+C", function() { 1238 window.location.href = '#ancora'; 1239 }); 1240 </script>
1240 1241 1242 1243 1244 1245 <section class="container-new1"> 1246 <div class="" style="margin-top: 10px; "> 1247 <div class='public_paginas' style="padding-bottom: 0px;"> 1248 <div class="row"> 1249 <div class="col-md-12"> 1250 <a href="https://radardatransparencia.atricon.org.br/ " target="_blank"> 1251 <img src="/imagens/radar_atricon.png" alt="Radar ATRICON" width="100%" style="display: block; border-radius: 9px;"> 1252 </a> 1253 </div> 1254 </div> 1255 </div> 1256 </div> 1257 </section> 1258 1259 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 1260 1261 1262 <div id="scroll2"><a href="/atricon.php"><img src="/imagens/atricon48x48.png" title="Atricon"></a></div> 1263 1264 <div id="scroll"><span></span></div> 1265 1266 1267 <div class="section" id="bottom" style="padding-bottom: 0px;"> 1268 1269 1270 1271 1272<div style="display: flex; margin:0; margin-bottom: 5px;"> 1273 1274</div> 1275 1276 1277 <div class="section" style="margin-bottom:0px; border-top: 7px; border: 1px solid #C46B00;"></div> 1278 1279 <style> 1280 /* ===== Rodapé institucional 2026 â modelo B (bottomTipo9) â namespace .site-footer* 1281 Fundo em degrade na cor do site, cabecalho (logo + nome + redes), faixa de 1282 selos, 3 cards translucidos e barra final. So o layout/CSS mudou: consultas, 1283 condicionais e dados continuam os mesmos. Sem largura propria: usa o 1284 .container-new1 padrao do site (alinhado ao cabecalho e as secoes). ===== */ 1285 .site-footer { 1286 position: relative; 1287 /* clear: a faixa de cores logo acima (.col-md-12 do Bootstrap) e um float 1288 sem clearfix. Com overflow:hidden o rodapé vira um bloco "BFC" e, sem 1289 clear, ele encolhe pra ficar ao lado desse float (largura 0). */ 1290 clear: both; 1291 overflow: hidden; 1292 background: #333639; 1293 background: linear-gradient(155deg, #333639 0%, #1e1f21 100%); 1294 color: rgba(255, 255, 255, .86); 1295 font-size: 14px; 1296 } 1297 1298 /* brilhos suaves de fundo (decorativos) */ 1299 .site-footer::before, 1300 .site-footer::after { 1301 content: ""; 1302 position: absolute; 1303 border-radius: 50%; 1304 pointer-events: none; 1305 } 1306 1307 .site-footer::before { 1308 width: 700px; 1309 height: 700px; 1310 right: -180px; 1311 top: -320px; 1312 background: radial-gradient(closest-side, rgba(255, 255, 255, .16), transparent); 1313 } 1314 1315 .site-footer::after { 1316 width: 560px; 1317 height: 560px; 1318 left: -200px; 1319 bottom: -300px; 1320 background: radial-gradient(closest-side, rgba(255, 255, 255, .09), transparent); 1321 } 1322 1323 .site-footer > * { 1324 position: relative; 1325 z-index: 1; 1326 } 1327 1328 /* ---- cabecalho: logo + nome (esq.) e selos (dir.) ---- */ 1329 .site-footer__head { 1330 display: flex; 1331 flex-wrap: wrap; 1332 align-items: center; 1333 justify-content: space-between; 1334 gap: 22px 32px; 1335 padding-block: 48px 28px; 1336 } 1337 1338 .site-footer__brand { 1339 display: flex; 1340 align-items: center; 1341 min-width: 0; 1342 } 1343 1344 .site-footer-identity__logo { 1345 max-height: 100px; 1346 width: auto; 1347 max-width: 100%; 1348 filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .2)); 1349 } 1350 1351 .site-footer-identity__city { 1352 /* sem font-family aqui de proposito: herda de body{font-family: 1353 "Roboto", Arial, Helvetica, sans-serif}, configuravel por municipio 1354 (css/style.php). Nao hardcodar uma fonte especifica. */ 1355 margin: 0; 1356 font-size: 16px; 1357 font-weight: 400; 1358 letter-spacing: .005em; 1359 text-transform: none; 1360 color: rgba(255, 255, 255, .9); 1361 } 1362 1363 /* divisor entre a logo e o nome (so quando existe logo) */ 1364 .site-footer-identity__logo + .site-footer-identity__city { 1365 margin-left: 22px; 1366 padding-left: 22px; 1367 border-left: 1px solid rgba(255, 255, 255, .3); 1368 } 1369 1370 /* ---- selos, encaixados no cabecalho no lugar das redes sociais ---- */ 1371 .site-footer__seals-inline { 1372 display: flex; 1373 flex-wrap: wrap; 1374 align-items: center; 1375 justify-content: flex-end; 1376 gap: 16px; 1377 } 1378 1379 .site-footer__seals-inline img { 1380 width: 40px; 1381 display: block; 1382 opacity: .9; 1383 transition: opacity .15s ease, transform .15s ease; 1384 } 1385 1386 .site-footer__seals-inline a:hover img { 1387 opacity: 1; 1388 transform: translateY(-2px); 1389 } 1390 1391 /* ---- 3 cards: Institucional / Contatos / Endereco e horario ---- */ 1392 .site-footer__grid { 1393 display: grid; 1394 grid-template-columns: repeat(3, 1fr); 1395 gap: 18px; 1396 padding: 32px 0 36px; 1397 } 1398
1399 .site-footer__col { 1400 min-width: 0; 1401 padding: 26px 26px 14px; 1402 /* acompanha o arredondamento configurado no site (--site-card-radius) */ 1403 border-radius: min(24px, calc(var(--site-card-radius, 7px) * 2 + 6px)); 1404 background: rgba(255, 255, 255, .08); 1405 border: 1px solid rgba(255, 255, 255, .16); 1406 } 1407 1408 .site-footer__col-title { 1409 display: flex; 1410 align-items: center; 1411 gap: 12px; 1412 margin: 0 0 18px; 1413 font-size: 12.5px; 1414 font-weight: 700; 1415 line-height: 1.2; 1416 text-transform: uppercase; 1417 letter-spacing: .09em; 1418 color: #fff; 1419 } 1420 1421 .site-footer__col-ico { 1422 display: inline-flex; 1423 flex: 0 0 40px; 1424 align-items: center; 1425 justify-content: center; 1426 width: 40px; 1427 height: 40px; 1428 border-radius: var(--site-card-radius, 7px); 1429 background: rgba(255, 255, 255, .16); 1430 font-size: 18px; 1431 } 1432 1433 .site-footer__col p { 1434 display: flex; 1435 align-items: flex-start; 1436 gap: 10px; 1437 margin: 0 0 12px; 1438 font-size: 14px; 1439 line-height: 1.55; 1440 color: rgba(255, 255, 255, .9); 1441 } 1442 1443 .site-footer__col p i { 1444 flex: none; 1445 width: 16px; 1446 margin-top: 3px; 1447 text-align: center; 1448 color: #fff; 1449 opacity: .7; 1450 } 1451 1452 /* ---- barra final ---- */ 1453 .site-footer__bottom { 1454 background: rgba(0, 0, 0, .14); 1455 border-top: 1px solid rgba(255, 255, 255, .14); 1456 } 1457 1458 .site-footer__bottom-inner { 1459 display: flex; 1460 flex-wrap: wrap; 1461 align-items: center; 1462 justify-content: space-between; 1463 gap: 8px 20px; 1464 /* so vertical: o padding lateral vem do .container-new1, igual ao dos cards */ 1465 padding-block: 18px; 1466 color: rgba(255, 255, 255, .75); 1467 font-size: 13px; 1468 } 1469 1470 /* O .container-new1 (main.css) tem um clearfix: ::before/::after com 1471 content:" ". Num container flex esses dois pseudo-elementos viram 1472 itens extras, e o space-between reparte o espaco entre 4 itens â 1473 os <p> ficam "boiando" no meio em vez de nas pontas do container. 1474 Aqui o flex ja contem os filhos, entao o clearfix e desligado. */ 1475 .site-footer .site-footer__bottom-inner::before, 1476 .site-footer .site-footer__bottom-inner::after { 1477 content: none; 1478 display: none; 1479 } 1480 1481 .site-footer__bottom p { 1482 margin: 0; 1483 } 1484 1485 /* copyright na ponta esquerda do container, acessibilidade na direita */ 1486 .site-footer__bottom-inner p:first-child { 1487 text-align: left; 1488 } 1489 1490 .site-footer__bottom-inner p:last-child { 1491 text-align: right; 1492 } 1493 1494 .site-footer__bottom a { 1495 color: #fff; 1496 font-weight: 500; 1497 text-decoration: none; 1498 } 1499 1500 .site-footer__bottom a:hover, 1501 .site-footer__bottom a:focus-visible { 1502 text-decoration: underline; 1503 } 1504 1505 /* ---- responsivo ---- */ 1506 @media (max-width: 991px) { 1507 .site-footer__grid { 1508 grid-template-columns: 1fr; 1509 } 1510 } 1511 1512 @media (max-width: 767px) { 1513 .site-footer__head { 1514 flex-direction: column; 1515 justify-content: center; 1516 text-align: center; 1517 padding-block: 34px 22px; 1518 } 1519 1520 .site-footer__brand { 1521 flex-direction: column; 1522 gap: 14px; 1523 } 1524 1525 .site-footer-identity__logo + .site-footer-identity__city { 1526 margin-left: 0; 1527 padding-left: 0; 1528 border-left: 0; 1529 } 1530 1531 .site-footer__seals-inline { 1532 justify-content: center; 1533 } 1534 1535 .site-footer__grid { 1536 padding: 26px 0 28px; 1537 } 1538 1539 .site-footer__bottom-inner { 1540 justify-content: center; 1541 text-align: center; 1542 } 1543 1544 .site-footer__bottom-inner p:first-child, 1545 .site-footer__bottom-inner p:last-child { 1546 text-align: center; 1547 } 1548 } 1549 </style> 1550 1551 </div> 1552 1553 <footer class="site-footer" role="contentinfo" style="--site-card-radius: 9px;"> 1554 <div class="container-new1 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms"> 1555 <div class="site-footer__head"> 1556 <div class="site-footer__brand"> 1557 <img src="/imagens/logovazada.png?time=1790447222" alt="Prefeitura Municipal de Caridade" class="site-footer-identity__logo"> 1558 <p class="site-footer-identity__city"> 1559 Prefeitura Municipal de Caridade - CE </p> 1560 </div> 1561 1562 <div class='site-footer__seals-inline'><a href='/selos'>
1562<img src='/imagens/imagensselos/alfa-ouro-p.png' alt='Selo Nacional compromisso com a Alfabetização Ouro 2024 1563' title='Selo Nacional compromisso com a Alfabetização Ouro 2024 1564'></a></div> </div> 1565 </div> 1566 1567 <div class="container-new1"> 1568 <div class="site-footer__grid"> 1569 1570 <div class="site-footer__col"> 1571 <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> 1572 1573 1574 <p><i class='bi bi-person-circle' aria-hidden="true"></i> <span>Prefeito(a) Maria Simone Fernandes Tavares</span></p> 1575 <p><i class='bi bi-postcard' aria-hidden="true"></i> <span>CNPJ: 07.707.094/0001-82</span></p> 1576 </div> 1577 1578 <div class="site-footer__col"> 1579 <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> 1580 <p><i class='bi bi-telephone' aria-hidden="true"></i> <span>(85) 3324-1293</span></p> 1581 <p><i class='bi bi-envelope-at' aria-hidden="true"></i> <span>[email protected]</span></p> 1582 </div> 1583 1584 <div class="site-footer__col"> 1585 <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> 1586 1587 <p> 1588 <i class='bi bi-geo-alt' aria-hidden='true'></i> 1589 <span> 1590 Av. Coronel Francisco Linhares, 1591 1592 Nº 250 1593 - Centro, 1594 1595 62.730-000 </span> 1596 </p> 1597 <p> 1598 <i class='bi bi-clock' aria-hidden='true'></i> 1599 <span>de Segunda à Sexta das 08:00hs às 15:00hs</span> 1600 </p> 1601 </div> 1602 1603 1604 </div> 1605 </div> 1606 1607 <div class="site-footer__bottom">
1608 <div class="container-new1 site-footer__bottom-inner"> 1609 <p> 1610 © 2026 <a target='_blank' href='http://www.assesi.com.br/' title=''>Assesi</a>. 1611 Todos os Direitos Reservados. 1612 </p> 1613 <p><a href="/acessibilidade.php">Acessibilidade</a></p> 1614 </div> 1615 </div> 1616 </footer> 1617 1618
1619<script type="text/javascript"> 1620 1621 // document.addEventListener('click', function(){ 1622 // const link_before = event.target.closest('a'); 1623 // const link_destino = (link_before) ? link_before.href : null; 1624 1625 // const params_before = new URLSearchParams(link_before); 1626 // if (params_before.has('source')) { 1627 1628 // localStorage.getItem('source', 'app'); 1629 // } else { 1630 // localStorage.removeItem('source'); 1631 // } 1632 1633 // }); 1634 1635</script>
1635 1636 1637
1637<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/apexcharts.min.js"></script>
1637 1638 1639
1639<script> 1640 (function () { 1641 if (typeof ApexCharts === 'undefined') return; 1642 var el = document.getElementById('chart_div'); 1643 if (!el) return; 1644 el.classList.add('ouv-chart'); 1645 1646 var mode = "flat"; 1647 var cats = ["Urgências","Reclamações","Serviços","Dúvidas","Sugestões","Denúncias","CrÃticas","Elogios"]; 1648 var series = [{"name":"Manifestações","data":[39,25,25,23,15,11,6,1]}]; 1649 var accent = "#2864AE"; 1650 var palette = ["#2C93DE","#15B063","#F1491C","#A349A4","#0DA5AA","#C52259","#FF7F00","#6C5CE7","#00B894","#939393"]; 1651 1652 var opts = { 1653 chart: { 1654 type: 'bar', 1655 height: 400, 1656 fontFamily: "'Roboto', Arial, Helvetica, sans-serif", 1657 stacked: (mode === 'stack'), 1658 toolbar: { 1659 show: true, 1660 tools: { download: true, selection: true, zoom: true, zoomin: true, zoomout: true, pan: true, reset: true } 1661 }, 1662 zoom: { enabled: true, type: 'x' }, 1663 animations: { enabled: true, easing: 'easeinout', speed: 550 } 1664 }, 1665 series: series, 1666 colors: (mode === 'stack') ? palette : [accent], 1667 plotOptions: { 1668 bar: { 1669 borderRadius: 5, 1670 borderRadiusApplication: 'end', 1671 columnWidth: (cats.length > 8 ? '78%' : '55%'), 1672 distributed: (mode === 'flat'), 1673 dataLabels: { position: 'top' } 1674 } 1675 }, 1676 dataLabels: { 1677 enabled: (mode !== 'stack'), 1678 offsetY: -18, 1679 style: { fontSize: '11px', fontWeight: 600, colors: ['#475467'] }, 1680 background: { enabled: false } 1681 }, 1682 xaxis: { 1683 categories: cats, 1684 labels: { rotate: -35, hideOverlappingLabels: true, trim: true, style: { fontSize: '11px', colors: '#667085' } }, 1685 axisBorder: { color: '#e6e8ec' }, 1686 axisTicks: { color: '#e6e8ec' } 1687 }, 1688 yaxis: { 1689 labels: { style: { colors: '#98a2b3', fontSize: '11px' }, formatter: function (v) { return Math.round(v); } } 1690 }, 1691 grid: { borderColor: '#eef0f3', strokeDashArray: 4, xaxis: { lines: { show: false } } }, 1692 legend: { show: (mode === 'stack'), position: 'top', horizontalAlign: 'left', fontSize: '12px', markers: { radius: 3 } }, 1693 fill: { opacity: 1 }, 1694 states: { hover: { filter: { type: 'darken', value: 0.92 } } }, 1695 tooltip: { shared: (mode === 'stack'), intersect: false, y: { formatter: function (v) { return v + ' manifestação(ões)'; } } }, 1696 noData: { text: 'Sem dados para exibir', style: { color: '#98a2b3' } } 1697 }; 1698 1699 new ApexCharts(el, opts).render(); 1700 })(); 1701 </script>
1701 1702 1703 1704 1705
1705<script> 1706 (function () { 1707 var el = document.getElementById('chart_div_satis'); 1708 if (!el || typeof ApexCharts === 'undefined') return; 1709 el.classList.add('ouv-chart'); 1710 1711 var satisChart = null; 1712 1713 function buscar(ano, cb) { 1714 var xhr = new XMLHttpRequest(); 1715 xhr.open('POST', 'pesquisasatisfacao_grafico.php', true); 1716 xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 1717 xhr.onload = function () { 1718 try { 1719 var raw = JSON.parse(xhr.responseText); 1720 var cats = [], vals = [], cores = []; 1721 for (var i = 1; i < raw.length; i++) { 1722 if (!raw[i]) continue; 1723 cats.push(raw[i][0]); 1724 vals.push(Number(raw[i][1]) || 0); 1725 cores.push(raw[i][2] || '#98a2b3'); 1726 } 1727 cb({ cats: cats, vals: vals, cores: cores }); 1728 } catch (e) { cb(null); } 1729 }; 1730 xhr.onerror = function () { cb(null); }; 1731 xhr.send('ano=' + encodeURIComponent(ano)); 1732 } 1733 1734 function opcoes(d) { 1735 return { 1736 chart: { 1737 type: 'bar', height: 380, fontFamily: "'Roboto', Arial, Helvetica, sans-serif", 1738 toolbar: { show: true, tools: { download: true, selection: true, zoom: true, zoomin: true, zoomout: true, pan: true, reset: true } }, 1739 zoom: { enabled: true, type: 'x' }, 1740 animations: { enabled: true, easing: 'easeinout', speed: 500 } 1741 }, 1742 series: [{ name: 'Avaliações', data: d.vals }], 1743 colors: d.cores, 1744 plotOptions: { bar: { borderRadius: 5, borderRadiusApplication: 'end', columnWidth: '52%', distributed: true, dataLabels: { position: 'top' } } }, 1745 dataLabels: { enabled: true, offsetY: -18, style: { fontSize: '12px', fontWeight: 700, colors: ['#475467'] }, background: { enabled: false } }, 1746 xaxis: { categories: d.cats, labels: { style: { fontSize: '11px', colors: '#667085' }, hideOverlappingLabels: true, trim: true }, axisBorder: { color: '#e6e8ec' }, axisTicks: { color: '#e6e8ec' } }, 1747 yaxis: { labels: { style: { colors: '#98a2b3', fontSize: '11px' }, formatter: function (v) { return Math.round(v); } } }, 1748 grid: { borderColor: '#eef0f3', strokeDashArray: 4, xaxis: { lines: { show: false } } }, 1749 legend: { show: false }, 1750 fill: { opacity: 1 }, 1751 states: { hover: { filter: { type: 'darken', value: 0.92 } } }, 1752 tooltip: { y: { formatter: function (v) { return v + ' avaliação(ões)'; } } }, 1753 noData: { text: 'Sem avaliações para este ano', style: { color: '#98a2b3' } } 1754 }; 1755 } 1756 1757 window.renderSatisChart = function (ano) { 1758 var v = document.getElementById('valano'); 1759 if (v && ano != null) v.value = ano; 1760 buscar(ano, function (d) { 1761 if (!d) return; 1762 if (satisChart) { 1763 satisChart.updateOptions(opcoes(d), true, true); 1764 } else { 1765 satisChart = new ApexCharts(el, opcoes(d)); 1766 satisChart.render(); 1767 } 1768 }); 1769 }; 1770 1771 var inicial = (document.getElementById('valano') || {}).value || ''; 1772 window.renderSatisChart(inicial); 1773 })(); 1774 </script>
1774 1775 1776 1777
1777<script src="js/jquery-1.11.3.js"></script>
1777 1778
1778<script src="js/tableExport.min.js"></script>
1778 1779
1779<script src="js/FileSaver.min.js"></script>
1779 1780
1780<script src="js/jquery.base64.js"></script>
1780 1781
1781<script src="js/html2canvas.min.js"></script>
1781 1782
1782<script src="js/sprintf.js"></script>
1782 1783
1783<script src="js/jspdf.min.js"></script>
1783 1784
1784<script src="js/jspdf.plugin.autotable.js"></script>
1784 1785
1785<script src="js/base64.js"></script>
1785 1786
1786<script src="js/bootstrap.min.js"></script>
1786 1787
1787<script src="js/jquery.prettyPhoto.js"></script>
1787 1788
1788<script src="js/jquery.isotope.min.js"></script>
1788 1789
1789<script src="js/main.js"></script>
1789 1790
1790<script src="js/wow.min.js"></script>
1790 1791 1792 1793 1794
1794<script type="text/javascript" language="javascript" src="js/jquery.maskedinput.min.js"></script>
1794 1795
1795<script> 1796 jQuery(function($) { 1797 $("#dtini").mask("99/99/9999"); 1798 $("#dtfim").mask("99/99/9999"); 1799 }); 1800 1801 $(document).ready(function() { 1802 1803 (function($) { 1804 1805 $('#filter').keyup(function() { 1806 1807 var rex = new RegExp($(this).val(), 'i'); 1808 $('.linha').hide(); 1809 $('.linha').filter(function() { 1810 return rex.test($(this).text()); 1811 }).show(); 1812 1813 }) 1814 1815 }(jQuery)); 1816 1817 $("#idano").change(function() { 1818 $("#valano").val($(this).val()); 1819 if (typeof window.renderSatisChart === 'function') { 1820 window.renderSatisChart($(this).val()); 1821 } 1822 }); 1823 1824 1825 }); 1826 </script>
1826 1827 1828
1828<script src="js/jquery.font-accessibility.min.js"></script>
1828 1829
1829<script> 1830 $(function() { 1831 /* Custom buttons */ 1832 $('#font-setting').easyView({ 1833 container: 'body, .section, .container, .row, .col-md-6, .col-md-9, .col-md-12, #footer, #bottom', 1834 step: 10, 1835 bootstrap: true, 1836 increaseSelector: '.increase-me', 1837 decreaseSelector: '.decrease-me', 1838 normalSelector: '.reset-me', 1839 contrastSelector: '.change-me' 1840 }); 1841 1842 1843 1844 1845 }); 1846 </script>
1846 1847</body> 1848 1849</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.