<html>
<head>
<title>UNIDADE 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/message.css" rel="stylesheet" type="text/css" />
<link href="css/secao1.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script>
<script language="javascript" type="text/javascript">
$(window).load(function () {
  // run code
	var id = ('#secao1_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',  20);
	$(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',  20);
		$(id).css('left', winW/2-$(id).width()/2);
	
		$(id).fadeIn(2000); 
	
	});
	
	$('.window .close').click(function (e) {
		e.preventDefault();
		$('#mask').fadeOut(1000);	
		$('.window').hide();
	});		
	
});
</script>
</head>
<body>
<div id="secao1">
	<div id="secao1-01">
		<img src="images/secao1_01.jpg" width="800" height="437" alt="">
	</div>
	<div id="secao1-02">
		<img src="images/secao1_02.jpg" width="26" height="73" alt="">
	</div>
	<div id="secao1-03">
    	<a href="arquivos/COMPONENTES_DO_PROCESSO_DE_TRABALHO.pdf" target="_blank"><img src="images/secao1_03.jpg" width="102" height="73" alt=""></a>
	</div>
	<div id="secao1-04">
		<img src="images/secao1_04.jpg" width="34" height="73" alt="">
	</div>
	<div id="secao1-05">
		<a href="#auto_instrucional" name="modal"><img src="images/secao1_05.jpg" width="101" height="73" alt=""></a>
	</div>
	<div id="secao1-06">
		<img src="images/secao1_06.jpg" width="34" height="73" alt="">
	</div>
	<div id="secao1-07"> </div>
	<div id="secao1-08">
		<img src="images/secao1_08.jpg" width="401" height="73" alt="">
	</div>
</div>


<div id="boxes">

<!-- Janela Modal -->
<div id="secao1_apresentacao" class="secao1_apresentacao window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
            <p>Vimos que a cultura institucional &eacute; um aspecto importante a ser considerado em processos em que queremos que ocorra mudan&ccedil;a de comportamento: &eacute; preciso compreend&ecirc;-la para modific&aacute;-la.</p>
            <p>O modo como organizamos o processo de trabalho &eacute; uma express&atilde;o desta cultura e para compreend&ecir;-lo &eacute; preciso identificar: quem faz, como faz, com o que faz, por que faz e quais os resultados alcan&ccedil;ados com o trabalho.</p>
            <p>Nessa unidade, pretendemos que voc&ecir; compreenda ou consolide os seus conhecimentos sobre os elementos que comp&otilde;em um processo de trabalho, tendo como refer&ecir;ncia o seu cotidiano e as possibilidades de transform&aacute;-lo, sempre que necess&aacute;rio. </p>
            <p>A charge (imagem) que est&aacute; dispon&iacute;vel a seguir possibilita discutir o tema processo de trabalho, neste caso, desenvolvido por um <strong>homem adulto</strong> (<strong>agente</strong> do processo). Para cortar
                a <strong>&aacute;rvore</strong> (<strong>objeto</strong> sobre o qual incidir&aacute; a a&ccedil;&atilde;o do agente) ser&aacute; utilizado o <strong>machado</strong>
                (<strong>instrumento</strong>), e ser&aacute; produzida uma <strong>cadeira de balan&ccedil;o</strong> (<strong>produto</strong>) com a <strong>finalidade</strong> de satisfazer uma necessidade (descansar com conforto). &Eacute; a finalidade que rege todo o processo de trabalho e &eacute; em fun&ccedil;&atilde;o dessa finalidade que se estabelecem os crit&eacute;rios ou par&acirc;metros de realiza&ccedil;&atilde;o do processo de trabalho.</p>
            <p>Para voc&ecirc;, qual a finalidade do trabalho desenvolvido pelos profissionais de sa&uacute;de na Aten&ccedil;&atilde;o B&aacute;sica? </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="leitura" class="leitura window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
			
        </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="auto_instrucional" class="auto_instrucional window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
			<p><strong>Atividade auto instrucional</strong></p>
<p>Nessas atividades voc&ecirc; vai ser desafiado a entrar num jogo conceitual. Para realizar as atividades voc&ecirc; deve arrastar os blocos laterais de  forma a preencher as lacunas do mapa conceitual. &nbsp;As lacunas ser&atilde;o preenchidas apenas em caso de acerto. </p>
<p>Clique nos links abaixo e boa sorte!</p>
        <p align="center"><a href="blocos/blocos.html" target="_blank">Atividade autoinstrucional 1</a></p>
        <p align="center"><a href="blocos/blocos2.html" target="_blank">Atividade autoinstrucional 2</a></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="atividade4" class="atividade4 window">
    <div id="mensagem" class="mensagem">
        <div id="mensagem_texto" class="mensagem_texto">
			<p><strong>Atividade 4 - Envio de arquivo</strong></p>
            <p>Para realizar essa atividade voc&ecirc; deve  voltar ao menu de navega&ccedil;&atilde;o principal do m&oacute;dulo processo de trabalho e acessar  o link Atividade 04.</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>