Download as
Browse Code »

Commit 947c4ade39b7f8bb8a641d8598db10c2846dcfb0

Authored by Edmar Moretti
1 parent 10cd9dc3
Exists in master

--no commit message

Showing 6 changed files with 867 additions and 386 deletions   Show diff stats
acesse.html
  Diff comments   View file @947c4ad
1   -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2   -<html xmlns="http://www.w3.org/1999/xhtml">
3   -<head>
4   -<meta http-equiv="Content-Type" content="text/ html; charset=iso-8859-1" />
5   -<title>Bem-vindo ao i3GeoSaude!</title>
6   -<link rel="stylesheet" type="text/css" href="css/estilo.css" />
7   -<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
8   -
9   -</head>
10   -<body>
11   - <div id="conteudo" align="center">
12   - <div class="container">
13   -
14   - <div >
15   - <div class="text">
16   - <!-- div para o texto "sobre o i3geosaude"-->
17   - <h3>Links para acessar as opera&ccedil;&otilde;es dispon&iacute;veis no i3GeoSa&uacute;de</h3>
  1 + <h2>Links para acessar as opera&ccedil;&otilde;es dispon&iacute;veis no i3GeoSa&uacute;de</h2>
18 2 <br><span style="font-size: 12px;">Ao ser solicitado o login, utilize "i3geosaude" no campo "usu&aacute;rio" e "i3geosaude" no campo "senha" (sem acentua&ccedil;&atilde;o). Veja o item com a documenta&ccedil;&atilde;o para mais informa&ccedil;&otilde;es</span> <br></br>
19 3 <div class="itens">
20 4 Mapas interativos com op&ccedil;&otilde;es de administra&ccedil;&atilde;o e visualiza&ccedil;&atilde;o de todos os cartogramas cadastrados. Aqui voc&ecirc; encontrar&aacute; um ajudante que simplifica o processo de cria&ccedil;&atilde;o de novas vari&aacute;veis e upload de dados.
... ... @@ -22,7 +6,7 @@
22 6 <p>
23 7 <a id="carto_ol" href="i3geo/i3geosaude/carto_ol.htm" target="_blank">
24 8 <img title="Normal" src="Imagens/carto_ol.png" style="min-width:0px;width: 30px; height: 20px; cursor: pointer; border: 1px solid gray; border-radius: 5px 5px 5px 5px;" />
25   - <span style="vertical-align:top">Interface que utiliza o OpenLayers como mecanismo de navegação</span>
  9 + <span style="vertical-align:top">Interface que utiliza o OpenLayers como mecanismo de navega&ccedil;&atilde;o</span>
26 10 </a>
27 11 </p>
28 12 <p>
... ... @@ -34,7 +18,7 @@
34 18 <p>
35 19 <a id="carto_gm" href="i3geo/i3geosaude/carto_gm.htm" target="_blank">
36 20 <img title="Google Maps" src="Imagens/carto_gm.png" style="min-width:0px;width: 30px; height: 20px; cursor: pointer; border: 1px solid gray; border-radius: 5px 5px 5px 5px;" />
37   - <span style="vertical-align:top">Interface que utiliza o Google Maps como mecanismo de navegação e base cartográfica</span>
  21 + <span style="vertical-align:top">Interface que utiliza o Google Maps como mecanismo de navega&ccedil;&atilde;o e base cartogr&aacute;fica</span>
38 22 </a>
39 23 </p>
40 24 </div>
... ... @@ -113,7 +97,7 @@
113 97 </tr>
114 98 </table>
115 99 </div>
116   - <h3>Dados inclusos</h3>
  100 + <h2>Dados inclusos</h2>
117 101 <div class="itens">
118 102 <p>Alguns dados s&atilde;o fornecidos com o i3GeoSa&uacute;de para permitir a elabora&ccedil;&atilde;o inicial dos cartogramas.</p>
119 103 <p>
... ... @@ -123,11 +107,9 @@
123 107 Al&eacute;m desses, o banco de dados cont&eacute;m registros referentes ao <a href="http://portal.saude.gov.br/portal/saude/area.cfm?id_area=1080" target="_blank">IDSUS</a>, produzido pelo Minist&eacute;rio da Sa&uacute;de.
124 108 </p>
125 109 <p>
126   - Para ver a lista de dados já configurados para uso nos cartogramas <a href="i3geo/admin/html/estat_variavel.html" target="_blank">clique aqui</a>.
  110 + Para ver a lista de dados j&aacute; configurados para uso nos cartogramas <a href="i3geo/admin/html/estat_variavel.html" target="_blank">clique aqui</a>.
127 111 </p>
128 112 </div>
129   - </div>
130   - </div>
131 113 <script>
132 114 pastaLocal = "i3geosaude";
133 115 document.getElementById("carto_ol").href = "i3geo/"+pastaLocal+"/carto_ol.htm";
... ... @@ -157,5 +139,3 @@ function exibe(id) {
157 139 }
158 140 }
159 141 </script>
160   -</body>
161   -</html>
... ...
apresentacao.html
  Diff comments   View file @947c4ad
1   -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2   -<html xmlns="http://www.w3.org/1999/xhtml">
3   -<head>
4   -<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5   -<title>Bem-vindo ao i3GeoSaude!</title>
6   -<link rel="stylesheet" type="text/css" href="css/estilo.css" />
7   -<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
8   -</head>
9   -<body>
10   - <div id="conteudo" align="center" >
11   - <div class="container">
12   - <div id="sobre" class="content">
13   - <div class="text">
14   - <h3>SOBRE O i3GEOSA&Uacute;DE</h3>
  1 + <h2>Sobre o i3GeoSa&uacute;de</h2>
15 2 <div class="itens">
16 3 <p>i3GeoSa&uacute;de &eacute; uma oferta do Minist&eacute;rio da Sa&uacute;de &agrave;s Secretarias Municipais e Estaduais de Sa&uacute;de e aos profissionais da &aacute;rea de sa&uacute;de que utilizam georreferenciamento de dados como instrumento para formula&ccedil;&atilde;o e implementa&ccedil;&atilde;o de pol&iacute;ticas p&uacute;blicas em suas &aacute;reas de atua&ccedil;&atilde;o. A utiliza&ccedil;&atilde;o da ferramenta n&atilde;o &eacute; restrita aos profissionais da &aacute;rea de sa&uacute;de, podendo ser utilizado por outros profissionais ou estudiosos.</p>
17 4 <p>
18 5 Por meio da utiliza&ccedil;&atilde;o do i3GeoSa&uacute;de &eacute; poss&iacute;vel a cria&ccedil;&atilde;o de cartogramas din&acirc;micos &agrave; moda do que o Minist&eacute;rio da Sa&uacute;de faz com o &#204;ndice de Desempenho do SUS (<a href="http://saladeinformacao.saude.gov.br/cartogramas/sage/abremapa.php?id=1" target="_blank">IDSUS</a>) ou pelo <a href="http://www.mma.gov.br/governanca-ambiental/geoprocessamento" target="_blank">Minist&eacute;rio do Meio Ambiente</a>.
19 6 </p>
20 7 <p>
21   - O i3GeoSa&uacute;de foi desenvolvido pelo Departamento de Monitoramento e Avalia&ccedil;&atilde;o do SUS (DEMAS) com base nas tecnologias adotadas na <a target="_blank" href="http://189.28.128.178/sage/">Sala de apoio &agrave; Gestão Estrat&eacute;gica (SAGE)</a> e &eacute; baseado na solu&ccedil;&atilde;o livre <a href="http://www.i3geo.com.br" target="_blank">i3Geo</a> . O esfor&ccedil;o feito pelo Minist&eacute;rio da Sa&uacute;de consiste na cria&ccedil;&atilde;o de uma interface que simplifique os procedimentos t&eacute;cnicos para a cria&ccedil;&atilde;o de cartogramas din&acirc;micos acess&iacute;veis por meio da internet. A ideia que uma pessoa com conhecimentos de sua &aacute;rea de atua&ccedil;&atilde;o, sabendo usar um navegador (browser) e tendo organizado seus dados e planejado minimamente seus cartogramas, tenha no i3GeoSa&uacute;de uma ferramenta de f&aacute;cil utiliza&ccedil;&atilde;o.
  8 + O i3GeoSa&uacute;de foi desenvolvido pelo Departamento de Monitoramento e Avalia&ccedil;&atilde;o do SUS (DEMAS) com base nas tecnologias adotadas na <a target="_blank" href="http://189.28.128.178/sage/">Sala de apoio &agrave; Gest&atilde;o Estrat&eacute;gica (SAGE)</a> e &eacute; baseado na solu&ccedil;&atilde;o livre <a href="http://www.i3geo.com.br" target="_blank">i3Geo</a> . O esfor&ccedil;o feito pelo Minist&eacute;rio da Sa&uacute;de consiste na cria&ccedil;&atilde;o de uma interface que simplifique os procedimentos t&eacute;cnicos para a cria&ccedil;&atilde;o de cartogramas din&acirc;micos acess&iacute;veis por meio da internet. A ideia que uma pessoa com conhecimentos de sua &aacute;rea de atua&ccedil;&atilde;o, sabendo usar um navegador (browser) e tendo organizado seus dados e planejado minimamente seus cartogramas, tenha no i3GeoSa&uacute;de uma ferramenta de f&aacute;cil utiliza&ccedil;&atilde;o.
22 9 </p>
23 10 <p>Essa &eacute; a primeira vers&atilde;o do i3GeoSa&uacute;de, portanto, a ferramenta pode ser melhorada em diversos aspectos. Tamb&eacute;m sabemos que a possibilidade de melhoria est&aacute; em fun&ccedil;&atilde;o de sua utiliza&ccedil;&atilde;o e do envolvimento de seus usu&aacute;rios com sua evolu&ccedil;&atilde;o. O fato de i3GeoSa&uacute;de ser software livre facilita esse processo de amadurecimento do instrumento.</p>
24 11 </div>
25   - <h3>QUEST&Otilde;ES LEGAIS</h3>
  12 + <h2>Quest&otilde;es legais</h2>
26 13 <div class="itens">
27 14 <p>i3GeoSa&uacute;de &eacute; software livre, assim como todos seus componentes. Desta forma, voc&ecirc; &eacute; livre para usar, distribuir e modificar o c&oacute;digo, conforme estabelecido pela General Public Licence vers&atilde;o 2. Altera&ccedil;&otilde;es no c&oacute;digo do i3GeoSa&uacute;de devem compartilhadas por meio do Portal do Software P&uacute;blico.</p>
28 15 <p>
29 16 &Eacute; poss&iacute;vel, por meio do i3GeoSa&uacute;de, utilizar servi&ccedil;os propriet&aacute;rios para a apresenta&ccedil;&atilde;o de seus cartogramas e digitaliza&ccedil;&atilde;o de limites, como por exemplo, o Google Maps(r) ou Google Earth(r). Se voc&ecirc; optar pela utiliza&ccedil;&atilde;o destes servi&ccedil;os e ferramentas, deve ficar atento &agrave;s condi&ccedil;&otilde;es legais de uso das mesmas: <a href="https://developers.google.com/maps/terms" target="_blank">https://developers.google.com/maps/terms</a>
30 17 </p>
31 18 </div>
32   - <h3>SUPORTE</h3>
  19 + <h2>Suporte</h2>
33 20 <div class="itens">
34 21 <p>O suporte ao uso e desenvolvimento do i3GeoSa&uacute;de pode ser obtido por meio do cadastro em nossa lista de discuss&atilde;o. Optamos por este mecanismo pois ele facilita o compartilhamento das experi&ecirc;ncias dos usu&aacute;rios.</p>
35 22 </div>
36   - </div>
37   - <!---
38   - <div class="secondary" align="center">
39   - <p>
40   - <strong>Assista o v&iacute;deo</strong>
41   - </p>
42   - <p>
43   - <img src="Imagens/imgVideo.png" align="middle" />
44   - </p>
45   - </div>
46   - --->
47   - </div>
48   - </div>
49   - </div>
50 23 <p style="width:100%;text-align:center;">SAGE CEP: 70058-900, Telefone: 61 3315-2425</p>
51   -
52   -</body>
53   -</html>
... ...
cabecalho.html
  Diff comments   View file @947c4ad
1   - <!DOCTYPE html>
2   - <html xml:lang="pt-BR" dir="ltr" lang="pt-BR"><head>
3   - <title>Sala de Apoio a Gestão Estratégica</title>
4   - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5   - <style type="text/css">
6   - body
7   - {
8   - margin-left: 0px;
9   - margin-top: 0px;
10   - margin-right: 0px;
11   - margin-bottom: 0px;
12   -
13   - }
14   -
15   - .letrasbrancas {
16   - font-family: Verdana, Geneva, sans-serif;
17   - font-size: 14px;
18   - font-weight: bold;
19   - color: #FFF;
20   - }
21   -
22   - </style>
23   -
24   - <body style="overflow:hidden;" >
25 1 <table background="Imagens/fundo_topo.png" border="0" cellpadding="0" cellspacing="0" width="100%">
26 2 <tr>
27 3 <td style="vertical-align:bottom" align="right" background="Imagens/testa1.jpg" height="30" valign="bottom">
... ... @@ -48,51 +24,11 @@
48 24 </table>
49 25 <div id="principal">
50 26 <map name="Map">
51   - <area shape="rect" coords="676,0,800,57" href="apresentacao.html" target="corpo"/>
52   - <area shape="rect" coords="800,0,903,57" href="docs/index.html" target="corpo"/>
53   - <area shape="rect" coords="904,0,1001,57" href="links.html" target="corpo"/>
54   - <area shape="rect" coords="1002,0,1093,57" href="acesse.html" target="corpo"/>
55   - <area shape="rect" coords="1005,86,1089,115" href="http://portalsaude.saude.gov.br/" target="_blank"/>
  27 + <area shape="rect" coords="676,0,800,57" href="?conteudo=apresentacao.html" />
  28 + <area shape="rect" coords="800,0,903,57" href="docs/index.php"/>
  29 + <area shape="rect" coords="904,0,1001,57" href="?conteudo=links.html" />
  30 + <area shape="rect" coords="1002,0,1093,57" href="?conteudo=acesse.html"/>
  31 + <area shape="rect" coords="1005,86,1089,115" href="http://portalsaude.saude.gov.br/"/>
56 32 </map>
57 33 </div>
58   -</body>
59   -</html>
60   -
61   -
62   -
63   -<!---
64   -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
65   -<html xmlns="http://www.w3.org/1999/xhtml">
66   -<head>
67   -<meta http-equiv="Content-Type" content="text/ html; charset=iso-8859-1" />
68   -<title>Bem-vindo ao i3GeoSaude!</title>
69   -<link rel="stylesheet" type="text/css" href="css/estilo.css" />
70   -<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
71   -</head>
72   -<body>
73   -
74   - <div class="barra_gov">
75   - <script type="text/javascript" src="barragoverno/barra.js"></script>
76   - </div>
77   -
78   - <div id="topo" style="display:block">
79   -
80   - <ul class="menuhorizontal">
81   - <img src="Imagens/canto_menu.png" />
82   - <li><a href="apresentacao.html" target="corpo" >Sobre o i3GeoSa&uacute;de</a></li>
83   - <img src="Imagens/canto_menu.png" />
84   - <li><a href="links.html" target="corpo" >Links</a></li>
85   - <img src="Imagens/canto_menu.png" />
86   - <li><a href="docs/index.html" target="corpo" >Documenta&ccedil;&atilde;o</a></li>
87   - <img src="Imagens/canto_menu.png" />
88   - <li><a href="acesse.html" target="corpo">Acesse o Sistema</a></li>
89   - </ul>
90   -
91   - </div>
92   - <div class="logo">
93   - <img src="Imagens/logo_i3geosaude_sus02.png" class="imgTopo" />
94   - </div>
95 34  
96   -</body>
97   -</html>
98   ---->
... ...
css/estilo.css
  Diff comments   View file @947c4ad
... ... @@ -3,252 +3,867 @@
3 3 *{margin:0px;}
4 4  
5 5 a { text-decoration: none; }
6   -a img { border: none; }
7 6  
8   -p img {
9   - min-width:90%;
10   - max-width: 98%;
11   -}
  7 +a img { border: none; }
12 8  
13 9 body {
14   - background-size: cover;
15 10 font-family:Arial !important;
16 11 margin:0px;
17 12 min-width:926px;
  13 + margin-left: 0px;
  14 + margin-top: 0px;
  15 + margin-right: 0px;
  16 + margin-bottom: 0px;
18 17 }
19 18  
20   -#topo{
21   - width: 100%;
22   - min-width:926px;
23   - background:url(Imagens/fundo2.jpg) repeat-x;
24   - height:63px;
25   - position:relative;
26   - display: none;
27   -}
28   - #topo .barra_gov{
29   - }
30   -
31   - .logo{
32   - position: absolute;
33   - left: 0;
34   - top: -20px;
35   - z-index: 10;
36   - }
37   - .logo img{
38   - width: 235px;
39   - }
40   -
41   -/********** 4.1 Clear Fix **********/
42   -.clearfix {
43   - display: inline-block;
44   -}
45   -
46   - .clearfix:after {
47   - content: ".";
48   - display: block;
49   - clear: both;
50   - visibility: hidden;
51   - line-height: 0;
52   - height: 0;
53   - }
54   -
55   - html[xmlns] .clearfix {
56   - display: block;
57   - }
58   -
59   - * html .clearfix {
60   - height: 1%;
61   - }
62   -
63   -/* menu superior */
64   -#menu { font:bold; }
65   -.menuhorizontal {
66   - height: 30px;
67   - margin-top: 33px;
68   - float:right;
69   - font-family: Arial, Helvetica, sans-serif bold;
70   - font-weight: bold;
71   - font-size: 14px;
72   - color: #FFF;
73   - width: 70%;
74   - min-width:690px;
75   -}
76   -
77   - .menuhorizontal img{
78   - width: 40px;
79   - height: 30px !important;
80   - float:left;
81   - }
82   -
83   - .menuhorizontal ul {
84   - float:right;
85   - transition: margin-left .5s ease;
86   - -webkit-transition: margin-left .5s ease;
87   - -moz-transition: margin-left .5s ease;
88   - -o-transition: margin-left .5s ease;
89   - }
90   - .menuhorizontal ul li {
91   - float:left;
92   - text-align:center;
93   - line-height: 30px;
94   - text-decoration: none;
95   - color: #FFF;
96   - margin-left: 10px;
97   - display: table-cell;
98   - vertical-align: middle;
99   - list-style-type:none;
100   - }
101   - .menuhorizontal li {
102   - background: #004646; /* Para Browsers antigos */
103   - background: linear-gradient(#004646, #CFF); /* padrão w3c */
104   - background: -moz-linear-gradient(#004646, #CFF); /* FF 3.6+ */
105   - background: -webkit-gradient(linear, left top, bottom left, color-stop(0%, #004646), color-stop(100%, #CFF)); /* Chrome, Safari4+ */
106   - background: -webkit-linear-gradient(top, #004646 0%, #CFF 100%); /* Chrome10+, Safari5.1+ */
107   - background: -o-linear-gradient(top, #004646 0%, #CFF 100%); /* Opera11.10+ */
108   - background: -ms-linear-gradient(top, #004646 0%, #CFF 100%); /* IE10+ */
109   -
110   - list-style: none;
111   - color: #FFF;
112   - line-height: 30px;
113   - float:left;
114   - border-radius: 0 30px 30px 0;
115   - }
116   - .menuhorizontal li a, .menuhorizontal li span {
117   - color: #FFF;
118   - line-height: 30px;
119   - margin: 15px 25px 15px 10px;
120   - text-shadow: 2px 2px 2px #000;
121   - }
122   -
123   - .menuhorizontal li a:active {
124   - color: #FFF;
125   - line-height: 30px;
126   - }
127   -
128 19 /* Container */
129 20 #conteudo {
130 21 margin: auto;
131 22 max-width: 1096px;
132   - text-align: center;
133   -}
134   -
135   -.container{
  23 + text-align: left;
136 24 padding: 15px 0;
137 25 text-align:justify;
138 26 background: #fff;
139 27 border-radius: 0px;
140 28 padding: 10px 10px;
141   -
142 29 min-width: 300px;
143   - min-height:1000px;
144   - display:table;
145   -
  30 + display:block;
  31 +}
  32 +
  33 +/* -------- Estilos -----------*/
  34 +.imagemExemplo {
  35 + text-align: center;
  36 + color: gray;
  37 + margin-bottom: 15px;
  38 +}
  39 +.imagemExemplo img {
  40 + box-shadow: 5px 5px 8px 2px #C8C8C8;
  41 + max-width: 1000px;
  42 +}
  43 +.imagemExemplo p {
  44 + color: gray;
  45 + text-align: center;
  46 +}
  47 +.imginicio {
  48 + float: right;
  49 + display: block;
146 50 }
147 51  
148   -.content {
149   - background: #fff;
150   - border-radius: 12px;
  52 +.imgpos {
  53 + position: absolute;
  54 + right: 30px;
  55 + bottom: 500px;
151 56 }
152 57  
153   - .content .text {
154   - width: 100%;
155   - float: left;
156   - }
  58 +p {
  59 + margin-top: 5px;
  60 + text-align: left;
  61 + margin-bottom: 15px;
  62 + padding: 0px 0px 0px 0px;
  63 +}
157 64  
158   - .content .secondary{
159   - float: left;
160   - width: 20%;
161   - text-align:center;
162   - }
  65 +ol li {
  66 + margin-bottom: 9px;
  67 + margin-top: 0px;
  68 + list-style: decimal;
  69 +}
163 70  
164   -/* ids do conteúdo da página - display padrão */
165   -#sobre { display: block; }
166   -#links, #doc, #acessarSistema { display:none; }
  71 +ul li {
  72 + margin-bottom: 10px;
  73 + margin-top: 0px;
  74 + list-style: disc;
  75 +}
167 76  
168   -/* página de ferramentas (index.php) */
169   -#scrollingControl {
170   - float: right;
171   - margin-right: 230px;
172   - margin-top: 40px;
173   - width: 60px;
174   -}
175   -
176   -.linksFerramentas {
177   - width:100%;
178   - margin-top: 15px;
179   -}
180   - .linksFerramentas ul {
181   - list-style: none;
182   - position:relative;
183   - margin-top: 15px;
184   - }
185   -
186   - .ferramentas {
187   - color:#000;
188   - float:left;
189   - margin: 20px;
190   - width: 99%;
191   - }
192   -
193   - .ferramentas a {
194   - text-decoration: none;
195   - font-weight:bold;
196   - }
197   -
198   - .ferramentas img {
199   - height: 41px;
200   - float:left;
201   - }
202   -
203   - .ferramentas p {
204   - float: left;
205   - text-align: justify;
206   - margin-left: 5px;
207   - width:78%;
208   - line-height: 41px;
209   - }
210   -/* FINAL página de ferramentas (index.php) */
211   -
212   -/* DIV Acessar Sistema e Links */
213   -.listaAcessarSistema li {
214   - list-style:inside url(../Imagens/listaAcessarSistema.png) none;
215   - margin: 15px 5px;
216   -}
217   -
218   -#metadadosEstatisticos h3, #cargaDados h3,
219   -#limitesGeograficos h3, #publicacaoCartogramas h3, h3 {
  77 +ul {
  78 + padding-top: 0px;
  79 + margin: 0px;
  80 + _margin-left: 15px;
  81 +}
  82 +
  83 +ul li ul {
  84 + margin-top: 8px;
  85 +}
  86 +
  87 +li p {
  88 + margin: 0px;
  89 + padding: 0px 0px 3px 0px;
  90 +}
  91 +
  92 +
  93 +pre {
  94 + background-color: #FFF8E4;
  95 + padding: 10px;
  96 + font-size: 1.3em;
  97 + _font-size: 1.2em;
  98 +}
  99 +
  100 +body.blue-bg {
  101 + background-repeat: repeat-x;
  102 + background-size: cover;
  103 + font-family: Arial !important;
  104 + margin: auto;
  105 + max-width: 1096px;
  106 + display: table;
  107 +}
  108 +
  109 +h1 {
  110 + font-size: 1.8em;
220 111 color: #226598;
221   - float: left;
222   - font-size: 18px;
223   - line-height: 30px;
224   - margin-top: 10px;
225   - text-indent: 15px;
226   - width: 100%;
227   -}
228   -
229   -.itens {
230   - padding: 2px;
231   - width: 98%;
232   - float: left;
233   - margin: 0 15px;
234   -}
235   - .itens p { margin-top: 5px; }
236   -
237   - .subitens {
238   - float:left;
239   - width: 98%;
240   - margin: 0 15px;
241   - }
242   -
243   - .subitens p {
244   - font-weight: bold;
245   - font-size:14px;
246   - margin: 15px 0;
247   - }
248   -
249   - .subitens ul {margin: 15px 0;}
250   - .subitens li {
251   - list-style: decimal inside;
252   - margin: 3px;
253   - }
254   -/* DIV Acessar Sistema e Links */
  112 + font-weight: bold;
  113 + padding: 0px;
  114 + margin-top: 5px;
  115 + text-align: left;
  116 + margin-bottom: 5px;
  117 +}
  118 +
  119 +h2 {
  120 + font-size: 1.4em;
  121 + color: #226598;
  122 + font-weight: bold;
  123 + padding: 0px;
  124 + margin-top: 5px;
  125 + margin-bottom: 5px;
  126 + text-align: left;
  127 +}
  128 +
  129 +h3 {
  130 + font-size: 1.4em;
  131 + color: #226598;
  132 + font-weight: bold;
  133 + padding: 0px;
  134 + margin-top: 5px;
  135 + margin-bottom: 5px;
  136 + text-align: left;
  137 +}
  138 +
  139 +A:visited {
  140 + color: #6600CC;
  141 + font-weight: normal;
  142 + text-decoration: none;
  143 +}
  144 +
  145 +A:link {
  146 + color: #23569d;
  147 + font-weight: normal;
  148 + text-decoration: none;
  149 +}
  150 +
  151 +A:hover {
  152 + color: #23569d;
  153 + font-weight: normal;
  154 + text-decoration: underline;
  155 +}
  156 +
  157 +.nav A:link {
  158 + color: #23569d;
  159 +}
  160 +
  161 +A.tutorial-link {
  162 + background-color: #e6f6fe;
  163 + background-image: url('/images_www/v6/tutorial.gif');
  164 + background-repeat: no-repeat;
  165 + background-position: left;
  166 + padding: 3px 7px 7px 30px;
  167 + vertical-align: middle;
  168 +}
  169 +
  170 +A.demo-link {
  171 + background-color: #e6f6fe;
  172 + background-image: url('/images_www/v6/demo.gif');
  173 + background-repeat: no-repeat;
  174 + background-position: left;
  175 + padding: 3px 7px 7px 30px;
  176 + vertical-align: middle;
  177 +}
  178 +
  179 +
  180 +
  181 +pre {
  182 + background-color: #FFF8E4;
  183 + padding: 10px;
  184 + font-size: 1.3em;
  185 + _font-size: 1.2em;
  186 +}
  187 +
  188 +pre,samp,code,tt {
  189 + font-family: "Courier New", monospace;
  190 + font-size: 1.1em;
  191 + color: black;
  192 +}
  193 +
  194 +ol li {
  195 + margin-bottom: 9px;
  196 + margin-top: 0px;
  197 + list-style: decimal;
  198 +}
  199 +
  200 +ul li {
  201 + margin-bottom: 10px;
  202 + margin-top: 0px;
  203 + list-style: disc;
  204 +}
  205 +
  206 +ul {
  207 + padding-top: 0px;
  208 + margin: 0px;
  209 + _margin-left: 15px;
  210 +}
  211 +
  212 +ul li ul {
  213 + margin-top: 8px;
  214 +}
  215 +
  216 +li p {
  217 + margin: 0px;
  218 + padding: 0px 0px 3px 0px;
  219 +}
  220 +
  221 +
  222 +/********************
  223 +ul.toc {
  224 + margin-bottom: 15px;
  225 +}
  226 +
  227 +ul.toc>ul {
  228 + margin-bottom: 0px;
  229 +}
  230 +
  231 +ul.toc li {
  232 + padding-top: 0px;
  233 + padding-bottom: 0px;
  234 + margin: 0px 0px 4px 15px
  235 +}
  236 +
  237 +#nav li {
  238 + list-style: none;
  239 +}
  240 +
  241 +img.box {
  242 + border: 1px solid #BBBBBB;
  243 +}
  244 +
  245 +img.left {
  246 + margin-left: 0px;
  247 + margin-right: 10px;
  248 + margin-bottom: 10px;
  249 + float: left;
  250 +}
  251 +
  252 +img.right {
  253 + margin-right: 0px;
  254 + margin-left: 10px;
  255 + margin-bottom: 10px;
  256 + float: right;
  257 +}
  258 +
  259 +.margin-around {
  260 + margin: 10px;
  261 +}
  262 +#center-container {
  263 + text-align: center;
  264 +}
  265 +
  266 +#tof {
  267 + font-size: 0.9em;
  268 + right: 6px;
  269 + position: relative;
  270 + text-align: right;
  271 +}
  272 +#navig-breadcrumbs {
  273 + text-align: left;
  274 + padding: 5px 5px 5px 15px;
  275 +}
  276 +
  277 +#download-box {
  278 + height: 166px;
  279 + _height: 170px;
  280 +}
  281 +
  282 +#loginbox {
  283 + padding: 5px 5px 5px 13px;
  284 +}
  285 +
  286 +#f-page-news h2 {
  287 + font-weight: bold;
  288 + border: 0px;
  289 +}
  290 +
  291 +#f-partner {
  292 + _margin-top: 10px;
  293 + padding: 10px 10px 10px 10px;
  294 +}
  295 +
  296 +.product-list-box {
  297 + margin: 15px 0px 0px 545px;
  298 +}
  299 +
  300 +#products-navig {
  301 + position: absolute;
  302 + width: 166px;
  303 + margin: 15px 0px 0px 14px;
  304 + _margin: 15px 0px 0px 9px;
  305 +}
  306 +
  307 +#products-platform-navig {
  308 + float: left;
  309 + width: 166px;
  310 + margin: 15px 0px 0px 14px;
  311 + _margin: 15px 0px 0px 9px;
  312 +}
  313 +
  314 +#products-navig-table {
  315 + border-collapse: collapse;
  316 + width: 166px;
  317 +}
  318 +
  319 +#products-navig-table td {
  320 + border-bottom: 1px solid white;
  321 + padding: 8px 4px 10px 4px;
  322 +}
  323 +
  324 +.products-navig-submenu {
  325 + padding: 5px 0px 0px 5px;
  326 + _padding: 5px 0px 0px 8px;
  327 + line-height: 170%;
  328 +}
  329 +
  330 +#products-platform-navig h1 {
  331 + margin-bottom: 0px;
  332 + color: #333333;
  333 +}
  334 +
  335 +#products-text {
  336 + margin-left: 180px;
  337 +}
  338 +
  339 +#companion-projects {
  340 + text-align: center;
  341 + width: 910px;
  342 + margin-left: auto;
  343 + margin-right: auto;
  344 +}
  345 +
  346 +#companion-projects a:hover,#tof a:hover,#ftr a:hover {
  347 + background-color: transparent;
  348 +}
  349 +
  350 +.companions-left {
  351 + padding-left: 7px;
  352 +}
  353 +
  354 +.companions-right {
  355 + padding-right: 5px;
  356 +}
  357 +
  358 +.rcol {
  359 + width: 249px
  360 +}
  361 +
  362 +.rcol ul {
  363 + margin-left: 0px;
  364 + padding-left: 15px;
  365 + margin-top: 10px;
  366 +}
  367 +
  368 +#heading-stripe {
  369 + background-image: url('/images_www/v7/design/banner_overwiew.png');
  370 + background-repeat: no-repeat;
  371 + height: 57px;
  372 + border-left: 1px solid #A7B0B7;
  373 + border-right: 1px solid #A7B0B7;
  374 +}
  375 +
  376 +#heading-stripe-platform {
  377 + background-image: url('/images_www/v6/products-platform-top-bg.gif');
  378 + background-repeat: no-repeat;
  379 + height: 57px;
  380 +}
  381 +
  382 +#heading-stripe div,#heading-stripe-platform div {
  383 + float: right;
  384 + padding: 20px 15px 0px 0px;
  385 +}
  386 +
  387 +#heading-stripe h1 {
  388 + font-size: 1.8em;
  389 + color: white;
  390 + padding: 25px 0px 0px 15px;
  391 +}
  392 +
  393 +.trail-box {
  394 + margin: 10px 10px 10px 10px;
  395 +}
  396 +
  397 +.trail-box-header {
  398 + background-color: #c7e3e8;
  399 + min-height: 21px;
  400 +}
  401 +
  402 +.trail-box-header h1 {
  403 + color: #0e1b55;
  404 + margin: 0px;
  405 + padding: 2px 0px 0px 0px;
  406 + _padding: 7px 0px 0px 0px;
  407 + font-size: 1.3em;
  408 +}
  409 +
  410 +.trail-box-content {
  411 + padding: 10px 10px 0px 10px;
  412 + border-right: 1px solid #c7e3e8;
  413 + border-left: 1px solid #c7e3e8;
  414 + border-bottom: 1px solid white;
  415 +}
  416 +
  417 +.trail-box-content img {
  418 + -webkit-box-shadow: 5px 5px 8px 2px rgba(200, 200, 200, 200);
  419 + box-shadow: 5px 5px 8px 2px rgba(200, 200, 200, 200);
  420 +}
  421 +
  422 +.trail-box-content ul {
  423 + margin-bottom: 0px;
  424 + padding-bottom: 0px;
  425 +}
  426 +
  427 +.trail-box-content li.line {
  428 + border-bottom: 1px dashed #adadad;
  429 + padding-bottom: 10px;
  430 + margin-bottom: 10px;
  431 +}
  432 +
  433 +.trail-box-bottom {
  434 + background-image: url('/images_www/v6/trails/trails-box-bm.png');
  435 + background-repeat: repeat-x;
  436 + height: 6px;
  437 + margin: 0px;
  438 + padding: 0px;
  439 + line-height: 1%;
  440 +}
  441 +#fixed-top-contentbox h1 {
  442 + font-size: 1.8em;
  443 + color: #0e1b55;
  444 + padding: 25px 0px 0px 15px;
  445 +}
  446 +
  447 +#top-box-bg img {
  448 + border: 0px;
  449 +}
  450 +
  451 +h1#platform-header {
  452 + padding: 8px 0 0 15px;
  453 + margin-bottom: 3px;
  454 +}
  455 +
  456 +p#platform-subheader {
  457 + padding-left: 15px;
  458 + color: #ff8e00;
  459 + font-size: 12px;
  460 +}
  461 +#doc {
  462 + line-height: 165%;
  463 + padding-left: 20px;
  464 + _width: 98%;
  465 +}
  466 +
  467 +#doc h2 {
  468 + font-size: 1.45em;
  469 + color: #EE6B00;
  470 + font-weight: normal;
  471 + padding: 5px 0px 2px 0px;
  472 + margin: 10px 0px 8px 0px;
  473 + border-bottom: 1px solid #D1d1d1;
  474 + text-align: left;
  475 +}
  476 +
  477 +#doc ul {
  478 + margin-bottom: 15px;
  479 +}
  480 +
  481 +#doc table {
  482 + margin-bottom: 15px;
  483 +}
  484 +
  485 +#doc table.colapse td {
  486 + padding: 3px;
  487 +}
  488 +
  489 +#sample-project {
  490 + float: right;
  491 + margin: 5px 0px 5px 5px;
  492 + border: 1px dotted silver;
  493 + background-color: #FFF4EE;
  494 +}
  495 +.feedback-box {
  496 + float: right;
  497 + padding: 5px;
  498 + margin: 5px;
  499 + background-color: #F2F7FB;
  500 + border: 1px black dotted;
  501 + font-style: italic;
  502 +}
  503 +
  504 +.alert {
  505 + background-image: url('images_www/v6/alert.gif');
  506 + background-repeat: no-repeat;
  507 + background-position: left top;
  508 + padding: 2px 0px 8px 30px;
  509 + vertical-align: middle;
  510 +}
  511 +
  512 +.notes {
  513 + background-image: url('images_www/v6/notes_small.gif');
  514 + background-repeat: no-repeat;
  515 + background-position: left top;
  516 + padding: 2px 0px 8px 32px;
  517 +}
  518 +
  519 +.tips {
  520 + background-image: url('images_www/v6/tips_small.gif');
  521 + background-repeat: no-repeat;
  522 + background-position: left top;
  523 + padding: 1px 0px 8px 34px;
  524 +}
  525 +
  526 +.new-badge {
  527 + background-image: url('images_www/v6/new_small.png');
  528 + background-repeat: no-repeat;
  529 + background-position: left;
  530 + padding: 5px 0px 2px 34px;
  531 +}
  532 +
  533 +.new-bullet {
  534 + list-style-image: url('images_www/v6/new_small.png');
  535 + background-repeat: no-repeat;
  536 + background-position: left;
  537 + margin: -5px 0 10px;
  538 +}
  539 +
  540 +.circle-bullet {
  541 + list-style: circle
  542 +}
  543 +
  544 +#bookmarks {
  545 + float: right;
  546 + margin: 10px 10px 10px 0px;
  547 + padding: 5px;
  548 + border: 1px dotted gray;
  549 +}
  550 +
  551 +.stamp {
  552 + float: right;
  553 + margin: 0px 0px 10px 10px;
  554 +}
  555 +
  556 +small {
  557 + font-size: 0.85em;
  558 +}
  559 +
  560 +a img {
  561 + border: none;
  562 + background-color: transparent;
  563 +}
  564 +.bg-bege {
  565 + background-color: #FFFCF4;
  566 +}
  567 +
  568 +.bg-face {
  569 + background-color: #FFF4EE;
  570 +}
  571 +
  572 +.bg-silver {
  573 + background-color: #EFEFEF;
  574 +}
  575 +
  576 +.bg-silver2 {
  577 + background-color: #F2F2F2;
  578 +}
  579 +
  580 +.bg-sky {
  581 + background-color: #F4F7FF;
  582 +}
  583 +
  584 +.bg-white {
  585 + background-color: white;
  586 +}
  587 +
  588 +.innerpadding {
  589 + padding: 5px;
  590 +}
  591 +
  592 +.float-left {
  593 + float: left;
  594 +}
  595 +
  596 +.float-right {
  597 + float: right;
  598 +}
  599 +
  600 +.b-all {
  601 + border: 1px solid #adadad;
  602 +}
  603 +
  604 +.b-left {
  605 + border-left: 1px solid #ADADAD;
  606 +}
  607 +
  608 +.b-right {
  609 + border-right: 1px solid #ADADAD;
  610 +}
  611 +
  612 +.b-top {
  613 + border-top: 1px solid #ADADAD;
  614 +}
  615 +
  616 +.b-bottom {
  617 + border-bottom: 1px solid #ADADAD;
  618 +}
  619 +
  620 +.b-top-dashed {
  621 + border-top: 1px dashed #ADADAD;
  622 +}
  623 +
  624 +.b-left-dashed {
  625 + border-left: 1px dashed #ADADAD;
  626 +}
  627 +
  628 +.b-right-dashed {
  629 + border-right: 1px dashed #ADADAD;
  630 +}
  631 +
  632 +.b-bottom-dashed {
  633 + border-bottom: 1px dashed #ADADAD;
  634 +}
  635 +
  636 +.b-green-left {
  637 + border-left: 1px solid #69b5c2;
  638 +}
  639 +
  640 +.b-green-right {
  641 + border-right: 1px solid #69b5c2;
  642 +}
  643 +
  644 +.b-none {
  645 + border: none;
  646 +}
  647 +
  648 +.f-page-cell {
  649 + padding: 15px;
  650 + vertical-align: top;
  651 + line-height: 140%;
  652 +}
  653 +
  654 +.f-page-auto-cell {
  655 + padding: 15px;
  656 + vertical-align: top;
  657 + line-height: 140%;
  658 + _width: 96%;
  659 +}
  660 +
  661 +.cell {
  662 + padding: 5px;
  663 +}
  664 +
  665 +table {
  666 + color: #333333;
  667 + font-size: 1em;
  668 + font-family: Arial, Helvetica, Verdana;
  669 +}
  670 +
  671 +table.t-packs td {
  672 + padding-bottom: 10px;
  673 +}
  674 +
  675 +.colapse {
  676 + border-collapse: collapse;
  677 +}
  678 +
  679 +.xf-page-table {
  680 + width: 767px;
  681 + _width: 700px;
  682 +}
  683 +
  684 +.f-page-table-2col {
  685 + background: white;
  686 +}
  687 +
  688 +.full-width {
  689 + width: 100%;
  690 +}
  691 +
  692 +.half-width {
  693 + width: 50%;
  694 +}
  695 +
  696 +.f-page-rcol {
  697 + width: 307px;
  698 + _width: 306px;
  699 +}
  700 +
  701 +.font-light {
  702 + color: #AEADAD;
  703 +}
  704 +
  705 +.font-13 {
  706 + font-size: 1.1em;
  707 +}
  708 +
  709 +.font-14 {
  710 + font-size: 1.2em;
  711 +}
  712 +
  713 +.font-15 {
  714 + font-size: 1.3em;
  715 +}
  716 +
  717 +.font-16 {
  718 + font-size: 1.4em;
  719 +}
  720 +
  721 +.font-10 {
  722 + font-size: 0.8em;
  723 +}
  724 +
  725 +.font-11 {
  726 + font-size: 0.9em;
  727 +}
  728 +
  729 +.font-9 {
  730 + font-size: 0.75em;
  731 +}
  732 +
  733 +.bold {
  734 + font-weight: bold;
  735 +}
  736 +
  737 +.u {
  738 + text-decoration: underline;
  739 +}
  740 +
  741 +.orange {
  742 + color: #EE6B00;
  743 +}
  744 +
  745 +.blue {
  746 + color: #1E2A60;
  747 +}
  748 +
  749 +.green {
  750 + color: #6d9633;
  751 +}
  752 +
  753 +b {
  754 + font-size: 1em;
  755 +}
  756 +
  757 +.normal {
  758 + font-weight: normal;
  759 +}
  760 +
  761 +.valign-top {
  762 + vertical-align: top;
  763 +}
  764 +
  765 +.valign-center {
  766 + vertical-align: middle;
  767 +}
  768 +
  769 +.valign-bottom {
  770 + vertical-align: bottom;
  771 +}
  772 +
  773 +.align-justify {
  774 + text-align: justify;
  775 +}
  776 +
  777 +.align-right {
  778 + text-align: right;
  779 +}
  780 +
  781 +.align-center {
  782 + text-align: center;
  783 +}
  784 +
  785 +.align-left {
  786 + text-align: left;
  787 +}
  788 +form {
  789 + padding: 0px;
  790 + margin: 0px;
  791 +}
  792 +
  793 +input.field {
  794 + border: 1px solid #1E2A60;
  795 +}
  796 +
  797 +.clear {
  798 + clear: both;
  799 +}
  800 +
  801 +select {
  802 + border: 1px solid #1E2A60;
  803 +}
  804 +
  805 +input.button {
  806 + border: 1px solid #1E2A60;
  807 + background-color: #FFF8E4;
  808 +}
  809 +
  810 +input.toplogininp {
  811 + width: 120px;
  812 +}
  813 +
  814 +.examplecode {
  815 + background-color: #FFF8E4;
  816 + overflow: auto;
  817 + width: 680px;
  818 + white-space: pre;
  819 +}
  820 +
  821 +em.Code {
  822 + background-color: #FFF8E4;
  823 + overflow: auto;
  824 + width: 500px;
  825 +}
  826 +
  827 +.img-left {
  828 + margin: 5px 10px 5px 0px;
  829 + float: left;
  830 +}
  831 +
  832 +.img-right {
  833 + margin: 5px 0px 5px 10px;
  834 + float: right;
  835 +}
  836 +
  837 +.news-image {
  838 + float: right;
  839 + margin: 3px 0px 5px 12px;
  840 +}
  841 +.leftmenug {
  842 + margin-top: 8px;
  843 + background-image: url("/images_www/v4/menu_mark_gt.gif");
  844 + background-repeat: no-repeat;
  845 + font-weight: bold;
  846 + padding-bottom: 10px;
  847 +}
  848 +
  849 +.leftmenuitem {
  850 + margin-left: 15px;
  851 + padding: 0px;
  852 + border: 0px;
  853 +}
  854 +
  855 +.leftsubmenuitem {
  856 + margin-left: 15px;
  857 + padding: 0px;
  858 + border: 0px;
  859 +}
  860 +
  861 +.leftmenuitem SELECT {
  862 + font-size: 10px;
  863 + font-weight: bold;
  864 + font-family: Arial, Helvetica, Verdana;
  865 + color: #3F3F3F;
  866 + width: 140px;
  867 +}
  868 +
  869 +*/
... ...
index.html
  Diff comments   View file @947c4ad
1   -<!DOCTYPE html>
2 1 <html>
3   -
4   -<frameset rows="165px,100%" frameborder="0" border="0" framespacing="0" >
5   - <frame src="cabecalho.html" noresize="noresize" frameborder="0">
6   - <frame style="border: 0px solid white" name="corpo" src="apresentacao.html" frameborder="0">
7   -</frameset>
8   -
  2 +<head>
  3 +<script>
  4 +window.location="index.php" ;
  5 +</script>
  6 +<head>
  7 +<body>
  8 +</body>
9 9 </html>
... ...
links.html
  Diff comments   View file @947c4ad
1   -<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2   -<html xmlns="http://www.w3.org/1999/xhtml">
3   -<head>
4   -<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5   -<title>Bem-vindo ao i3GeoSaude!</title>
6   -<link rel="stylesheet" type="text/css" href="css/estilo.css" />
7   -<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
8   -</head>
9   -<body>
10   - <div id="conteudo" align="center">
11   - <div class="container">
12   - <div >
13   - <div class="text">
14   - <!-- div para o texto "sobre o geosa&uacute;de"-->
15   - <h3>Sa&uacute;de</h3>
  1 + <h2>Sa&uacute;de</h2>
16 2 <div class="itens">
17 3 <p>
18 4 <a target="_blank" href="http://portalsaude.saude.gov.br/portalsaude/index.html">Minist&eacute;rio da Sa&uacute;de do Brasil</a>
19 5 </p>
20 6 <p>
21   - <a target="_blank" href="http://189.28.128.178/sage/">SAGE - Sala de Apoio à Gestão Estratégica do Ministério da Saúde</a>
  7 + <a target="_blank" href="http://189.28.128.178/sage/">SAGE - Sala de Apoio &agrave; Gest&atilde;o Estrat&eacute;gica do Minist&eacute;rio da Sa&uacute;de</a>
22 8 </p>
23 9 <p>
24 10 <a target="_blank" href="http://aplicacao.saude.gov.br/portaltransparencia/index.jsf">Portal Sa&uacute;de com mais Transpar&ecirc;ncia</a>
25 11 </p>
26 12 <p>
27   - <a target="_blank" href="http://new.paho.org/bra/">Organizaç&atilde;o Pan Americana de Sa&uacute;de</a>
  13 + <a target="_blank" href="http://new.paho.org/bra/">Organiza&ccedil;&atilde;o Pan Americana de Sa&uacute;de</a>
28 14 </p>
29 15 <p>
30   - <a target="_blank" href="http://www.who.int/countries/bra/es/">Organizaç&atilde;o Mundial de Sa&uacute;de</a>
  16 + <a target="_blank" href="http://www.who.int/countries/bra/es/">Organiza&ccedil;&atilde;o Mundial de Sa&uacute;de</a>
31 17 </p>
32 18 <p>
33   - <a target="_blank" href="http://www.abrasco.org.br/">Associaç&atilde;o Brasileira de Sa&uacute;de Coletiva</a>
  19 + <a target="_blank" href="http://www.abrasco.org.br/">Associa&ccedil;&atilde;o Brasileira de Sa&uacute;de Coletiva</a>
34 20 </p>
35 21 </div>
36 22  
37   - <h3>Softwares que comp&otilde;em o i3GeoSa&uacute;de</h3>
  23 + <h2>Softwares que comp&otilde;em o i3GeoSa&uacute;de</h2>
38 24 <div class="itens">
39 25 <p>
40 26 <a target="_blank" href="http://www.postgresql.org/">PostgreSQL </a>
... ... @@ -71,7 +57,7 @@
71 57 </p>
72 58 </div>
73 59  
74   - <h3>Organizaç&otilde;es da &aacute;rea de geoprocessamento</h3>
  60 + <h2>Organiza&ccedil;&otilde;es da &aacute;rea de geoprocessamento</h2>
75 61 <div class="itens">
76 62 <p>
77 63 <a target="_blank" href="http://www.inde.gov.br/">Infraestrutura Nacional de Dados Espaciais - INDE</a>
... ... @@ -83,7 +69,7 @@
83 69 <a target="_blank" href="http://www.osgeo.org">Open Source Geospatial Foundation/</a>
84 70 </p>
85 71 </div>
86   - <h3>Exemplos de uso do i3Geo</h3>
  72 + <h2>Exemplos de uso do i3Geo</h2>
87 73 <div class="itens">
88 74 <p>
89 75 <a target="_blank" href="http://www.mma.gov.br/governanca-ambiental/geoprocessamento">Minist&eacute;rio do Meio Ambiente</a>
... ... @@ -98,9 +84,3 @@
98 84 <a target="_blank" href="http://mapas.ipea.gov.br/i3geo/">Instituto de Pesquisa Econ&ocirc;mica Aplicada</a>
99 85 </p>
100 86 </div>
101   - </div>
102   - </div>
103   - </div>
104   - </div>
105   -</body>
106   -</html>
... ...