Edição do layout

Edmar Moretti
1 parent 706b5a3a
Showing 14 changed files with 362 additions and 382 deletions Show diff stats
docs/EditorTabelas.html
docs/InstalacaoWindows.html
docs/admin_acesso.html
docs/admin_catalogo.html
docs/admin_metadados.html
docs/exemploInfluenza.html
docs/exemplo_hipertensao.html
docs/files/estilos.css
docs/instalacao.html
docs/live.html
docs/objetivos.html
docs/regiao.html
docs/softwaresInstalados.html
i3geo/i3geosaude/admin.db
@@ -55,24 +55,21 @@ Criação de uma tabela com dados geográficos a partir de um shapefile&lt;/span&gt;
 <p class="MsoNormal" style="margin-bottom: 0.0001pt;">Para ter acesso
 ao gerenciador de tabelas do i3GeoSaúde, acesse o menu de administração
 e selecione a opção "Gerenciador de tabelas de dados estatísticos
-(upload de SHP e CSV)" na linha "Enviar arquivo para o servidor",
-conforme a <span style="font-weight: bold;">Figura
-1</span>.
+(upload de SHP e CSV)" na linha "Enviar arquivo para o servidor".
 </p>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/Tutoria1-imagens/figura1.png" style="width: 254px; height: 264px;" alt=""><br>
-<span style="font-weight: bold;">Figura
-1</span>: Acessando o gerenciador de tabelas.<br>
-<br>
+Acessando o gerenciador de tabelas.
+</div>
 <br>
-Em seguida, escolha o banco "i3geosaude" e o esquema "i3geo_metaestat",
-conforme a figura <span style="font-weight: bold;">Figura
-2</span>.<br>
+Em seguida, escolha o banco "i3geosaude" e o esquema "i3geo_metaestat".<br>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/Tutoria1-imagens/figura2.png" style="width: 623px; height: 289px;" alt="">
 <br>
-<span style="font-weight: bold;">Figura
-2</span>: Definindo o banco de dados e o esquema a ser criada a tabela.<br>
+Definindo o banco de dados e o esquema a ser criada a tabela.
+</div>
 <br>
 É possível criar uma tabela fazendo o upload de um arquivo Shapefile
 (extensões obrigatórias: ".shp"; ".shx" e; ".dbf"), um arquivo CSV ou
@@ -90,9 +87,10 @@ arquivo que você está inserindo e marque a opção se quiser criar uma
 coluna "gid" para ser utilizado como código único do registro. Por fim,
 clique em enviar.<br>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/Tutoria1-imagens/figura3.png" style="width: 782px; height: 556px;" alt=""><br>
-<span style="font-weight: bold;">Figura
-3: </span>Upload de arquivo shapefile<br>
+Upload de arquivo shapefile
+</div>
 <br>
 Caso apareça uma mensagem parecida com a abaixo, o upload foi realizado
 com sucesso:<br>
@@ -134,17 +132,13 @@ das colunas com as latitudes (Y) e longitudes (X). Por fim, clique em
 enviar.<br>
 <br>
-
+<div class="imagemExemplo" >
 <img style="width: 799px; height: 510px;" alt="" src="imagens/Tutoria1-imagens/figura9.png"><br>
-
-<span style="font-weight: bold;">Figura 4: </span>Upload de arquivo CSV<br>
-
+Upload de arquivo CSV
+</div>
 <br>
-
-
 Caso apareça uma mensagem parecida com a abaixo, o upload foi realizado
 com sucesso:<br>
-
 <dl>
 <dd>
 Incluindo dados</dd><dd>Registros existentes no CSV: 29</dd><dd>Registros na tabela final: 29</dd><dd><b>Feito!!!</b></dd><dd><b>Faça o reload da página	</b></dd>
@@ -163,12 +157,12 @@ Incluindo dados&lt;/dd&gt;&lt;dd&gt;Registros existentes no CSV: 29&lt;/dd&gt;&lt;dd&gt;Registros na tab
 informe o nome da nova tabela. <br>
 <br>
 Se quiser editar manualmente uma
-tabela, escolha a tabela criada na lista, conforme a <span style="font-weight: bold;">Figura 5</span>. <br>
+tabela, escolha a tabela criada na lista. <br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 582px; height: 243px;" alt="" src="imagens/Tutoria1-imagens/figura10.png"><br>
-
-
-<span style="font-weight: bold;">Figura 5: </span>Lista de tabelas existentes<br>
+Lista de tabelas existentes
+</div>
 <br>
 Para criar uma nova coluna, escolha a opção "Adicionar uma nova
 coluna". Escolha o nome da nova coluna e o tipo de registro (integer,
@@ -79,7 +79,7 @@ abra, o Windows Explorer, vá até a pasta c:\ms4w\Apache. &lt;br&gt;
 Botão Direito
 do mouse sobre a pasta "htdocs" e escolha a opção SVN Checkout.<br>
 <br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig1.png" style="width: 252px; height: 341px;" alt="fig1"></div>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig1.png" style="width: 252px; height: 341px;" alt="fig1"></div>
 <br>
 2. &nbsp;Informe a url do repositório e o
@@ -90,11 +90,11 @@ usuário e senha. Informe os dados do seu cadastro no SPB ou utilize &quot;i3geosaude
 digite http://svn.softwarepublico.gov.br/svn/i3geo/subgrupos/i3geosaude
 <br><br>
 Em "Checkout directory" digite: c:\ms4w\apache\htdocs<br><br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig2.png" style="width: 400px; height: 331px;" alt="fig2"></div>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig2.png" style="width: 400px; height: 331px;" alt="fig2"></div>
 <br>
 3. &nbsp;Clique em OK e espere terminar o Download dos dados.<br><br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig3.png" style="width: 400px; height: 248px;" alt="fig3"></div>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig3.png" style="width: 400px; height: 248px;" alt="fig3"></div>
 <br>Para confirmar que tudo ocorreu bem, abra o navegador de internet e digite http:\\localhost<br>
 </div>
@@ -123,22 +123,22 @@ deixe
 habilitada a opção Stack Builder e clique em
 Finish.<br>
 <br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig4.png" style="width: 400px; height: 310px;" alt="fig4"></div><br>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig4.png" style="width: 400px; height: 310px;" alt="fig4"></div><br>
 <br>
 4. Selecione o servidor local.<br>
 <br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig5.png" style="width: 400px; height: 272px;" alt="fig5"></div><br>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig5.png" style="width: 400px; height: 272px;" alt="fig5"></div><br>
 <br>
 5. Selecione a opção postgis 64bit ou 32bit de
 acordo com
 a instalação do PostgreSQL.<br><br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig6.png" style="width: 400px; height: 272px;" alt="fig6"></div><br>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig6.png" style="width: 400px; height: 272px;" alt="fig6"></div><br>
 <br>
 6. Clique em avançar até chegar na tela em que
 é
 pedido a senha informada na instalação do PostgreSQL.<br>
 <br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig7.png" style="width: 400px; height: 311px;" alt="fig7"></div><br>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig7.png" style="width: 400px; height: 311px;" alt="fig7"></div><br>
 <br>
 7. No menu iniciar, digite PgAdmin e inicie o programa. Será
 pedido a senha novamente.<br>
@@ -146,37 +146,37 @@ pedido a senha novamente.&lt;br&gt;
 8. Crie um novo banco de dados. Para isso, clique com o botão
 direto do mouse em cima de Databases e depois em New Database.<br>
 <br>
-<div style=text-align:center; >
+<div class="imagemExemplo" >
 <img src="imagens/instalacao/Fig8.png" style="width: 333px; height: 277px;" alt="fig8"></div><br>
 9. Chame-o de i3geosaude<br>
 <br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig9.png" style="width: 378px; height: 249px;" alt="fig9"></div>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig9.png" style="width: 378px; height: 249px;" alt="fig9"></div>
 <br>
 <br>
 10. Na aba Definition, preencha-a de acordo com a figura e clique em OK<br>
 <br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig10.png" style="width: 400px; height: 216px;" alt="fig10"></div>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig10.png" style="width: 400px; height: 216px;" alt="fig10"></div>
 <br>
 <br>
 11. Clique com o botão direito sobre o banco i3geosaude e em
 seguida em Restore<br>
 <br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig11.png" style="width: 326px; height: 347px;" alt="fig11"></div>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig11.png" style="width: 326px; height: 347px;" alt="fig11"></div>
 <br>
 <br>
 12. Selecione o arquivo databasei3geosaude.backup que se encontra no
 diretório C:\ms4w\Apache\htdocs, depois clique em Restore.
 <br>
 <br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig12.png" style="width: 400px; height: 329px;" alt="fig12"></div>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig12.png" style="width: 400px; height: 329px;" alt="fig12"></div>
 <br>
 <br>
 13. Selecione o banco i3geosaude e em seguida clique na
 opção SQL<br>
 <br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig13.png" style="width: 282px; height: 277px;" alt="fig13"></div>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig13.png" style="width: 282px; height: 277px;" alt="fig13"></div>
 <br>
 <br>
 14. Na janela que se abrirá, clique na
@@ -185,19 +185,19 @@ e selecione o arquivo
 "legacy_minimal.sql" que fica no diretório: <span style="font-weight: bold;">C:\Program
 Files\PostgreSQL\9.2\share\contrib\postgis-2.0\</span><br style="font-weight: bold;">
 <br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig14.png" style="width: 400px; height: 245px;" alt="fig14"></div>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig14.png" style="width: 400px; height: 245px;" alt="fig14"></div>
 <br>
 <br>
 15. Clique no botão Execute query.<br>
 <br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig15.png" style="width: 400px; height: 246px;" alt="fig16"></div>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig15.png" style="width: 400px; height: 246px;" alt="fig16"></div>
 <br>
 <br>
 16. Feche a janela de consulta<br>
 No seu navegador de preferência digite: http://localhost/ e
 comece a trabalhar!!!<br>
 <br>
-<div style=text-align:center; ><img src="imagens/instalacao/Fig16.png" style="width: 400px; height: 213px;" alt="fig16"></div>
+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig16.png" style="width: 400px; height: 213px;" alt="fig16"></div>
 </div>
 <div class="trail-box-bottom">
 <img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"><img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7"></div>
 <!DOCTYPE html>
 <html><head>
-
-
-
-
 	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
 	<meta charset="UTF-8"><title>i3GeoSaude</title>
-
 	<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
 	<link rel="stylesheet" type="text/css" href="./files/estilos.css"></head><body class="blue-bg">
 <div id="wrapper-flex">
@@ -23,13 +18,13 @@ Para isso utilize a opção existente na parte
 superior da
 página e no formulário de
 autenticação
-utilize o nome de usuário "i3geosaude" e a senha "i3geosaude" (Figura
-1).<br>
+utilize o nome de usuário "i3geosaude" e a senha "i3geosaude".<br>
 &nbsp;<br>
+<div class="imagemExemplo">
 <img src="imagens/admin_acesso_login.png" style="width: 553px; height: 362px;" alt="Login Administrativo"><br>
-<span style="font-weight: bold;">Figura
-1: </span>Autenticação
+Autenticação
 como usuário Administrativo (i3geosaude).
+</div>
 <br><br>
 <div class="trail-box">
@@ -69,7 +64,7 @@ alguns
 botões de acesso rápido para as
 funções de
 uso mais comum. Todas as ferramentas de administração são apresentadas
-no menu cascata localizado à esquerda (Figura 2). Cada opção é
+no menu cascata localizado à esquerda. Cada opção é
 apresentada em uma linha
 que deve ser
 expandida para se ter acesso às
@@ -77,9 +72,10 @@ operações. Por meio desse menu é permitido ao administrador do sistema
 ações como testar a instalação do i3geo, cadastrar e manipualar dados e
 metadados, configurar serviços etc.<br><br>As principais operações de administração que afetam o uso de cartogramas pelo i3GeoSaúde encontram-se no item chamado "Metadados estatísticos".<br>
 <br>
+<div class="imagemExemplo">
 <img src="imagens/admin_menu1reduzido.png" style="width: 180px; height: 372px;" alt="visão parcial do menu administrador"><br>
-<span style="font-weight: bold;">Figura
-2: </span>Ferramentas de administração do i3GeoSaúde
+Ferramentas de administração do i3GeoSaúde
+</div>
 &nbsp;&nbsp;<a href="index.html"><br>
 </a></div>
 <div class="trail-box-bottom">
 <!DOCTYPE html>
 <html><head>
-
-
 	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
-
-
 	<meta charset="UTF-8"><title>Operando o catálogo do i3GeoSaude</title>
-
-
-
-
 	<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
-
-
 	<link rel="stylesheet" type="text/css" href="./files/estilos.css"></head><body class="blue-bg">
-
 <div id="wrapper-flex">
 <div style="background-color: white;">
 <div class="f-page-auto-cell" id="doc">
@@ -67,22 +56,22 @@ móvel.&lt;br&gt;
 catálogo</h1>
 </div>
 <div class="trail-box-content">Para ter acesso à barra de catálogo,
-abra a guia lateral conforme a <span style="font-weight: bold;">Figura
-1</span> e clique no botão <span style="font-weight: bold;">Catálogo</span>
+abra a guia lateral e clique no botão <span style="font-weight: bold;">Catálogo</span>
 <img style="width: 38px; height: 35px;" alt="" src="imagens/AdminCatalogo/figura13.jpg">.<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 333px; height: 296px;" alt="" src="imagens/Interface/guialateral.jpg"><br>
-<span style="font-weight: bold;">Figura 1</span>: Acesso ao catálogo
-pela guia lateral<br>
+Acesso ao catálogo
+pela guia lateral</div>
 <br>
 O catálogo apresenta uma barra de
-ícones com as seguintes opções:<br>
-<p class="MsoNormal" style="margin-bottom: 0.0001pt;">&nbsp;
-&nbsp;
-&nbsp; <img style="width: 201px; height: 26px;" alt="figura1" src="imagens/AdminCatalogo/figura1.jpg"><br>
-&nbsp; &nbsp; &nbsp;&nbsp; <span style="font-weight: bold;">Figura 2</span>:
+ícones com as seguintes opções:<br><br>
+
+<div class="imagemExemplo" >
+<img style="width: 201px; height: 26px;" alt="figura1" src="imagens/AdminCatalogo/figura1.jpg"><br>
 Ícones de opções de
-catálogos de temas</p>
+catálogos de temas</div>
+<br>
 <ul>
 	<li>A ferramenta <span style="font-weight: bold;">Refresh</span><small style="font-weight: bold;">,</small>
 representada pelo ícone <img style="width: 22px; height: 24px;" alt="figura2" src="imagens/AdminCatalogo/figura2.jpg">,&nbsp;
@@ -100,9 +89,10 @@ apresentando opções de conexão com
 serviços.</li>
 </ul>
 &nbsp; <br>
-&nbsp;&nbsp; <img style="width: 266px; height: 159px;" alt="figura3" src="imagens/AdminCatalogo/figura11.jpg"><br>
-&nbsp; &nbsp;<span style="font-weight: bold;"> Figura 3</span>:
-Opções de serviços.<br>
+<div class="imagemExemplo" >
+<img style="width: 266px; height: 159px;" alt="figura3" src="imagens/AdminCatalogo/figura11.jpg"><br>
+Opções de serviços.
+</div>
 <br>
 <ul>
 	<li>O Upload é
@@ -113,13 +103,14 @@ dados locais ao servidor para inclusão no mapa. É
 possível utilizar dados nos formatos
 “SHAPEFILE”,
 DBF, CSV, GPX, KML ou KMZ
-conforme, visualizado na <span style="font-weight: bold;">Figura 4</span>.</li>
+.</li>
 </ul>
 <br>
-&nbsp; &nbsp;<img style="width: 258px; height: 145px;" alt="figura3" src="imagens/AdminCatalogo/figura12.jpg"><br>
-<span style="font-weight: bold;">Figura 4</span>:
+<div class="imagemExemplo" >
+<img style="width: 258px; height: 145px;" alt="figura3" src="imagens/AdminCatalogo/figura12.jpg"><br>
 Opções
-de Upload de arquivos.<br>
+de Upload de arquivos.
+</div>
 <br>
 <ul>
 	<li>O&nbsp;<span style="font-weight: bold;"></span>
@@ -194,7 +185,7 @@ mapa
 	<li>O ícone <img style="width: 20px; height: 20px;" alt="" src="imagens/AdminCatalogo/figura15.jpg"> abre a janela flutuante para a edição e análise dos <span style="font-weight: bold;">Cartogramas estatísticos</span>.<br>
 </li>
-</ul><br>
+</ul>
 </div>
 <div class="trail-box-bottom"><img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"> <img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7">
@@ -215,14 +206,15 @@ temas&lt;/h1&gt;
 de ícones é mostrada uma árvore que
 permite o
 acesso aos temas pré-configurados pelo administrador do
-sistema,&nbsp;como pode ser visto na
-<span style="font-weight: bold;">Figura 5</span>.<br>
+sistema.<br>
 <br>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/AdminCatalogo/arvore_temas_exemplo.jpg" alt="exemplo de uma árvore de temas" style="width: 378px; height: 580px;"><br>
-<span style="font-weight: bold;">
-Figura 5:</span> Exemplo de uma
-árvore de temas</p>
+Exemplo de uma
+árvore de temas
+</div>
+<br>
 <p class="MsoNormal" style="margin-bottom: 0.0001pt;">Existem quatro
 tipos de árvores básicas: serviços,
 temas
@@ -293,11 +285,13 @@ uma das funções de determinado sistema
 é escolhida.</li>
 </ul>
 <br>Observe que alguns itens aparecem em vermelho o que indica que é visível apenas para usuários que estejam logados no sistema.<br><br>
-<p class="MsoNormal" style="margin-bottom: 0.0001pt;"><img style="width: 274px; height: 499px;" alt="figura10" src="imagens/AdminCatalogo/figura10.jpg"></p>
-<p class="MsoNormal" style="margin-bottom: 0.0001pt;"><span style="font-weight: bold;">Figura 5</span>:
+<div class="imagemExemplo" >
+	<img style="width: 274px; height: 499px;" alt="figura10" src="imagens/AdminCatalogo/figura10.jpg"><br>
 Árvore de temas do
-catálogo.<br>
-</p>
+catálogo.
+</div>
+<br>
+
 <p class="MsoNormal" style="margin-bottom: 0.0001pt;">O
 catálogo
 pode também ser utilizado em aplicativos que utilizam KML
 <!DOCTYPE html>
 <html><head>
-
-
-
-
   <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
   <meta charset="UTF-8"><title>Administrando o i3GeoSaude</title>
@@ -138,13 +134,12 @@ Censo 2010.&lt;br&gt;
 <br>
 <div class="trail-box">
 <div class="trail-box-header"><img src="files/trails-box-tr.png" class="right" alt="" height="21" width="7"><img src="files/trails-box-tl.png" class="left" alt="" height="21" width="7"><comment title=" here is the box header " xmlns="http://disruptive-innovations.com/zoo/nvu"></comment>
-<h1><span style="font-weight: bold;"><a name="1criacao">Criação
+<h1><span style="font-weight: bold;">Criação
 de uma
 variável</span></h1>
 </div>
 <div class="trail-box-content">
-<p class="MsoNormal" style="margin-bottom: 0.0001pt;"></p>
-<p class="MsoNormal" style="margin-bottom: 0.0001pt;">A
+A
 criação de uma variável pode ocorrer de duas
 formas: usando o assistente (no modo usuário) acionado a
 partir
@@ -154,37 +149,36 @@ utilizando a opção &quot;Metadados
 Estatísticos",
 disponível no módulo de
 administração.<br>
-</p>
-<p class="MsoNormal" style="margin-bottom: 0.0001pt;">Para utilizar o
+<br>
+Para utilizar o
 modo administrador, abra o item "Metadados Estatísticos", e
-escolha "Cadastro principal de variáves", conforme pode ser
-visto na Figura 1 (Menu de opções de Metadados
-Estatísticos). Para ir direto utilize a url: http://localhost/i3geo/admin/html/estat_variavel.html</p>
-<p class="MsoNormal" style="margin-bottom: 0.0001pt;"></p>
+escolha "Cadastro principal de variáves". Para ir direto utilize a url: http://localhost/i3geo/admin/html/estat_variavel.html</p>
+<div class="imagemExemplo" >
 <img src="imagens/admin_menu_metadados.png" style="width: 232px; height: 359px;" alt="Menu Metadados Estatísticos"><br>
-<span style="font-weight: bold;">Figura
-1: </span>Menu de
+Menu de
 opções do item&nbsp;Metadados
-Estatísticos.<br>
+Estatísticos.
+</div>
 <br>
 Em seguida, será apresentada a página contendo as
-variáveis cadastradas, conforme pode ser visto na Figura 2.<br>
+variáveis cadastradas.<br>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/metastat0-criando1VARIAVEL.jpg" style="width: 588px; height: 297px;" alt="Variáveis cadastradas no metadados"><br>
-<span style="font-weight: bold;">Figura
-2: </span>Variáveis
-cadastradas no catálogo de metadados estatísticos.<br>
+Variáveis
+cadastradas no catálogo de metadados estatísticos.
+</div>
 <br>
 Para criar uma variável, basta clicar em "Adicionar
 variável". Crie a variável com nome
-"População", como é mostrado na Figura
-3.<br>
+"População".<br>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/metastat0-criando2VARIAVEL.jpg" style="width: 610px; height: 269px;" alt="criação de uma variável"><br>
-<span style="font-weight: bold;">Figura
-3: </span>Criação
+Criação
 de uma variável no catálogo de metadados
-estatísticos.<br>
+estatísticos.
+</div>
 <br>
 </div>
 <div class="trail-box-bottom">
@@ -201,16 +195,17 @@ próximo passo
 é definir
 uma medida à variável. Neste caso, basta clicar
 em
-"Adicionar nova medida da variável", como visto na Figura 4.<br>
+"Adicionar nova medida da variável".<br>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/metastat1-adicionaMedidaVARIAVEL.jpg" style="width: 525px; height: 303px;" alt="adicionando medida da variável"><br>
-<span style="font-weight: bold;">Figura
-4: </span>Adicionando
-uma medida à variável.<br>
+Adicionando
+uma medida à variável.
+</div>
 <br>
 No exemplo, a medida terá os seguintes atributos que devem
 ser
-preenchidos na janela vista na Figura 4. Em alguns atributos, os
+preenchidos. Em alguns atributos, os
 valores são obtidos clicando em um ícone de
 listagem (<img src="imagens/iconeListagem.jpg" style="width: 19px; height: 17px;" alt="icone listagem de opções">).<br>
 <div style="margin-left: 40px;">
@@ -236,12 +231,14 @@ registro da tabela com os valores: &lt;span style=&quot;font-weight: bold;&quot;&gt;ibge&lt;/span&gt;&lt;
 Depois de preencher todos os atributos da medida, clique em "Salvar".
 Como resultado, surgirá a página com a
 variável e
-a medida adicionadas aos metadados, conforme pode ser visto na Figura 5.<br>
+a medida adicionadas aos metadados.<br>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/metastat1b-adicionaMedida_RESULT.jpg" style="width: 474px; height: 174px;" alt="Variável e medida adicionadas aos metadados"><br>
-<span style="font-weight: bold;">Figura
-5: </span>Variável
-e medida adicionadas aos metadados.</div>
+Variável
+e medida adicionadas aos metadados.
+</div>
+</div>
 <div class="trail-box-bottom"><img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"> <img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7">
 </div>
 </div>
@@ -256,41 +253,37 @@ que a medida é criada,
 é o momento de definir a forma de
 classificação
 dos valores da variável. Clique em
-"Classificações" e escolha um nome. O exemplo
-pode ser
-visto na Figura 6.<br>
+"Classificações" e escolha um nome.<br>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/metastat1c-adicionaMedida_CLASSIFIC.jpg" style="width: 494px; height: 177px;" alt="adicionando classificação"><br>
-<span style="font-weight: bold;">Figura
-6:</span>
 Adicionando uma classificação à medida
-da variável.<br>
+da variável.
+</div>
 <br>
-Em seguida, clique no ícone "criar classes", conforme
-é
-indicado na Figura 7. Essa tarefa permitirá gerar
+Em seguida, clique no ícone "criar classes". Essa tarefa permitirá gerar
 automaticamente os intervalos classificados em faixas de valores e
 cores.<br>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/metastat1c-adicionaMedida_CLASSIFIC-geraINTERVALO.jpg" style="width: 477px; height: 187px;" alt="gerando classes e valores"><br>
-<span style="font-weight: bold;">Figura
-7:</span>
 Ícone "criar classes" para geração da
-classificação.<br>
+classificação
+</div>
 <br>É apresentada uma janela com as opções para criar as classes.
 Primeiramente, escolha o número de classes a ser criado. Clique no
 botão "Escolher Cores" para a
 definição das cores que
-servirão de legenda para as classes da medida. Como visto na
-Figura 8, escolhe-se os valores de cores no padrão RGB (red,
+servirão de legenda para as classes da medida. Escolhe-se os valores de cores no padrão RGB (red,
 green, blue), e&nbsp;clicando em "Aplicar cores", o processo
 é
 confirmado.<br>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/metastat1c-adicionaMedida_CLASSIFIC-geraINTERVALO-CLASSES-CORES.jpg" style="width: 504px; height: 484px;" alt="cores de classificação"><br>
-<span style="font-weight: bold;">Figura
-8: </span>Definição
-das cores das classes.<br>
+Definição
+das cores das classes.
+</div>
 <br>
 Após confirmar as cores das classes, é o momento
 de
@@ -303,14 +296,15 @@ pode ir das dezenas aos milhares), a opção
 escolhida foi
 por "Intervalos iguais". O sistema irá gerar faixas
 de
-valores de acordo com o número de classes indicada e com a paleta de cores selecionada, conforme visto na Figura 9. Note que é
+valores de acordo com o número de classes indicada e com a paleta de cores selecionada.
+ Note que é
 possível
 editar esses valores e configurar novas faixas.<br>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/metastat1c-adicionaMedida_CLASSIFIC-geraINTERVALO-CLASSES-INT_IGUAIS.jpg" style="width: 605px; height: 449px;" alt="geração de intervalos iguais"><br>
-<span style="font-weight: bold;">Figura
-9:</span>
-Geração dos intervalos de valores iguais.<br>
+Geração dos intervalos de valores iguais.
+</div>
 </div>
 <div class="trail-box-bottom">
 <img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"><img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7"></div>
@@ -332,33 +326,32 @@ cartograma
 estatístico, em seguida adicione com camada ao mapa do
 i3GeoSaúde. Essas tarefas podem ser vistas na
 seguência de
-imagens das Figura 10, 11, 12 e 13.<br>
+imagens abaixo.<br>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/menu_ferramenta_cartograma.jpg" style="width: 514px; height: 505px;" alt="opção ferramentas - cartograma"> <br>
-<span style="font-weight: bold;">Figura
-10:</span>
 Opção para visualizar os cartogramas
-estatísticos.<br>
+estatísticos.
+</div>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/cartograma_variavel_prop_camada.jpg" style="width: 428px; height: 360px;" alt="camada">
 &nbsp;<br>
-<span style="font-weight: bold;">Figura
-11:</span>
 Escolha da variável e medida, com destaque para o
-ícone de propriedades da camada.<br>
-<br>
+ícone de propriedades da camada.
+</div>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/cartograma_variavel_prop_camada-2.jpg" style="width: 576px; height: 412px;" alt="propriedades camada"> <br>
-<span style="font-weight: bold;">Figura
-12:</span>
 Propriedades da medida para
-representação&nbsp;das classes na camada.<br>
+representação&nbsp;das classes na camada.
+</div>
 <br>
+<div class="imagemExemplo" >
 <img src="imagens/cartograma_variavel_prop_camada-3.jpg" style="width: 618px; height: 374px;" alt="visualização do mapa na camada adicionada"><br>
-<span style="font-weight: bold;">Figura
-13: </span>Visualização
-da variável adicionada como camada ao mapa.<br>
-<br>
+Visualização
+da variável adicionada como camada ao mapa.
+</div>
 <br>
 </div>
 <div class="trail-box-bottom">
 <!DOCTYPE html>
 <html lang="pt-br"><head>
-
-
-
   <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
   <meta charset="UTF-8"><title>i3GeoSaude</title>
@@ -43,17 +40,15 @@ Variável&lt;/a&gt;&quot;.&lt;br&gt;
 <br>
 Como trata-se de uma nova variável, clique no
 botão "<span style="font-weight: bold;">ou crie uma nova</span>"
-(ver <span style="font-weight: bold;">Figura
-1</span>: criando a
-variável).<br>
 <br>
+<br>
+<div class="imagemExemplo" >
 <img style="width: 312px; height: 196px;" alt="6" src="imagens/exemplo1/img06.jpg"><br>
-<span style="font-weight: bold;">Figura
-1</span>: Criando a
-Variável.<br>
+Criando a
+Variável.
+</div>
 <br>
-Abre-se uma&nbsp;janela (vista na <span style="font-weight: bold;">Figura
-2</span>),
+Abre-se uma&nbsp;janela 
 onde iremos definir um nome para nossa
 variável.&nbsp;Neste
 exemplo, iremos utilizar uma simulação de casos
@@ -69,40 +64,38 @@ pois é
 opcional.
 Terminado, clique no botão "Salva".<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 454px; height: 253px;" alt="7" src="imagens/exemplo1/img07.jpg"><br>
-<span style="font-weight: bold;">Figura
-2</span>: Salvando nova
-variável.<br>
+Salvando nova
+variável.
+</div>
 <br>
 Uma vez salvo, sua variável já esta criada e deve
 estar
 disponível para seleção. &nbsp;<br>
 <br>
-Selecione sua variável e clique no botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> (<span style="font-weight: bold;">Figura
-3</span>)
-para darmos
+Selecione sua variável e clique no botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG">
+ para darmos
 continuidade e criar uma medida para nossa variável.<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 312px; height: 195px;" alt="8" src="imagens/exemplo1/img08.jpg"><br>
-<span style="font-weight: bold;">Figura
-3</span>: Selecionando uma
-variável.&nbsp;<br>
+Selecionando uma
+variável.&nbsp;
+</div>
 <br>
 Nesta janela, note que nossa variável ainda não
 possui
 medida. Então, clique no botão "<span style="font-weight: bold;">ou crie uma nova</span>"
-(vista na <span style="font-weight: bold;">Figura
-4:</span> Criando
-nova
-medida).<br>
 <br>
+<br>
+<div class="imagemExemplo" >
 <img style="width: 311px; height: 195px;" alt="9" src="imagens/exemplo1/img09.jpg"><br>
-<span style="font-weight: bold;">Figura
-4</span>: Criando nova medida para a
-variável.<br>
+Criando nova medida para a
+variável.
+</div>
 <br>
-Em seguida, surgirá uma nova janela (ver <span style="font-weight: bold;">Figura 5:</span>
-Editor de medidas). Nesta
+Em seguida, surgirá uma nova janela. Nesta
 janela, iremos definir os atributos da medida da variável,
 que
 permitirão configurar a visualização
@@ -113,7 +106,7 @@ com os dados já esteja disponível no banco de
 dados do
 i3GeoSaúde (veja o tutorial sobre "<a target="_blank" href="criacao_banco_dados-variavel.html">Como
 criar o
-banco de dados</a>."), marque a opção "<span style="font-weight: bold;">Quero usar uma tabela já existente ou alterar os parâmetros adicionais"</span>. Se a mesma ainda não estiver no banco, na próxima tela (<span style="font-weight: bold;">Figura 12</span>)
+banco de dados</a>."), marque a opção "<span style="font-weight: bold;">Quero usar uma tabela já existente ou alterar os parâmetros adicionais"</span>. Se a mesma ainda não estiver no banco, na próxima tela 
 há uma opção para fazer o upload da mesma no formato ".CSV". Prossiga o
 processo deixando as configurações de tabela com os valores padrões,
 faça o upload da tabela e retorne para o assistente de criação de
@@ -143,32 +136,35 @@ exemplo estão
 georeferenciadas em nível de bairro)</li>
 </ul>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 462px; height: 251px;" alt="10" src="imagens/exemplo1/img10.jpg"><br>
-<span style="font-weight: bold;">Figura
-5</span>: Editor de medidas da
-variável.<br>
+Editor de medidas da
+variável.
+</div>
 <br>
 <ul>
   <li><span style="font-weight: bold;">Conexão</span>:
 para a conexão ao banco de dados escolha "i3geosaude"
 (conexão
-padrão, vista na <span style="font-weight: bold;">Figura 6</span>).</li>
+padrão).</li>
 </ul>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 295px; height: 115px;" alt="11" src="imagens/exemplo1/img11.jpg"><br>
-<span style="font-weight: bold;">Figura
-6</span>: Selecionando&nbsp;a
-conexão.<br>
+Selecionando&nbsp;a
+conexão.
+</div>
 <br>
 <ul>
   <li><span style="font-weight: bold;">Esquema do banco</span>:
-a tabela encontra-se no esquema "i3geo_metaest" (veja a <span style="font-weight: bold;">Figura 7</span>)</li>
+a tabela encontra-se no esquema "i3geo_metaest"</li>
 </ul>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 271px; height: 140px;" alt="12" src="imagens/exemplo1/img12.jpg"><br>
-<span style="font-weight: bold;">Figura
-7</span>: Selecionando esquema do
-banco.<br>
+Selecionando esquema do
+banco.
+</div>
 <br>
 <ul>
   <li><span style="font-weight: bold;">Tabela do Banco</span>:
@@ -176,21 +172,23 @@ voce deve escolher a tabela a qual possui os dados para a medida, no
 exemplo, a tabela chama-se "influenza".</li>
 </ul>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 213px; height: 133px;" alt="13" src="imagens/exemplo1/img13.jpg"><br>
-<span style="font-weight: bold;">Figura
-8</span>: Selecionando tabela.<br>
+Selecionando tabela.
+</div>
 <br>
 <ul>
   <li><span style="font-weight: bold;">Coluna de
 ligação com a tabela GEO</span>:
 Escolhemos a coluna
 da tabela que possui os códigos das regiões,
-neste caso "codigoregiao" (como visto na Figura 9).</li>
+neste caso "codigoregiao".</li>
 </ul>
+<div class="imagemExemplo" >
 <img style="width: 242px; height: 181px;" alt="14" src="imagens/exemplo1/img14.jpg"><br>
-<span style="font-weight: bold;">Figura
-9</span>: Selecionando coluna
-dos códigos das regiões.<br>
+Selecionando coluna
+dos códigos das regiões.
+</div>
 <br>
 <ul>
   <li> <span style="font-weight: bold;">Coluna com valores</span>:
@@ -198,70 +196,78 @@ Coluna
 que possui os valores da medida da variável, para
 cada&nbsp;região (bairro). Neste exemplo, o valor
 está na
-coluna chamada "num_casos", como visto na <span style="font-weight: bold;">Figura 10</span>.</li>
+coluna chamada "num_casos".</li>
 </ul>
+<div class="imagemExemplo" >
 <img style="width: 221px; height: 186px;" alt="15" src="imagens/exemplo1/img15.jpg"><br>
-<span style="font-weight: bold;">Figura
-10</span>: Selecionando a coluna
-com os valores da medida.<br>
+Selecionando a coluna
+com os valores da medida.
+</div>
 <br>
 <ul>
   <li><span style="font-weight: bold;">Coluna com os IDs</span>:
-selecionamos aqui a coluna "gid" (veja <span style="font-weight: bold;">Figura
-11</span>),
+selecionamos aqui a coluna "gid",
 que é a coluna padrão com os valores de
 identificação (os chamados "id") dos
 dados.&nbsp;</li>
 </ul>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 218px; height: 199px;" alt="16" src="imagens/exemplo1/img16.jpg"><br>
-<span style="font-weight: bold;">Figura
-11</span>: Selecionando a coluna
-"gid". <br>
+Selecionando a coluna
+"gid"
+</div>
 <br>
 Após a configuração de nossa medida,
 para salvar
 basta que clique no botão "Salva" que está
-localizado no topo da janela, como foi&nbsp;visto na <span style="font-weight: bold;">Figura
-5</span>. Em seguida, o sistema
+localizado no topo da janela. Em seguida, o sistema
 i3GeoSaúde reapresenta a janela do assistente para
 edição e criação
-de&nbsp;''medida da variável" (vista na <span style="font-weight: bold;">Figura 4</span>).
+de&nbsp;''medida da variável".
 Assim, prossiga o processo clicando&nbsp;no
-botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para o upload de CSV (veja essa janela na <span style="font-weight: bold;">Figura 12</span>).<br>
+botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para o upload de CSV.<br>
 <br>
 Caso a
 tabela
 com os dados ainda não esteja disponível no banco de
 dados do
-i3GeoSaúde, é possível fazer o upload da mesma clicando no botão "Upload CSV" visto no <span style="font-weight: bold;">Figura 12</span>. Se a tabela já existir no banco, ignore esta etapa e prossiga o processo clicando&nbsp;no
+i3GeoSaúde, é possível fazer o upload da mesma clicando no botão "Upload CSV". Se a tabela já existir no banco, ignore esta etapa e prossiga o processo clicando&nbsp;no
 botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG">.<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 403px; height: 369px;" alt="" src="imagens/exemplo1/img19.jpg"><br>
-<span style="font-weight: bold;">Figura 12: </span>Upload de CSV.<br>
+Upload de CSV.
+</div>
 <br>
 Na janela de upload de CSV, escolha a variável e a medida de variável a
 qual os dados inseridos pertencem, selecione o arquivo .csv e envie. Em
 seguida, cadastre as definições de sua tabela nos campos, de acordo com
 as indicações do item 2 do tutorial <a href="http://localhost/docs/admin_metadados.html">Metadados estatísticos (como criar uma variável)</a>.<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 503px; height: 497px;" alt="" src="imagens/exemplo1/img20.jpg"><br>
-<span style="font-weight: bold;">Figura 13: </span>Cadastro de medida variável<br>
+Cadastro de medida variável
+</div>
 <br>
-Ao terminar o cadastro dos dados, clique em "Concluir envio". Se aparecer uma mensagem semelhante à da <span style="font-weight: bold;">Figura 14 </span>o envio do CSV foi feito corretamente. Feche a janela de upload e clique no botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para prosseguir para a criação de classes para a medida variável.<br>
+Ao terminar o cadastro dos dados, clique em "Concluir envio". 
+Se aparecer uma mensagem semelhante à da <span style="font-weight: bold;">Figura abaixo </span>o envio do CSV foi feito corretamente. Feche a janela de upload e clique no botão <img style="width: 30px; height: 22px;" alt="b" src="imagens/exemplo1/untitled.JPG"> para prosseguir para a criação de classes para a medida variável.<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 276px; height: 162px;" alt="" src="imagens/exemplo1/img21.jpg"><br>
-<span style="font-weight: bold;">Figura 14: </span>Mensagem de conclusão do envio do CSV.<br>
+Mensagem de conclusão do envio do CSV.
+</div>
 <br>
-Na janela vista na <span style="font-weight: bold;">Figura 15</span>,
+Na janela vista na figura abaixo,
 clique no botão "<span style="font-weight: bold;">ou crie uma
 nova</span>''
 para criar uma nova classificação.<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 383px; height: 286px;" alt="17" src="imagens/exemplo1/img17.jpg"><br>
-<span style="font-weight: bold;">Figura
-15</span>: Criando
-classificação.<br>
+Criando
+classificação.
+</div>
 <br>
 Agora, é apresentada a janela que corresponde à
 última
@@ -269,24 +275,26 @@ etapa de configuração da nossa
 variável,
 responsável pela geração dos
 intervalos de valores
-para representação das legendas coloridas (veja <span style="font-weight: bold;">Figura 13</span>).<br>
+para representação das legendas coloridas.<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 410px; height: 335px;" alt="n" src="imagens/usuario/usuario21.jpg"><br>
-<span style="font-weight: bold;">Figura 16</span>:
 Definindo cores e
-intervalos.<br>
+intervalos.
+</div>
 <br>
 Primeiro, escolhemos um conjunto de cores para nosso
-intervalo.&nbsp;Definidas as cores (conforme visto na <span style="font-weight: bold;">Figura 17</span>),
+intervalo.&nbsp;Definidas as cores,
 clique no botão "Aplicar cores".<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 285px; height: 432px;" alt="18" src="imagens/exemplo1/img18.jpg"><br>
-<span style="font-weight: bold;">Figura
-17</span>: Selecionando cores.<br>
+Selecionando cores.
+</div>
 <br>
 Após selecionar as cores, basta clicar em no
 botão "5
-intervalos iguais" (veja a <span style="font-weight: bold;">Figura 16</span>)
+intervalos iguais" 
 para finalizar a criação
 desta variável.
 </div>
@@ -306,46 +314,46 @@ Para visualizar a variável e a medida na forma de
 cartograma,
 entre na tela de mapas, escolha no menu suspenso&nbsp;
 "Ferramentas" o
-ítem "Cartogramas estatísticos", conforme visto
-na <span style="font-weight: bold;">Figura
-18.</span><br>
+ítem "Cartogramas estatísticos".<br>
 <br>
-&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
-&nbsp;&nbsp; &nbsp; &nbsp; <img style="width: 251px; height: 512px;" alt="figura 1" src="imagens/digitarDados/fig2.jpg"><br>
-&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
-&nbsp; &nbsp;&nbsp; <span style="font-weight: bold;">Figura 18</span>:
-&nbsp;Menu ferramentas da tela de mapas.<br>
+<div class="imagemExemplo" >
+<img style="width: 251px; height: 512px;" alt="figura 1" src="imagens/digitarDados/fig2.jpg"><br>
+Menu ferramentas da tela de mapas.
+</div>
 <br>
 Em seguida, surge a janela onde devemos selecionar a
 variável
-que será visualizada no cartograma. Na <span style="font-weight: bold;">Figura 19</span>, escolha a
+que será visualizada no cartograma. Escolha a
 variável do exemplo, chamada "Influenza".<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 256px; height: 248px;" alt="figura02" src="imagens/exemplo1/figura02.jpg"><br>
-&nbsp;&nbsp; <span style="font-weight: bold;">Figura 19</span>:
-&nbsp;Escolhendo a variável.<br>
+Escolhendo a variável.
+</div>
 <br>
 Depois, selecione a medida da&nbsp;
 variável, indicando a abrangência que
 será
 analisada no mapa, em "Escolha uma medida da variável" a
-opção "Influenza por bairro" (veja <span style="font-weight: bold;">Figura 20</span>).
+opção "Influenza por bairro".
 <br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 260px; height: 292px;" alt="figura002" src="imagens/exemplo1/figura002.jpg"><br>
-<span style="font-weight: bold;">Figura 20</span>: &nbsp;Escolhendo a
-medida da variável.<br>
+Escolhendo a
+medida da variável.
+</div>
 <br>
 No exempo elaborado neste tutoral, usamos um parâmetro de
-tempo definido por "<span style="font-weight: bold;">Ano"</span>
-(como visto na <span style="font-weight: bold;">Figura 21</span>),
+tempo definido por "<span style="font-weight: bold;">Ano"</span>,
 e o valor exibido serão os anos de ocorrência do
 fenômeno na tabela de dados da variável. <br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 254px; height: 283px;" alt="figura0002" src="imagens/exemplo1/figura0002.jpg"><br>
-<span style="font-weight: bold;">Figura
-21</span>: &nbsp;Escolhendo o
-parâmetro por "Ano"<br>
+Escolhendo o
+parâmetro por "Ano"
+</div>
 <br>
 Finalmente, clique em "Adicionar
 camada ao mapa" (para adicionar outros períodos basta
@@ -358,15 +366,12 @@ parâmetro definido pelo usuário.&lt;br&gt;
 Lembre que o cartograma é adicionado como um nova camada (de
 tema), entre as outras camadas já existentes. Todas essas
 camadas podem ser vistas a partir da visibilidade da guia lateral do
-i3GeoSaúde, marcando&nbsp;ou desmarcando&nbsp;um tema,
-como
-demonstrado na <span style="font-weight: bold;">Figura 22</span>.<br>
+i3GeoSaúde, marcando&nbsp;ou desmarcando&nbsp;um tema.<br>
 <br>
-&nbsp;&nbsp;&nbsp; <img src="imagens/exemplo1/figura3.jpg" alt="figura *" style="width: 315px; height: 350px;"><br>
-&nbsp;&nbsp;&nbsp; <span style="font-weight: bold;">Figura 22</span>:
+<div class="imagemExemplo" >
+<img src="imagens/exemplo1/figura3.jpg" alt="figura *" style="width: 315px; height: 350px;"><br>
 Guia lateral de camadas de temas.
-<br>
-
+</div>
 </div>
 <div class="trail-box-bottom">
 <img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"><img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7"></div>
@@ -389,13 +394,13 @@ evolução de&amp;nbsp;eventos. Para isso, navegue
 no menu
 suspenso
 "Ferramentas", &nbsp;e escolha a opção
-"Animação", conforme é visto na Figura
-4.<br>
+"Animação".<br>
 <br>
-&nbsp;&nbsp;&nbsp; <img style="width: 245px; height: 200px;" alt="figura 12" src="imagens/exemplo1/figura4.jpg"><br>
-&nbsp;&nbsp;&nbsp; <span style="font-weight: bold;">Figura 23</span>:
+<div class="imagemExemplo" >
+<img style="width: 245px; height: 200px;" alt="figura 12" src="imagens/exemplo1/figura4.jpg"><br>
 Menu "Ferramentas", opção
-"Animação".<br>
+"Animação".
+</div>
 <br>
 Após clicar no ítem
 "Animação", o
@@ -405,29 +410,28 @@ onde será escolhido os
 temas que&nbsp;farão parte da
 animação. Confirme o
 processo de animação clicando no botão
-"Iniciar"
-(identificado na <span style="font-weight: bold;">Figura 24</span>
-pelo apontador).<br>
+"Iniciar".<br>
 <br>
-&nbsp;&nbsp;&nbsp; <img style="width: 189px; height: 151px;" alt="figura 5" src="imagens/exemplo1/figura5.jpg"><br>
-&nbsp;&nbsp;&nbsp; <span style="font-weight: bold;">Figura 24:</span>
-Janela&nbsp;Animação.<br>
+<div class="imagemExemplo" >
+<img style="width: 189px; height: 151px;" alt="figura 5" src="imagens/exemplo1/figura5.jpg"><br>
+Janela Animação.
+</div>
 <br>
 Uma vez iniciada a animação ocorrerá
 um efeito de
 alternância
 entre os valores dos parâmetros, para o exemplo em
-questão, os valores entre "2005" e "2010", conforme
-é
-visto na <span style="font-weight: bold;">Figura 25</span> (1) e (2), respectivamente.<br>
-<br>
-&nbsp;&nbsp;&nbsp; <img style="width: 604px; height: 591px;" alt="figura 7" src="imagens/exemplo1/figura6.jpg"> &nbsp;
-&nbsp;&nbsp;
-&nbsp; &nbsp; &nbsp; &nbsp; <br>
-&nbsp;&nbsp;&nbsp; <img style="width: 604px; height: 590px;" alt="figura7" src="imagens/exemplo1/figura7.jpg"><br>
-&nbsp; &nbsp;&nbsp; <span style="font-weight: bold;">Figura 25</span>:
+questão, os valores entre "2005" e "2010".<br>
+<br>
+<div class="imagemExemplo" >
+<img style="width: 604px; height: 591px;" alt="figura 7" src="imagens/exemplo1/figura6.jpg"><br>
+</div>
+<br>
+<div class="imagemExemplo" >
+<img style="width: 604px; height: 590px;" alt="figura7" src="imagens/exemplo1/figura7.jpg"><br>
 Tema com referência a "2005" (1);
-Tema com referência a "2010" (2).<br>
+Tema com referência a "2010" (2).
+</div>
 </div>
 <div class="trail-box-bottom">
 <img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"><img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7"></div>
@@ -438,4 +442,4 @@ Tema com referência a &quot;2010&quot; (2).&lt;br&gt;
 </div>
 </div>
 </div>
-</body></html>
 \ No newline at end of file
+</body></html>
 <!DOCTYPE html>
 <html><head>
-
-
   <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
   <meta charset="UTF-8"><title>Administrando o i3GeoSaude</title>
@@ -39,24 +37,25 @@ foram previamente criados no i3GeoSaúde.&lt;br&gt;
 </div>
 <div class="trail-box-content">No
 menu "Ferramentas" selecione a
-opção "Cartogramas estatísticos" (<span style="font-weight: bold;">Figura 1</span>).<br>
+opção "Cartogramas estatísticos".<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 251px; height: 512px;" alt="figura 1" src="imagens/digitarDados/fig2.jpg"><br>
-<span style="font-weight: bold;">Figura
-1: </span>Menu ferramentas -
-Cartogramas estatísticos.<br>
+Menu ferramentas -
+Cartogramas estatísticos.
+</div>
 <br>
 Em seguida, será apresentada uma janela onde você deve
 escolher a
 variável definida no i3GeoSaúde. No exemplo visto
-na <span style="font-weight: bold;">Figura
-2</span>, a variável
+na figura abaixo, a variável
 chama-se "Casos_Doentes".<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 284px; height: 335px;" alt="figura 2" src="imagens/exemplo_hipertensao/ScreenHunter_05%20Mar.%2008%2008.36.jpg"><br>
-<span style="font-weight: bold;">Figura
-2: </span>Caixa de
-seleção de variáveis.<br>
+Caixa de
+seleção de variáveis.
+</div>
 <br>
 Após selecionar a variável e cicar em "Adicionar
 camada
@@ -64,21 +63,21 @@ ao mapa&quot;,&amp;nbsp; é importante que você clique
 no
 ícone denomindado "Análise", localizado
 na&nbsp; parte
-superior direito da janela vista na <span style="font-weight: bold;">Figura
-2</span>.
-Através da ferramenta "Análise" (vista na <span style="font-weight: bold;">Figura 3</span>),
+superior direito da janela vista na figura abaixo.
+
+Através da ferramenta "Análise",
 será possível&nbsp;filtrar os
 dados,&nbsp;&nbsp;escolhendo o primeiro botão da
 janela ("Focar
 o mapa em um determinado limite geográfico").
 &nbsp;Escolha
 a&nbsp; sequência para os limites: <span style="font-weight: bold;">Estado-&gt;município-&gt;bairro</span>
-.(Figura
-3)<br>
+.<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 270px; height: 222px;" alt="figura 6" src="imagens/exemplo_hipertensao/ScreenHunter_11%20Mar.%2008%2008.58.jpg"><br>
-<span style="font-weight: bold;">Figura
-3: </span>Ferramentas de<span style="font-weight: bold;"> </span>Análise.<br>
+Análise.
+</div>
 <br>
 O próximo passo é determinar a forma de
 visualizar o cartograma com os dados da variável.<br>
@@ -93,27 +92,27 @@ visualizar o cartograma com os dados da variável.&lt;br&gt;
 <h1><span style="font-weight: bold;"><a name="2medida_variável"></a>Formas de visualização&nbsp;</span></h1>
 </div>
 <div class="trail-box-content">Os
-cartogramas podem ser visualizadas pelas ferramentas: OpenLayers
-(<span style="font-weight: bold;">Figura
-4</span>), Google Maps (<span style="font-weight: bold;">Figura 5</span>)
-e Google Earth (<span style="font-weight: bold;">Figura 6</span>).<br>
+cartogramas podem ser visualizadas pelas ferramentas: OpenLayers, 
+Google Maps 
+e Google Earth.<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 361px; height: 468px;" alt="Figura 4" src="imagens/exemplo_hipertensao/ScreenHunter_13%20Mar.%2008%2009.28.jpg"><br>
-<span style="font-weight: bold;">Figura
-4: </span>Visualização
-com o OpenLayers.<br>
-<br>
+Visualização
+com o OpenLayers.
+</div>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 357px; height: 408px;" alt="Figura 5" src="imagens/exemplo_hipertensao/ScreenHunter_14%20Mar.%2008%2009.30.jpg"><br>
-<span style="font-weight: bold;">Figura
-5: </span>Visualização
-com&nbsp; Google Maps.<br>
-<br>
+Visualização
+com&nbsp; Google Maps.
+</div>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 380px; height: 249px;" alt="figura 6" src="imagens/exemplo_hipertensao/ScreenHunter_12%20Mar.%2008%2009.23.jpg"><br>
-<span style="font-weight: bold;">Figura
-6</span>:
-Visualização usando o Google Earth.</div>
+Visualização usando o Google Earth.
+</div>
+</div>
 <div class="trail-box-bottom"><img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"> <img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7">
 </div>
 </div>
@@ -123,4 +122,4 @@ Visualização usando o Google Earth.&lt;/div&gt;
 </div>
 </div>
 </div>
-</body></html>
 \ No newline at end of file
+</body></html>
 /* -------- Estilos -----------*/
+.imagemExemplo{
+	text-align: center;
+	color: gray;
+}
 body {
 	background-size: cover;
@@ -158,7 +158,7 @@ automaticamente, abra a pasta raiz da unidade USB e execute o arquivo
 mouse
 sobre o arquivo, escolha "Executar como&nbsp;Administrador".<br>
 <br>
-<div style=text-align:center; >
+<div class="imagemExemplo" >
 <img style="width: 547px; height: 404px;" alt="tela da m&aacute;quina virtual"
  src="imagens/telamaquinavirtual.png"><br>
  Tela de abertura do software da m&aacute;quina virtual,
@@ -66,13 +66,13 @@ será feita no Windows.&lt;br&gt;
 e instale-o.<br>
 <br>
 2. Abra o LILI.<br><br>
-<div style=text-align:center; ><img style="width: 244px; height: 400px;" alt="lili" src="imagens/live/Lili.png"></div><br>
+<div class="imagemExemplo" ><img style="width: 244px; height: 400px;" alt="lili" src="imagens/live/Lili.png"></div><br>
 3. Escolha um pendrive:<br><br>
-<div style=text-align:center; ><img style="width: 366px; height: 99px;" alt="lil-pen" src="imagens/live/Lili-pendrive.png"></div>
+<div class="imagemExemplo" ><img style="width: 366px; height: 99px;" alt="lil-pen" src="imagens/live/Lili-pendrive.png"></div>
 <br>
 4. Escolha o arquivo .iso, no nosso caso i3geosaude.iso<br><br>
-<div style=text-align:center; ><img style="width: 368px; height: 136px;" alt="fonte" src="imagens/live/Lili-fonte.png"></div>
+<div class="imagemExemplo" ><img style="width: 368px; height: 136px;" alt="fonte" src="imagens/live/Lili-fonte.png"></div>
 <br>
 5. Escolha o tamanho da persistência. Caso seja utilizado em uma
 máquina virtual é necessário ter um
@@ -80,20 +80,20 @@ arquivo de
 persistência para que as alterações
 feitas durante
 a execução dos programas sejam gravadas.<br><br>
-<div style=text-align:center; ><img style="width: 368px; height: 113px;" alt="persistencia" src="imagens/live/Lili-persistencia.png"></div><br>
+<div class="imagemExemplo" ><img style="width: 368px; height: 113px;" alt="persistencia" src="imagens/live/Lili-persistencia.png"></div><br>
 <br>
 6. Marque todas as opções. A última
 opção instalará dentro do pendrive uma
 máquina virtual que possibilitará testar o
 i3GeoSaúde de dentro do Windows.<br><br>
-<div style=text-align:center; >
+<div class="imagemExemplo" >
 <img style="width: 368px; height: 115px;" alt="opção" src="imagens/live/Lili-opcao.png"></div><br>
 Caso você queira utilizar o pendrive para ligar o computador inicializando o Xubuntu diretamente, fora da máquina virtual, deixe a terceira opção desmarcada.<br>
 <br>
 7. Clique no raio para começar o processo de
 criação do pendrive inicializável. Este processo
 levará alguns minutos. <br><br>
-<div style=text-align:center; >
+<div class="imagemExemplo" >
 <img style="width: 368px; height: 115px;" alt="instalação" src="imagens/live/Lili-instal.png"></div>
 <br>
 <b style="font-weight: normal;" id="docs-internal-guid-3b843861-b39a-c7fe-dd67-a5954774fa55">
@@ -128,7 +128,7 @@ isso.&lt;br&gt;
 1. Pelo Windows Explorer, acesse o pendrive, entre na pasta
 VirtualBox e execute o arquivo VirtualBox.exe. Clique na
 opção Settings.<br><br>
-<div style=text-align:center; >
+<div class="imagemExemplo" >
 <img style="width: 361px; height: 145px;" alt="virtbox 0" src="imagens/live/vbox0.png"></div>
 <br>
 2. <b style="font-weight: normal;" id="docs-internal-guid-3b843861-b3a2-ab50-69cd-4d76ca8626ae"><span style="font-size: 15px; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline;">Na
@@ -137,7 +137,7 @@ janela que irá abrir, clique na opção &lt;/span&gt;&lt;span style=&quot;font-size: 15px; fo
 altere o tamanho da opção </span><span style="font-size: 15px; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; font-weight: normal; font-style: italic; font-variant: normal; text-decoration: none; vertical-align: baseline;">Base
 Memory</span><span style="font-size: 15px; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline;">,
 mova o cursor até o final da linha verde.<br><br>
-<div style=text-align:center; >
+<div class="imagemExemplo" >
 <img style="width: 400px; height: 299px;" alt="virtual box" src="imagens/live/vbox1.png"></div>
 <br>
 3. Feito isso, clique em ok e feche o VirtualBox<br>
@@ -146,19 +146,19 @@ mova o cursor até o final da linha verde.&lt;br&gt;&lt;br&gt;
 espere
 a inicialização.<br>
 <br>
-<div style=text-align:center; >
+<div class="imagemExemplo" >
 <img style="width: 400px; height: 365px;" alt="vgbox" src="imagens/live/vboxg0.png"></div><br>
 6. A senha para o usuário i3geosaude é i3geosaude. Digite a
 senha e clique em iniciar sessão.<br><br>
-<div style=text-align:center; >
+<div class="imagemExemplo" >
 <img style="width: 400px; height: 329px;" alt="vboxg1" src="imagens/live/vboxg1.png"></div><br>
 7.
 Clique no icone i3GeoSaúde que se encontra na área
 de
 trabalho. E comece a trabalhar!<br><br>
-<div style=text-align:center; >
+<div class="imagemExemplo" >
 <img style="width: 400px; height: 316px;" alt="i3geosaude" src="imagens/live/vboxg2.png"></div>
 <br>
 </div>
@@ -56,7 +56,7 @@ i3GeoSaúde. Em &quot;Documentação&quot; são apresentados os manuais explicando o
 funcionamento. Para acessar as principais funcionalidades
 do sistema, acesse o menu "Acesse o Sistema".<br>
 <br>
-<div style="text-align:center;">
+<div class="imagemExemplo">
 <img alt="funcionalidades principais do i3geosaude" src="imagens/funcionalidades.jpeg">
 </div>
 <br>
 <!DOCTYPE html>
 <html><head>
-
-
   <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
   <meta charset="UTF-8"><title>Cadastrando nova região</title>
@@ -12,9 +10,9 @@
 <div class="f-page-auto-cell" id="doc">
 <div class="imginicio"><img onclick="window.history.back()" style="border: 0px solid ; width: 40px; height: 40px;" alt="inicio" src="files/inicio.gif"></div>
 <h1>Cadastrando
-região</h1>
+regi&otilde;es ou localidades</h1>
 <a name="inicio"></a>
-<br>
+
 O i3GeoSaúde possibilita cadastrar regiões com
 definições diferentes das previamente
 estabelecidas
@@ -42,29 +40,27 @@ do i3geo ,
 clique no item "Metadados estatísticos", em seguinda no
 subitem
 "Cadastro de Tabelas com regiões
-geogáaficas", como desmostrado na <span style="font-weight: bold;">Figura 1</span>.<br>
+geográficas".<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 255px; height: 352px;" alt="metatestat" src="imagens/regiao/rg05.jpg"><br>
-<span style="font-weight: bold;">Figura
-1:</span> Menu Metadados
-estatísticos. <br>
-<br>
+Menu Metadados
+estatísticos.
+</div>
 <br>
 Na pagina do "Metadados estatísticos - cadastro de tabelas
 de
 regiões geográficas", clique no botão
 "Adicionar
-um novo registro, como indicado na <span style="font-weight: bold;">Figura
-2</span>.<br>
+um novo registro.<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 289px; height: 146px;" alt="nova" src="imagens/regiao/rg01.jpg"><br>
-<span style="font-weight: bold;">Figura
-2:</span> Botão
-adicionar um novo registro.<br>
-<br>
+Botão
+adicionar um novo registro.
+</div>
 <br>
-Após clicar no botão (<span style="font-weight: bold;">Figura
-2</span>) surgirá um novo
+Após clicar no botão de adi&ccedil;&atilde;o, surgirá um novo
 registro, o
 qual
 será usado para o cadastro da nova região. Clique
@@ -75,27 +71,27 @@ janela de
 edição e definir alguns valores, entre eles a
 definição da
 tabela que
-será usada para registrar a nova região (ver <span style="font-weight: bold;">Figura 3</span>).<br>
+será usada para registrar a nova região.<br>
 <br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 600px; height: 116px;" alt="editar" src="imagens/regiao/rg06.jpg"><br>
-<span style="font-weight: bold;">Figura
-3</span>: novo cadastro de
-região.<br>
-<br>
+novo cadastro de
+região.
+</div>
 <br>
 Na janela de "Editor" iremos definir alguns campos para a nova
-região (<span style="font-weight: bold;">Figura 4</span>),
+região,
 conforme descritos a seguir:<br>
 <br>
 <span style="font-weight: bold;">Nome</span>:
 Defina o nome do novo
-tipo de região. No exemplo, visto na <span style="font-weight: bold;">Figura 4</span>,
-definiu-se "Micro região".<span style="font-weight: bold;"></span><br>
+tipo de região. No exemplo,
+definiu-se "Micro região".<br>
 <br>
 <span style="font-weight: bold;">Descrição</span>:
 Escreva uma breve descrição sobre o tipo de
-região.<span style="font-weight: bold;"></span><br>
+região.<br>
 <br>
 <span style="font-weight: bold;">Código
 da
@@ -109,15 +105,14 @@ Neste exemplo a tabela da nova região esta cadastrada no
 esquema
 ''i3geo_metaestat".<span style="font-weight: bold;"></span><br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 407px; height: 385px;" alt="dados da região" src="imagens/regiao/rg08.jpg"><br>
-<span style="font-weight: bold;">Figura
-4:</span> Definindo os atributos de
-edição para uma região.<br>
-<br>
-Ao descer&nbsp;a barra lateral (veja a <span style="font-weight: bold;">Figura
-4),
-</span>deve-se definir novos campos
-do "Editor" (veja a <span style="font-weight: bold;">Figura 5</span>),
+Definindo os atributos de
+edição para uma região.
+</div>
+<br>
+Ao descer&nbsp;a barra lateral deve-se definir novos campos
+do "Editor",
 como a seguir:<br>
 <span style="font-weight: bold;"><br>
 Tabela:</span> Selecione a tabela
@@ -140,16 +135,15 @@ a
 data em que os dados foram coletados (opcional).<span style="font-weight: bold;"></span><br style="font-weight: bold;">
 <br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 409px; height: 390px;" alt="cadastro" src="imagens/regiao/rg09.jpg">&nbsp;&nbsp;<br>
-<span style="font-weight: bold;">Figura
-5:</span> Definindo campos
-complementares na janela "Editor".<br>
+Definindo campos
+complementares na janela "Editor".
+</div>
 <br>
-Após definir os campos da <span style="font-weight: bold;">Figura
-5</span>, role para baixo a barra
+Após definir os campos role para baixo a barra
 lateral novamente, e selecione as
-novas opções indicadas ( ver <span style="font-weight: bold;">Figura
-6</span>), como apresentado abaixo:<br>
+novas opções indicadas como apresentado abaixo:<br>
 <span style="font-weight: bold;"><br>
 Coluna
 com o código de cada
@@ -183,23 +177,25 @@ SRDI: &lt;/span&gt;Já
 automaticamente o código 4326
 por padrão.<span style="font-weight: bold;"></span><br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 407px; height: 387px;" alt="cadastro" src="imagens/regiao/rg10.jpg"><br>
-<span style="font-weight: bold;">Figura
-6:</span> Definindo novos campos da
-janela "Editor".<br>
-<br>
+Definindo novos campos da
+janela "Editor".
+</div>
 <br>
 Após definido todas as informações
 solicitadas,
-clique no botão "Salvar" que pode ser visto na <span style="font-weight: bold;">Figura 4</span>.<br>
+clique no botão "Salvar".<br>
 Agora o novo tipo de região está cadastrado e os
 novos
 limites já podem ser definidos.<br>
 <br>
+<div class="imagemExemplo" >
 <img style="width: 600px; height: 209px;" alt="regiào cadastrada." src="imagens/regiao/rg11.jpg"><br>
-<span style="font-weight: bold;">Figura
-7: </span>Região
-cadastrada.<br>
+Região
+cadastrada.
+</div>
+
 </div>
 <div class="trail-box-bottom">
 <img src="./files/trails-box-br.png" class="right" alt="" height="6" width="7"><img src="./files/trails-box-bl.png" class="left" alt="" height="6" width="7"></div>
@@ -66,7 +66,7 @@ acessar
 tanto o c&oacute;digo como a documenta&ccedil;&atilde;o
 geral da
 ferramenta. <br><br>
-<div style=text-align:center; >
+<div class="imagemExemplo" >
 <img style="width: 527px; height: 367px;" alt="pagina i3geo"
 src="imagens/pag_i3geo_portalsoftware.jpg"><br>
 P&aacute;gina do
@@ -106,7 +106,7 @@ desse tipo de software, o que tamb&amp;eacute;m afeta o funcionamento
 do
 i3Geo.<br>
 <br>
-<div style=text-align:center; >
+<div class="imagemExemplo" >
 <img style="width: 467px; height: 212px;"
 alt=""
 src="imagens/pag_mapserver.jpg"><br>
	@@ -79,7 +79,7 @@ abra, o Windows Explorer, vá até a pasta c:\ms4w\Apache. <br>		@@ -79,7 +79,7 @@ abra, o Windows Explorer, vá até a pasta c:\ms4w\Apache. <br>
79	Botão Direito	79	Botão Direito
80	do mouse sobre a pasta "htdocs" e escolha a opção SVN Checkout.<br>	80	do mouse sobre a pasta "htdocs" e escolha a opção SVN Checkout.<br>
81	<br>	81	<br>
82	-<div style=text-align:center; ><img src="imagens/instalacao/Fig1.png" style="width: 252px; height: 341px;" alt="fig1"></div>	82	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig1.png" style="width: 252px; height: 341px;" alt="fig1"></div>
83	<br>	83	<br>
84		84
85	2.  Informe a url do repositório e o	85	2.  Informe a url do repositório e o
	@@ -90,11 +90,11 @@ usuário e senha. Informe os dados do seu cadastro no SPB ou utilize "i3geosaude		@@ -90,11 +90,11 @@ usuário e senha. Informe os dados do seu cadastro no SPB ou utilize "i3geosaude
90	digite http://svn.softwarepublico.gov.br/svn/i3geo/subgrupos/i3geosaude	90	digite http://svn.softwarepublico.gov.br/svn/i3geo/subgrupos/i3geosaude
91	<br><br>	91	<br><br>
92	Em "Checkout directory" digite: c:\ms4w\apache\htdocs<br><br>	92	Em "Checkout directory" digite: c:\ms4w\apache\htdocs<br><br>
93	-<div style=text-align:center; ><img src="imagens/instalacao/Fig2.png" style="width: 400px; height: 331px;" alt="fig2"></div>	93	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig2.png" style="width: 400px; height: 331px;" alt="fig2"></div>
94	<br>	94	<br>
95		95
96	3.  Clique em OK e espere terminar o Download dos dados.<br><br>	96	3.  Clique em OK e espere terminar o Download dos dados.<br><br>
97	-<div style=text-align:center; ><img src="imagens/instalacao/Fig3.png" style="width: 400px; height: 248px;" alt="fig3"></div>	97	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig3.png" style="width: 400px; height: 248px;" alt="fig3"></div>
98	<br>Para confirmar que tudo ocorreu bem, abra o navegador de internet e digite http:\\localhost<br>	98	<br>Para confirmar que tudo ocorreu bem, abra o navegador de internet e digite http:\\localhost<br>
99		99
100	</div>	100	</div>
	@@ -123,22 +123,22 @@ deixe		@@ -123,22 +123,22 @@ deixe
123	habilitada a opção Stack Builder e clique em	123	habilitada a opção Stack Builder e clique em
124	Finish.<br>	124	Finish.<br>
125	<br>	125	<br>
126	-<div style=text-align:center; ><img src="imagens/instalacao/Fig4.png" style="width: 400px; height: 310px;" alt="fig4"></div><br>	126	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig4.png" style="width: 400px; height: 310px;" alt="fig4"></div><br>
127	<br>	127	<br>
128	4. Selecione o servidor local.<br>	128	4. Selecione o servidor local.<br>
129	<br>	129	<br>
130	-<div style=text-align:center; ><img src="imagens/instalacao/Fig5.png" style="width: 400px; height: 272px;" alt="fig5"></div><br>	130	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig5.png" style="width: 400px; height: 272px;" alt="fig5"></div><br>
131	<br>	131	<br>
132	5. Selecione a opção postgis 64bit ou 32bit de	132	5. Selecione a opção postgis 64bit ou 32bit de
133	acordo com	133	acordo com
134	a instalação do PostgreSQL.<br><br>	134	a instalação do PostgreSQL.<br><br>
135	-<div style=text-align:center; ><img src="imagens/instalacao/Fig6.png" style="width: 400px; height: 272px;" alt="fig6"></div><br>	135	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig6.png" style="width: 400px; height: 272px;" alt="fig6"></div><br>
136	<br>	136	<br>
137	6. Clique em avançar até chegar na tela em que	137	6. Clique em avançar até chegar na tela em que
138	é	138	é
139	pedido a senha informada na instalação do PostgreSQL.<br>	139	pedido a senha informada na instalação do PostgreSQL.<br>
140	<br>	140	<br>
141	-<div style=text-align:center; ><img src="imagens/instalacao/Fig7.png" style="width: 400px; height: 311px;" alt="fig7"></div><br>	141	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig7.png" style="width: 400px; height: 311px;" alt="fig7"></div><br>
142	<br>	142	<br>
143	7. No menu iniciar, digite PgAdmin e inicie o programa. Será	143	7. No menu iniciar, digite PgAdmin e inicie o programa. Será
144	pedido a senha novamente.<br>	144	pedido a senha novamente.<br>
	@@ -146,37 +146,37 @@ pedido a senha novamente.<br>		@@ -146,37 +146,37 @@ pedido a senha novamente.<br>
146	8. Crie um novo banco de dados. Para isso, clique com o botão	146	8. Crie um novo banco de dados. Para isso, clique com o botão
147	direto do mouse em cima de Databases e depois em New Database.<br>	147	direto do mouse em cima de Databases e depois em New Database.<br>
148	<br>	148	<br>
149	-<div style=text-align:center; >	149	+<div class="imagemExemplo" >
150	<img src="imagens/instalacao/Fig8.png" style="width: 333px; height: 277px;" alt="fig8"></div><br>	150	<img src="imagens/instalacao/Fig8.png" style="width: 333px; height: 277px;" alt="fig8"></div><br>
151		151
152		152
153	9. Chame-o de i3geosaude<br>	153	9. Chame-o de i3geosaude<br>
154	<br>	154	<br>
155	-<div style=text-align:center; ><img src="imagens/instalacao/Fig9.png" style="width: 378px; height: 249px;" alt="fig9"></div>	155	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig9.png" style="width: 378px; height: 249px;" alt="fig9"></div>
156	<br>	156	<br>
157	<br>	157	<br>
158	10. Na aba Definition, preencha-a de acordo com a figura e clique em OK<br>	158	10. Na aba Definition, preencha-a de acordo com a figura e clique em OK<br>
159	<br>	159	<br>
160	-<div style=text-align:center; ><img src="imagens/instalacao/Fig10.png" style="width: 400px; height: 216px;" alt="fig10"></div>	160	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig10.png" style="width: 400px; height: 216px;" alt="fig10"></div>
161	<br>	161	<br>
162	<br>	162	<br>
163	11. Clique com o botão direito sobre o banco i3geosaude e em	163	11. Clique com o botão direito sobre o banco i3geosaude e em
164	seguida em Restore<br>	164	seguida em Restore<br>
165	<br>	165	<br>
166	-<div style=text-align:center; ><img src="imagens/instalacao/Fig11.png" style="width: 326px; height: 347px;" alt="fig11"></div>	166	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig11.png" style="width: 326px; height: 347px;" alt="fig11"></div>
167	<br>	167	<br>
168	<br>	168	<br>
169	12. Selecione o arquivo databasei3geosaude.backup que se encontra no	169	12. Selecione o arquivo databasei3geosaude.backup que se encontra no
170	diretório C:\ms4w\Apache\htdocs, depois clique em Restore.	170	diretório C:\ms4w\Apache\htdocs, depois clique em Restore.
171	<br>	171	<br>
172	<br>	172	<br>
173	-<div style=text-align:center; ><img src="imagens/instalacao/Fig12.png" style="width: 400px; height: 329px;" alt="fig12"></div>	173	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig12.png" style="width: 400px; height: 329px;" alt="fig12"></div>
174	<br>	174	<br>
175	<br>	175	<br>
176	13. Selecione o banco i3geosaude e em seguida clique na	176	13. Selecione o banco i3geosaude e em seguida clique na
177	opção SQL<br>	177	opção SQL<br>
178	<br>	178	<br>
179	-<div style=text-align:center; ><img src="imagens/instalacao/Fig13.png" style="width: 282px; height: 277px;" alt="fig13"></div>	179	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig13.png" style="width: 282px; height: 277px;" alt="fig13"></div>
180	<br>	180	<br>
181	<br>	181	<br>
182	14. Na janela que se abrirá, clique na	182	14. Na janela que se abrirá, clique na
	@@ -185,19 +185,19 @@ e selecione o arquivo		@@ -185,19 +185,19 @@ e selecione o arquivo
185	"legacy_minimal.sql" que fica no diretório: <span style="font-weight: bold;">C:\Program	185	"legacy_minimal.sql" que fica no diretório: <span style="font-weight: bold;">C:\Program
186	Files\PostgreSQL\9.2\share\contrib\postgis-2.0\</span><br style="font-weight: bold;">	186	Files\PostgreSQL\9.2\share\contrib\postgis-2.0\</span><br style="font-weight: bold;">
187	<br>	187	<br>
188	-<div style=text-align:center; ><img src="imagens/instalacao/Fig14.png" style="width: 400px; height: 245px;" alt="fig14"></div>	188	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig14.png" style="width: 400px; height: 245px;" alt="fig14"></div>
189	<br>	189	<br>
190	<br>	190	<br>
191	15. Clique no botão Execute query.<br>	191	15. Clique no botão Execute query.<br>
192	<br>	192	<br>
193	-<div style=text-align:center; ><img src="imagens/instalacao/Fig15.png" style="width: 400px; height: 246px;" alt="fig16"></div>	193	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig15.png" style="width: 400px; height: 246px;" alt="fig16"></div>
194	<br>	194	<br>
195	<br>	195	<br>
196	16. Feche a janela de consulta<br>	196	16. Feche a janela de consulta<br>
197	No seu navegador de preferência digite: http://localhost/ e	197	No seu navegador de preferência digite: http://localhost/ e
198	comece a trabalhar!!!<br>	198	comece a trabalhar!!!<br>
199	<br>	199	<br>
200	-<div style=text-align:center; ><img src="imagens/instalacao/Fig16.png" style="width: 400px; height: 213px;" alt="fig16"></div>	200	+<div class="imagemExemplo" ><img src="imagens/instalacao/Fig16.png" style="width: 400px; height: 213px;" alt="fig16"></div>
201	</div>	201	</div>
202	<div class="trail-box-bottom">	202	<div class="trail-box-bottom">
203	<img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"><img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7"></div>	203	<img src="files/trails-box-br.png" class="right" alt="" height="6" width="7"><img src="files/trails-box-bl.png" class="left" alt="" height="6" width="7"></div>
1	<!DOCTYPE html>	1	<!DOCTYPE html>
2	<html><head>	2	<html><head>
3	-
4	-
5	-
6	-
7	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">	3	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
8	<meta charset="UTF-8"><title>i3GeoSaude</title>	4	<meta charset="UTF-8"><title>i3GeoSaude</title>
9	-
10	<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">	5	<link media="screen" href="./files/estilos.css" type="text/css" rel="stylesheet">
11	<link rel="stylesheet" type="text/css" href="./files/estilos.css"></head><body class="blue-bg">	6	<link rel="stylesheet" type="text/css" href="./files/estilos.css"></head><body class="blue-bg">
12	<div id="wrapper-flex">	7	<div id="wrapper-flex">
	@@ -23,13 +18,13 @@ Para isso utilize a opção existente na parte		@@ -23,13 +18,13 @@ Para isso utilize a opção existente na parte
23	superior da	18	superior da
24	página e no formulário de	19	página e no formulário de
25	autenticação	20	autenticação
26	-utilize o nome de usuário "i3geosaude" e a senha "i3geosaude" (Figura
27	-1).<br>	21	+utilize o nome de usuário "i3geosaude" e a senha "i3geosaude".<br>
28	<br>	22	<br>
		23	+<div class="imagemExemplo">
29	<img src="imagens/admin_acesso_login.png" style="width: 553px; height: 362px;" alt="Login Administrativo"><br>	24	<img src="imagens/admin_acesso_login.png" style="width: 553px; height: 362px;" alt="Login Administrativo"><br>
30	-<span style="font-weight: bold;">Figura
31	-1: </span>Autenticação	25	+Autenticação
32	como usuário Administrativo (i3geosaude).	26	como usuário Administrativo (i3geosaude).
		27	+</div>
33	<br><br>	28	<br><br>
34		29
35	<div class="trail-box">	30	<div class="trail-box">
	@@ -69,7 +64,7 @@ alguns		@@ -69,7 +64,7 @@ alguns
69	botões de acesso rápido para as	64	botões de acesso rápido para as
70	funções de	65	funções de
71	uso mais comum. Todas as ferramentas de administração são apresentadas	66	uso mais comum. Todas as ferramentas de administração são apresentadas
72	-no menu cascata localizado à esquerda (Figura 2). Cada opção é	67	+no menu cascata localizado à esquerda. Cada opção é
73	apresentada em uma linha	68	apresentada em uma linha
74	que deve ser	69	que deve ser
75	expandida para se ter acesso às	70	expandida para se ter acesso às
	@@ -77,9 +72,10 @@ operações. Por meio desse menu é permitido ao administrador do sistema		@@ -77,9 +72,10 @@ operações. Por meio desse menu é permitido ao administrador do sistema
77	ações como testar a instalação do i3geo, cadastrar e manipualar dados e	72	ações como testar a instalação do i3geo, cadastrar e manipualar dados e
78	metadados, configurar serviços etc.<br><br>As principais operações de administração que afetam o uso de cartogramas pelo i3GeoSaúde encontram-se no item chamado "Metadados estatísticos".<br>	73	metadados, configurar serviços etc.<br><br>As principais operações de administração que afetam o uso de cartogramas pelo i3GeoSaúde encontram-se no item chamado "Metadados estatísticos".<br>
79	<br>	74	<br>
		75	+<div class="imagemExemplo">
80	<img src="imagens/admin_menu1reduzido.png" style="width: 180px; height: 372px;" alt="visão parcial do menu administrador"><br>	76	<img src="imagens/admin_menu1reduzido.png" style="width: 180px; height: 372px;" alt="visão parcial do menu administrador"><br>
81	-<span style="font-weight: bold;">Figura
82	-2: </span>Ferramentas de administração do i3GeoSaúde	77	+Ferramentas de administração do i3GeoSaúde
		78	+</div>
83	<a href="index.html"><br>	79	<a href="index.html"><br>
84	</a></div>	80	</a></div>
85	<div class="trail-box-bottom">	81	<div class="trail-box-bottom">
1	/* -------- Estilos -----------*/	1	/* -------- Estilos -----------*/
		2	+.imagemExemplo{
		3	+ text-align: center;
		4	+ color: gray;
		5	+}
2		6
3	body {	7	body {
4	background-size: cover;	8	background-size: cover;
	@@ -158,7 +158,7 @@ automaticamente, abra a pasta raiz da unidade USB e execute o arquivo		@@ -158,7 +158,7 @@ automaticamente, abra a pasta raiz da unidade USB e execute o arquivo
158	mouse	158	mouse
159	sobre o arquivo, escolha "Executar como Administrador".<br>	159	sobre o arquivo, escolha "Executar como Administrador".<br>
160	<br>	160	<br>
161	-<div style=text-align:center; >	161	+<div class="imagemExemplo" >
162	<img style="width: 547px; height: 404px;" alt="tela da máquina virtual"	162	<img style="width: 547px; height: 404px;" alt="tela da máquina virtual"
163	src="imagens/telamaquinavirtual.png"><br>	163	src="imagens/telamaquinavirtual.png"><br>
164	Tela de abertura do software da máquina virtual,	164	Tela de abertura do software da máquina virtual,
	@@ -66,13 +66,13 @@ será feita no Windows.<br>		@@ -66,13 +66,13 @@ será feita no Windows.<br>
66	e instale-o.<br>	66	e instale-o.<br>
67	<br>	67	<br>
68	2. Abra o LILI.<br><br>	68	2. Abra o LILI.<br><br>
69	-<div style=text-align:center; ><img style="width: 244px; height: 400px;" alt="lili" src="imagens/live/Lili.png"></div><br>	69	+<div class="imagemExemplo" ><img style="width: 244px; height: 400px;" alt="lili" src="imagens/live/Lili.png"></div><br>
70		70
71	3. Escolha um pendrive:<br><br>	71	3. Escolha um pendrive:<br><br>
72	-<div style=text-align:center; ><img style="width: 366px; height: 99px;" alt="lil-pen" src="imagens/live/Lili-pendrive.png"></div>	72	+<div class="imagemExemplo" ><img style="width: 366px; height: 99px;" alt="lil-pen" src="imagens/live/Lili-pendrive.png"></div>
73	<br>	73	<br>
74	4. Escolha o arquivo .iso, no nosso caso i3geosaude.iso<br><br>	74	4. Escolha o arquivo .iso, no nosso caso i3geosaude.iso<br><br>
75	-<div style=text-align:center; ><img style="width: 368px; height: 136px;" alt="fonte" src="imagens/live/Lili-fonte.png"></div>	75	+<div class="imagemExemplo" ><img style="width: 368px; height: 136px;" alt="fonte" src="imagens/live/Lili-fonte.png"></div>
76	<br>	76	<br>
77	5. Escolha o tamanho da persistência. Caso seja utilizado em uma	77	5. Escolha o tamanho da persistência. Caso seja utilizado em uma
78	máquina virtual é necessário ter um	78	máquina virtual é necessário ter um
	@@ -80,20 +80,20 @@ arquivo de		@@ -80,20 +80,20 @@ arquivo de
80	persistência para que as alterações	80	persistência para que as alterações
81	feitas durante	81	feitas durante
82	a execução dos programas sejam gravadas.<br><br>	82	a execução dos programas sejam gravadas.<br><br>
83	-<div style=text-align:center; ><img style="width: 368px; height: 113px;" alt="persistencia" src="imagens/live/Lili-persistencia.png"></div><br>	83	+<div class="imagemExemplo" ><img style="width: 368px; height: 113px;" alt="persistencia" src="imagens/live/Lili-persistencia.png"></div><br>
84	<br>	84	<br>
85	6. Marque todas as opções. A última	85	6. Marque todas as opções. A última
86	opção instalará dentro do pendrive uma	86	opção instalará dentro do pendrive uma
87	máquina virtual que possibilitará testar o	87	máquina virtual que possibilitará testar o
88	i3GeoSaúde de dentro do Windows.<br><br>	88	i3GeoSaúde de dentro do Windows.<br><br>
89	-<div style=text-align:center; >	89	+<div class="imagemExemplo" >
90	<img style="width: 368px; height: 115px;" alt="opção" src="imagens/live/Lili-opcao.png"></div><br>	90	<img style="width: 368px; height: 115px;" alt="opção" src="imagens/live/Lili-opcao.png"></div><br>
91	Caso você queira utilizar o pendrive para ligar o computador inicializando o Xubuntu diretamente, fora da máquina virtual, deixe a terceira opção desmarcada.<br>	91	Caso você queira utilizar o pendrive para ligar o computador inicializando o Xubuntu diretamente, fora da máquina virtual, deixe a terceira opção desmarcada.<br>
92	<br>	92	<br>
93	7. Clique no raio para começar o processo de	93	7. Clique no raio para começar o processo de
94	criação do pendrive inicializável. Este processo	94	criação do pendrive inicializável. Este processo
95	levará alguns minutos. <br><br>	95	levará alguns minutos. <br><br>
96	-<div style=text-align:center; >	96	+<div class="imagemExemplo" >
97	<img style="width: 368px; height: 115px;" alt="instalação" src="imagens/live/Lili-instal.png"></div>	97	<img style="width: 368px; height: 115px;" alt="instalação" src="imagens/live/Lili-instal.png"></div>
98	<br>	98	<br>
99	<b style="font-weight: normal;" id="docs-internal-guid-3b843861-b39a-c7fe-dd67-a5954774fa55">	99	<b style="font-weight: normal;" id="docs-internal-guid-3b843861-b39a-c7fe-dd67-a5954774fa55">
	@@ -128,7 +128,7 @@ isso.<br>		@@ -128,7 +128,7 @@ isso.<br>
128	1. Pelo Windows Explorer, acesse o pendrive, entre na pasta	128	1. Pelo Windows Explorer, acesse o pendrive, entre na pasta
129	VirtualBox e execute o arquivo VirtualBox.exe. Clique na	129	VirtualBox e execute o arquivo VirtualBox.exe. Clique na
130	opção Settings.<br><br>	130	opção Settings.<br><br>
131	-<div style=text-align:center; >	131	+<div class="imagemExemplo" >
132	<img style="width: 361px; height: 145px;" alt="virtbox 0" src="imagens/live/vbox0.png"></div>	132	<img style="width: 361px; height: 145px;" alt="virtbox 0" src="imagens/live/vbox0.png"></div>
133	<br>	133	<br>
134	2. <b style="font-weight: normal;" id="docs-internal-guid-3b843861-b3a2-ab50-69cd-4d76ca8626ae"><span style="font-size: 15px; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline;">Na	134	2. <b style="font-weight: normal;" id="docs-internal-guid-3b843861-b3a2-ab50-69cd-4d76ca8626ae"><span style="font-size: 15px; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline;">Na
	@@ -137,7 +137,7 @@ janela que irá abrir, clique na opção </span><span style="font-size: 15px; fo		@@ -137,7 +137,7 @@ janela que irá abrir, clique na opção </span><span style="font-size: 15px; fo
137	altere o tamanho da opção </span><span style="font-size: 15px; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; font-weight: normal; font-style: italic; font-variant: normal; text-decoration: none; vertical-align: baseline;">Base	137	altere o tamanho da opção </span><span style="font-size: 15px; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; font-weight: normal; font-style: italic; font-variant: normal; text-decoration: none; vertical-align: baseline;">Base
138	Memory</span><span style="font-size: 15px; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline;">,	138	Memory</span><span style="font-size: 15px; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; font-weight: normal; font-style: normal; font-variant: normal; text-decoration: none; vertical-align: baseline;">,
139	mova o cursor até o final da linha verde.<br><br>	139	mova o cursor até o final da linha verde.<br><br>
140	-<div style=text-align:center; >	140	+<div class="imagemExemplo" >
141	<img style="width: 400px; height: 299px;" alt="virtual box" src="imagens/live/vbox1.png"></div>	141	<img style="width: 400px; height: 299px;" alt="virtual box" src="imagens/live/vbox1.png"></div>
142	<br>	142	<br>
143	3. Feito isso, clique em ok e feche o VirtualBox<br>	143	3. Feito isso, clique em ok e feche o VirtualBox<br>
	@@ -146,19 +146,19 @@ mova o cursor até o final da linha verde.<br><br>		@@ -146,19 +146,19 @@ mova o cursor até o final da linha verde.<br><br>
146	espere	146	espere
147	a inicialização.<br>	147	a inicialização.<br>
148	<br>	148	<br>
149	-<div style=text-align:center; >	149	+<div class="imagemExemplo" >
150	<img style="width: 400px; height: 365px;" alt="vgbox" src="imagens/live/vboxg0.png"></div><br>	150	<img style="width: 400px; height: 365px;" alt="vgbox" src="imagens/live/vboxg0.png"></div><br>
151		151
152	6. A senha para o usuário i3geosaude é i3geosaude. Digite a	152	6. A senha para o usuário i3geosaude é i3geosaude. Digite a
153	senha e clique em iniciar sessão.<br><br>	153	senha e clique em iniciar sessão.<br><br>
154	-<div style=text-align:center; >	154	+<div class="imagemExemplo" >
155	<img style="width: 400px; height: 329px;" alt="vboxg1" src="imagens/live/vboxg1.png"></div><br>	155	<img style="width: 400px; height: 329px;" alt="vboxg1" src="imagens/live/vboxg1.png"></div><br>
156		156
157	7.	157	7.
158	Clique no icone i3GeoSaúde que se encontra na área	158	Clique no icone i3GeoSaúde que se encontra na área
159	de	159	de
160	trabalho. E comece a trabalhar!<br><br>	160	trabalho. E comece a trabalhar!<br><br>
161	-<div style=text-align:center; >	161	+<div class="imagemExemplo" >
162	<img style="width: 400px; height: 316px;" alt="i3geosaude" src="imagens/live/vboxg2.png"></div>	162	<img style="width: 400px; height: 316px;" alt="i3geosaude" src="imagens/live/vboxg2.png"></div>
163	<br>	163	<br>
164	</div>	164	</div>
	@@ -56,7 +56,7 @@ i3GeoSaúde. Em "Documentação" são apresentados os manuais explicando o		@@ -56,7 +56,7 @@ i3GeoSaúde. Em "Documentação" são apresentados os manuais explicando o
56	funcionamento. Para acessar as principais funcionalidades	56	funcionamento. Para acessar as principais funcionalidades
57	do sistema, acesse o menu "Acesse o Sistema".<br>	57	do sistema, acesse o menu "Acesse o Sistema".<br>
58	<br>	58	<br>
59	-<div style="text-align:center;">	59	+<div class="imagemExemplo">
60	<img alt="funcionalidades principais do i3geosaude" src="imagens/funcionalidades.jpeg">	60	<img alt="funcionalidades principais do i3geosaude" src="imagens/funcionalidades.jpeg">
61	</div>	61	</div>
62	<br>	62	<br>
	@@ -66,7 +66,7 @@ acessar		@@ -66,7 +66,7 @@ acessar
66	tanto o código como a documentação	66	tanto o código como a documentação
67	geral da	67	geral da
68	ferramenta. <br><br>	68	ferramenta. <br><br>
69	-<div style=text-align:center; >	69	+<div class="imagemExemplo" >
70	<img style="width: 527px; height: 367px;" alt="pagina i3geo"	70	<img style="width: 527px; height: 367px;" alt="pagina i3geo"
71	src="imagens/pag_i3geo_portalsoftware.jpg"><br>	71	src="imagens/pag_i3geo_portalsoftware.jpg"><br>
72	Página do	72	Página do
	@@ -106,7 +106,7 @@ desse tipo de software, o que tamb&eacute;m afeta o funcionamento		@@ -106,7 +106,7 @@ desse tipo de software, o que tamb&eacute;m afeta o funcionamento
106	do	106	do
107	i3Geo.<br>	107	i3Geo.<br>
108	<br>	108	<br>
109	-<div style=text-align:center; >	109	+<div class="imagemExemplo" >
110	<img style="width: 467px; height: 212px;"	110	<img style="width: 467px; height: 212px;"
111	alt=""	111	alt=""
112	src="imagens/pag_mapserver.jpg"><br>	112	src="imagens/pag_mapserver.jpg"><br>