<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="apple-touch-icon" sizes="180x180" href="/modules/default/imagem/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/modules/default/imagem/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/modules/default/imagem/favicon/favicon-16x16.png">
<link rel="manifest" href="/modules/default/imagem/favicon/manifest.json">
<link rel="mask-icon" href="/modules/default/imagem/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/modules/default/imagem/favicon/favicon.ico">
<meta name="msapplication-config" content="/modules/default/imagem/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta name="google-site-verification" content="Lbib4TGSbq_DjLvdJ2ajZbIGuU3GzXC8jA1SpGJrDak"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<title>Home - Prefeitura de Teotônio Vilela</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="author" content="Companhia da Mídia" />
<meta name="robots" content="ALL" />
<meta name="content-language" content="pt-br" />
<meta name="classification" content="Internet" />
<meta name="rating" content="general" />
<meta name="distribution" content="global" />
<meta name="document-rights" content="Public" />
<meta name="document-class" content="Completed" />
<meta http-equiv="cache-control" content="cache" />
<meta http-equiv="pragma" content="cache" />
<meta name="revisit-after" content="2 days" />
<meta name="description" content="Secretaria Municipal de Finanças e Planejamento" />
<meta name="keywords" content="prefeitura teotonio vilela, Secretaria Municipal de Finanças" />
<meta name="copyright" content="Copyright (c) Prefeitura de Teotônio Vilela" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.prefeiturateotonio.com.br/" />
<meta property="og:title" content="Secretaria Municipal de Finanças e Planejamento" />
<meta property="og:image" content="http://www.prefeiturateotonio.com.br/modules/default/imagem/header/hdr-logo.png" />
<meta property="og:description" content="Prefeitura de Teotônio Vilela" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link href="/modules/default/favicon.png" rel="shortcut icon" />
<link href="https://fonts.googleapis.com/css?family=Oswald" media="screen" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Arimo" media="screen" rel="stylesheet" type="text/css" />
<link href="/modules/default/css/magnific-popup.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/modules/default/js/lightbox/themes/classic/jquery.lightbox.ie6.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/modules/default/js/lightbox/themes/classic/jquery.lightbox.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/modules/default/js/owl/owl.carousel.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/modules/default/css/scrolling-nav.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/modules/default/css/animate.css" media="screen" rel="stylesheet" type="text/css" />
<link href="/modules/default/css/geral.css?994686224" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/modules/default/js/jquery.js"></script>
<script type="text/javascript" src="/modules/default/js/jquery-migrate-1.1.1.js"></script>
<script type="text/javascript" src="/modules/default/js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="/modules/default/js/lightbox/jquery.lightbox.min.js"></script>
<script type="text/javascript" src="/modules/default/js/owl/owl.carousel.min.js"></script>
<script type="text/javascript" src="/modules/default/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="/modules/default/js/scrolling-nav.js"></script>
<script type="text/javascript" src="/modules/default/js/wow.min.js"></script>
<script type="text/javascript" src="/modules/default/js/jquery.maskedinput-1.3.min.js"></script>
<script type="text/javascript" src="/modules/default/js/geral.js?1385723140"></script>
<script type="text/javascript" src="/modules/default/js/jquery.cycle.all.js"></script>
<script type="application/javascript">
var baseUrl = 'http://www.prefeiturateotonio.com.br/';
$(document).ready(function () {
$('.lightbox').lightbox();
});
new WOW().init();
</script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-49011326-1', 'prefeiturateotonio.com.br');
ga('send', 'pageview');
</script>
<div id="fb-root"></div>
<script>(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = 'https://connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v3.2&appId=515370998645782&autoLogAppEvents=1';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</head><body>
<header>
<script>
function verificar() {
if (document.campoDeBusca.txtBusca.value == "" || document.campoDeBusca.txtBusca.value == " " || document.campoDeBusca.txtBusca.value == "-") {
alert("Preencha o campo de busca antes de pesquisar algo.");
document.campoDeBusca.txtBusca.focus();
return false;
} else {
return true;
}
}
function verificarMin() {
if (document.campoDeBuscaMin.txtBusca.value == "" || document.campoDeBuscaMin.txtBusca.value == " " || document.campoDeBuscaMin.txtBusca.value == "-") {
alert("Preencha o campo de busca antes de pesquisar algo.");
document.campoDeBuscaMin.txtBusca.focus();
return false;
} else {
return true;
}
}
</script>
<section class="headerCinza">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-8 col-lg-offset-1 col-lg-8 ordem-col1">
<div class="hidden-lg hidden-md txtHeaderCinza">
<span>Informações: (82) 3543-1365</span>
</div>
<div class="hidden-xs hidden-sm busca2">
<form action="/busca/" method="post" name="campoDeBusca" onsubmit="return verificar()">
<input type="text" name="txtBusca">
<button type="submit" name="search">
<img id="imgBusca2" src="/modules/default/imagem/header/hdr-lupa.png"/>
<span class="hidden-xs">Procurar</span>
</button>
</form>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 ordem-col2">
<div class="iconHeaderCinza">
<a href="https://www.facebook.com/prefeituradeteotonio/" target="_blank"><img
src="/modules/default/imagem/header/hdr-icon-fb.png"/></a>
<a href="https://www.instagram.com/prefeituradeteotoniovilela/" target="_blank"><img
src="/modules/default/imagem/header/hdr-icon-inst.png"/></a>
<a href="#" target="_blank"><img
src="/modules/default/imagem/header/hdr-icon-yt.png"/></a>
</div>
</div>
</div>
</div>
</section>
<section class="headerWhite">
<div class=container>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<div class="headerLogo">
<a href="http://www.prefeiturateotonio.com.br/"><img
src="/modules/default/imagem/header/hdr-logo.png"/></a>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="banner">
<a href="https://www.municipioonline.com.br/al/prefeitura/teotoniovilela/cidadao"><img src="/zdata/banners/1f0e3dad99908345f7439f8ffabdffc4.jpg"/></a>
<a href="https://www.municipioonline.com.br/al/prefeitura/teotoniovilela/cidadao"><img src="/zdata/banners/37693cfc748049e45d87b8c7d8b9aacd.jpg"/></a>
<a href="https://www.municipioonline.com.br/al/prefeitura/teotoniovilela/cidadao"><img src="/zdata/banners/1ff1de774005f8da13f42943881c655f.jpg"/></a>
<a href="https://www.municipioonline.com.br/al/prefeitura/teotoniovilela/cidadao"><img src="/zdata/banners/8e296a067a37563370ded05f5a3bf3ec.jpg"/></a>
</div>
<div class="busca hidden-lg hidden-md">
<form action="/busca/" method="post" name="campoDeBuscaMin" onsubmit="return verificarMin()">
<input type="text" name="txtBusca">
<button type="submit" name="search">
<img src="/modules/default/imagem/header/hdr-lupa.png"/>
<span class="hidden-xs">Procurar</span>
</button>
</form>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
<div class="row">
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="newAcesso">
<a target="_blank" href="/p/transparencia"><img
src="/modules/default/imagem/header/newsic.png"></a>
</div>
</div>
<div class="col-sm-6 col-md-6 col-lg-6">
<div class="newAcesso">
<a target="_blank" href="https://sistema.ouvidorias.gov.br/publico/AL/Teot%c3%b4nioVilela/Manifestacao/RegistrarManifestacao"><img
src="/modules/default/imagem/header/e-ouvidoria.png"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="menu">
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right2">
<i id="borda1"></i>
<li>
<a href="/p/nossa-historia">Nossa
História</a></li>
<i id="borda2"></i>
<li class="dropdown" id="servicos"><a data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false" href="#">Secretarias e Orgãos</a>
<ul class="dropdown-menu" id="menuservicos">
<li class="submenu"><a href="/secretrarias">Secretarias</a>
</li>
<li class="submenu"><a href="http://teotoniovilela.al.gov.br/autarquias">Autarquias</a></li>
<li class="submenu"><a href="http://teotoniovilela.al.gov.br/conselhos">Conselhos</a></li>
</ul>
</li>
<li id="servicos">
<a href="http://teotoniovilela.al.gov.br/p/ouvidoria" role="button" aria-haspopup="true"
aria-expanded="false">Ouvidoria Física<!--<span class="caret"></span>--></a>
<!--<ul class="dropdown-menu" id="menuservicos">
<li class="submenu"><a
href="http://www.municipioonline.com.br/al/prefeitura/teotoniovilela/contribuinte">Portal
do Contribuinte</a></li>
<li class="submenu"><a href="/bolsafamilia">Beneficiários
do Bolsa Família</a></li>
<li class="submenu"><a
href="/p/iptu-informacoes">IPTU</a>
</li>
</ul>-->
</li>
<li><a href="http://prefeiturateotonio.com.br/eventos/1/" target="_blank">Galeria
de <br/>Fotos</a></li>
<li id="servidor">
<a href="http://teotoniovilela.al.gov.br/p/transparencia" role="button" aria-haspopup="true"
aria-expanded="false">SIC Físico<!--<span class="caret"></span>--></a>
<!-- <ul class="dropdown-menu" id="menuservidor">
<li class="submenu"><a
href="http://www.municipioonline.com.br/al/prefeitura/teotoniovilela/servidor/login">Contra
Cheque Online</a></li>
<li class="submenu"><a
href="http://prefeiturateotonio.com.br/p/sistema-integrado-de-patrimonio">Sistema
Integrado de Patrimônio</a></li>
<li class="submenu"><a
href="http://200.237.135.247:4040/webrun/open.do?action=open&sys=TR2">Sistema
Arrecadação Acesso Restrito</a></li>
<li class="submenu"><a
href="http://www.municipioonline.com.br/al/prefeitura/teotoniovilela/cidadao/servidor">Folha
de Pagamento Online</a></li>
</ul>-->
</li>
<li><a href="http://prefeiturateotonio.com.br/cartaservicos">Carta de Serviços</a></li>
<i id="borda3"></i>
<li id="fala"><a href="/contato">Fala Teotônio!</a></li>
<i id="borda4"></i>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</section>
</header>
<main>
<section class="noticiasRotativas">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8">
<div class="rotativoDestaques" style="margin-top: 25px;">
<div class="imgNoticias">
<div class="imgPrincipal"
style="background-image: url('/zdata/arquivossite/20fc428c805aeead7249a430b87fae9b.jpg');"></div>
<div class="capaAzul">
<div class="txtcapaAzul">
<a id="link2"
href="/noticias/2485/prefeito-joaozinho-pereira-entrega-cestas-nutricionais-no-programa-municipal-mamae-coruja"
style="color:#FBB63D"><h3
id="textoh3">Prefeito Joãozinho Pereira entrega Cestas Nutricionais no Programa Municipal Mamãe Coruja</h3></a>
</div>
<div class="subTxtCapaAzul">
<a id="link3"
href="/noticias/2485/prefeito-joaozinho-pereira-entrega-cestas-nutricionais-no-programa-municipal-mamae-coruja"
style="color:white;"><span
id="textospan">Prefeito Joãozinho Pereira em ação conjunta das Secretarias de Assistência Social e de Saúde, fez na manhã de hoje (24), a entrega de cerca de 450 Cestas básicas especiais às Gestantes e nutrizes.</span></a>
</div>
</div>
</div>
<div class="imgNoticias">
<div class="imgPrincipal"
style="background-image: url('/zdata/arquivossite/2d7e0b110a18d622d99af0195e7fb249.jpg');"></div>
<div class="capaAzul">
<div class="txtcapaAzul">
<a id="link2"
href="/noticias/2482/aluno-da-rede-municipal-de-educacao-ganha-medalha-de-prata-em-olimpiada-brasileira-de-astronomia"
style="color:#FBB63D"><h3
id="textoh3">Aluno da Rede Municipal de Educação ganha Medalha de Prata em Olimpíada Brasileira de Astronomia</h3></a>
</div>
<div class="subTxtCapaAzul">
<a id="link3"
href="/noticias/2482/aluno-da-rede-municipal-de-educacao-ganha-medalha-de-prata-em-olimpiada-brasileira-de-astronomia"
style="color:white;"><span
id="textospan">O Aluno Ronald da Silva Rocha, do 9º ano, da Escola da Rede Municipal de Educação, Dom Avelar Brandão Vilela, foi destaque na 22ª Edição da Olimpíada Brasileira de Astronomia Astronáutica – OBA.</span></a>
</div>
</div>
</div>
<div class="imgNoticias">
<div class="imgPrincipal"
style="background-image: url('/zdata/arquivossite/ad7380c9f4b031c6c08f772015687591.jpg');"></div>
<div class="capaAzul">
<div class="txtcapaAzul">
<a id="link2"
href="/noticias/2481/com-exito-semec-conclui-tres-dias-de-auloes-pro-saeb"
style="color:#FBB63D"><h3
id="textoh3">Com Êxito, SEMEC conclui três dias de Aulões Pró-SAEB</h3></a>
</div>
<div class="subTxtCapaAzul">
<a id="link3"
href="/noticias/2481/com-exito-semec-conclui-tres-dias-de-auloes-pro-saeb"
style="color:white;"><span
id="textospan">Com uma equipe de professores, a SEMEC de Teotonio Vilela encerrou a maratona de três dias 21, 22 e 23 do aulão com a Batalha Letras vs Números.</span></a>
</div>
</div>
</div>
<div class="imgNoticias">
<div class="imgPrincipal"
style="background-image: url('/zdata/arquivossite/8b847d2d37683b57fa25eda1cdfe02ee.jpg');"></div>
<div class="capaAzul">
<div class="txtcapaAzul">
<a id="link2"
href="/noticias/2483/entre-as-30-melhores-do-pais-educacao-de-teotonio-vilela-ganha-premio-na-4a-acao-de-reconhecimento"
style="color:#FBB63D"><h3
id="textoh3">Entre as 30 Melhores do País: Educação de Teotônio Vilela ganha prêmio na 4ª Ação de Reconhecimento</h3></a>
</div>
<div class="subTxtCapaAzul">
<a id="link3"
href="/noticias/2483/entre-as-30-melhores-do-pais-educacao-de-teotonio-vilela-ganha-premio-na-4a-acao-de-reconhecimento"
style="color:white;"><span
id="textospan">A Educação do Município de Teotônio Vilela é premiada na 4ª Ação de Reconhecimento do Conviva Educação, ficando entre os 30 melhores municípios do país.</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="news" style="padding-bottom: 15px;">
<div class="titNews" style="text-align: left; float: none; width: 75%;">
<span>Galerias de Imagens</span>
</div>
<div class="carouselGalerias">
<div class="wrapper-galerias">
<a href="/eventos/718/prefeitura-realiza-6a-corrida-de-rua-do-dia-dos-estudantes-no-municipio"
style="text-decoration: none; color: black;">
<div class="galeriaHome"
style="background-image: url('/zdata/galerias/50c3d7614917b24303ee6a220679dab3.jpeg')"></div>
<p style="margin-top: 5px; font-weight: bold;">Prefeitura realiza 6ª Corrida de Rua do Dia dos Estudantes no município</p>
</a>
<a href="/eventos/719/prefeitura-realiza-grande-festa-alusiva-ao-dia-dos-estudantes-no-municipio"
style="text-decoration: none; color: black;">
<div class="galeriaHome"
style="background-image: url('/zdata/galerias/2afe4567e1bf64d32a5527244d104cea.jpeg')"></div>
<p style="margin-top: 5px; font-weight: bold;">Prefeitura realiza grande festa alusiva ao Dia dos Estudantes no município</p>
</a>
</div>
<div class="wrapper-galerias">
<a href="/eventos/705/14o-trilha-do-menestrel-e-realizada-no-municipio"
style="text-decoration: none; color: black;">
<div class="galeriaHome"
style="background-image: url('/zdata/galerias/4a47d2983c8bd392b120b627e0e1cab4.jpeg')"></div>
<p style="margin-top: 5px; font-weight: bold;">14º Trilha do Menestrel é realizada no município</p>
</a>
<a href="/eventos/676/prefeitura-abre-festejos-juninos-no-municipio-com-a-festa-do-dia-dos-namorados"
style="text-decoration: none; color: black;">
<div class="galeriaHome"
style="background-image: url('/zdata/galerias/dc6a70712a252123c40d2adba6a11d84.JPG')"></div>
<p style="margin-top: 5px; font-weight: bold;">Prefeitura abre festejos juninos no município com a festa do Dia dos Namorados</p>
</a>
</div>
<div class="wrapper-galerias">
<a href="/eventos/652/prefeitura-homenageia-garis-e-margaridas-do-municipio-pelo-dia-do-gari"
style="text-decoration: none; color: black;">
<div class="galeriaHome"
style="background-image: url('/zdata/galerias/30ef30b64204a3088a26bc2e6ecf7602.jpeg')"></div>
<p style="margin-top: 5px; font-weight: bold;">Prefeitura homenageia garis e margaridas do município pelo Dia do Gari</p>
</a>
<a href="/eventos/644/prefeitura-realiza-festa-do-dia-do-trabalhador-no-municipio%3B-confira-imagens"
style="text-decoration: none; color: black;">
<div class="galeriaHome"
style="background-image: url('/zdata/galerias/8c7bbbba95c1025975e548cee86dfadc.jpeg')"></div>
<p style="margin-top: 5px; font-weight: bold;">Prefeitura realiza Festa do Dia do Trabalhador no município; confira imagens</p>
</a>
</div>
</div>
<div style="text-align: center; padding: 1rem 0;"><a
href="http://prefeiturateotonio.com.br/eventos/1"
style="background-color: #0070b7; color: white; padding: 0.5rem 2rem;">Ver todas</a>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.imgPrincipal {
height: 490px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.noticiasRotativas {
margin-top: 6px;
}
#textoh3 {
margin-top: 0;
}
.rotativoDestaques .owl-controls {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.rotativoDestaques .owl-dots {
counter-reset: dots;
display: flex;
justify-content: center;
}
.rotativoDestaques .owl-dot {
margin: 0 0.5rem;
height: 20px;
width: 20px;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
color: white;
border: 1px solid #FBB63D;
}
.rotativoDestaques .owl-dot.active {
background-color: white;
color: #FBB63D;
}
.rotativoDestaques .owl-dot:before {
counter-increment: dots;
content: counter(dots);
}
.galeriaHome {
height: 135px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.carouselGalerias {
padding: 0 15px;
}
@media only screen and (max-width: 575px) {
.imgPrincipal {
height: 225px;
}
#textoh3 {
font-size: 18px;
}
.txtcapaAzul {
width: 100%;
}
.subTxtCapaAzul {
font-size: 12px;
width: 100%;
}
.capaAzul {
padding: 1rem 0;
min-height: 175px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.imgPrincipal {
height: 300px;
}
.txtcapaAzul {
width: 100%;
}
#textoh3 {
font-size: 20px;
}
.subTxtCapaAzul {
font-size: 13px;
width: 100%;
}
#textoh3 {
margin-top: 0;
}
.capaAzul {
padding: 2rem 0;
margin-top: 0;
min-height: 175px;
}
.wrapper-galerias {
display: flex;
justify-content: space-around;
}
.wrapper-galerias a {
width: 45%;
}
.wrapper-galerias .galeriaHome {
height: 200px;
}
.titNews {
width: 50% !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.imgPrincipal {
height: 400px;
}
.capaAzul {
min-height: 225px;
}
.wrapper-galerias {
display: flex;
justify-content: space-around;
}
.wrapper-galerias a {
width: 45%;
}
.wrapper-galerias .galeriaHome {
height: 250px;
}
.titNews {
width: 40%;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.imgPrincipal {
height: 510px;
}
.txtcapaAzul {
width: 80%;
}
.titNews {
width: 90% !important;
}
}
</style><section class="noticiasServicos">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="titNoticia">
<span>Notícias</span>
</div>
<div class="noticiaPrincipal">
<div class="noticiaBloco">
<div class="imgNoticia">
<img src="/zdata/arquivossite/0fa1ecd5090380c5e57e084d88a0700f.jpeg">
</div>
<div class="titNoticiaBloco">
<span>Profissionais da área de licitação são capacitados em Teotônio Vilela<span>
</div>
<div class="txtNoticiaBloco">
<span>A Prefeitura de Teotônio Vilela, através da Secretaria de Finanças e Planejamento, realizou na manhã dessa sexta-feira (20/09) uma capacitação para os profissionais da área de licitação do município.</span>
</div>
<div class="verMaisNoticia">
<a href="/noticias/2440/profissionais-da-area-de-licitacao-sao-capacitados-em-teotonio-vilela">leia mais</a>
</div>
</div>
<div class="noticiaBloco">
<div class="imgNoticia">
<img src="/zdata/arquivossite/3482e3fe5ae9256c148937437c330563.jpeg">
</div>
<div class="titNoticiaBloco">
<span>Prefeitura realiza reunião com feirantes do novo Mercado do Peixe<span>
</div>
<div class="txtNoticiaBloco">
<span>A Prefeitura de Teotônio Vilela, através da Secretaria de Indústria, Comércio e Turismo, realizou na manhã desta terça-feira (17/09) uma reunião com os feirantes sobre o mercado do peixe.</span>
</div>
<div class="verMaisNoticia">
<a href="/noticias/2439/prefeitura-realiza-reuniao-com-feirantes-do-novo-mercado-do-peixe">leia mais</a>
</div>
</div>
<div class="noticiaBloco">
<div class="imgNoticia">
<img src="/zdata/arquivossite/e066e3c1c16e7b0af6290a67673399ba.jpeg">
</div>
<div class="titNoticiaBloco">
<span>Começou o Campeonato de Futebol Society Master 2019<span>
</div>
<div class="txtNoticiaBloco">
<span>A Prefeitura de Teotônio Vilela, através da Secretaria de Esporte e Lazer, realizou nesta segunda (16/09), no Módulo Esportivo, a abertura do Campeonato de Futebol Society Master 2019.</span>
</div>
<div class="verMaisNoticia">
<a href="/noticias/2438/comecou-o-campeonato-de-futebol-society-master-2019">leia mais</a>
</div>
</div>
<div class="maisNoticias">
<span><a href="/noticias/1">Mais Notícias</a></span>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="servicos">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="titServicos">
<span>Serviços</span>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="servicosBlocos">
<div class="imgServicos">
<a href="http://www.saaeteotoniovilela.com.br/saae_tv/pagina.php"><i class="fas fa-tint"></i>
<!-- <img src=""> -->
</div>
<div class="txtServicos">
<span>2ª Via de Conta S.A.A.E</span></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="servicosBlocos">
<div class="imgServicos">
<a href="http://teotoniovilela.al.gov.br/p/ouvidoria"><i class="fas fa-headphones-alt" style=" color:black; font-size: 40px;
margin-top: 20px;"></i>
</div>
<div class="txtServicos">
<span>Ouvidoria</span></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="servicosBlocos">
<div class="imgServicos">
<a href="http://www.municipioonline.com.br/al/prefeitura/teotoniovilela/cidadao/servidor" target="_blank"><img src="/modules/default/imagem/middle/mdl-iconeFolha.png">
</div>
<div class="txtServicos">
<span>Folha de Pagamento Online</span></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="servicosBlocos">
<div class="imgServicos">
<a href="/licitacoes/1"><img src="/modules/default/imagem/middle/mdl-iconeLicitacao.png">
</div>
<div class="txtServicos">
<span>Licitação</span></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="servicosBlocos">
<div class="imgServicos">
<a href="/p/iptu-informacoes"><img src="/modules/default/imagem/middle/mdl-iconeIPTU.png">
</div>
<div class="txtServicos">
<span>IPTU</span></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="servicosBlocos">
<div class="imgServicos">
<a href="/p/simbolos-do-municipio"><img src="/modules/default/imagem/middle/mdl-iconeMunicipio.png">
</div>
<div class="txtServicos">
<span>Símbolos do Município</span></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="servicosBlocos">
<div class="imgServicos">
<a href="/downloads"><img src="/modules/default/imagem/middle/mdl-iconeDownloads.png">
</div>
<div class="txtServicos">
<span>Publicações</span></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="servicosBlocos">
<div class="imgServicos">
<a href="http://www.municipioonline.com.br/al/prefeitura/teotoniovilela/servidor/login"><img src="/modules/default/imagem/middle/mdl-iconeCheque.png">
</div>
<div class="txtServicos">
<span>Contra Cheque</span></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="servicosBlocos">
<div class="imgServicos">
<a href="http://www.municipioonline.com.br/al/prefeitura/teotoniovilela/contribuinte/notafiscal"><img src="/modules/default/imagem/middle/mdl-iconeFiscal.png">
</div>
<div class="txtServicos">
<span>Nota Fiscal Eletrônica</span></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="servicosBlocos">
<div class="imgServicos">
<a href="http://www.municipioonline.com.br/al/prefeitura/teotoniovilela/contribuinte"><img src="/modules/default/imagem/middle/mdl-iconePortal.png">
</div>
<div class="txtServicos">
<span>Portal do Contribuinte</span></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="servicosBlocos">
<div class="imgServicos">
<a href="http://www.prefeiturateotonio.com.br/p/bolsa-familia"><img src="/modules/default/imagem/middle/mdl-iconeBolsa.png">
</div>
<div class="txtServicos">
<span>Beneficiários do Bolsa Família</span></a>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="servicosBlocos">
<div class="imgServicos">
<a href="/ponto-eletronico"><img src="/modules/default/imagem/middle/ponto-eletronico.png">
</div>
<div class="txtServicos">
<span>Ponto Eletrônico</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="parteCinza">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="blocoParteCinza">
<a href="/eventos/1">
<div class="imgParteCinza">
<img src="/modules/default/imagem/middle/mdl-Galeria.png">
</div>
<div class="imgSeta">
<img src="/modules/default/imagem/middle/img-setaVerde.png">
</div>
<div class="blocoVerde">
<img src="/modules/default/imagem/middle/mdl-maquinaFot.png">
<span>Galeria de Fotos</span>
</div>
</a>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="blocoParteCinza">
<a href="/minutomulher/1">
<div class="imgParteCinza">
<img src="/modules/default/imagem/middle/mdl-Mulher.png">
</div>
<div class="imgSeta">
<img src="/modules/default/imagem/middle/img-setaAzul.png">
</div>
<div class="blocoAzul">
<img src="/modules/default/imagem/middle/mdl-MinutoMulher.png">
<span>Minuto Mulher</span>
</div>
</a>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="blocoParteCinza">
<a href="/audioteca">
<div class="imgParteCinza">
<img src="/modules/default/imagem/middle/mdl-Audioteca.png">
</div>
<div class="imgSeta">
<img src="/modules/default/imagem/middle/img-setaAmarela.png">
</div>
<div class="blocoAmarelo">
<img src="/modules/default/imagem/middle/mdl-phone.png">
<span>Audioteca</span>
</div>
</a>
</div>
</div>
</div>
</div>
</section>
<style>
.verMaisNoticia a{
color: white;
}
.imgServicos i {
font-size: 40px;
color: black;
margin-top: 22px;
}
</style><section class="informacoes">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="clima">
<div class="titClima">
<span>Clima</span>
</div>
<div class="iframeClima">
<!-- Widget Previsão de Tempo CPTEC/INPE -->
<iframe style="margin: 0 auto;
display: flex;" allowtransparency="true" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0"
scrolling="no"
src="http://www.cptec.inpe.br/widget/widget.php?p=5369&w=v&c=74a6cc&f=ffffff"
height="350px" width="192px"></iframe>
<noscript>Previsão de <a href="http://www.cptec.inpe.br/cidades/tempo/5369">Teotônio
Vilela/AL</a> oferecido por <a href="http://www.cptec.inpe.br">CPTEC/INPE</a></noscript>
<!-- Widget Previsão de Tempo CPTEC/INPE -->
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="enquete" id="enquete">
<div class="titEnquete">
<span>Enquete</span>
</div>
<div class="formEnquete">
<div class="txtEnquete">
<div class="msgEnquete"
style="text-align: center;font-weight: bold; font-size: 30px;color: #37673d;"></div>
<form class="formVotacao">
<span>O que você achou do novo site?</span>
<ul>
<li>
<input id="inputCheckbox" name="enquete" type="radio"
value="1">
<span class="classificacao">Muito bom</span>
</li>
<li>
<input id="inputCheckbox" name="enquete" type="radio"
value="2">
<span class="classificacao">Bom</span>
</li>
<li>
<input id="inputCheckbox" name="enquete" type="radio"
value="3">
<span class="classificacao">Ruim</span>
</li>
</ul>
<div class="participar">
<button type="button" name="participar" onclick="gravarVoto()">Participar
</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<div class="news">
<div class="titNews">
<span>Newsletter</span>
</div>
<div class="txtNews">
<span>Saiba de todas as informações e noticias de nossa cidade</span>
</div>
<div class="emailInput">
<input type="email" name="email" placeholder="Email" id="email" required>
</div>
<div class="cadastrar">
<button type="button" name="cadastrar" onclick="cadastrarEmail()">Cadastrar</button>
</div>
</div>
<div class="parceiros">
<div class="titParceiros">
<span>Parceiros</span>
</div>
<div class="Bannerparceiros">
<a href="" target="_blank">
<img src="/zdata/banners/eccbc87e4b5ce2fe28308fd9f2a7baf3.jpg">
</a>
<a href="" target="_blank">
<img src="/zdata/banners/a87ff679a2f3e71d9181a67b7542122c.jpg">
</a>
<a href="http://www.diariomunicipal.com.br/ama/pesquisar" target="_blank">
<img src="/zdata/banners/98f13708210194c475687be6106a3b84.jpg">
</a>
<a href="http://www.agenciaalagoas.al.gov.br/" target="_blank">
<img src="/zdata/banners/3c59dc048e8850243be8079a5c74d079.jpg">
</a>
<a href="" target="_blank">
<img src="/zdata/banners/4e732ced3463d06de0ca9a15b6153677.jpg">
</a>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="text-align: center;">
<div class="news">
<div class="titNews" style="text-align: left;">
<span>Facebook</span>
</div>
<div style="width: 100%; text-align: center;" class="fb-page"
data-href="https://www.facebook.com/prefeituradeteotonio/"
data-tabs="timeline" data-small-header="false" data-adapt-container-width="true"
data-hide-cover="false" data-show-facepile="false">
<blockquote cite="https://www.facebook.com/prefeituradeteotonio/"
class="fb-xfbml-parse-ignore"><a
href="https://www.facebook.com/prefeituradeteotonio/">Prefeitura de Teotonio
Vilela</a></blockquote>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="text-align: center;">
<div class="news">
<div class="titNews" style="text-align: left;">
<span>Instagram</span>
</div>
<!-- SnapWidget -->
<iframe src="https://snapwidget.com/embed/739102" class="snapwidget-widget" allowtransparency="true"
frameborder="0" scrolling="no"
style="border:none; overflow:hidden; width:495px; height:495px"></iframe>
</div>
</div>
</div>
</div>
</section>
<script>
function gravarVoto() {
var resposta = $("input:radio[name=enquete]:checked").val();
$.ajax({
url: 'http://www.prefeiturateotonio.com.br/enquete',
type: 'POST',
data: {resposta: resposta},
success: function (msg) {
mensagem(msg);
}
});
}
function mensagem(msg) {
$(".msgEnquete").html("Voto computado!<br>Obrigado por participar!");
$(".formVotacao").hide();
setTimeout(function () {
$(".formVotacao").show();
$(".msgEnquete").html("");
}, 8000);
}
function cadastrarEmail() {
var email = $("#email").val();
if (email.trim() == "") {
alert("Por favor insira um email válido");
} else {
$.ajax({
url: 'http://www.prefeiturateotonio.com.br/mailings',
type: 'POST',
data: {email: email},
success: function (msg) {
alert("Email cadastrado com sucesso!")
$("#email").val("");
}
});
}
}
</script>
<style>
@media only screen and (min-width: 768px) and (max-width: 991px) {
.col-facebook .news {
text-align: center;
}
.col-facebook .titNews {
text-align: left;
}
}
</style>
</main><footer>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-5 col-lg-offset-1 col-lg-3 espacamento">
<div class="footerLogo">
<a href="#"><img src="/modules/default/imagem/footer/ftr-logo.png"/></a>
</div>
</div>
<div class="col-xs-12 col-xs-12 col-md-offset-2 col-md-7 offset-lg-1 col-lg-6">
<div class="dadosTeotonio">
<div class="imgEndereco">
<img src="/modules/default/imagem/footer/ftr-endereco.png">
</div>
<div class="txtEndereco">
<span><strong>Prefeitura Municipal Teotônio Vilela</strong></span><br/>
<span>R. Pedro Cavalcante, 156 - Centro, Teotônio Vilela - AL</span>
</div>
</div>
<div class="dadosTelefone">
<div class="imgTelefone">
<img src="/modules/default/imagem/footer/ftr-telefone.png">
</div>
<div class="txtTelefone">
<span><strong>(82) 3543-1365</strong></span>
</div>
</div>
</div>
</div>
</div>
</footer>
<style type="text/css">
div#companhia_da_midia{
width:100%;
float:left;
background:#FFFFFF;
}
div#companhia_da_midia_980{
width:100%;
margin:0 auto;
}
div#companhia_da_midia_980 a{
display:block;
float:right;
width:208px;
height:31px;
background-image:url(https://www.companhiadamidia.com.br/assinatura_sites/CM_assinatura_projetos_total_icones.png);
background-position:0 0;
margin:10px 0;
margin-right:20px;
}
div#companhia_da_midia_980 a img{
border:0;
float:left;
}
</style>
<div id="companhia_da_midia">
<div id="companhia_da_midia_980">
<a target="_blank" title="Companhia da Mídia" href="https://www.companhiadamidia.com.br/">
<img src="https://www.companhiadamidia.com.br/assinatura_sites/CM_assinatura_projetos_somente_texto.png" width="169" height="30" alt="Companhia da Mídia" />
</a>
</div>
</div>
<script type="text/javascript">
try{
var jqueryIsLoaded = jQuery;
//jQueryIsLoaded = true;
} catch(err){
var jQueryIsLoaded=false;
}
if (typeof jQuery == 'undefined') {
(function () {
function loadScript(url, callback) {
var script = document.createElement("script")
script.type = "text/javascript";
if (script.readyState) { //IE
script.onreadystatechange = function () {
if (script.readyState == "loaded" || script.readyState == "complete") {
script.onreadystatechange = null;
callback();
}
};
} else { //Others
script.onload = function () {
callback();
};
}
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script);
}
loadScript("http://code.jquery.com/jquery-1.9.1.js", function () {
jQuery.noConflict();
//jQuery loaded
//console.log('jquery loaded');
(function(jQuery) {
jQuery.extend(jQuery.fx.step,{
backgroundPosition: function(fx) {
if (fx.state === 0 && typeof fx.end == 'string') {
var start = jQuery.curCSS(fx.elem,'backgroundPosition');
start = toArray(start);
fx.start = [start[0],start[2]];
var end = toArray(fx.end);
fx.end = [end[0],end[2]];
fx.unit = [end[1],end[3]];
}
var nowPosX = [];
nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0];
nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1];
fx.elem.style.backgroundPosition = nowPosX[0]+' '+nowPosX[1];
function toArray(strg){
strg = strg.replace(/left|top/g,'0px');
strg = strg.replace(/right|bottom/g,'100%');
strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2");
var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/);
return [parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]];
}
}
});
})(jQuery);
jQuery(document).ready(function(){
jQuery('#companhia_da_midia_980 a')
.css( {backgroundPosition: "0 0"} )
.mouseover(function(){
jQuery({temporary_x: 0, temporary_y: 0}).animate({temporary_x: 0, temporary_y: -32}, {
duration: 250,
step: function() {
var position = Math.round(this.temporary_x) + "px " + Math.round(this.temporary_y) + "px";
jQuery('#companhia_da_midia_980 a').css("background-position", position);
}
});
})
.mouseout(function(){
jQuery({temporary_x: 0, temporary_y: -32}).animate({temporary_x: 0, temporary_y: 0}, {
duration: 150,
step: function() {
var position = Math.round(this.temporary_x) + "px " + Math.round(this.temporary_y) + "px";
jQuery('#companhia_da_midia_980 a').css("background-position", position);
}
});
})
});
});
})();
} else {
(function(jQuery) {
jQuery.extend(jQuery.fx.step,{
backgroundPosition: function(fx) {
if (fx.state === 0 && typeof fx.end == 'string') {
var start = jQuery.curCSS(fx.elem,'backgroundPosition');
start = toArray(start);
fx.start = [start[0],start[2]];
var end = toArray(fx.end);
fx.end = [end[0],end[2]];
fx.unit = [end[1],end[3]];
}
var nowPosX = [];
nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0];
nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1];
fx.elem.style.backgroundPosition = nowPosX[0]+' '+nowPosX[1];
function toArray(strg){
strg = strg.replace(/left|top/g,'0px');
strg = strg.replace(/right|bottom/g,'100%');
strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2");
var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/);
return [parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]];
}
}
});
})(jQuery);
jQuery(document).ready(function(){
jQuery('#companhia_da_midia_980 a')
.css( {backgroundPosition: "0 0"} )
.mouseover(function(){
jQuery({temporary_x: 0, temporary_y: 0}).animate({temporary_x: 0, temporary_y: -32}, {
duration: 250,
step: function() {
var position = Math.round(this.temporary_x) + "px " + Math.round(this.temporary_y) + "px";
jQuery('#companhia_da_midia_980 a').css("background-position", position);
}
});
})
.mouseout(function(){
jQuery({temporary_x: 0, temporary_y: -32}).animate({temporary_x: 0, temporary_y: 0}, {
duration: 150,
step: function() {
var position = Math.round(this.temporary_x) + "px " + Math.round(this.temporary_y) + "px";
jQuery('#companhia_da_midia_980 a').css("background-position", position);
}
});
})
});
}
</script></div>
</body>
</html>
<script>
$('.banner').owlCarousel({
loop: true,
responsiveClass: true,
responsive: {
0: {
items: 1,
nav: true,
loop: true,
autoplay: true
},
568: {
items: 1,
nav: true,
loop: true,
autoplay: true
},
768: {
items: 1,
nav: true,
loop: true,
autoplay: true
},
992: {
items: 1,
nav: true,
loop: true,
autoplay: true
}
}
})
</script>
<script>
$('.Bannerparceiros').owlCarousel({
loop: true,
nav: true,
autoplay: true,
responsiveClass: true,
responsive: {
0: {
items: 1
},
576: {
items: 2
},
768: {
items: 5
},
992: {
items: 4
}
}
});
$('.rotativoDestaques').owlCarousel({
loop: true,
dots: true,
nav: true,
autoplay: true,
responsiveClass: true,
responsive: {
0: {
items: 1
}
}
});
$('.carouselGalerias').owlCarousel({
loop: true,
dots: true,
nav: true,
autoplay: true,
responsiveClass: true,
responsive: {
0: {
items: 1
}
}
});
</script>
<script>
function trocaBanner(parametro) {
var data = parametro;
$.ajax({
type: "POST",
url: '/noticiaaction/',
dataType: "json",
data: {data: data},
success: function (data) {
console.log(data);
trocarInformacoes(data, parametro);
}
});
}
function trocarInformacoes(data, parametro) {
var img = document.getElementById('imgPrincipal');
var h3 = document.getElementById('textoh3');
var texto = document.getElementById('textospan');
var numpagina = document.getElementsByClassName('paginacao');
var textoPaginacao = document.getElementsByClassName('textoPaginacao');
var link3 = document.getElementById('link3');
var link2 = document.getElementById('link2');
$(".inumeracao ul a li").each(function (i) {
this.style.background = "";
this.style.color = "";
if (this.id == parametro) {
this.style.background = "#FBB63D";
this.style.color = "rgb(35, 82, 124)";
}
});
var slug = data.titulo.toLowerCase()
.replace(/[^\w ]+/g, '')
.replace(/ +/g, '-')
img.src = "/zdata/arquivossite/" + data.foto;
h3.innerHTML = data.titulo;
texto.innerHTML = data.resumo;
link3.href = '/noticias/' + data.noticia + "/" + slug;
link2.href = '/noticias/' + data.noticia + "/" + slug;
}
if(window.location.href === "http://prefeiturateotonio.com.br/") {
$('body header').css('background','url("http://prefeiturateotonio.com.br/modules/default/imagem/middle/2019/prefeitura-teotonio-vilela-banner.jpg");');
} else {
$('body header').css('background','none');
$('body header').css('height','200px');
}
</script>