<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>Apresenta&ccedil;&atilde;o</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="css/galleryview.css" />
<style type="text/css">
<!--
body{
	background-color:#F0E8D6;
	margin: 0 auto;
}

#curupira_geral {
	position:relative;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	top:0px;
	width:800px;
	height:440px;
	/*	height:510px;*/
}

#curupira-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:414px;
	height:30px;
}

#curupira-02 {
	position:absolute;
	left:414px;
	top:0px;
	width:109px;
	height:70px;
}

#curupira-03 {
	position:absolute;
	left:523px;
	top:0px;
	width:277px;
	height:80px;
}

#curupira-04 {
	position:absolute;
	left:0px;
	top:30px;
	width:304px;
	height:63px;
}

#curupira-05 {
	position:absolute;
	left:304px;
	top:30px;
	width:110px;
	height:63px;
}

#curupira-06 {
	position:absolute;
	left:414px;
	top:70px;
	width:109px;
	height:10px;
}

#curupira-07 {
	position:absolute;
	left:414px;
	top:80px;
	width:29px;
	height:143px;
}

#curupira-08 {
	position:absolute;
	left:443px;
	top:80px;
	width:38px;
	height:35px;
}

#curupira-09 {
	position:absolute;
	left:481px;
	top:80px;
	width:52px;
	height:62px;
}

#curupira-10 {
	position:absolute;
	left:533px;
	top:80px;
	width:267px;
	height:13px;
}

#curupira-11 {
	position:absolute;
	left:0px;
	top:93px;
	width:161px;
	height:63px;
}

#curupira-12 {
	position:absolute;
	left:161px;
	top:93px;
	width:143px;
	height:102px;
}

#curupira-13 {
	position:absolute;
	left:304px;
	top:93px;
	width:110px;
	height:102px;
}

#curupira-14 {
	position:absolute;
	left:533px;
	top:93px;
	width:88px;
	height:162px;
}

#curupira-15 {
	position:absolute;
	left:621px;
	top:93px;
	width:49px;
	height:49px;
}

#curupira-16 {
	position:absolute;
	left:670px;
	top:93px;
	width:130px;
	height:49px;
}

#curupira-17 {
	position:absolute;
	left:443px;
	top:115px;
	width:38px;
	height:80px;
}

#curupira-18 {
	position:absolute;
	left:481px;
	top:142px;
	width:52px;
	height:53px;
}

#curupira-19 {
	position:absolute;
	left:621px;
	top:142px;
	width:14px;
	height:295px;
}

#curupira-20 {
	position:absolute;
	left:635px;
	top:142px;
	width:65px;
	height:93px;
}

#curupira-21 {
	position:absolute;
	left:700px;
	top:142px;
	width:100px;
	height:295px;
}

#curupira-22 {
	position:absolute;
	left:0px;
	top:156px;
	width:80px;
	height:281px;
}

#curupira-23 {
	position:absolute;
	left:80px;
	top:156px;
	width:81px;
	height:79px;
}

#curupira-24 {
	position:absolute;
	left:161px;
	top:195px;
	width:154px;
	height:71px;
}

#curupira-25 {
	position:absolute;
	left:315px;
	top:195px;
	width:42px;
	height:52px;
}

#curupira-26 {
	position:absolute;
	left:357px;
	top:195px;
	width:57px;
	height:28px;
}

#curupira-27 {
	position:absolute;
	left:443px;
	top:195px;
	width:15px;
	height:242px;
}

#curupira-28 {
	position:absolute;
	left:458px;
	top:195px;
	width:38px;
	height:40px;
}

#curupira-29 {
	position:absolute;
	left:496px;
	top:195px;
	width:37px;
	height:60px;
}

#curupira-30 {
	position:absolute;
	left:357px;
	top:223px;
	width:38px;
	height:98px;
}

#curupira-31 {
	position:absolute;
	left:395px;
	top:223px;
	width:48px;
	height:43px;
}

#curupira-32 {
	position:absolute;
	left:80px;
	top:235px;
	width:38px;
	height:202px;
}

#curupira-33 {
	position:absolute;
	left:118px;
	top:235px;
	width:43px;
	height:44px;
}

#curupira-34 {
	position:absolute;
	left:458px;
	top:235px;
	width:38px;
	height:202px;
}

#curupira-35 {
	position:absolute;
	left:635px;
	top:235px;
	width:65px;
	height:202px;
}

#curupira-36 {
	position:absolute;
	left:315px;
	top:247px;
	width:42px;
	height:50px;
}

#curupira-37 {
	position:absolute;
	left:496px;
	top:255px;
	width:15px;
	height:182px;
}

#curupira-38 {
	position:absolute;
	left:511px;
	top:255px;
	width:51px;
	height:24px;
}

#curupira-39 {
	position:absolute;
	left:562px;
	top:255px;
	width:59px;
	height:182px;
}

#curupira-40 {
	position:absolute;
	left:161px;
	top:266px;
	width:71px;
	height:13px;
}

#curupira-41 {
	position:absolute;
	left:232px;
	top:266px;
	width:39px;
	height:41px;
}

#curupira-42 {
	position:absolute;
	left:271px;
	top:266px;
	width:44px;
	height:31px;
}

#curupira-43 {
	position:absolute;
	left:395px;
	top:266px;
	width:48px;
	height:171px;
}

#curupira-44 {
	position:absolute;
	left:118px;
	top:279px;
	width:61px;
	height:158px;
}

#curupira-45 {
	position:absolute;
	left:179px;
	top:279px;
	width:53px;
	height:50px;
}

#curupira-46 {
	position:absolute;
	left:511px;
	top:279px;
	width:51px;
	height:158;
}

#curupira-47 {
	position:absolute;
	left:271px;
	top:297px;
	width:33px;
	height:38px;
}

#curupira-48 {
	position:absolute;
	left:304px;
	top:297px;
	width:31px;
	height:38px;
}

#curupira-49 {
	position:absolute;
	left:335px;
	top:297px;
	width:22px;
	height:24px;
}

#curupira-50 {
	position:absolute;
	left:232px;
	top:307px;
	width:39px;
	height:130px;
}

#curupira-51 {
	position:absolute;
	left:335px;
	top:321px;
	width:42px;
	height:36px;
}

#curupira-52 {
	position:absolute;
	left:377px;
	top:321px;
	width:18px;
	height:116px;
}

#curupira-53 {
	position:absolute;
	left:179px;
	top:329px;
	width:53px;
	height:108px;
}

#curupira-54 {
	position:absolute;
	left:271px;
	top:335px;
	width:13px;
	height:102px;
}

#curupira-55 {
	position:absolute;
	left:284px;
	top:335px;
	width:31px;
	height:22px;
}

#curupira-56 {
	position:absolute;
	left:315px;
	top:335px;
	width:20px;
	height:102px;
}

#curupira-57 {
	position:absolute;
	left:284px;
	top:357px;
	width:31px;
	height:80px;
}

#curupira-58 {
	position:absolute;
	left:335px;
	top:357px;
	width:42px;
	height:80px;
}

#curupira-59 {
	position:absolute;
	left:0px;
	top:437px;
	width:28px;
	height:76px;
}

#curupira-60 {
	position:absolute;
	left:28px;
	top:437px;
	width:110px;
	height:76px;
}

#curupira-61 {
	position:absolute;
	left:138px;
	top:437px;
	width:662px;
	height:76px;
	background:url(images/curupira_61.jpg);
}

#easyTooltip{
	padding:5px 10px;
	border:1px solid #ccc;
	background:#f1f1f1;
	border:dotted #000000 2px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	/*font-weight: bold;*/
}

img{
	border: none;
}
-->
</style>
<link type="text/css" rel="stylesheet" href="css/galleryview.css" />
<link href="css/message.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/easyTooltip.js"></script>
<!-- End ImageReady Styles -->
<script type="text/javascript" src="js/jquery-ui.min.js"></script>

<!-- Second, add the Timer and Easing plugins -->
<script type="text/javascript" src="js/jquery.timers-1.2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

<!-- Third, add the GalleryView Javascript and CSS files -->
<script type="text/javascript" src="js/jquery.galleryview-3.0-dev.js"></script>

<script language="javascript" type="text/javascript">



$(window).load(function () {
  // run code
  
	$('#curupira_geral img').easyTooltip();
	
	var id = ('#apresentacao');
	
	var maskHeight = $(document).height();
	var maskWidth = $(window).width();
	
	$('#mask').css({'width':maskWidth,'height':maskHeight});

	$('#mask').fadeIn(1000);	
	$('#mask').fadeTo("slow",0.8);	
	
	//Get the window height and width
	var winH = $(window).height();
	var winW = $(window).width();
              
	$(id).css('top', 10);
	// winH/2-$(id).height()*0.7
	$(id).css('left', winW/2-$(id).width()/2);
	
	$(id).fadeIn(2000); 
	
	$('.window .close').click(function (e) {
		e.preventDefault();
		$('#mask').fadeOut(1000);	
		$('.window').hide();
	});		
	
	$('#mask').click(function () {
	});	
});
$(document).ready(function() {	

	$('a[name=modal]').click(function(e) {
		e.preventDefault();
		
		var id = $(this).attr('href');
	
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		$('#mask').css({'width':maskWidth,'height':maskHeight});

		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		$(id).css('top',  10);
		//winH/2-$(id).height()*0.7
		$(id).css('left', winW/2-$(id).width()/2);
	
		$(id).fadeIn(2000); 
	
	});
	
	$('.window .close').click(function (e) {
		e.preventDefault();
		$('#mask').fadeOut(1000);	
		$('.window').hide();
	});		
	
});

$(function(){
  	$('#myGallery').galleryView();
});
</script>
</head>
<body>
<!-- ImageReady Slices (mapa_curupira.jpg) -->
<div id="curupira_geral">
	<div id="curupira-01">
		<img src="images/curupira_01.jpg" width="414" height="30" alt="">
	</div>
	<div id="curupira-02">
		<a href="#zoom_rodovia" name="modal"><img src="images/curupira_02.jpg" width="109" height="70" alt="rodovia" title="rodovia"></a>
	</div>
	<div id="curupira-03">
		<img src="images/curupira_03.jpg" width="277" height="80" alt="">
	</div>
	<div id="curupira-04">
		<img src="images/curupira_04.jpg" width="304" height="63" alt="">
	</div>
	<div id="curupira-05">
		<a href="#zoom_ceasa" name="modal"><img src="images/curupira_05.jpg" width="110" height="63" alt="ceasa" title="ceasa"></a>
	</div>
	<div id="curupira-06">
		<img src="images/curupira_06.jpg" width="109" height="10" alt="">
	</div>
	<div id="curupira-07">
		<img src="images/curupira_07.jpg" width="29" height="143" alt="">
	</div>
	<div id="curupira-08">
		<a href="#zoom_camara" name="modal"><img src="images/curupira_08.jpg" width="38" height="35" alt="c&acirc;mara" title="c&acirc;mara"></a>
	</div>
	<div id="curupira-09">
		<a href="#zoom_centro_cultural" name="modal"><img src="images/curupira_09.jpg" width="52" height="62" alt="centro cultural" title="centro cultural"></a>
	</div>
	<div id="curupira-10">
		<img src="images/curupira_10.jpg" width="267" height="13" alt="">
	</div>
	<div id="curupira-11">
		<img src="images/curupira_11.jpg" width="161" height="63" alt="">
	</div>
	<div id="curupira-12">
		<a href="#zoom_agricultura" name="modal"><img src="images/curupira_12.jpg" width="143" height="102" alt="agricultura" title="agricultura"></a>
	</div>
	<div id="curupira-13">
		<img src="images/curupira_13.jpg" width="110" height="102" alt="">
	</div>
	<div id="curupira-14">
		<img src="images/curupira_14.jpg" width="88" height="162" alt="">
	</div>
	<div id="curupira-15">
		<a href="#zoom_prefeitura" name="modal"><img src="images/curupira_15.jpg" width="49" height="49" alt="prefeitura" title="prefeitura"></a>
	</div>
	<div id="curupira-16">
		<img src="images/curupira_16.jpg" width="130" height="49" alt="">
	</div>
	<div id="curupira-17">
		<img src="images/curupira_17.jpg" width="38" height="80" alt="">
	</div>
	<div id="curupira-18">
		<img src="images/curupira_18.jpg" width="52" height="53" alt="">
	</div>
	<div id="curupira-19">
		<img src="images/curupira_19.jpg" width="14" height="295" alt="">
	</div>
	<div id="curupira-20">
		<a href="#zoom_hospital" name="modal"><img src="images/curupira_20.jpg" width="65" height="93" alt="hosptital" title="hospital"></a>
	</div>
	<div id="curupira-21">
		<img src="images/curupira_21.jpg" width="100" height="295" alt="">
	</div>
	<div id="curupira-22">
		<img src="images/curupira_22.jpg" width="80" height="281" alt="">
	</div>
	<div id="curupira-23">
		<a href="#zoom_favela" name="modal"><img src="images/curupira_23.jpg" width="81" height="79" alt="aglomerado" title="aglomerado"></a>
	</div>
	<div id="curupira-24">
		<img src="images/curupira_24.jpg" width="154" height="71" alt="">
	</div>
	<div id="curupira-25">
		<a href="#zoom_praca_pessoas" name="modal"><img src="images/curupira_25.jpg" width="42" height="52" alt="praa com pessoas" title="pra&ccedil;a com pessoas"></a>
	</div>
	<div id="curupira-26">
		<img src="images/curupira_26.jpg" width="57" height="28" alt="">
	</div>
	<div id="curupira-27">
		<img src="images/curupira_27.jpg" width="15" height="242" alt="">
	</div>
	<div id="curupira-28">
		<a href="#zoom_ubs" name="modal"><img src="images/curupira_28.jpg" width="38" height="40" alt="UBS" title="UBS"></a>
	</div>
	<div id="curupira-29">
		<img src="images/curupira_29.jpg" width="37" height="60" alt="">
	</div>
	<div id="curupira-30">
		<img src="images/curupira_30.jpg" width="38" height="98" alt="">
	</div>
	<div id="curupira-31">
		 <a href="#zoom_esgoto" name="modal"><img src="images/curupira_31.jpg" width="48" height="43" alt="esgoto" title="esgoto"></a>
	</div>
	<div id="curupira-32">
		<img src="images/curupira_32.jpg" width="38" height="202" alt="">
	</div>
	<div id="curupira-33">
		<a href="#zoom_escola" name="modal"><img src="images/curupira_33.jpg" width="43" height="44" alt="escola" title="escola"></a>
	</div>
	<div id="curupira-34">
		<img src="images/curupira_34.jpg" width="38" height="202" alt="">
	</div>
	<div id="curupira-35">
		<img src="images/curupira_35.jpg" width="65" height="202" alt="">
	</div>
	<div id="curupira-36">
		<img src="images/curupira_36.jpg" width="42" height="50" alt="">
	</div>
	<div id="curupira-37">
		<img src="images/curupira_37.jpg" width="15" height="182" alt="">
	</div>
	<div id="curupira-38">
		<a href="#zoom_psf_curupira" name="modal"><img src="images/curupira_38.jpg" width="51" height="24" alt="PSF Curupira" title="PSF Curupira"></a>
	</div>
	<div id="curupira-39">
		<img src="images/curupira_39.jpg" width="59" height="182" alt="">
	</div>
	<div id="curupira-40">
		<img src="images/curupira_40.jpg" width="71" height="13" alt="">
	</div>
	<div id="curupira-41">
		<a href="#zoom_associacao" name="modal"><img src="images/curupira_41.jpg" width="39" height="41" alt="associao" title="associa&ccedil;&atilde;o"></a>
	</div>
	<div id="curupira-42">
		<img src="images/curupira_42.jpg" width="44" height="31" alt="">
	</div>
	<div id="curupira-43">
		<img src="images/curupira_43.jpg" width="48" height="171" alt="">
	</div>
	<div id="curupira-44">
		<img src="images/curupira_44.jpg" width="61" height="158" alt="">
	</div>
	<div id="curupira-45">
		<a href="#zoom_psf_vlformosa" name="modal"><img src="images/curupira_45.jpg" width="53" height="50" alt="PSF Vila Formosa" title="PSF Vila Formosa"></a>
	</div>
	<div id="curupira-46">
		<img src="images/curupira_46.jpg" width="51" height="158" alt="">
	</div>
	<div id="curupira-47">
		<img src="images/curupira_47.jpg" width="33" height="38" alt="">
	</div>
	<div id="curupira-48">
		 <a href="#zoom_igreja" name="modal"><img src="images/curupira_48.jpg" width="31" height="38" alt="igreja" title="igreja"></a>
	</div>
	<div id="curupira-49">
		<img src="images/curupira_49.jpg" width="22" height="24" alt="">
	</div>
	<div id="curupira-50">
		<img src="images/curupira_50.jpg" width="39" height="130" alt="">
	</div>
	<div id="curupira-51">
		<a href="#zoom_ong" name="modal"><img src="images/curupira_51.jpg" width="42" height="36" alt="ONG" title="ONG"></a>
	</div>
	<div id="curupira-52">
		<img src="images/curupira_52.jpg" width="18" height="116" alt="">
	</div>
	<div id="curupira-53">
		<img src="images/curupira_53.jpg" width="53" height="108" alt="">
	</div>
	<div id="curupira-54">
		<img src="images/curupira_54.jpg" width="13" height="102" alt="">
	</div>
	<div id="curupira-55">
		<a href="#zoom_praca" name="modal"><img src="images/curupira_55.jpg" width="31" height="22" alt="praa" title="pra&ccedil;a"></a>
	</div>
	<div id="curupira-56">
		<img src="images/curupira_56.jpg" width="20" height="102" alt="">
	</div>
	<div id="curupira-57">
		<img src="images/curupira_57.jpg" width="31" height="80" alt="">
	</div>
	<div id="curupira-58">
		<img src="images/curupira_58.jpg" width="42" height="80" alt="">
	</div>


	<div id="curupira-59"><img src="images/curupira_59.jpg" width="28" height="76" alt=""></div>
	<div id="curupira-60"><a href="CURUPIRA_EQUIPE_VERDE.pdf" target="_blank"><img src="images/curupira_60.jpg" width="110" height="76" alt=""></a>
	</div>
	<div id="curupira-61"></div>

</div>




<div id="boxes">


<!-- Janela Modal -->
<div id="apresentacao" class="apresentacao window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <!-- alterao paara curso 2014
            <p><strong>Apresenta&ccedil;&atilde;o</strong></p>
            -->
            <p>Ao longo do curso, voc&ecirc; conhecer&aacute; o Munic&iacute;pio de Curupira, a comunidade Vila Formosa e o trabalho realizado pela equipe Sa&uacute;de da Fam&iacute;lia &ndash; Equipe Verde do bairro de Vila Formosa. </p>
            <p>Trata-se de uma equipe fict&iacute;cia que estamos utilizando como  recurso did&aacute;tico para aproximar-se do cotidiano do trabalho das equipes de  Sa&uacute;de da Fam&iacute;lia.</p>
            <p>Nessa etapa, vamos  apresentar a Equipe Verde e o territ&oacute;rio onde ela atua.</p>
            <p>Explore o munic&iacute;pio com o mouse.</p>
            <p>Bons Estudos!</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal --> 
 
<!-- Janela Modal -->
<div id="zoom_ceasa" class="zoom_ceasa window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p><strong>CEASA</strong></p>
            <p>A cidade vive basicamente da agricultura (soja), de uma incipiente ind&uacute;stria, de agricultura e pecu&aacute;ria de subsist&ecirc;ncia em franco decl&iacute;nio e do plantio de tomate e batata, cuja produ&ccedil;&atilde;o, em sua quase totalidade &eacute; encaminhada para a Central de Abastecimento (CEASA). </p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->

 
<!-- Janela Modal -->
<div id="zoom_agricultura" class="zoom_agricultura window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p><strong>Agricultura</strong></p>
            <p>Tendo se formado principalmente a partir do &ecirc;xodo rural ocorrido na d&eacute;cada de 70 em fun&ccedil;&atilde;o do avan&ccedil;o do plantio de soja por grandes empresas, com a consequente redu&ccedil;&atilde;o da agricultura familiar de subsist&ecirc;ncia. Hoje a popula&ccedil;&atilde;o empregada vive basicamente do trabalho nas empresas rurais que plantam soja, do plantio de tomate e batata que acontece em pequenas propriedades rurais remanescentes localizadas na periferia da cidade, da presta&ccedil;&atilde;o de servi&ccedil;os e da economia informal.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->

<!-- Janela Modal -->
<div id="zoom_associacao" class="zoom_associacao window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
	    <p><strong>Associa&ccedil;&atilde;o</strong></p>
        <p>Nas &uacute;ltimas administra&ccedil;&otilde;es tem havido algum investimento p&uacute;blico na comunidade (escola, centro de sa&uacute;de, creche, asilo, etc.) em fun&ccedil;&atilde;o da press&atilde;o da associa&ccedil;&atilde;o comunit&aacute;ria, que &eacute; bastante ativa.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->

<!-- Janela Modal -->
<div id="zoom_camara" class="zoom_camara window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p><strong>C&acirc;mara</strong></p> 
            <p>Curupira &eacute; uma cidade com cerca de 80.000 habitantes, que teve um crescimento populacional importante nas duas &uacute;ltimas d&eacute;cadas em fun&ccedil;&atilde;o do &ecirc;xodo rural ocorrido na regi&atilde;o e da instala&ccedil;&atilde;o de algumas ind&uacute;strias (confec&ccedil;&otilde;es). Como em v&aacute;rias cidades brasileiras, esse crescimento n&atilde;o foi acompanhado do correspondente crescimento econ&ocirc;mico, de infraestrutura e muito menos de desenvolvimento social.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->


<!-- Janela Modal -->
<div id="zoom_centro_cultural" class="zoom_centro_cultural window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p><strong>Centro Cultural</strong></p>
            <p>A cidade sempre teve forte tradi&ccedil;&atilde;o na &aacute;rea cultural e movimenta a regi&atilde;o com o seu festival de m&uacute;sica e, ainda, preserva suas festas religiosas e seus grupos de congado.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->

<!-- Janela Modal -->
<div id="zoom_escola" class="zoom_escola window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
	    <p><strong>Escola</strong></p>
		<p>O analfabetismo &eacute; elevado principalmente entre os maiores de 40 anos, assim como a evas&atilde;o escolar entre menores de 14 anos.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->

<!-- Janela Modal -->
<div id="zoom_esgoto" class="zoom_esgoto window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p><strong>Esgoto</strong></p>
			<p>A estrutura de saneamento b&aacute;sico na comunidade deixa muito a desejar, principalmente no que se refere &agrave; rede de esgoto sanit&aacute;rio e &agrave; coleta de lixo. </p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->

<!-- Janela Modal -->
<div id="zoom_favela" class="zoom_favela window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
		    <p><strong>Aglomerado</strong></p>
            <p>Parte significativa da comunidade vive em moradias bastante prec&aacute;rias.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->

<!-- Janela Modal -->
<div id="zoom_hospital" class="zoom_hospital window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p><strong>HOSPITAL</strong></p>
            <p>Embora a estrutura do seu sistema de sa&uacute;de deixe muito a desejar, o munic&iacute;pio possui um hospital. </p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->

<!-- Janela Modal -->
<div id="zoom_igreja" class="zoom_igreja window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p><strong>Igreja</strong></p>
            <p>A popula&ccedil;&atilde;o conserva h&aacute;bitos e costumes pr&oacute;prios da popula&ccedil;&atilde;o rural brasileira e gosta de comemorar as festas religiosas, em particular as festas juninas.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->

<!-- Janela Modal -->
<div id="zoom_ong" class="zoom_ong window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
	    <p><strong>ONG</strong></p>
        <p>Existem v&aacute;rias iniciativas de trabalho na comunidade por parte da igreja e ONGs. Esses trabalhos est&atilde;o bastante dispersos e desintegrados e, em sua maioria, voltados para crian&ccedil;as, adolescentes e m&atilde;es.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->


<!-- Janela Modal -->
<div id="zoom_praca" class="zoom_praca window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p><strong>Pra&ccedil;a</strong></p>
            <p>&Eacute; alto o n&uacute;mero de desempregados e subempregados.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->

<!-- Janela Modal -->
<div id="zoom_praca_pessoas" class="zoom_praca_pessoas window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p><strong>Pra&ccedil;a com pessoas</strong></p>
            <p>Vila Formosa &eacute; uma comunidade de cerca de 6.500 habitantes e fica na periferia de Curupira.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->

<!-- Janela Modal -->
<div id="zoom_prefeitura" class="zoom_prefeitura window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p><strong>Prefeitura</strong></p>
            <p>A atividade pol&iacute;tica partid&aacute;ria &eacute; polarizada entre dois grupos pol&iacute;ticos tradicionais que se revezam &agrave; frente da administra&ccedil;&atilde;o municipal ao longo de d&eacute;cadas. Algumas lideran&ccedil;as novas t&ecirc;m aparecido e conseguido, por interm&eacute;dio da C&acirc;mara de Vereadores, fazer um contraponto &agrave;s pr&aacute;ticas pol&iacute;ticas tradicionais de cunho clientelista/assistencialista.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->


<!-- Janela Modal -->
<div id="zoom_psf_curupira" class="zoom_psf_curupira window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p><strong>PSF Curupira</strong></p>
            <p>H&aacute; aproximadamente cinco anos o munic&iacute;pio adotou a Estrat&eacute;gia de Sa&uacute;de da Fam&iacute;lia para a reorganiza&ccedil;&atilde;o da aten&ccedil;&atilde;o b&aacute;sica e conta hoje com 12 equipes na zona urbana e tr&ecirc;s na zona rural cobrindo 70% da popula&ccedil;&atilde;o. Um grande problema no desenvolvimento da Estrat&eacute;gia da SF, em que pese a uma remunera&ccedil;&atilde;o superior &agrave; m&eacute;dia do mercado, &eacute; a rotatividade dos profissionais de sa&uacute;de, particularmente de m&eacute;dicos.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->

<!--  
zoom_rodovia
zoom_ubs
-->
<!-- Janela Modal -->
<div id="zoom_psf_vlformosa" class="zoom_psf_vlformosa window">
            <ul id="myGallery">
                <li><img src="equipe_verde/equipe_verde_00.jpg"></li>
                <li><img src="equipe_verde/equipe_verde_01.jpg"></li>
                <li><img src="equipe_verde/equipe_verde_02.jpg"></li>
                <li><img src="equipe_verde/equipe_verde_03.jpg"></li>
                <li><img src="equipe_verde/equipe_verde_04.jpg"></li>
                <li><img src="equipe_verde/equipe_verde_05.jpg"></li>
                <li><img src="equipe_verde/equipe_verde_06.jpg"></li>
                <li><img src="equipe_verde/equipe_verde_07.jpg"></li>
                <li><img src="equipe_verde/equipe_verde_08.jpg"></li>
                <li><img src="equipe_verde/equipe_verde_09.jpg"></li>
                <li><img src="equipe_verde/equipe_verde_10.jpg"></li>
                <li><img src="equipe_verde/equipe_verde_11.jpg"></li>
                <li><img src="equipe_verde/equipe_verde_12.jpg"></li>
            </ul>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
</div>
<!-- Fim Janela Modal -->


<!-- Janela Modal -->
<div id="zoom_rodovia" class="zoom_rodovia window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p><strong>Rodovia</strong></p>
            <p>Devido &agrave; sua situa&ccedil;&atilde;o geogr&aacute;fica estrat&eacute;gica, tem sido utilizada na rota do tr&aacute;fico de drogas (maconha) do Nordeste para o Sudeste, com todas as consequ&ecirc;ncias desse fato: viol&ecirc;ncia e aumento do consumo de drogas.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->


<!-- Janela Modal -->
<div id="zoom_ubs" class="zoom_ubs window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
             <p><strong>UBS</strong></p>
            <p>Na &aacute;rea de sa&uacute;de, a cidade &eacute; sede da microrregi&atilde;o, sendo refer&ecirc;ncia para consultas e exames de m&eacute;dia complexidade, atendimento de urg&ecirc;ncia e emerg&ecirc;ncia.</p>
        </div>
        <div id="mensagem_btn">
        	<div id="btn_ok"><a href="#" class="close"><img src="img/fechar.png"></a></div>
        </div>
    </div>
</div>
<!-- Fim Janela Modal -->


<!-- Mscara para cobrir a tela -->
  <div id="mask"></div>

</div>
</body>
</html>