<!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">
<head>
<title>Unidade 2 - Parte 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="css/parte3.css" />
<link type="text/css" rel="stylesheet" href="css/message.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$(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);
		$(id).css('left', winW/2-$(id).width()/2);
	
		$(id).fadeIn(2000); 
	
	});
	
	$('.window .close').click(function (e) {
		e.preventDefault();
		$('#mask').fadeOut(1000);	
		$('.window').hide();
	});		
	
});

<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->

</script>
</head>
<body onLoad="MM_preloadImages('images_parte3/parte3_selecao_03.jpg','images_parte3/parte3_selecao_04.jpg','images_parte3/parte3_selecao_06.jpg','images_parte3/parte3_selecao_07.jpg')";>
<div id="parte3">
	<div id="parte3-01"><img src="images_parte3/parte3_01.jpg" width="800" height="144" alt=""></div>
	<div id="parte3-02"><img src="images_parte3/parte3_02.jpg" width="200" height="242" alt=""></div>
    <div id="parte3-03"><a href="#universalidade" name="modal" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('image03','','images_parte3/parte3_selecao_03.jpg',1)"><img src="images_parte3/parte3_03.jpg" name="image03" width="199" height="121" border="0" id="image03" /></a></div>
  <div id="parte3-04"><a href="#equidade" name="modal" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('image04','','images_parte3/parte3_selecao_04.jpg',1);"><img src="images_parte3/parte3_04.jpg" name="image04" width="199" height="121" alt=""></a></div>
	<div id="parte3-05"><img src="images_parte3/parte3_05.jpg" width="202" height="242" alt=""></div>
	<div id="parte3-06"><a href="#integralidade" name="modal" onmouseout="MM_swapImage('image06','','images_parte3/parte3_06.jpg',1);" onmouseover="MM_swapImage('image06','','images_parte3/parte3_selecao_06.jpg',1);"><img src="images_parte3/parte3_06.jpg" name="image06" width="199" height="121" alt=""></a></div>
	<div id="parte3-07"><a href="#controle" name="modal" onmouseout="MM_swapImage('image07','','images_parte3/parte3_07.jpg',1);" onmouseover="MM_swapImage('image07','','images_parte3/parte3_selecao_07.jpg',1);"><img src="images_parte3/parte3_07.jpg" name="image07" width="199" height="121" alt=""></a></div>
	<div id="parte3-08"><img src="images_parte3/parte3_08.jpg" width="800" height="48" alt=""></div>
	<div id="parte3-09">
        <div id="parte2-22"><img src="images_parte2/parte2_22.jpg" width="13" height="75" alt=""></div>
        <div id="parte2-23"><a href="parte1.html" target="_parent"><img src="images/menu_partes_23.jpg" width="101" height="75" alt=""></a></div>
        <div id="parte2-24"><img src="images_parte2/parte2_24.jpg" width="11" height="75" alt=""></div>
        <div id="parte2-25"><a href="parte2.html" target="_parent"><img src="images/menu_partes_25.jpg" width="104" height="75" alt=""></a></div>
        <div id="parte2-26"><img src="images_parte2/parte2_26.jpg" width="7" height="75" alt=""></div>
        <div id="parte2-27"><a href="parte3.html" target="_parent"><img src="images_parte2/parte2_27.jpg" width="103" height="75" alt=""></a></div>
        <div id="parte2-28"><img src="images_parte2/parte2_28.jpg" width="7" height="76" alt=""></div>
        <div id="parte2-29"><a href="ABS_ESF.pdf" target="_blank"><img src="images/abs_esf.jpg" width="103" height="75" alt=""></a></div>
      	<div id="parte2-30"><img src="images_parte2/parte2_30.jpg" width="8" height="76" alt=""></div>
        <div id="parte2-31"><a href="ATENCAO_PRIMARIA.pdf" target="_blank"><img src="images/leitura1.jpg" width="103" height="75" alt=""></a></div>
      	<div id="parte2-32"><img src="images_parte2/parte2_32.jpg" width="10" height="75" alt=""></div>
        <div id="parte2-33"><a href="POLITICA_NACIONAL_ATENCA_BASICA.pdf" target="_blank"><img src="images/leitura2.jpg" width="103" height="75" alt=""></a></div>
     	<div id="parte2-34"><img src="images_parte2/parte2_34.jpg" width="9" height="75" alt=""></div>
        <div id="parte2-35"><img src="images_parte2/index_26.jpg" width="102" height="75" alt=""></div>
      	<div id="parte2-36"><img src="images_parte2/parte2_36.jpg" width="16" height="75" alt=""></div>
   
    </div>
</div>


<div id="boxes">

<!-- Janela Modal -->
    <div id="universalidade" class="universalidade window">
        <div id="mensagem" class="mensagem">
            <div id="mensagem_texto" class="mensagem_texto">
                <p><strong>Universalidade</strong></p>
                <p><em> &quot;o acesso ao sistema de  sa&uacute;de &eacute; direito constitucional, universal e igualit&aacute;rio &agrave;s a&ccedil;&otilde;es e servi&ccedil;os  para a promo&ccedil;&atilde;o, prote&ccedil;&atilde;o e recupera&ccedil;&atilde;o da sa&uacute;de&quot;.</em></p>
                <p>O desafio de cuidar de toda uma comunidade sob responsabilidade da equipe de sa&uacute;de depende dos recursos dispon&iacute;veis e da forma como  s&atilde;o utilizados. Neste sentido, &eacute; importante que a equipe de sa&uacute;de busque mais  efici&ecirc;ncia na utiliza&ccedil;&atilde;o dos recursos dispon&iacute;veis, de modo a aumentar a oferta  de a&ccedil;&otilde;es de sa&uacute;de e atender o maior n&uacute;mero de pessoas.</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="integralidade" class="integralidade window">
        <div id="mensagem" class="mensagem">
            <div id="mensagem_texto" class="mensagem_texto">
                <p><strong>Integralidade</strong></p>
                <p>A diretriz constitucional  diz que o atendimento dever&aacute; ser integral,  com prioridade para as atividades preventivas sem preju&iacute;zo dos servi&ccedil;os assistenciais. A equipe de sa&uacute;de deve conhecer os  problemas de sa&uacute;de da comunidade onde atua, os condicionantes e  determinantes biol&oacute;gicos, sociais, econ&ocirc;micos,  culturais, ambientais, psicol&oacute;gicos, para que possa desenhar estrat&eacute;gias que  incidam sobre os diferentes momentos do desenvolvimento dos problemas.</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="equidade" class="equidade window">
        <div id="mensagem" class="mensagem">
            <div id="mensagem_texto" class="mensagem_texto">
                <p><strong>Equidade</strong></p>
                <p><em>&quot;a cada um segundo as suas necessidades&quot; .</em> </p>
                <p>&Eacute; importante conhecer as necessidades de sa&uacute;de da comunidade para utilizar os recursos existentes de modo mais adequado, considerando as situa&ccedil;&otilde;es de risco e vulnerabilidade dos indiv&iacute;duos, das fam&iacute;lias e de  grupos dentro da comunidade, ou seja, distribuir  as a&ccedil;&otilde;es e recursos em fun&ccedil;&atilde;o das necessidades das pessoas. Buscar a equidade implica conhecer as situa&ccedil;&otilde;es de risco e  vulnerabilidade e distribuir as a&ccedil;&otilde;es em fun&ccedil;&atilde;o desse diagn&oacute;stico. </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="controle" class="controle window">
        <div id="mensagem" class="mensagem">
            <div id="mensagem_texto" class="mensagem_texto">
                <p><strong>Controle</strong></p>
                <p>O princ&iacute;pio constitucional garante a participa&ccedil;&atilde;o da comunidade. &Eacute; importante que a equipe incentive e  crie espa&ccedil;os para que a comunidade participe e se corresponsabilize pelo  desenvolvimento do trabalho em todas as etapas do seu desenvolvimento defini&ccedil;&atilde;o  de prioridades, planejamento, execu&ccedil;&atilde;o e avalia&ccedil;&atilde;o. </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>