| 265
| <![CDATA[<body id="home" class="bg-white font-montserrat leading-normal tracking-normal" style="padding: 0px;">
<!-- facebook scripts -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
// appId : '1132215513593778',
appId : '846747429220403',
autoLogAppEvents : true,
xfbml : true,
version : 'v13.0'
});
};
</script>
<script async defer crossorigin="anonymous" nonce="WoIO0Kqb"
src="https://connect.facebook.net/pt_BR/sdk.js">
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
<div class="hero-box">
<div class="page-hero mix-blend-multiply"
style="background-image: url('https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/casa/banner/FRECHEIRINHA.png.4954x1643_q85_box-0%2C0%2C1810%2C603_crop_detail.png');"></div>
<!-- bg-gradient-banner from-gray-light to-white -->
<div class="h-[85vh]"
style="background-image: linear-gradient( to bottom, #505050 125px, rgb(255, 255, 255) );">
</div>
<header class="w-full z-20 absolute top-0 sm:top-inherit">
<div class="w-full text-white text-xs uppercase bg-opacity-40 bg-black absolute z-20">
<div class="container flex flex-col sm:flex-row justify-center lg:justify-between flex-wrap py-3">
<ul class="flex justify-center flex-wrap acessibilidade gap-y-2">
<li class="nav-item pr-2 border-r hover:underline">
<a href="/acesso-a-informacao/" class="text-white" >
Lei de Acesso a Informação
</a>
</li>
<li class="nav-item px-2 border-r hover:underline">
<a href="/#map-container-google" class="text-white" >
Mapa do Site
</a>
</li>
<li class="nav-item px-2 border-r hover:underline">
<a href="/acessibilidade/acessibilidade/acessibilidade/" class="text-white" >
Acessibilidade
</a>
</li>
<li class="nav-item px-2 hover:underline">
<a href="/institucional/faq/" class="text-white" >
Faq
</a>
</li>
</ul>
<ul class="flex justify-center flex-wrap acessibilidade-icone mt-2 lg:mt-0">
<li class="nav-item">
<span id="" class="text-white px-2 cursor-default hover:underline">
<a title="Link para a página Vlibras" href="https://www.vlibras.gov.br/" target="_blank" class=" px-2 hover:underline"><i class="far fa-hand-paper"></i></a>
</span>
</li>
<li class="nav-item">
<span id="default-font-size" class="text-white px-2 cursor-default hover:underline">
A
</span>
</li>
<li class="nav-item">
<span id="decrease-font-size" class="text-white px-2 cursor-default hover:underline">
A-
</span>
</li>
<li class="nav-item">
<span id="incres-font-size" class="text-white px-2 cursor-default hover:underline">
A+
</span>
</li>
<li class="nav-item">
<span id="contrast-button" class="text-white px-2 cursor-default hover:underline">
<i class="fas fa-adjust"></i>
</span>
</li>
<li class="nav-item">
<a href="/administrativo/" id="area-adm" class=" px-2 cursor-default hover:underline">
ADMINISTRATIVO
</a>
</li>
</ul>
</div>
</div>
<div class="pt-0">
<!-- codigo para cor personalizado bg do header -->
<!-- text-white bg-color-portal -->
<nav id="nav-menu" class="relative text-white"
:class="[toggle === '1' ? 'bg-primary-100 text-primary-900' : 'bg-transparent']"
x-data="{ toggle: '0' }">
<div class="container mx-auto flex flex-row justify-between items-center mt-20 md:mt-14 lg:mt-8">
<div class="flex flex-row items-center">
<div class="relative block pr-2 py-4 lg:pr-6 lg:py-6 text-xl text-blue-600 font-bold">
<a href="/">
<img src="
https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/casa/logotipo/logo_HgWVjsS.png
" width="90" alt="logo_camara">
</a>
</div>
<div class="text-lg lg:text-xl 2xl:text-2xl w-full" :class="[toggle === '1' ? 'hidden' : 'block']">
<a href="/" class="uppercase">
CÂMARA MUNICIPAL DE FRECHEIRINHA
</a>
</div>
</div>
<div class="relative block pl-4 py-4 lg:pl-6 lg:py-6 text-xl
text-white font-bold lg:hidden"
@click="toggle === '0' ? toggle = '1' : toggle = '0'">
<!-- START:MENU-TOGGLE-ICON -->
<i class="text-2xl text-white"
:class="[toggle === '1' ? 'fa-solid fa-xmark text-primary-900' : 'fa-duotone fa-bars']"></i>
<!-- END:MENU-TOGGLE-ICON -->
</div>
<ul id="navbar-menu-options" class="flex-col lg:flex-row lg:bg-transparent"
:class="[toggle === '1' ? 'flex' : 'hidden lg:flex']">
<li id="menu_institucional" class="hoverable">
<div class="whitespace-nowrap relative triggermenu uppercase block sm:py-6 pt-6
px-4 lg:pt-10 lg:pb-0 text-sm lg:text-base hover:font-bold text-primary-900 lg:text-white">
Institucional
<svg class="h-4 w-4 inline-flex" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="6 9 12 15 18 9" />
</svg>
</div>
<div class="p-6 mega-menu mb-16 sm:mb-0 shadow-xl bg-white z-30">
<div class="container w-full flex flex-wrap justify-between mx-auto text-gray-light">
<div hidden class="lg:grid-cols-5"></div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4">
<div class="p-6 lg:py-0 border-gray-300
border-r
border-b lg:border-b-0 ">
<a href="/institucional/">
<div class="flex">
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Institucional
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Conheça a câmara e as legislações municipal, estadual e nacional. Tenha acesso ao nosso organograma, com informações de atendimento de cada setor.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/institucional/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
institucional
</a>
<a href="/institucional/organograma/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
organograma
</a>
<a href="/institucional/legislacao/?esfera_federacao=M"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
legislação
</a>
<a href="/institucional/cartas-servicos/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
carta de serviço
</a>
<a href="/institucional/estrutura-organizacional/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
estrutura organizacional
</a>
</div>
</div>
<div class="p-6 lg:py-0 border-gray-300
lg:border-r
border-b lg:border-b-0 ">
<a href="/institucional/entenda/">
<div class="flex">
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Entenda
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Entenda o objetivo e as reuniões/sessões do poder legislativo municipal. Navegue por uma linha do tempo histórica sobre o poder legislativo. Veja perguntas frequentes sobre a câmara.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/institucional/entenda/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
entenda
</a>
<a href="/institucional/cronologia/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
cronologia
</a>
<a href="/institucional/faq/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
perguntas frequentes
</a>
</div>
</div>
<div class="p-6 lg:py-0 border-gray-300
border-r
">
<a href="/institucional/agenda/">
<div class="flex">
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Agenda
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Saiba quando terá uma atividade a ser realizada na câmara
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/institucional/agenda/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
agenda
</a>
</div>
</div>
<div class="p-6 lg:py-0 border-gray-300
">
<a href="/institucional/contato/">
<div class="flex">
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Fale com a Câmara
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Acesse informações de contato, endereço e horário de atendimento.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/institucional/contato/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
contato
</a>
<a href="/url-email/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
e-mail institucional
</a>
<a href="/termos-politicas-uso-privacidade/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
política de privacidade
</a>
<a href="/transparencia/participacao-controle-social/links-uteis"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
links úteis
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li id="menu_parlamentar" class="hoverable">
<div class="whitespace-nowrap relative triggermenu uppercase block sm:py-6 pt-6
px-4 lg:pt-10 lg:pb-0 text-sm lg:text-base hover:font-bold text-primary-900 lg:text-white">
Parlamentares
<svg class="h-4 w-4 inline-flex" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="6 9 12 15 18 9" />
</svg>
</div>
<div class="p-6 mega-menu mb-16 sm:mb-0 shadow-xl bg-white z-30">
<div class="container w-full flex flex-wrap justify-between mx-auto text-gray-light">
<div hidden class="lg:grid-cols-5"></div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3">
<div class="p-6 lg:py-0 border-gray-300
border-r
border-b lg:border-b-0 ">
<a href="/parlamentares/5/perfil/">
<div class="flex">
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Presidência
</h1>
</div>
</a>
<div class="nav_option_content">
<div class="flex flex-row items-center">
<a href="/parlamentares/5/perfil/"
class="min-w-[55px]">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/5/maike.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="MAIKE PINTO"
style="width: 55px; height: 55px;"
>
</a>
<div class="m-3">
<h5 class="font-bold">Presidente</h5>
<h6>MAIKE PINTO</h6>
</div>
</div>
</div>
<p class="text-sm">
A Câmara Municipal De Frecheirinha está na sua 17° Legislatura. Saiba mais sobre o atual presidente e os que já
passaram por esse cargo tão importante.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/parlamentares/5/perfil/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
presidente atual
</a>
<a href="/parlamentares/galeria-presidentes/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
galeria de presidentes
</a>
</div>
</div>
<div class="p-6 lg:py-0 border-gray-300
lg:border-r
border-b lg:border-b-0 ">
<a href="/parlamentares/mesa-diretora/">
<div class="flex">
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Mesa Diretora
</h1>
</div>
</a>
<div class="nav_option_content">
<div id="owl-carousel-mesa-diretora-menu" class="flex owl-carousel">
<a href="/parlamentares/5/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/5/maike.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="MAIKE PINTO"
style="width: 55px; height: 55px;"
>
</a>
<a href="/parlamentares/4/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/4/foto_9ADbeXp.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="EDVANDO DA TOPIC"
style="width: 55px; height: 55px;"
>
</a>
<a href="/parlamentares/7/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/7/marrinha.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="MARRINHA CUNHA"
style="width: 55px; height: 55px;"
>
</a>
<a href="/parlamentares/9/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/9/vicente.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="VICENTE GAVIÃO"
style="width: 55px; height: 55px;"
>
</a>
</div>
</div>
<p class="text-sm">
Saiba quem são os membros da mesa diretora na atual e em todas as legislaturas.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/parlamentares/mesa-diretora/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
mesa diretora
</a>
</div>
</div>
<div class="p-6 lg:py-0 border-gray-300
">
<a href="/parlamentares/">
<div class="flex">
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Vereadores
</h1>
</div>
</a>
<div class="nav_option_content">
<div id="owl-carousel-vereadores-menu" class="owl-carousel flex">
<a href="/parlamentares/1/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/1/airton.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="AIRTON COSTA"
style="width: 55px; height: 55px;"
>
</a>
<a href="/parlamentares/2/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/2/aurelio.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="AURELIO DO CAEIRAL"
style="width: 55px; height: 55px;"
>
</a>
<a href="/parlamentares/3/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/3/dorinha.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="DORINHA"
style="width: 55px; height: 55px;"
>
</a>
<a href="/parlamentares/4/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/4/foto_9ADbeXp.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="EDVANDO DA TOPIC"
style="width: 55px; height: 55px;"
>
</a>
<a href="/parlamentares/5/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/5/maike.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="MAIKE PINTO"
style="width: 55px; height: 55px;"
>
</a>
<a href="/parlamentares/6/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/6/manuel.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="MANUELZINHO PENANDUBA"
style="width: 55px; height: 55px;"
>
</a>
<a href="/parlamentares/7/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/7/marrinha.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="MARRINHA CUNHA"
style="width: 55px; height: 55px;"
>
</a>
<a href="/parlamentares/8/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/8/silv.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="SILVINHA"
style="width: 55px; height: 55px;"
>
</a>
<a href="/parlamentares/9/perfil/">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/9/vicente.jpg"
class="shrink-0 rounded-full object-cover object-top shadow-lg "
alt="VICENTE GAVIÃO"
style="width: 55px; height: 55px;"
>
</a>
</div>
</div>
<p class="text-sm">
Conheça cada um dos parlamentares, suas redes sociais, o que têm proposto, como votam e utilizam suas verbas.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/parlamentares/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
vereadores
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li id="menu_atividades_legislativas" class="hoverable">
<div class="whitespace-nowrap relative triggermenu uppercase block sm:py-6 pt-6
px-4 lg:pt-10 lg:pb-0 text-sm lg:text-base hover:font-bold text-primary-900 lg:text-white">
Atividades
<svg class="h-4 w-4 inline-flex" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="6 9 12 15 18 9" />
</svg>
</div>
<div class="p-6 mega-menu mb-16 sm:mb-0 shadow-xl bg-white z-30">
<div class="container w-full flex flex-wrap justify-between mx-auto text-gray-light">
<div hidden class="lg:grid-cols-5"></div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5">
<div class="p-6 lg:py-0 border-gray-300
border-r
border-b lg:border-b-0 ">
<a href="/atividade-legislativa/comissoes/">
<div class="flex">
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Comissões
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Conheça as comissões permanentes e temporárias, quem as compõem, suas proposições e o que acontece em cada reunião.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/atividade-legislativa/comissoes/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
comissões
</a>
</div>
</div>
<div class="p-6 lg:py-0 border-gray-300
lg:border-r
border-b lg:border-b-0 ">
<a href="/atividade-legislativa/proposicoes/proposicoes/">
<div class="flex">
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Proposições
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Veja as proposições de seu vereador e o histórico de proposições de todas as legislaturas.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/atividade-legislativa/proposicoes/proposicoes/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
proposições
</a>
</div>
</div>
<div class="p-6 lg:py-0 border-gray-300
border-r
border-b lg:border-b-0 ">
<a href="/atividade-legislativa/sessoes/">
<div class="flex">
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Sessões
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Tenha acesso detalhado a cada sessão já realizada na câmara, incluindo vídeos, lista de presença e como votou cada vereador em cada proposição, quais resultados e a ata.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/atividade-legislativa/sessoes/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
sessões
</a>
</div>
</div>
<div class="p-6 lg:py-0 border-gray-300
lg:border-r
border-b lg:border-b-0 ">
<a href="/atividade-legislativa/processos-legislativos/processos-legislativos/">
<div class="flex">
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Processos
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Acesse cada etapa da tramitação de cada processo legislativo já feito na câmara.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/atividade-legislativa/processos-legislativos/processos-legislativos/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
processos legislativos
</a>
</div>
</div>
<div class="p-6 lg:py-0 border-gray-300
">
<a href="#">
<div class="flex">
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Audiências
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Veja informações de todas audiências públicas realizadas na câmara
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="#"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
audiências
</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li id="menu_transparencia" class="hoverable">
<div class="whitespace-nowrap relative triggermenu uppercase block sm:py-6 pt-6
px-4 lg:pt-10 lg:pb-0 text-sm lg:text-base hover:font-bold text-primary-900 lg:text-white">
Transparência
<svg class="h-4 w-4 inline-flex" width="16" height="16" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="6 9 12 15 18 9" />
</svg>
</div>
<div class="p-6 mega-menu mb-16 sm:mb-0 shadow-xl bg-white z-30">
<div class="w-full mb-8 border-b border-gray-300 flex sm:flex-row flex-col justify-between">
<h2 class="text-2xl uppercase">Portal da Transparência</h2>
<p class="text-gray-light">
Conheça nosso portal da transparência e saiba como acessar
todas as informações disponibilizadas.
</p>
<a href="/transparencia/" class="text-primary-500">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
portal da transparência
</a>
</div>
<div class="container w-full flex flex-wrap justify-between mx-auto text-gray-light">
<div hidden class="lg:grid-cols-5"></div>
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4">
<div class="p-6 lg:py-0 border-gray-300
border-r
border-b lg:border-b-0 ">
<a href="/transparencia/participacao-controle-social/">
<div class="flex">
<div class="border border-primary-600 rounded-full text-center flex items-center
justify-center flex-shrink-0 mr-2 hover:bg-primary-600 text-primary-600 hover:text-white"
style="width: 50px; height: 50px">
<i class="fa-duotone fa-people-group text-2xl"></i>
</div>
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Participação e Controle Social
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Consulte informações sobre participação e controle social. Acesse Ouvidoria, e-SIC, legislação, carta de serviços ou fale com um parlamentar ou com a câmara municipal.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/transparencia/participacao-controle-social/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
ver mais
</a>
</div>
</div>
<div class="p-6 lg:py-0 border-gray-300
lg:border-r
border-b lg:border-b-0 ">
<a href="/transparencia/transparencia-legislativa/">
<div class="flex">
<div class="border border-primary-600 rounded-full text-center flex items-center
justify-center flex-shrink-0 mr-2 hover:bg-primary-600 text-primary-600 hover:text-white"
style="width: 50px; height: 50px">
<i class="fa-duotone fa-landmark text-2xl"></i>
</div>
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Transparência Legislativa
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Consulte informações relevantes da atividade parlamentar, que por sua especificidade, não são diretamente discriminados na legislação sobre transparência.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/transparencia/transparencia-legislativa/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
ver mais
</a>
</div>
</div>
<div class="p-6 lg:py-0 border-gray-300
border-r
">
<a href="/transparencia/transparencia-lei-acesso-informacao/">
<div class="flex">
<div class="border border-primary-600 rounded-full text-center flex items-center
justify-center flex-shrink-0 mr-2 hover:bg-primary-600 text-primary-600 hover:text-white"
style="width: 50px; height: 50px">
<i class="fa-duotone fa-memo-circle-info pl-1.5 text-2xl"></i>
</div>
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Lei de Acesso a informação
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Aderência à LAI – Lei de Acesso à Informação Consulte informações e tire suas dúvidas sobre a Lei de Acesso à Informação.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/transparencia/transparencia-lei-acesso-informacao/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
ver mais
</a>
</div>
</div>
<div class="p-6 lg:py-0 border-gray-300
">
<a href="/transparencia/transparencia-administrativa/">
<div class="flex">
<div class="border border-primary-600 rounded-full text-center flex items-center
justify-center flex-shrink-0 mr-2 hover:bg-primary-600 text-primary-600 hover:text-white"
style="width: 50px; height: 50px">
<i class="fa-duotone fa-building text-2xl"></i>
</div>
<h1 class="text-xl text-primary-900 uppercase mb-3 hover:text-primary-500">
Transparência Administrativa
</h1>
</div>
</a>
<div class="nav_option_content">
</div>
<p class="text-sm">
Consulte informações do Poder Legislativo, relacionadas a questões orçamentárias e de administração dos recursos públicos, tais como licitações, contratos, recursos humanos, relatórios de gestão fiscal e prestações de contas.
</p>
<div class="flex flex-wrap py-3 gap-x-4">
<a href="/transparencia/transparencia-administrativa/"
class="text-primary-500 inline-block">
<svg class="h-4 w-4 inline-flex" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"
fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" />
<polyline points="9 6 15 12 9 18" />
</svg>
ver mais
</a>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</nav>
</div>
</header>
<div class="hero-content flex justify-center items-center h-sm:sm:top-[35%] top-[30%] xl:top-1/2 ">
<div class="mb-40 px-4 xl:px-10 w-full sm:p-0 sm:inset-1/4 sm:w-2/4 h-fit z-10">
<h2 class="text-white text-xl xs:text-2xl mb-2">Do que você precisa?</h2>
<div id="pesquisa-rapida-box" class="flex flex-row">
<input class="rounded-l-sm p-3" type="text" id="hero-pesquisa-rapida"
placeholder="Ex.: serviços, agenda, RGF" onfocus="focusPesquisaRapida()" onfocusout="focusOutPesquisaRapida()"/>
<div id="pesquisa-rapida-datalist" class="z-10">
<p class="loading-msg">
Carregando...
</p>
<p class="character-msg">
no mínimo 3 caracteres
</p>
<p class="not-found">
Nenhum resultado encontrado
</p>
</div>
<button class="pesquisa-submit botao-ver-mais text-lg rounded-l-none" type="button">
<i class="fa-regular fa-magnifying-glass"></i>
</button>
</div>
<div class="lg:grid lg:grid-cols-3 gap-x-6 mt-5 hidden md:block">
<a href="#anchor-noticias">
<p class="opcao-index text-primary-900" style="font-size: 14px;"><i class="fa-duotone fa-newspaper text-primary-600 mr-2"></i>Notícias</p>
</a>
<a href="#anchor-proposicoes">
<p class="opcao-index text-primary-900" style="font-size: 14px;"><i class="fa-duotone fa-paste text-primary-600 mr-2"></i>Últimas Proposições</p>
</a>
<a href="#anchor-transparencia">
<p class="opcao-index text-primary-900" style="font-size: 14px;"><i class="fa-duotone fa-chart-pie text-primary-600 mr-2"></i>Transparência</p>
</a>
</div>
</div>
</div>
</div>
</div>
<div id="main-buttons" class="main-buttons flex w-full text-center">
<div class="container flex flex-col sm:flex-row justify-between text-center w-full links gap-x-8">
<div class="flex-1 w-1/4 flex flex-row sm:flex-col items-center gap-y-7">
<a text="Lista de componentes" href="/portal-ouvidoria/" >
<button data-tooltip-target="tooltip_ouvidoria" data-tooltip-placement="bottom" type="button" class="icon-banner mr-3 sm:mr-0 mb-0">
<i class="fa-duotone fa-user-headset"></i>
</button>
</a>
<a href="/portal-ouvidoria/" class="max-w-full xl:max-w-[140px] h-sm:sm:hidden h-md:block">
<span class="text-white lg:text-primary-600 text-left xl:text-center">
Ouvidoria
</span>
</a>
</div>
<div id="tooltip_ouvidoria" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 botton w-[1200px]">
A Ouvidoria é um canal de comunicação essencial em um site institucional de Câmara Legislativa. É um espaço dedicado para que cidadãos possam expressar suas opiniões, fazer sugestões, apresentar reclamações ou denúncias relacionadas às atividades legislativas. Através da Ouvidoria, os cidadãos têm a oportunidade de se envolver ativamente no processo democrático, contribuindo para o aprimoramento das políticas e serviços oferecidos pela Câmara. A equipe da Ouvidoria está disponível para receber e analisar as manifestações, garantindo o sigilo e a imparcialidade no tratamento dos assuntos. Sua participação é fundamental para fortalecer a transparência e a participação cidadã no âmbito legislativo.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
<div class="flex-1 w-1/4 flex flex-row sm:flex-col items-center gap-y-7">
<a text="Lista de componentes" href="/inicio-portal-social/" >
<button data-tooltip-target="tooltip_esic" data-tooltip-placement="bottom" type="button" class="icon-banner mr-3 sm:mr-0 mb-0">
<i class="fa-duotone fa-message-exclamation"></i>
</button>
</a>
<a href="/inicio-portal-social/" class="max-w-full xl:max-w-[140px] h-sm:sm:hidden h-md:block">
<span class="text-white lg:text-primary-600 text-left xl:text-center">
E-SIC
</span>
</a>
</div>
<div id="tooltip_esic" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 botton w-[1200px]">
O e-SIC (Sistema Eletrônico do Serviço de Informações ao Cidadão) é uma ferramenta presente no site institucional da Câmara Legislativa que permite aos cidadãos solicitar informações públicas de forma ágil e transparente. Por meio do e-SIC, é possível fazer pedidos de acesso a documentos, acompanhar o andamento das solicitações e receber as respostas de forma eletrônica. Essa plataforma fortalece a transparência e o acesso à informação, garantindo o direito do cidadão de conhecer e fiscalizar as atividades legislativas. O e-SIC é uma maneira prática e eficiente de promover a participação cidadã, contribuindo para a construção de uma gestão pública cada vez mais aberta e responsável.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
<div class="flex-1 w-1/4 flex flex-row sm:flex-col items-center gap-y-7">
<a text="Lista de componentes" href="/acesso-a-informacao/" >
<button data-tooltip-target="tooltip_acesso_informacao" data-tooltip-placement="bottom" type="button" class="icon-banner mr-3 sm:mr-0 mb-0">
<i class="fa-duotone fa-memo-circle-info pl-1.5 xl:pl-2.5"></i>
</button>
</a>
<a href="/acesso-a-informacao/" class="max-w-full xl:max-w-[140px] h-sm:sm:hidden h-md:block">
<span class="text-white lg:text-primary-600 text-left xl:text-center">
Acesso a Informação
</span>
</a>
</div>
<div id="tooltip_acesso_informacao" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 botton w-[1200px]">
Acesso à Informação é um recurso fundamental disponível no site institucional da Câmara Legislativa, que visa promover a transparência e a participação cidadã. Por meio dessa ferramenta, os cidadãos têm a oportunidade de obter informações sobre as atividades, processos legislativos, decisões, projetos em andamento, além de ter acesso a documentos e dados relevantes. O Acesso à Informação garante o direito do cidadão de conhecer e fiscalizar as ações do poder legislativo, promovendo a accountability e fortalecendo a democracia. Com essa iniciativa, a Câmara Legislativa demonstra seu compromisso com a transparência e a prestação de contas, permitindo que os cidadãos se mantenham informados e participem de forma ativa no processo legislativo.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
<div class="flex-1 w-1/4 flex flex-row sm:flex-col items-center gap-y-7">
<a text="Lista de componentes" href="/fale-com-parlamentar/" >
<button data-tooltip-target="tooltip_fale_parlamentar" data-tooltip-placement="bottom" type="button" class="icon-banner mr-3 sm:mr-0 mb-0">
<i class="fa-duotone fa-user-tie"></i>
</button>
</a>
<a href="/fale-com-parlamentar/" class="max-w-full xl:max-w-[140px] h-sm:sm:hidden h-md:block">
<span class="text-white lg:text-primary-600 text-left xl:text-center">
Fale com parlamentar
</span>
</a>
</div>
<div id="tooltip_fale_parlamentar" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 botton w-[1200px]">
Fale com Parlamentar é uma funcionalidade essencial presente no site institucional da Câmara Legislativa, que permite aos cidadãos entrar em contato diretamente com os parlamentares. Essa ferramenta facilita a comunicação e a troca de informações entre os representantes eleitos e seus eleitores, proporcionando um canal de diálogo aberto e acessível. Através do Fale com Parlamentar, os cidadãos podem expressar suas opiniões, fazer questionamentos, apresentar sugestões ou até mesmo solicitar reuniões com os parlamentares. Essa interação fortalece a participação cidadã, permitindo que as vozes dos eleitores sejam ouvidas e consideradas no processo legislativo. É uma forma eficiente e democrática de aproximar os parlamentares dos anseios e demandas da população, promovendo a representatividade e a transparência na tomada de decisões.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</div>
</div>
</div>
<main
>
<div class="certidao-tce">
<a href="https://intellgest-sigl-media.s3.amazonaws.com/media/arquivos/portal/c2da31e1-0c4d-4c3c-af8d-1d5098f97900.pdf" target="_blank">
<img src="/static/novo_portal_static/img/certidao_tce.png"
alt="Certidão de Transparência da Gestão Fiscal TCE Ceará">
</a>
</div>
<section class="w-full bg-primary-100" id="anchor-noticias">
<div class="container py-10 grid grid-cols-1 xl:grid-cols-3 gap-5">
<h3 class="col-span-1 xl:col-span-3 titulo-acesso-rapido uppercase">
Notícias
</h3>
<div id="owl-carousel-noticias-destaques" class="col-span-2 owl-carousel">
<div class="bg-cover bg-center bg-no-repeat rounded img-fluid
h-96 flex flex-col" alt="Aconteceu no dia 24 de Maio comandada pelo Presidente Maike e as vereadoras Marrinha, Silvinha e Dorinha a apresentação da plataforma digital que vai dinamizar, acelerar e facilitar o acesso às denuncias contra os direitos violados do direito da Mulher. Vale salientar que a plataforma já vai facilitar para os diversos serviços para ajudar a mulher na situação de vulnerabilidade.
Câmara Municipal de Frecheirinha à serviço do bem-estar das mulheres do nosso município.
Plataforma desenvolvida pela @intgest"
style="background-image: url('https://intellgest-sigl-media.s3.amazonaws.com/media/noticias/DSC_0231.JPG.600x400_q85_box-0%2C302%2C6016%2C3693.jpg')">
<div class="flex flex-row flex-auto justify-between items-center">
<div class="pl-4 text-gray-600 hover:text-white">
<button onclick="
let owlPrev = $('#owl-carousel-noticias-destaques');
owlPrev.trigger('prev.owl.carousel');
">
<i class="fa-duotone fa-angle-left text-6xl"></i>
</button>
</div>
<div class="pr-4 text-gray-600 hover:text-white">
<button onclick="
let owlNext = $('#owl-carousel-noticias-destaques');
owlNext.trigger('next.owl.carousel');
">
<i class="fa-duotone fa-angle-right text-6xl"></i>
</button>
</div>
</div>
<a class="h-20 backdrop-brightness-50 flex flex-row
justify-between items-center gap-3 text-white"
href="
/detalhe-noticia/158
">
<div class="pl-4">
<div class="rounded-md border-white border text-center">
<div class="min-w-[41px] text-xs bg-white text-gray-light font-semibold rounded-t-sm">Mai</div>
<div class="text-base text-white font-bold px-2.5 py-0.5">24</div>
</div>
</div>
<div class="w-[80%] text-white text-lg">
<span class="block xl:hidden">
Apresentação Plataforma Digital Procuradoria da Mulher
</span>
<span class="hidden xl:block">
Apresentação Plataforma Digital Procuradoria da Mulher
</span>
</div>
<div class="w-[15%] xl:flex flex-col items-end pr-4 hidden">
<div class="flex flex-row items-center">
<i class="fa-duotone fa-calendar-day"></i>
<span class="ml-2 text-sm texto-info text-white font-medium">24/05/2023</span>
</div>
<div class="flex flex-row items-center font-medium">
<i class="fa-duotone fa-eye"></i>
<span class="ml-2 text-sm">100</span>
</div>
</div>
</a>
</div>
</div>
<div class="col-span-1">
<ul class="flex flex-col gap-y-2 3xl:gap-y-5">
<li>
<a href="
/detalhe-noticia/164
">
<button class="flex gap-x-4 items-center justify-start">
<div>
<div class="rounded-md border-secondary border text-center">
<div class="min-w-[41px] text-xs bg-secondary text-white font-semibold rounded-t-sm">Set</div>
<div class="text-base text-primary-900 font-bold px-2.5 py-0.5">01</div>
</div>
</div>
<p class="flex-1 text-primary-500 text-left">
Acompanhe o resumo da 13ª Sessão Ordinária da 3ª Sessão Legislativa da ...
</p>
</button>
</a>
</li>
<li>
<a href="
/detalhe-noticia/163
">
<button class="flex gap-x-4 items-center justify-start">
<div>
<div class="rounded-md border-secondary border text-center">
<div class="min-w-[41px] text-xs bg-secondary text-white font-semibold rounded-t-sm">Ago</div>
<div class="text-base text-primary-900 font-bold px-2.5 py-0.5">18</div>
</div>
</div>
<p class="flex-1 text-primary-500 text-left">
Acompanhe o resumo da 12ª Sessão Ordinária da 3ª Sessão Legislativa da ...
</p>
</button>
</a>
</li>
<li>
<a href="
/detalhe-noticia/161
">
<button class="flex gap-x-4 items-center justify-start">
<div>
<div class="rounded-md border-secondary border text-center">
<div class="min-w-[41px] text-xs bg-secondary text-white font-semibold rounded-t-sm">Jun</div>
<div class="text-base text-primary-900 font-bold px-2.5 py-0.5">29</div>
</div>
</div>
<p class="flex-1 text-primary-500 text-left">
Acompanhe o resumo da 5ª Sessão Extraordinária do 1º Período da 3ª Sess...
</p>
</button>
</a>
</li>
<li>
<a href="
/detalhe-noticia/160
">
<button class="flex gap-x-4 items-center justify-start">
<div>
<div class="rounded-md border-secondary border text-center">
<div class="min-w-[41px] text-xs bg-secondary text-white font-semibold rounded-t-sm">Jun</div>
<div class="text-base text-primary-900 font-bold px-2.5 py-0.5">28</div>
</div>
</div>
<p class="flex-1 text-primary-500 text-left">
Acompanhe o resumo da 4ª Sessão Extraordinária do 1º Período da 3ª Sess...
</p>
</button>
</a>
</li>
<li>
<a href="
/detalhe-noticia/159
">
<button class="flex gap-x-4 items-center justify-start">
<div>
<div class="rounded-md border-secondary border text-center">
<div class="min-w-[41px] text-xs bg-secondary text-white font-semibold rounded-t-sm">Jun</div>
<div class="text-base text-primary-900 font-bold px-2.5 py-0.5">28</div>
</div>
</div>
<p class="flex-1 text-primary-500 text-left">
Acompanhe o resumo da 4ª Sessão Extraordinária do 1º Período da 3ª Sess...
</p>
</button>
</a>
</li>
</ul>
<p class="text-left mt-10">
<a href="/listagem_noticias/" class="opcao-ver-mais text-medium">> ver todas as notícias</a>
</p>
</div>
</div>
</section>
<section class="container font-sans text-gray-700 news-section py-10" id="anchor-proposicoes">
<h2 class="titulo-acesso-rapido uppercase pb-10">Últimas Proposições</h2>
<ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
<li class="flex flex-col mr-6 pb-10 lg:pb-0">
<div class="flex flex-row justify-center gap-x-4 items-start">
<div class="flex-shrink-0">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/autor/None/foto_g0fElOP.jpg"
class="shrink-0 rounded-full w-24 h-24 lg:w-36 lg:h-36 object-cover object-top shadow-lg"
alt="HELTON LUIS AGUIAR JUNIOR">
</div>
<div class="">
<div class="flex flex-row justify-between items-center">
<p class="font-bold text-primary-900">
<a href="/atividade-legislativa/materias-legislativas/materia-legislativa/181/detalhe/" class="text-xs 2xl:text-xs">
PLOE Nº 14/2023
</a>
</p>
<p class="texto-info pl-3 text-xs 2xl:text-sm">
<i class="fa-regular fa-calendar-day text-gray-light"></i>
15/09/2023
</p>
</div>
<p class="text-sm mb-6 w-52 lg-w-0 uppercase">
AUTORIZA O PAGAMENTO DE COMPLEMENTO SALARIAL AOS SERVIDORES MUNICIPAIS OCUPANTES DO CARGO …
</p>
<a href="/atividade-legislativa/materias-legislativas/materia-legislativa/181/detalhe/" class="opcao-ver-mais">> ver mais</a>
</div>
</div>
</li>
<li class="flex flex-col mr-6 pb-10 lg:pb-0">
<div class="flex flex-row justify-center gap-x-4 items-start">
<div class="flex-shrink-0">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/9/vicente.jpg.150x190_q85_box-9%2C0%2C345%2C472_crop_detail.jpg"
class="shrink-0 rounded-full w-24 h-24 lg:w-36 lg:h-36 object-cover object-top shadow-lg"
alt="VICENTE GAVIÃO">
</div>
<div class="">
<div class="flex flex-row justify-between items-center">
<p class="font-bold text-primary-900">
<a href="/atividade-legislativa/materias-legislativas/materia-legislativa/178/detalhe/" class="text-xs 2xl:text-xs">
IND Nº 2/2023
</a>
</p>
<p class="texto-info pl-3 text-xs 2xl:text-sm">
<i class="fa-regular fa-calendar-day text-gray-light"></i>
14/09/2023
</p>
</div>
<p class="text-sm mb-6 w-52 lg-w-0 uppercase">
INDICA AO PODER EXECUTIVO MUNICIPAL A RESTRUTURAÇÃO DO CANAL DE ESGOTO DA …
</p>
<a href="/atividade-legislativa/materias-legislativas/materia-legislativa/178/detalhe/" class="opcao-ver-mais">> ver mais</a>
</div>
</div>
</li>
<li class="flex flex-col pb-10 lg:pb-0">
<div class="flex flex-row justify-center gap-x-4 items-start">
<div class="flex-shrink-0">
<img src="https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/parlamentar/9/vicente.jpg.150x190_q85_box-9%2C0%2C345%2C472_crop_detail.jpg"
class="shrink-0 rounded-full w-24 h-24 lg:w-36 lg:h-36 object-cover object-top shadow-lg"
alt="VICENTE GAVIÃO">
</div>
<div class="">
<div class="flex flex-row justify-between items-center">
<p class="font-bold text-primary-900">
<a href="/atividade-legislativa/materias-legislativas/materia-legislativa/179/detalhe/" class="text-xs 2xl:text-xs">
IND Nº 3/2023
</a>
</p>
<p class="texto-info pl-3 text-xs 2xl:text-sm">
<i class="fa-regular fa-calendar-day text-gray-light"></i>
14/09/2023
</p>
</div>
<p class="text-sm mb-6 w-52 lg-w-0 uppercase">
INDICA AO PODER EXECUTIVO MUNICIPAL A EXECUÇÃO DOS SERVIÇOS DE TERRA PLANAGEM …
</p>
<a href="/atividade-legislativa/materias-legislativas/materia-legislativa/179/detalhe/" class="opcao-ver-mais">> ver mais</a>
</div>
</div>
</li>
</ul>
<p class="text-sm text-center mt-10">
<a href="/atividade-legislativa/proposicoes/proposicoes/" class="opcao-ver-mais">> ver todas as proposições</a>
</p>
</section>
<section class="ultimos-videos">
<div class="sub-container">
<p class="titulo-acesso-rapido text-white uppercase mb-10">
Últimos Vídeos
</p>
<div class="grid-box items-1 has-extra">
<div class="video-box">
<iframe title="" class="card-img-top"
src="https://www.youtube.com/embed/RkC_4vuUHmI" allow="autoplay; encrypted-media"
style="border: 0px; height: 100%; width: 100%;" allowfullscreen></iframe>
</div>
<div class="extra-content">
<div class="bg-white py-2 px-3">
<p class="text-xl pb-4 text-primary-900">AGENDA</p>
<ul class="flex flex-col gap-y-2">
<li>
<button onclick="clickItemAgenda('3')"
class="flex gap-x-4 items-center justify-start"
data-toggle="modal" data-target="#modal-agenda">
<div>
<div class="rounded-md border-secondary border text-center">
<div class="min-w-[41px] text-xs bg-secondary text-white font-semibold rounded-t-sm">Jun</div>
<div class="text-base text-primary-900 font-bold px-2.5 py-0.5">30</div>
</div>
</div>
<h4 class="flex-1 text-primary-500 text-left">
11ª SESSÃO ORDINÁRIA DA 3ª SESS...
</h4>
</button>
</li>
<li>
<button onclick="clickItemAgenda('2')"
class="flex gap-x-4 items-center justify-start"
data-toggle="modal" data-target="#modal-agenda">
<div>
<div class="rounded-md border-secondary border text-center">
<div class="min-w-[41px] text-xs bg-secondary text-white font-semibold rounded-t-sm">Jun</div>
<div class="text-base text-primary-900 font-bold px-2.5 py-0.5">16</div>
</div>
</div>
<h4 class="flex-1 text-primary-500 text-left">
10ª SESSÃO ORDINÁRIA DA 3ª SESS...
</h4>
</button>
</li>
<li>
<button onclick="clickItemAgenda('4')"
class="flex gap-x-4 items-center justify-start"
data-toggle="modal" data-target="#modal-agenda">
<div>
<div class="rounded-md border-secondary border text-center">
<div class="min-w-[41px] text-xs bg-secondary text-white font-semibold rounded-t-sm">Jun</div>
<div class="text-base text-primary-900 font-bold px-2.5 py-0.5">09</div>
</div>
</div>
<h4 class="flex-1 text-primary-500 text-left">
SESSÃO EXTRAORDINÁRIA DA 3ª SES...
</h4>
</button>
</li>
<li>
<button onclick="clickItemAgenda('1')"
class="flex gap-x-4 items-center justify-start"
data-toggle="modal" data-target="#modal-agenda">
<div>
<div class="rounded-md border-secondary border text-center">
<div class="min-w-[41px] text-xs bg-secondary text-white font-semibold rounded-t-sm">Jun</div>
<div class="text-base text-primary-900 font-bold px-2.5 py-0.5">02</div>
</div>
</div>
<h4 class="flex-1 text-primary-500 text-left">
9ª SESSÃO ORDINÁRIA DA 3ª SESSÃ...
</h4>
</button>
</li>
</ul>
<div id="modal-agenda"
class="modal fade fixed z-10 inset-0 overflow-y-auto" aria-labelledby="modal-title"
role="dialog" aria-modal="true">
<div class="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:p-0">
<div class="bg-overlay fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true"></div>
<!-- This element is to trick the browser into centering the modal contents. -->
<span class="hidden h-screen" aria-hidden="true">​</span>
<div
class="modal-box relative bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-lg sm:w-full">
<div data-dismiss="modal"
class="absolute top-0 right-0 text-4xl pr-4 cursor-pointer">
×
</div>
<div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
<div class="font-medium text-sm" style="color: #999;">
<div class="text-center sm:text-left">
<h1 class="titulo-base pb-8 uppercase">
Agenda
</h1>
<div>
<div class="modal-agenda">
<div class="content grid grid-cols-2 font-normal gap-3">
<div class="col-span-2">
<h1 class="text-xl text-primary-900 font-medium">AGENDA</h1>
</div>
<div class="col-span-2">
<p id="label-descricao" class="font-medium"></p>
</div>
<div class="col-span-2 lg:col-span-1">
<span id="label-local"></span>
</div>
<div class="col-span-2 lg:col-span-1">
<span id="label-data"></span> - <span id="label-hora"></span>
</div>
<div class="col-span-2">
<p id="label-observacao"></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse gap-x-4">
<button class="flex items-center bg-primary-600 px-3 py-2 rounded-md text-white font-medium hover:bg-primary-900"
data-dismiss="modal">
Fechar
<i class="fa-duotone fa-circle-xmark text-lg text-white ml-2"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex justify-between h-full mt-10">
<a href="/tv-camara/"
class="texto-semibold text-white hover:text-gray-400">> ver tv câmara</a>
<a href="/institucional/agenda/"
class="texto-semibold text-white hover:text-gray-400">> ver agenda completa</a>
</div>
</div>
</section>
<section class="w-full bg-primary-100" id="anchor-transparencia">
<div class="container font-sans mx-auto grid text-gray-light py-10">
<p class="titulo-acesso-rapido mb-8 uppercase">Transparência</p>
<ul class="transparencia-grid-list grid grid-col-1 sm:grid-cols-2 lg:grid-cols-6 gap-0.5">
<!-- Itens de transparencia para camara de Apodi -->
<!-- Lista de itens de transparencia -->
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/transparencia/transparencia-administrativa/rgf/" class="px-3"
data-tooltip-target="tooltip_relatorio_gestao_fiscal" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-chart-pie"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/transparencia/transparencia-administrativa/rgf/">Relatório de Gestão Fiscal</a>
</span>
<div id="tooltip_relatorio_gestao_fiscal" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
O Relatório de Gestão Fiscal é um documento que apresenta informações detalhadas sobre a situação financeira de uma Câmara Municipal. Ele engloba dados sobre receitas, despesas, limites legais e indicadores de desempenho financeiro. Esse relatório é fundamental para promover transparência e controle na gestão dos recursos públicos, permitindo que gestores e cidadãos acompanhem e avaliem a utilização dos recursos, garantindo o cumprimento da responsabilidade fiscal.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/transparencia/transparencia-administrativa/atos/" class="px-3"
data-tooltip-target="tooltip_atos_administrativo" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-gears"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/transparencia/transparencia-administrativa/atos/">Atos Administrativos</a>
</span>
<div id="tooltip_atos_administrativo" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
Os Atos Administrativos são ações tomadas pela Câmara Municipal que possuem efeitos jurídicos e impactam o funcionamento do órgão legislativo. Eles englobam decisões, deliberações, regulamentações e outros atos que afetam direitos e deveres dos cidadãos, servidores e demais partes envolvidas. Esses atos podem incluir a aprovação de leis, resoluções, portarias, ordens de serviço e demais instrumentos normativos. Os Atos Administrativos são fundamentais para o bom andamento das atividades legislativas e garantem a eficiência e a legalidade dos processos na Câmara Municipal.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/transparencia/transparencia-administrativa/prestacao-contas-gestao/" class="px-3"
data-tooltip-target="tooltip_contas_gestao" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-clipboard-list-check"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/transparencia/transparencia-administrativa/prestacao-contas-gestao/">Contas da Gestão</a>
</span>
<div id="tooltip_contas_gestao" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
As Contas da Gestão são um conjunto de informações e demonstrativos financeiros que apresentam a situação contábil e fiscal de uma Câmara Municipal em determinado período. Essas contas englobam receitas, despesas, patrimônio, obrigações e demais elementos financeiros relevantes. O objetivo das Contas da Gestão é permitir a análise e o controle das atividades financeiras e contábeis da câmara, garantindo a transparência e a prestação de contas aos órgãos fiscalizadores e à sociedade em geral. Essas informações são essenciais para avaliar a eficiência da gestão dos recursos públicos, bem como para identificar eventuais irregularidades ou desvios, garantindo a correta aplicação dos recursos e o cumprimento dos princípios da administração pública.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/transparencia/transparencia-administrativa/diarias/" class="px-3"
data-tooltip-target="tooltip_diarias" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-calendar-days"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/transparencia/transparencia-administrativa/diarias/">Diárias</a>
</span>
<div id="tooltip_diarias" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
Diárias são valores pagos pela Câmara Municipal a seus servidores ou vereadores quando estes se deslocam a serviço, seja em viagens a trabalho, participação em eventos ou representação do órgão legislativo em outras localidades. Essas diárias têm o objetivo de cobrir os gastos com hospedagem, alimentação e deslocamento durante o período de afastamento da cidade de origem. O pagamento de diárias segue critérios previamente estabelecidos, como a comprovação da necessidade e a observância dos limites legais, buscando garantir a utilização adequada dos recursos públicos. As diárias são uma ferramenta importante para viabilizar as atividades da Câmara Municipal fora de sua sede, possibilitando a representação e o cumprimento de compromissos institucionais de forma eficiente e transparente. 8h37
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href=" /institucional/legislacao/?esfera_federacao=M " class="px-3"
data-tooltip-target="tooltip_leis_municipais" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-scale-balanced"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href=" /institucional/legislacao/?esfera_federacao=M ">Leis Municipais</a>
</span>
<div id="tooltip_leis_municipais" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
As Leis Municipais são normas jurídicas de âmbito local que são elaboradas e aprovadas pela Câmara Municipal. Essas leis têm o objetivo de regulamentar questões específicas relacionadas ao município, abrangendo temas como tributação, ordenamento urbano, serviços públicos, educação, saúde, meio ambiente, entre outros. A Câmara Municipal é responsável por discutir e votar as propostas de lei apresentadas pelos vereadores, assegurando a participação democrática e representativa no processo legislativo. A elaboração e aprovação das Leis Municipais seguem os trâmites estabelecidos pela legislação, garantindo a transparência, a legalidade e a efetividade das normas que serão aplicadas no âmbito do município. As Leis Municipais desempenham um papel fundamental na organização e na gestão do município, estabelecendo direitos e deveres dos cidadãos, definindo as políticas públicas locais e regulamentando a atuação dos órgãos municipais. Essas leis são fundamentais para o desenvolvimento, o bem-estar e a qualidade de vida da comunidade, contribuindo para a promoção do interesse público e a melhoria das condições de vida no âmbito municipal.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/transparencia/transparencia-administrativa/transparencia-sistemas/" class="px-3" target="_blank"
data-tooltip-target="tooltip_sistemas" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-clipboard-list-check"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/transparencia/transparencia-administrativa/transparencia-sistemas/">Sistemas</a>
</span>
<div id="tooltip_sistemas" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
Os Sistemas são ferramentas tecnológicas utilizadas pela Câmara Municipal para facilitar e otimizar os processos internos e o gerenciamento das informações. Esses sistemas são desenvolvidos especificamente para atender às necessidades do órgão legislativo, proporcionando maior eficiência, transparência e controle das atividades. Os Sistemas utilizados pela Câmara Municipal podem abranger diferentes áreas, como gestão financeira, controle de pessoal, protocolo, legislação, transparência, entre outros. Eles permitem o registro, o armazenamento e o acesso seguro às informações, facilitando a consulta e a tomada de decisões por parte dos gestores e servidores. Com a utilização dos Sistemas, é possível agilizar processos, reduzir erros e retrabalhos, além de possibilitar a geração de relatórios e indicadores para o acompanhamento e a avaliação das atividades. Essas ferramentas também promovem a integração entre diferentes setores da Câmara Municipal, facilitando a comunicação e a colaboração entre equipes. A adoção de Sistemas adequados e atualizados é fundamental para modernizar a gestão da Câmara Municipal, garantir a segurança das informações e promover a transparência na administração pública. Essas ferramentas contribuem para a otimização dos recursos, a melhoria dos serviços prestados à população e o fortalecimento da accountability do órgão legislativo.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="https://radar.tce.mt.gov.br/extensions/radar-da-transparencia-publica/panel.html" class="px-3" target="_blank"
data-tooltip-target="tooltip_radar_transparencia" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-radar"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="https://radar.tce.mt.gov.br/extensions/radar-da-transparencia-publica/panel.html">Radar de Transparência Pública</a>
</span>
<div id="tooltip_radar_transparencia" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
O Radar de Transparência Pública é uma ferramenta essencial para promover a transparência e o acesso à informação governamental. Ele serve como um mecanismo de monitoramento e avaliação da disponibilidade e qualidade dos dados e informações públicas disponibilizadas pelos órgãos governamentais. Essa ferramenta visa aumentar a prestação de contas do governo perante a sociedade, permitindo que os cidadãos tenham acesso a informações relevantes sobre a gestão pública, os gastos governamentais, os projetos em andamento, entre outros dados de interesse público. Essa ferramenta pode ser utilizada por diversos atores, como a imprensa, organizações da sociedade civil, pesquisadores e cidadãos comuns. Ao oferecer informações claras e acessíveis, o Radar de Transparência Pública empodera os cidadãos, permitindo que exerçam seu papel de fiscalizadores das ações do governo e de agentes ativos na construção de uma administração pública mais responsável e eficiente. Além disso, essa ferramenta possibilita a comparação entre diferentes órgãos e governos, promovendo a disseminação de boas práticas de transparência e governança. A partir da análise das informações disponibilizadas, é possível identificar exemplos positivos que podem ser replicados em outras esferas governamentais, aprimorando a transparência em todo o país. O Radar de Transparência Pública é uma poderosa ferramenta para fortalecer a transparência, a prestação de contas e o controle social no âmbito governamental. Ao incentivar a divulgação de informações e estimular o aprimoramento das práticas de transparência, essa ferramenta contribui para uma gestão pública mais responsável, eficiente e alinhada com as demandas e interesses da sociedade.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/transparencia/transparencia-administrativa/ppa/" class="px-3"
data-tooltip-target="tooltip_plano_plurianual" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-file-lines"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/transparencia/transparencia-administrativa/ppa/">Plano Plurianual (PPA)</a>
</span>
<div id="tooltip_plano_plurianual" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
O Plano Plurianual (PPA) é um importante instrumento de planejamento governamental que tem como função definir as diretrizes, objetivos e metas para um período de quatro anos. Ele serve como um guia estratégico para o governo, estabelecendo as prioridades e as políticas públicas que serão implementadas ao longo desse período. O PPA é elaborado com base em diagnósticos da situação atual do país e em um amplo processo de participação da sociedade, buscando ouvir as demandas e necessidades dos cidadãos. Ele abrange todas as áreas de atuação do governo, como educação, saúde, segurança, infraestrutura, meio ambiente, entre outras, de forma a garantir uma visão holística e integrada das ações governamentais. Outro aspecto relevante é que o PPA possibilita a integração entre os diferentes níveis de governo, permitindo uma articulação mais eficiente entre a União, estados e municípios. Isso contribui para a otimização dos recursos e a cooperação na execução de projetos e programas de interesse comum. O Plano Plurianual é um instrumento essencial para o planejamento estratégico do governo, orientando suas ações e investimentos ao longo de um período de quatro anos. Ele assegura a coerência, a transparência e a prestação de contas na gestão pública, além de promover a participação da sociedade no processo de definição das políticas públicas. Com o PPA, busca-se alcançar um desenvolvimento mais sustentável e equitativo, atendendo às demandas e anseios da população e promovendo o bem-estar social e econômico do país.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/transparencia/transparencia-administrativa/loa/" class="px-3"
data-tooltip-target="tooltip_lei_orcamentaria" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-circle-dollar"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/transparencia/transparencia-administrativa/loa/">Lei Orçamentária Anual (LOA)</a>
</span>
<div id="tooltip_lei_orcamentaria" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
A Lei Orçamentária Anual (LOA) desempenha um papel crucial na administração pública, pois é ela que estabelece o orçamento para o próximo ano fiscal. Essa lei tem como objetivo principal autorizar as despesas e fixar as receitas que o governo poderá utilizar para a execução de suas atividades e programas. Além disso, a LOA é um instrumento fundamental para o controle fiscal, pois estabelece os limites de gastos, evitando o desequilíbrio nas contas públicas e contribuindo para o cumprimento das metas fiscais definidas na LDO. Lei Orçamentária Anual é a peça-chave para a execução do planejamento financeiro do governo, definindo como os recursos serão arrecadados e utilizados para o benefício da sociedade. Sua elaboração participativa e a aplicação rigorosa são essenciais para a boa gestão pública e a busca pelo desenvolvimento sustentável do país.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/transparencia/transparencia-administrativa/ldo/" class="px-3"
data-tooltip-target="tooltip_lei_diretrizes" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-ballot-check"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/transparencia/transparencia-administrativa/ldo/">Lei de Diretrizes Orçamentárias (LDO)</a>
</span>
<div id="tooltip_lei_diretrizes" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
A Lei de Diretrizes Orçamentárias (LDO) tem como função primordial orientar a elaboração do orçamento público, estabelecendo as metas e prioridades para o próximo ano fiscal. Serve como elo entre o Plano Plurianual (PPA) e a Lei Orçamentária Anual (LOA), garantindo coerência e alinhamento entre as políticas de governo e o planejamento financeiro. A LDO define limites para as despesas, estabelece metas fiscais, diretrizes para a execução de programas e ações governamentais, além de nortear a alocação de recursos entre os diferentes setores da administração pública. Através da LDO, busca-se assegurar a responsabilidade fiscal, o equilíbrio entre receitas e despesas, o controle das finanças públicas e a transparência na gestão do dinheiro arrecadado dos cidadãos. Sua elaboração é um processo participativo, envolvendo órgãos e setores da sociedade, visando a construção de um orçamento que atenda às demandas da população e promova o desenvolvimento sustentável do país.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/institucional/obras-publicas/" class="px-3"
data-tooltip-target="tooltip_obras" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-traffic-cone"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/institucional/obras-publicas/">Obras</a>
</span>
<div id="tooltip_obras" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
Obras, sejam elas de engenharia, arte ou literatura, desempenham papéis cruciais em nossa sociedade. Elas têm como propósito principal expressar criatividade, conhecimento e habilidades humanas, enriquecendo nossa cultura, história e avanço tecnológico. As obras de engenharia, como construções e infraestruturas, proporcionam estruturas essenciais para a vida cotidiana, como casas, estradas e pontes, melhorando a mobilidade e a qualidade de vida. Obras artísticas, como pinturas, esculturas e música, elevam nossas emoções e nos conectam ao mundo das ideias e das emoções humanas, permitindo-nos refletir, inspirar e compartilhar valores e experiências. Obras literárias, por sua vez, são fontes preciosas de conhecimento, imaginação e aprendizado. Elas nos transportam para outros lugares e épocas, proporcionam insights sobre a natureza humana e ajudam a moldar nossa identidade como sociedade. As obras também podem servir como ferramentas de crítica social, questionando normas, valores e sistemas, impulsionando mudanças e evolução. Em suma, as obras têm o poder de nos emocionar, instruir, inovar e inspirar, contribuindo significativamente para a evolução da humanidade e a construção de um mundo mais rico culturalmente e tecnicamente avançado.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/institucional/concursos-editais/" class="px-3"
data-tooltip-target="tooltip_concursos_editais" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-folder-grid"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/institucional/concursos-editais/">Concursos e Editais</a>
</span>
<div id="tooltip_concursos_editais" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
Concursos e Editais são mecanismos fundamentais para selecionar candidatos de forma transparente e imparcial em diversas áreas. Concursos públicos têm como objetivo preencher vagas em cargos do serviço público, como órgãos governamentais, autarquias e empresas estatais. Já os Editais são instrumentos de convocação e divulgação que estabelecem todas as regras e requisitos para participar de processos seletivos, como bolsas de estudo, projetos de pesquisa, financiamentos, entre outros. Concursos e Editais desempenham um papel fundamental na construção de uma sociedade mais justa e eficiente. Eles asseguram que os cargos públicos sejam ocupados por profissionais competentes, enquanto abrem oportunidades para projetos e iniciativas que contribuam para o desenvolvimento e o bem-estar da população. Seu funcionamento transparente e baseado em critérios objetivos reforça a confiança dos cidadãos nas instituições e nas oportunidades oferecidas em diversos segmentos da sociedade.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/contratos-licitacoes/" class="px-3"
data-tooltip-target="tooltip_contratos_licitacoes" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-file-signature"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/contratos-licitacoes/">Contratos Licitacoes</a>
</span>
<div id="tooltip_contratos_licitacoes" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
Contratos de Licitações são instrumentos legais fundamentais em processos de aquisição de bens e serviços pelo setor público. Servem para formalizar a relação entre a Administração Pública e a empresa ou fornecedor escolhido após um processo licitatório, detalhando as condições, prazos, obrigações e responsabilidades de ambas as partes. Esses contratos visam garantir a transparência, a lisura e a competitividade nas compras governamentais, assegurando que os recursos públicos sejam utilizados de forma eficiente e em conformidade com as leis. Além disso, os contratos de licitação estabelecem cláusulas de fiscalização e penalidades em caso de descumprimento, protegendo o interesse público e buscando a qualidade na prestação dos serviços ou fornecimento dos produtos. Esses contratos são essenciais para promover a igualdade de oportunidades entre os fornecedores, evitando favorecimentos indevidos e assegurando a competição justa entre empresas interessadas em fornecer ao governo. Dessa forma, os contratos de licitações contribuem para a transparência, a eficiência e a eficácia das compras públicas, promovendo uma gestão pública responsável e comprometida com o interesse coletivo.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/lgpd/" class="px-3"
data-tooltip-target="tooltip_lgpd" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-user-lock"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/lgpd/">LGPD</a>
</span>
<div id="tooltip_lgpd" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
A Lei Geral de Proteção de Dados (LGPD) é uma legislação fundamental que visa proteger a privacidade e a segurança dos dados pessoais dos cidadãos. Seu propósito é regulamentar a coleta, o armazenamento, o tratamento e o compartilhamento de informações, estabelecendo princípios claros para as empresas e órgãos públicos. Com a LGPD, os indivíduos ganham mais controle sobre suas informações, podendo consentir ou não com o uso de seus dados. Além disso, a lei estimula a transparência, tornando obrigatória a informação sobre quais dados são coletados, por que razão e como serão utilizados. As organizações precisam se adequar, implementando medidas de segurança e adotando práticas responsáveis para evitar vazamentos e incidentes. A LGPD também define regras para o tratamento de dados de crianças e adolescentes, com mais rigor em casos especiais. As penalidades por descumprimento são severas, podendo resultar em multas significativas e outras sanções. Em resumo, a LGPD protege os direitos dos cidadãos em relação às suas informações, incentivando uma cultura de privacidade e segurança no ambiente digital.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="/termos-politicas-uso-privacidade/" class="px-3"
data-tooltip-target="tooltip_termos_politicas_uso_privacidade" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-file-chart-line"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="/termos-politicas-uso-privacidade/">Termos de Uso e Privacidade </a>
</span>
<div id="tooltip_termos_politicas_uso_privacidade" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
Os Termos de Uso e Privacidade são documentos essenciais que regulam a relação entre uma empresa ou plataforma digital e seus usuários. Os Termos de Uso estabelecem as regras de utilização do serviço, como direitos e deveres das partes, propriedade intelectual e limitações de responsabilidade. Já a Política de Privacidade detalha como os dados pessoais dos usuários são coletados, tratados, armazenados e protegidos, visando garantir a privacidade e a segurança das informações. Esses documentos são cruciais para informar aos usuários sobre como seus dados serão usados e para que servirão, além de oferecer opções para consentimento ou recusa. Ambos contribuem para criar uma relação transparente e confiável entre empresa e usuário, sendo fundamentais para a conformidade legal e o fortalecimento da confiança no ambiente digital
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="https://folha.governotransparente.com.br/230450902/foff" class="px-3"
data-tooltip-target="tooltip_detalhamento_pessoal" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-address-card"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="https://folha.governotransparente.com.br/230450902/foff">Detalhamento Pessoal</a>
</span>
<div id="tooltip_detalhamento_pessoal" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
O Detalhamento Pessoal é um relatório que apresenta informações detalhadas sobre os servidores e funcionários da Câmara Municipal. Esse relatório inclui dados como nome, cargo, remuneração, benefícios, deduções legais, eventuais descontos e demais informações relacionadas à situação funcional de cada colaborador. O objetivo do Detalhamento Pessoal é promover a transparência e o controle dos gastos com pessoal, permitindo que gestores e cidadãos acompanhem e avaliem a distribuição dos recursos destinados aos servidores da Câmara. Além disso, o relatório contribui para o cumprimento das exigências legais e a prestação de contas adequada dos gastos com pessoal, assegurando a conformidade com a legislação vigente e os princípios da administração pública.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<button id="transparencia_receitas" class="px-3" data-toggle="modal" data-target="#modal-link-externo" data-type_link="0"
data-tooltip-target="tooltip_receitas" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-sack-dollar"></i>
</span>
</button>
<span class="texto-acesso-rapido text-primary-500 w-[190px]">
<button data-toggle="modal" data-target="#modal-link-externo" class="uppercase" data-type_link="0">
Receitas (Prev. e Arrec.)
</button>
</span>
<div id="tooltip_receitas" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
As Receitas (Previstas e Arrecadadas) referem-se aos valores financeiros estimados e efetivamente arrecadados pela Câmara Municipal. As Receitas Previstas são aquelas que foram estimadas no orçamento, representando as projeções de entrada de recursos para determinado período. Já as Receitas Arrecadadas são os valores efetivamente recebidos durante esse período. Essas receitas podem incluir recursos provenientes de impostos, taxas, transferências, convênios e outras fontes de financiamento.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<button id="transparencia_despesas" class="px-3" data-toggle="modal" data-target="#modal-link-externo" data-type_link="24"
data-tooltip-target="tooltip_despesas" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-hand-holding-dollar"></i>
</span>
</button>
<span class="texto-acesso-rapido text-primary-500 w-[190px]">
<button data-toggle="modal" data-target="#modal-link-externo" class="uppercase" data-type_link="24">
Despesas (Emp. Liq. e Pag.)
</button>
</span>
<div id="tooltip_despesas" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
As Despesas (Empenho, Liquidação e Pagamento) são etapas do processo de execução financeira da Câmara Municipal. O Empenho ocorre quando é reservado o valor necessário para pagamento de uma despesa específica, ou seja, é o compromisso assumido pela Câmara com o fornecedor ou prestador de serviço. A Liquidação ocorre quando a despesa é devidamente comprovada, verificando-se a entrega do bem, a prestação do serviço ou a execução da obra contratada. Por fim, o Pagamento é a efetivação do valor devido ao fornecedor, após a comprovação da liquidação. Ao registrar e divulgar as Despesas (Empenho, Liquidação e Pagamento), a Câmara Municipal demonstra o compromisso com a prestação de contas à sociedade, permitindo a fiscalização e o controle dos gastos realizados. Além disso, esse monitoramento contribui para o planejamento financeiro, a avaliação do cumprimento das metas e a busca pela eficiência na aplicação dos recursos públicos.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="#" class="px-3" target="_blank"
data-tooltip-target="tooltip_protocolos" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-memo"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="#">Protocolos</a>
</span>
<div id="tooltip_protocolos" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
Os Protocolos são registros utilizados pela Câmara Municipal para receber, controlar e encaminhar documentos, requerimentos, petições e demais solicitações dos cidadãos, entidades ou órgãos externos. Por meio dos Protocolos, é possível organizar e acompanhar o fluxo de entrada e saída de documentos, garantindo a eficiência e a transparência no tratamento das demandas recebidas. Ao realizar um Protocolo, o documento é devidamente registrado, numerado e recebe uma data de entrada. Esse registro permite rastrear o andamento do processo, acompanhar prazos e tomar as devidas providências. Os Protocolos também são responsáveis por garantir o controle e a segurança dos documentos recebidos, evitando extravios ou perdas de informações importantes. A Câmara Municipal deve assegurar que os Protocolos sejam conduzidos de acordo com os procedimentos estabelecidos, respeitando os prazos e prioridades definidos. Além disso, é importante oferecer canais de comunicação eficientes para que os cidadãos possam realizar seus Protocolos de forma ágil e acessível. A utilização adequada dos Protocolos fortalece a transparência, a prestação de contas e a responsabilidade na gestão dos processos da Câmara Municipal. Ao estabelecer uma comunicação clara e organizada, a instituição promove a participação cidadã, possibilitando que os munícipes exerçam seus direitos e acompanhem o trâmite de suas demandas.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="#" class="px-3" target="_blank"
data-tooltip-target="tooltip_plano_anual" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-cart-circle-check pl-1"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="#">Plano de Cont. Anual (PCA)</a>
</span>
<div id="tooltip_plano_anual" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
O Plano de Controle Anual (PCA) é um documento elaborado pela Câmara Municipal que estabelece as diretrizes e os procedimentos para o controle interno das atividades do órgão legislativo. O PCA visa aprimorar a gestão pública, identificar riscos, prevenir irregularidades e promover a transparência e a eficiência na utilização dos recursos. No PCA, são definidas as ações de controle que serão realizadas ao longo do ano, abrangendo áreas como finanças, compras, recursos humanos, contratos, patrimônio e demais processos administrativos. Essas ações podem incluir auditorias, inspeções, revisões de processos, análise de documentos e demais atividades que visem garantir o cumprimento das normas e a adequada aplicação dos recursos públicos. O Plano de Controle Anual é uma ferramenta fundamental para fortalecer a governança e a gestão da Câmara Municipal, permitindo a identificação de falhas e a implementação de melhorias nos processos internos. Além disso, o PCA contribui para o cumprimento das obrigações legais, a prestação de contas e a transparência na gestão dos recursos públicos. Ao seguir o Plano de Controle Anual, a Câmara Municipal demonstra o compromisso com a eficiência e a responsabilidade na administração dos recursos, garantindo a confiança da sociedade e o aprimoramento contínuo das atividades legislativas.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="#" class="px-3"
data-tooltip-target="tooltip_sistemas" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-id-card-clip"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="#">Portal de Serv. ao Cidadão (PSC)</a>
</span>
<div id="tooltip_sistemas" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
Os Sistemas são ferramentas tecnológicas utilizadas pela Câmara Municipal para facilitar e otimizar os processos internos e o gerenciamento das informações. Esses sistemas são desenvolvidos especificamente para atender às necessidades do órgão legislativo, proporcionando maior eficiência, transparência e controle das atividades. Os Sistemas utilizados pela Câmara Municipal podem abranger diferentes áreas, como gestão financeira, controle de pessoal, protocolo, legislação, transparência, entre outros. Eles permitem o registro, o armazenamento e o acesso seguro às informações, facilitando a consulta e a tomada de decisões por parte dos gestores e servidores. Com a utilização dos Sistemas, é possível agilizar processos, reduzir erros e retrabalhos, além de possibilitar a geração de relatórios e indicadores para o acompanhamento e a avaliação das atividades. Essas ferramentas também promovem a integração entre diferentes setores da Câmara Municipal, facilitando a comunicação e a colaboração entre equipes. A adoção de Sistemas adequados e atualizados é fundamental para modernizar a gestão da Câmara Municipal, garantir a segurança das informações e promover a transparência na administração pública. Essas ferramentas contribuem para a otimização dos recursos, a melhoria dos serviços prestados à população e o fortalecimento da accountability do órgão legislativo.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
<!-- Adição verbas indenizatórias em Apodi -->
<!-- Adição livro razao em Carius -->
<li class="flex-row lg:flex-col flex items-center md:py-2 lg:py-0">
<a href="#" class="px-3"
data-tooltip-target="tooltip_contra_cheque" data-tooltip-placement="bottom">
<span class="icon-banner font-bold flex items-center text-primary-500
justify-around hover:text-white text-xl">
<i class="fa-duotone fa-file-invoice-dollar"></i>
</span>
</a>
<span class="texto-acesso-rapido uppercase text-primary-500 w-[190px]">
<a href="#">Contra-cheque</a>
</span>
<div id="tooltip_contra_cheque" role="tooltip"
class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-gray-900 transition-opacity
duration-300 bg-primary-100 rounded-lg shadow-sm opacity-0 tooltip dark:bg-primary-100 bottom w-[1200px]">
O Contracheque é um documento emitido pela Câmara Municipal que contém informações detalhadas sobre a remuneração e os descontos de um servidor ou funcionário. Ele apresenta de forma transparente e organizada os valores referentes ao salário base, benefícios, gratificações, deduções e demais itens que compõem a remuneração mensal. O Contracheque é uma importante ferramenta para garantir a transparência e a prestação de contas na gestão dos recursos públicos. Por meio desse documento, o servidor pode acompanhar e verificar o valor líquido a ser recebido, bem como conferir eventuais descontos e benefícios aplicados. Além disso, o Contracheque também serve como comprovante de rendimentos, sendo necessário para diversas finalidades, como solicitação de empréstimos, declaração de imposto de renda e outras obrigações legais. A Câmara Municipal deve assegurar que os Contracheques sejam emitidos de forma regular e acessível aos servidores, utilizando meios eletrônicos ou físicos, conforme a preferência de cada funcionário. É importante que as informações contidas no Contracheque sejam claras e compreensíveis, facilitando a análise e a verificação dos valores recebidos. A disponibilização do Contracheque reforça a transparência e a valorização dos servidores, permitindo que eles acompanhem e compreendam sua remuneração de maneira clara e objetiva.
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
</li>
</ul>
<div class="text-center mt-10">
<a href="/transparencia/" class="opcao-ver-mais">> ver todas as opções</a>
</div>
</div>
</section>
<section class="container py-10">
<h5 class="titulo-acesso-rapido uppercase mb-10">AVISOS DE LICITAÇÕES</h5>
<div class="flex gap-5 items-center justify-between">
<div class="hidden xl:inline-block">
<button class="text-primary-600 hover:text-primary-900"
onclick="
let owlPrev = $('#owl-carousel-licitacoes');
owlPrev.trigger('prev.owl.carousel');
">
<i class="fa-duotone fa-angle-left text-7xl"></i>
</button>
</div>
<ul id="owl-carousel-licitacoes" class="owl-carousel w-96 md:w-[90%]">
<li class="flex flex-col gap-y-3">
<div class="flex items-center">
<div class="mr-3">
<div class="rounded-md border-secondary border text-center">
<div class="min-w-[41px] text-xs bg-secondary text-white font-semibold rounded-t-sm">ABR</div>
<div class="text-base text-primary-900 font-bold px-2.5 py-0.5">12</div>
</div>
</div>
<div>
<h4 class="texto-negrito text-primary-500">
<a href="/transparencia/transparencia-administrativa/licitacoes/26/detalhe/">
Publicação do edital
</a>
</h4>
<span class="block texto-info">
<!-- Menor Preço -->
MENOR PREÇO
</span>
<span class="block texto-info">
Nº 2023.29.03.1
</span>
</div>
</div>
<p class="texto-info h-38 linhas-limitadas">
Prestação de serviços de assessoria e consultoria na área de recursos humanos para atender as demandas da Câmara Municipal de Frecheirinha
</p>
<p class="texto-semibold">
Abertura em 17 de Abril de 2023
na Câmara Municipal De Frecheirinha
</p>
</li>
<li class="flex flex-col gap-y-3">
<div class="flex items-center">
<div class="mr-3">
<div class="rounded-md border-secondary border text-center">
<div class="min-w-[41px] text-xs bg-secondary text-white font-semibold rounded-t-sm">MAR</div>
<div class="text-base text-primary-900 font-bold px-2.5 py-0.5">27</div>
</div>
</div>
<div>
<h4 class="texto-negrito text-primary-500">
<a href="/transparencia/transparencia-administrativa/licitacoes/23/detalhe/">
Publicação do edital
</a>
</h4>
<span class="block texto-info">
<!-- Menor Preço -->
MENOR PREÇO
</span>
<span class="block texto-info">
Nº 2023.14.03.1
</span>
</div>
</div>
<p class="texto-info h-38 linhas-limitadas">
prestação de serviços técnicos especializados na área de controle interno junto à Câmara Municipal de Frecheirinha
</p>
<p class="texto-semibold">
Abertura em 30 de Março de 2023
na Câmara Municipal De Frecheirinha
</p>
</li>
<li class="flex flex-col gap-y-3">
<div class="flex items-center">
<div class="mr-3">
<div class="rounded-md border-secondary border text-center">
<div class="min-w-[41px] text-xs bg-secondary text-white font-semibold rounded-t-sm">JAN</div>
<div class="text-base text-primary-900 font-bold px-2.5 py-0.5">20</div>
</div>
</div>
<div>
<h4 class="texto-negrito text-primary-500">
<a href="/transparencia/transparencia-administrativa/licitacoes/20/detalhe/">
Publicação do edital
</a>
</h4>
<span class="block texto-info">
<!-- Menor Preço -->
MENOR PREÇO
</span>
<span class="block texto-info">
Nº 2023.06.01.01
</span>
</div>
</div>
<p class="texto-info h-38 linhas-limitadas">
"AQUISIÇÃO DE COMBUSTÍVEIS PARA ABASTECER O(S) VEÍCULOS(S) DA CÂMARA MUNICIPAL DE FRECHEIRINHA"
</p>
<p class="texto-semibold">
Abertura em 20 de Janeiro de 2023
às 08:23
na Câmara Municipal De Frecheirinha
</p>
</li>
</ul>
<div class="hidden xl:inline-block">
<button class="text-primary-600 hover:text-primary-900"
onclick="
let owlNext = $('#owl-carousel-licitacoes');
owlNext.trigger('next.owl.carousel');
">
<i class="fa-duotone fa-angle-right text-7xl"></i>
</button>
</div>
</div>
<div class="text-center mt-10">
<a href="/transparencia/transparencia-administrativa/licitacoes/" class="opcao-ver-mais">> ver todas as licitações</a>
</div>
</section>
<section class="w-full bg-primary-900">
<div class="container font-sans mx-auto grid text-gray-700 py-10">
<p class="text-center text-white uppercase titulo-acesso">
Acesso Rápido
</p>
<ul class="text-left md:text-center text-white grid grid-col-1 sm:grid-cols-1 lg:grid-cols-5 acesso-rapido uppercase">
<li class="flex-row lg:flex-col flex items-center mt-4">
<a href="/atividade-legislativa/proposicoes/proposicoes/" class="pr-3" target="_blank" alt="Atividades Legislativas">
<span class="icon-banner font-bold flex items-center justify-around">
<i class="fa-duotone fa-briefcase"></i>
</span>
</a>
<a href="/atividade-legislativa/proposicoes/proposicoes/" class="" target="_blank">
Atividades Legislativas
</a>
</li>
<li class="flex-row lg:flex-col flex items-center mt-4">
<a href="#" class="pr-3" target="_blank" alt="Protocolos">
<span class="icon-banner font-bold flex items-center justify-around">
<i class="fa-duotone fa-memo"></i>
</span>
</a>
<a href="#" class="" target="_blank">
Protocolos
</a>
</li>
<li class="flex-row lg:flex-col flex items-center mt-4">
<a href="/institucional/cartas-servicos/" class="pr-3" target="_blank" alt="Carta de Serviços">
<span class="icon-banner font-bold flex items-center justify-around">
<i class="fa-duotone fa-book-bookmark"></i>
</span>
</a>
<a href="/institucional/cartas-servicos/" class="" target="_blank">
Carta de Serviços
</a>
</li>
<li class="flex-row lg:flex-col flex items-center mt-4">
<a href="/institucional/faq/" class="pr-3" target="_blank" alt="Perguntas Frequentes">
<span class="icon-banner font-bold flex items-center justify-around">
<i class="fa-duotone fa-messages-question"></i>
</span>
</a>
<a href="/institucional/faq/" class="" target="_blank">
Perguntas Frequentes
</a>
</li>
<li class="flex-row lg:flex-col flex items-center mt-4">
<a href="/parlamentares/" class="pr-3" target="_blank" alt="Parlamentares">
<span class="icon-banner font-bold flex items-center justify-around">
<i class="fa-duotone fa-people-line"></i>
</span>
</a>
<a href="/parlamentares/" class="" target="_blank">
Parlamentares
</a>
</li>
</ul>
</div>
</section>
</main>
<div id="modal-inicial"
class="modal fade fixed z-30 inset-0 overflow-y-auto" aria-labelledby="modal-title"
role="dialog" aria-modal="true">
<div class="flex items-center justify-start lg:justify-center min-h-screen pt-4 pb-20 text-center px-2 md:px-40">
<div class="bg-overlay fixed inset-0 bg-black bg-opacity-75 transition-opacity" aria-hidden="true"></div>
<!-- This element is to trick the browser into centering the modal contents. -->
<span class="hidden h-screen" aria-hidden="true">​</span>
<div
class="modal-box relative bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:min-h-fit z-40">
<div data-dismiss="modal"
class="absolute top-0 right-0 text-4xl pr-4 cursor-pointer">
×
</div>
<div class="bg-white p-2">
<div class="pt-8">
<a href="https://camarafrecheirinha.ce.gov.br/portal-ouvidoria/" target="_blank">
<img class="max-w-sm md:max-w-lg xl:max-w-3xl 2xl:max-w-5xl" src="https://intellgest-sigl-media.s3.amazonaws.com/media/portal_modal/WhatsApp_Image_2023-09-28_at_12.15.47.jpeg" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<!--start:Google map-->
<div id="map-container-google" class="map-container">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7962.469302557004!2d-40.817625!3d-3.759027!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x9a571bd3c426b4dc!2sC%C3%A2mara%20Municipal%20de%20Frecheirinha!5e0!3m2!1spt-BR!2sbr!4v1675175097737!5m2!1spt-BR!2sbr" frameborder="0"
style="border:0; width: 100%; height: 230px;" title="Mapa da cidade" allowfullscreen></iframe>
</div>
<!--end:Google map-->
<div class="border-t-2 cor-barra">
<footer class="container transition duration-500 ease-in-out transform bg-white rounded-lg mt-12">
<div class="flex flex-col flex-wrap p-0 pt-4 mx-auto md:items-center lg:items-start md:flex-row md:flex-no-wrap">
<div class="flex flex-wrap flex-grow mt-4 mb-10 text-left md:mt-0">
<div class="w-full space-y-12 sm:w-2/4 lg:w-1/4 mb-10">
<div class="space-y-6">
<div class="items-center">
<a href="/">
<img src="
https://intellgest-sigl-media.s3.amazonaws.com/media/sigg/public/casa/logotipo/logo_HgWVjsS.png
" width="100" alt="logo_camara">
</a>
</div>
<p class="block text-xl lg:text-xl font-medium tracking-tighter text-primary-900 transition
duration-500 ease-in-out cursor-pointer lg:mr-0 titulo-footer w-64">
<a href="/" class="uppercase break-words">
CÂMARA MUNICIPAL DE FRECHEIRINHA
</a>
</p>
</div>
<div>
<a class="
mr-1
mt-2
block
text-sm text-blueGray-500
transition
duration-500
ease-in-out
transform
rounded-sm
focus:shadow-outline focus:outline-none focus:ring-2
ring-offset-current ring-offset-2
cargo-footer
" >
17ª Legislatura (2021 - 2024) (Atual)
</a>
<a class="
mr-1
mt-2
block
text-sm text-blueGray-500
transition
duration-500
ease-in-out
transform
rounded-sm
focus:shadow-outline focus:outline-none focus:ring-2
ring-offset-current ring-offset-2
cargo-footer
" >
<span class="block leading-6 mt-4 cargo-footer">PRESIDENTE</span> MAIKE PINTO
</a>
<a class="
mr-1
mt-2
block
text-sm text-blueGray-500
transition
duration-500
ease-in-out
transform
rounded-sm
focus:shadow-outline focus:outline-none focus:ring-2
ring-offset-current ring-offset-2
cargo-footer
" >
</a>
</div>
<div>
<h2 class="mb-4 text-xl font-bold tracking-widest text-blue-500 uppercase title-font">Baixe nosso APP</h2>
<p class="mb-8 text-sm font-medium tracking-widest text-gray-light uppercase title-font">Use o qr code para fazer o download na sua loja de aplicativos</p>
<div>
<img src="/static/novo_portal_static/img/qr-code.jpg" alt="QR Code"
width="160">
<div class="mt-3">
<a href="https://play.google.com/store/apps/details?id=br.com.intgest.intgestl" target="_blank">
<img src="/static/novo_portal_static/img/play-store.png" alt="Play Store"
width="150" class="pl-2">
</a>
</div>
<div>
<a href="https://apps.apple.com/br/app/intgest-l/id1539452661" target="_blank">
<img src="/static/novo_portal_static/img/app-store.png" alt="App Store"
width="160">
</a>
</div>
</div>
</div>
</div>
<div class="w-full sm:w-1/4 institucional-footer">
<h2 class="mb-8 text-xs font-bold tracking-widest text-primary-900 uppercase title-font">
Institucional
</h2>
<div>
<nav class="mb-10 space-y-3 list-none itens-institucional">
<ul>
<li>
<a href="/parlamentares/5/perfil/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Presidência
</a>
</li>
</ul>
<ul>
<li>
<a href="/parlamentares/mesa-diretora/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Mesa Diretora
</a>
</li>
</ul>
<ul>
<li>
<a href="/parlamentares/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Parlamentares
</a>
</li>
</ul>
<ul>
<li>
<a href="/institucional/legislacao/" target="_blank"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Legislação
</a>
</li>
</ul>
<ul>
<li>
<a href="/institucional/cartas-servicos/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Carta de serviços
</a>
</li>
</ul>
<ul>
<li>
<a href="/institucional/faq/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Perguntas frequentes
</a>
</li>
</ul>
<ul>
<li>
<a href=""
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
</a>
</li>
</ul>
</nav>
</div>
<div class="institucional-footer">
<h2 class="mb-8 text-xs font-bold tracking-widest text-primary-900 uppercase title-font">
Atividades Legislativas
</h2>
<nav class="mb-10 space-y-3 list-none itens-institucional">
<ul>
<li>
<a href="/atividade-legislativa/comissoes/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Comissões
</a>
</li>
</ul>
<ul>
<li>
<a href="/atividade-legislativa/proposicoes/proposicoes/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Proposições
</a>
</li>
</ul>
<ul>
<li>
<a href="/atividade-legislativa/sessoes/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Sessões Legislativa
</a>
</li>
</ul>
<ul>
<li>
<a href="/atividade-legislativa/processos-legislativos/processos-legislativos/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Processo Legislativo
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="w-full pt-0 sm:w-1/4 institucional-footer">
<h2 class="mb-8 text-xs font-bold tracking-widest text-primary-900 uppercase title-font">
Transparência
</h2>
<nav class="mb-10 space-y-3 list-none itens-institucional">
<ul>
<li>
<a href="/transparencia/transparencia-lei-acesso-informacao/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Lei de Acesso à Informação
</a>
</li>
</ul>
<ul>
<li>
<a href="/inicio-portal-social/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
E-SIC
</a>
</li>
</ul>
<ul>
<li>
<a href="/portal-ouvidoria/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Ouvidoria
</a>
</li>
</ul>
<ul>
<li>
<a href="/transparencia/transparencia-administrativa/rgf/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Relatório de Gestão Fiscal
</a>
</li>
</ul>
<ul>
<li>
<a href="/transparencia/transparencia-administrativa/prestacao-contas-gestao/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Prestação de contas
</a>
</li>
</ul>
<ul>
<li>
<a href="/transparencia/transparencia-administrativa/prestacao-contas-gestao/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Contas da gestão
</a>
</li>
</ul>
<ul>
<li>
<button class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500"
data-toggle="modal" data-target="#modal-link-externo" data-type_link="0">
Receitas
</button>
</li>
</ul>
<ul>
<li>
<button class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500"
data-toggle="modal" data-target="#modal-link-externo" data-type_link="24">
Despesas
</button>
</li>
</ul>
<ul>
<li>
<a href="/transparencia/transparencia-administrativa/diarias/"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Diárias
</a>
</li>
</ul>
<ul>
<li>
<a href="/transparencia/transparencia-administrativa/contratos/" target="_blank"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Contratos
</a>
</li>
</ul>
<ul>
<li>
<a href="/transparencia/transparencia-administrativa/licitacoes/" target="_blank"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Licitações
</a>
</li>
</ul>
</nav>
<div class="institucional-footer">
<h2 class="mb-8 text-xs font-bold tracking-widest text-primary-900 uppercase title-font">
Procuradoria da Mulher
</h2>
<nav class="mb-10 space-y-3 list-none itens-institucional">
<ul>
<li>
<a href="https://mulher.camarafrecheirinha.ce.gov.br" target="_blank"
class="mr-1 text-sm ease-in-out transform rounded-sm focus:shadow-outline focus:outline-none
focus:ring-2 ring-offset-current ring-offset-2 hover:text-primary-500">
Espaço da Mulher
</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="w-full md:pl-0 pt-0 lg:w-1/4 sm:text-right institucional-footer">
<p class="mb-8 text-xs font-bold tracking-widest text-primary-900 uppercase title-font">
Fale Conosco
</p>
<div class="pb-8">
<a href="https://www.facebook.com/profile.php?id=100068953758360" target="_blank"
class="link-light pl-1 ">
<button type="button" class="btn btn-light btn-circle btn-m1">
<i class="fa-brands fa-facebook"></i>
</button>
</a>
<a href="https://www.instagram.com/camarafrecheirinha/" target="_blank"
class="link-light pl-1 ">
<button type="button" class="btn btn-light btn-circle btn-m1">
<i class="fa-brands fa-instagram"></i>
</button>
</a>
<a href="https://www.youtube.com/channel/UCdGlWgZ5LBYObclxKz0lUwA" target="_blank"
class="link-light pl-1 ">
<button type="button" class="btn btn-light btn-circle btn-m1">
<i class="fa-brands fa-youtube"></i>
</button>
</a>
<button type="button" class="btn btn-light btn-circle btn-m1 btn-fale-conosco"
data-toggle="modal" data-target="#modal-fale-conosco">
<i class="fa-solid fa-envelope"></i>
</button>
</div>
<a href="tel:(88) 36551404"
class="text-2xl mt-4 sm:text-right numero-footer text-primary-500">
<span class="text-lg">
(88)
</span>
3655-1404
</a>
<a href="mailto:legislativo@camarafrecheirinha.ce.gov.br" class="text-sm email-footer text-left md:text-right text-primary-500">
<p>legislativo@camarafrecheirinha.ce.gov.br</p>
</a>
<div class="text-sm leading-6 not-italic mt-4 endereco-footer flex flex-col md:items-end">
<p class="w-48">Praça Lauro Portela, S/N - Centro</p>
<p>CEP: 62340-000</p>
</div>
<p class="font-bold leading-6 mt-4 text-primary-900">Horário de Funcionamento</p>
<span class="block text-sm leading-6 numero-footer md:text-right text-left">07:30 ÀS 16:30</span>
</div>
</div>
</div>
<!-- START:FEEDBACK -->
<div class="container border-b text-xs feedback-footer">
<div x-data="{ isUtilOpen: false, sentSatisfaction: false }" class="w-full flex justify-end">
<div id="id-div-pagina-util" :class="isUtilOpen ? 'show' : 'hidden'"
class="rounded-t bg-primary-900 text-white w-11/12 sm:w-4/12 px-3 text-sm absolute bottom-[140px] right-3 md:left-15 z-50">
<div class="grid grid-cols-5 mt-4">
<button id="nota-1" class="flex items-center justify-center
font-semibold text-2xl rounded-full py-2"
onclick="selecionarNota(this, 1)">
<i class="fa-solid fa-face-frown hover:text-red-600 text-white"></i>
</button>
<button id="nota-2" class="flex items-center justify-center
font-semibold text-2xl rounded-full py-2 text-orange-600"
onclick="selecionarNota(this, 2)">
<i class="fa-solid fa-face-frown-slight hover:text-orange-600 text-white"></i>
</button>
<button id="nota-3" class="flex items-center justify-center
font-semibold text-2xl rounded-full py-2"
onclick="selecionarNota(this, 3)">
<i class="fa-solid fa-face-grimace hover:text-yellow-600 text-white"></i>
</button>
<button id="nota-4" class="flex items-center justify-center
font-semibold text-2xl rounded-full py-2"
onclick="selecionarNota(this, 4)">
<i class="fa-solid fa-face-smile hover:text-blue-600 text-white"></i>
</button>
<button id="nota-5" class="flex items-center justify-center
font-semibold text-2xl rounded-full py-2 text-green-600"
onclick="selecionarNota(this, 5)">
<i class="fa-solid fa-face-grin-beam hover:text-green-600 text-white"></i>
</button>
</div>
<label class="mt-4">E-mail:</label>
<input id="input-avaliacao-email" type="text" placeholder="joao@email.com" class=" text-gray-700 border
border-gray-400 p-2 my-2 rounded-md focus:outline-none focus:ring-2 ring-blue-200 " />
<label class="mt-4">Comentário:</label>
<textarea id="input-avaliacao-comentario" placeholder="Critícas, elogios, sugestão, etc."
class="text-gray-700 border w-full
border-gray-400 p-2 my-2 rounded-md focus:outline-none
focus:ring-2 ring-blue-200"></textarea>
<div :class="sentSatisfaction ? 'show' : 'hidden'" class="btn bg-green-100 text-green-900
text-sm rounded-md border border-green-200 inline-block float-left
text-left py-1 px-2" role="alert">
Obrigado <br />
pela participação!
</div>
<div class="flex justify-end flex-wrap mb-4 justify-between">
<a href="/portal-pesquisa-satisfacao/" target="_blank">
<button class="btn bg-white text-primary-900 py-2 px-3
rounded-md hover:bg-primary-900 hover:text-white">
Relatorio de Satisfação
</button>
</a>
<button class="btn bg-white text-primary-900 py-2 px-3
rounded-md hover:bg-primary-900 hover:text-white"
@click="isUtilOpen = enviarAvaliacaoPagina();">
<!-- sentSatisfaction = true -->
enviar
</button>
</div>
</div>
<div @click="isUtilOpen = !isUtilOpen" :class="isUtilOpen ? '' : 'rounded-t'"
class="row justify-betweenflex items-center p-2 cursor-pointer bg-primary-900 text-white w-48 rounded-t py-4 pl-6">
<div>
<i class="fa-regular fa-face-grin-beam ml-1 md:ml-0 mr-4 text-lg"></i>
<p class="">Essa página foi útil?</p>
</div>
</div>
</div>
</div>
<input type="hidden" id="url-feedback" value="/portal/avaliacao-pagina/">
<input type="hidden" id="input-avaliacao-nota">
<!-- END:FEEDBACK -->
<div class="w-full rounded-b-lg bg-blueGray-50">
<div class="flex flex-row flex-wrap py-6 mx-auto justify-between">
<div class="text-left link-site">
<a href="" class="font-medium text-primary-900">camarafrecheirinha.ce.gov.br</a>
<span class="block">CNPJ 02.929.568/0001-17</span>
</div>
<div class="text-right intgest-footer">
© 2023 - <a href="https://intgest.com.br/" target="_blank" class="font-bold">IntGest</a>
<span class="block">Todos os direitos reservados</span>
</div>
</div>
</div>
</footer>
<div id="modal-fale-conosco"
class="modal fade fixed z-10 inset-0 overflow-y-auto" aria-labelledby="modal-title"
role="dialog" aria-modal="true">
<div class="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:p-0">
<div class="bg-overlay fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true"></div>
<!-- This element is to trick the browser into centering the modal contents. -->
<span class="hidden h-screen" aria-hidden="true">​</span>
<div
class="modal-box relative bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-lg sm:w-full">
<div data-dismiss="modal"
class="absolute top-0 right-0 text-4xl pr-4 cursor-pointer">
×
</div>
<div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
<div class="font-medium text-sm" style="color: #999;">
<div class="text-center sm:text-left">
<h1 class="titulo-base pb-8 uppercase">
Fale Conosco
</h1>
<div>
<div class="modal-fale-conosco">
<div class="content grid grid-cols-2 gap-4 font-normal">
<div class="col-span-2">
<p class="text-xl text-primary-900 font-medium">FALE CONOSCO</p>
</div>
<div class="col-span-2 flex flex-col items-start justify-start gap-y-2 w-full">
<label for="input-fale-conosco-nome">Nome</label>
<input type="text" id="input-fale-conosco-nome" class="border p-2 w-full">
</div>
<div class="col-span-2 lg:col-span-1 flex flex-col items-start justify-start gap-y-2 w-full">
<label for="input-fale-conosco-assunto">Assunto</label>
<input type="text" id="input-fale-conosco-assunto" class="border p-2 w-full">
</div>
<div class="col-span-2 lg:col-span-1 flex flex-col items-start justify-start gap-y-2 w-full">
<label for="input-email">E-mail</label>
<input type="email" id="input-fale-conosco-email" placeholder="joao@email.com" class="border p-2 w-full">
</div>
<div class="col-span-2 flex flex-col items-start gap-y-2 w-full">
<label for="input-fale-conosco-conteudo">Conteúdo</label>
<textarea rows="4" cols="50" id="input-fale-conosco-conteudo" class="border p-2 w-full h-[200px]"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse gap-x-4">
<button class="flex items-center bg-red-600 px-3 py-2 rounded-md text-white font-medium hover:bg-red-800"
data-dismiss="modal">
Cancelar
<i class="fa-duotone fa-circle-x text-lg text-white ml-3"></i>
</button>
<button class="flex items-center bg-primary-600 px-3 py-2 rounded-md text-white font-medium hover:bg-primary-900"
onclick="clickEnviarMensagem()">
Enviar
<i class="fa-duotone fa-paper-plane text-lg text-white ml-2"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<input id="url-api-agenda" type="hidden" value="/portal/agenda/101010/">
<div class="fixed left-0 bottom-0 z-40 ">
<!-- Advise -->
<div id="accepty-policy-notification-toast"
class="p-4 fixed left-4 bottom-4 rounded-lg bg-white shadow-2xl w-80 overflow-hidden">
<!-- Text -->
<div class="relative overflow-hidden">
<div class="pb-3">
<p class="texto-pequeno">
Nós usamos cookies para melhorar sua experiência. Ao usar este site e/ou continuar navegando,
você concorda com o uso de cookies de acordo com nossa
<a href="/termos-politicas-uso-privacidade/#politica_de_privacidade"
class="underline text-primary-500">Política de Privacidade</a>
e <a href="/termos-politicas-uso-privacidade/#politica_de_cookies"
class="underline text-primary-500">Política de Cookies</a>.
</p>
</div>
</div>
<!-- Boutons -->
<div class="w-full flex justify-end items-center border-solid border-gray-200">
<button id="accepty-policy-notification-toast-button"
class="botao-ver-mais duration-150">
Ok, entendi
</button>
</div>
</div>
</div>
<div id="portal_interface_api">
<input type="hidden" id="api_transparencia_diarias_graph_data"
value="/api/transparencia/transparencia-administrativa/diarias/graph-data/">
<input type="hidden" id="api_transparencia_atos_data_graph"
value="/api/transparencia/transparencia-administrativa/atos/data-graph/">
<input type="hidden" id="api_parlamentar_materia_legislatura"
value="/api/parlamentares/101010/perfil/materias/data-graph/">
<input type="hidden" id="api_transparencia_pesquisa",
value="/api/transparencia/pesquisa/">
<input type="hidden" id="pesquisa_rapida_index"
value="/api/pesquisa-rapida/">
<input type="hidden" id="processo_legislativo_tramitacao_mail"
value="/api/atividades-legislativas/processos/processo_legislativo/tramitacao/101010/mail/">
<input type="hidden" id="aceitar_politica_privacidade"
value="/api/aceitar-politica-privacidade">
<input type="hidden" id="fale_parlamentar_send_msg_chat"
value="/api/portal/fale-parlamentar/chat/criar/101010/">
<input type="hidden" id="parlamentar_news_letters"
value="/api/parlamentares/101010/perfil/newsletters/news-letters-parlamentar/101010/">
<input type="hidden" id="fale_parlamentar_list_chat"
value="/api/portal/fale-parlamentar/chat/list/101010/">
<script src="/static/js/clients/client_portal.js"></script>
</div>
<!-- start:libraries -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.6.5/flowbite.min.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/js/libs/jquery3.6.1.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/js/libs/chart.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/res/js/owl.carousel.min.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/js/libs/jquery.mask.min.js"></script>
<!-- end:libraries -->
<script type="text/javascript" src="/static/novo_portal_static/js/app.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/pages/index/js/config_carrousel.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/js/pagination.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/js/breadcrumb.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/res/js/toggle-display-text.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/res/js/modal.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/res/js/accepty_policty_cookie.js"></script>
<!-- pusher -->
<script type="text/javascript" src="https://js.pusher.com/7.0.3/pusher.min.js"></script>
<!-- configurações de acessibilidade -->
<script type="text/javascript" src="/static/novo_portal_static/js/accessibility.js"></script>
<script type="text/javascript">
$(function () {
/////// Prevent closing from click inside dropdown
$('#navbar-menu-options > li').on('click' , function (event) {
event.stopPropagation();
});
});
</script>
<script type="text/javascript" src="/static/novo_portal_static/js/modal-fale-conosco.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/js/modernizr-custom.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/js/modal-link-externo.js"></script>
<script>
function getCasaLegislativaData () {
return {
nome: 'CÂMARA MUNICIPAL DE FRECHEIRINHA',
}
}
</script>
<noscript>Your browser does not support JavaScript!</noscript>
<script type="text/javascript" src="/static/novo_portal_static/js/acessibilidade.js"></script>
<script type="text/javascript" src="/static/novo_portal_static/js/feedback.js"></script>
<noscript>Your browser does not support JavaScript!</noscript>
<script src="/static/novo_portal_static/pages/index/js/pesquisa_rapida.js"></script>
<script src="/static/novo_portal_static/js/player-radio-online.js"></script>
<script src="/static/novo_portal_static/js/busca-agenda.js"></script>
<script src="/static/novo_portal_static/js/mobile-virtual-keyboard.js"></script>
<script>
// window.addEventListener("load", function(event) {
let mostrarModalInicial = JSON.parse('true');
if (mostrarModalInicial) {
$('#modal-inicial').addClass('show');
}
;
// });
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
<div id="modal-link-externo"
class="modal fade fixed z-10 inset-0 overflow-y-auto" aria-labelledby="modal-title"
role="dialog" aria-modal="true">
<div class="flex items-center justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:p-0">
<div class="bg-overlay fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" aria-hidden="true"></div>
<!-- This element is to trick the browser into centering the modal contents. -->
<span class="hidden h-screen" aria-hidden="true">​</span>
<div
class="modal-box relative bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:max-w-lg sm:w-full">
<div data-dismiss="modal"
class="absolute top-0 right-0 text-4xl pr-4 cursor-pointer">
×
</div>
<div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4">
<div class="font-medium text-sm" style="color: #999;">
<div class="text-center sm:text-left">
<h1 class="titulo-base pb-8 uppercase">
Link Externo
</h1>
<div>
<div class="modal-link-externo">
<div class=" grid grid-cols-2 gap-4 font-normal">
<div class="col-span-2 flex flex-col items-start justify-start gap-y-2 w-full">
<label for="select-periodo-modal-link-externo">Período</label>
<select id="select-periodo-modal-link-externo" class="w-full p-2 rounded-md
bg-white text-left border-solid border border-gray-light">
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-gray-50 px-4 py-3 sm:px-6 sm:flex sm:flex-row-reverse gap-x-4">
<button class="flex items-center bg-red-600 px-3 py-2 rounded-md text-white font-medium hover:bg-red-800"
data-dismiss="modal">
Cancelar
<i class="fa-duotone fa-circle-x text-lg text-white ml-3"></i>
</button>
<a href="#" class="flex items-center bg-blue-600 px-3 py-2 rounded-md text-white font-medium hover:bg-blue-800"
target="_blank"
onclick="clickAbrirLinkExterno(this)">
Abrir
<i class="fa-duotone fa-up-right-from-square text-lg text-white ml-2"></i>
</a>
</div>
</div>
</div>
</div>
</body>]]>
|
| 52
| <![CDATA[<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "GovernmentOrganization",
"name": "Câmara Municipal de Frecheirinha",
"address": {
"@type": "PostalAddress",
"streetAddress": "Praça Lauro Portela, S/N - Centro",
"addressLocality": "FRECHEIRINHA",
"addressRegion": "CE",
"addressCountry": "Brasil"
},
"telephone": "(88) 36551404",
"url": "camarafrecheirinha.ce.gov.br",
"member": [
{
"@type": "Person",
"name": "AIRTON COSTA",
"memberOf": {
"@type": "Organization",
"name": "Câmara Municipal de Frecheirinha",
"url": "camarafrecheirinha.ce.gov.br"
},
"affiliation": "PDT - PARTIDO DEMOCRÁTICO TRABALHISTA"
}
,
{
"@type": "Person",
"name": "AURELIO DO CAEIRAL",
"memberOf": {
"@type": "Organization",
"name": "Câmara Municipal de Frecheirinha",
"url": "camarafrecheirinha.ce.gov.br"
},
"affiliation": "PCdoB - PARTIDO COMUNISTA DO BRASIL"
}
,
{
"@type": "Person",
"name": "DORINHA",
"memberOf": {
"@type": "Organization",
"name": "Câmara Municipal de Frecheirinha",
"url": "camarafrecheirinha.ce.gov.br"
},
"affiliation": "PDT - PARTIDO DEMOCRÁTICO TRABALHISTA"
}
,
{
"@type": "Person",
"name": "EDVANDO DA TOPIC",
"memberOf": {
"@type": "Organization",
"name": "Câmara Municipal de Frecheirinha",
"url": "camarafrecheirinha.ce.gov.br"
},
"affiliation": "PDT - PARTIDO DEMOCRÁTICO TRABALHISTA"
}
,
{
"@type": "Person",
"name": "MAIKE PINTO",
"memberOf": {
"@type": "Organization",
"name": "Câmara Municipal de Frecheirinha",
"url": "camarafrecheirinha.ce.gov.br"
},
"affiliation": "PDT - PARTIDO DEMOCRÁTICO TRABALHISTA"
}
,
{
"@type": "Person",
"name": "MANUELZINHO PENANDUBA",
"memberOf": {
"@type": "Organization",
"name": "Câmara Municipal de Frecheirinha",
"url": "camarafrecheirinha.ce.gov.br"
},
"affiliation": "PCdoB - PARTIDO COMUNISTA DO BRASIL"
}
,
{
"@type": "Person",
"name": "MARRINHA CUNHA",
"memberOf": {
"@type": "Organization",
"name": "Câmara Municipal de Frecheirinha",
"url": "camarafrecheirinha.ce.gov.br"
},
"affiliation": "PDT - PARTIDO DEMOCRÁTICO TRABALHISTA"
}
,
{
"@type": "Person",
"name": "SILVINHA",
"memberOf": {
"@type": "Organization",
"name": "Câmara Municipal de Frecheirinha",
"url": "camarafrecheirinha.ce.gov.br"
},
"affiliation": "PSB - PARTIDO SOCIALISTA BRASILEIRO"
}
,
{
"@type": "Person",
"name": "VICENTE GAVIÃO",
"memberOf": {
"@type": "Organization",
"name": "Câmara Municipal de Frecheirinha",
"url": "camarafrecheirinha.ce.gov.br"
},
"affiliation": "PSB - PARTIDO SOCIALISTA BRASILEIRO"
}
]
}
</script>]]>
|
