--no commit message

Edmar Moretti
1 parent 10cd9dc3
Showing 6 changed files with 867 additions and 386 deletions Show diff stats
acesse.html
apresentacao.html
cabecalho.html
css/estilo.css
index.html
links.html
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/      html; charset=iso-8859-1" />
-<title>Bem-vindo ao i3GeoSaude!</title>
-<link rel="stylesheet" type="text/css" href="css/estilo.css" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
-
-</head>
-<body>
-	<div id="conteudo" align="center">
-		<div class="container">
-
-			<div >
-				<div class="text">
-					<!-- div para o texto "sobre o i3geosaude"-->
-					<h3>Links para acessar as opera&ccedil;&otilde;es dispon&iacute;veis no i3GeoSa&uacute;de</h3>
+					<h2>Links para acessar as opera&ccedil;&otilde;es dispon&iacute;veis no i3GeoSa&uacute;de</h2>
 					<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>
 						<div class="itens">
 							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 @@
 								<p>
 									<a id="carto_ol" href="i3geo/i3geosaude/carto_ol.htm" target="_blank">
 										<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;" />
-										<span style="vertical-align:top">Interface que utiliza o OpenLayers como mecanismo de navegação</span>
+										<span style="vertical-align:top">Interface que utiliza o OpenLayers como mecanismo de navega&ccedil;&atilde;o</span>
 									</a>
 								</p>
 								<p>
@@ -34,7 +18,7 @@
 								<p>
 									<a id="carto_gm" href="i3geo/i3geosaude/carto_gm.htm" target="_blank">
 										<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;" />
-										<span style="vertical-align:top">Interface que utiliza o Google Maps como mecanismo de navegação e base cartográfica</span>
+										<span style="vertical-align:top">Interface que utiliza o Google Maps como mecanismo de navega&ccedil;&atilde;o e base cartogr&aacute;fica</span>
 									</a>
 								</p>
 							</div>
@@ -113,7 +97,7 @@
 								</tr>
 							</table>
 						</div>
-						<h3>Dados inclusos</h3>
+						<h2>Dados inclusos</h2>
 						<div class="itens">
 							<p>Alguns dados s&atilde;o fornecidos com o i3GeoSa&uacute;de para permitir a elabora&ccedil;&atilde;o inicial dos cartogramas.</p>
 							<p>
@@ -123,11 +107,9 @@
 								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.
 							</p>
 							<p>
-								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>.
+								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>.
 							</p>
 						</div>
-				</div>
-			</div>
 <script>
 pastaLocal = "i3geosaude";
 document.getElementById("carto_ol").href = "i3geo/"+pastaLocal+"/carto_ol.htm";
@@ -157,5 +139,3 @@ function exibe(id) {
 	}
 }
 </script>
-</body>
-</html>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-<title>Bem-vindo ao i3GeoSaude!</title>
-<link rel="stylesheet" type="text/css" href="css/estilo.css" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
-</head>
-<body>
-	<div id="conteudo" align="center" >
-		<div class="container">
-			<div id="sobre" class="content">
-				<div class="text">
-					<h3>SOBRE O i3GEOSA&Uacute;DE</h3>
+					<h2>Sobre o i3GeoSa&uacute;de</h2>
 					<div class="itens">
 						<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>
 						<p>
 							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>.
 						</p>
 						<p>
-							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.
+							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.
 						</p>
 						<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>
 					</div>
-					<h3>QUEST&Otilde;ES LEGAIS</h3>
+					<h2>Quest&otilde;es legais</h2>
 					<div class="itens">
 						<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>
 						<p>
 							&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>
 						</p>
 					</div>
-					<h3>SUPORTE</h3>
+					<h2>Suporte</h2>
 					<div class="itens">
 						<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>
 					</div>
-				</div>
-				<!---
-				<div class="secondary" align="center">
-					<p>
-						<strong>Assista o v&iacute;deo</strong>
-					</p>
-					<p>
-						<img src="Imagens/imgVideo.png" align="middle" />
-					</p>
-				</div>
-				--->
-			</div>
-		</div>
-	</div>
 		<p style="width:100%;text-align:center;">SAGE CEP: 70058-900, Telefone: 61 3315-2425</p>
-
-</body>
-</html>
-	<!DOCTYPE html>
-	<html xml:lang="pt-BR" dir="ltr" lang="pt-BR"><head>
-	<title>Sala de Apoio a Gestão Estratégica</title>
-	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-	<style type="text/css">
-	body 
-	{
-		margin-left: 0px;
-		margin-top: 0px;
-		margin-right: 0px;
-		margin-bottom: 0px;
-		
-	}
-
-	.letrasbrancas {
-		font-family: Verdana, Geneva, sans-serif;
-		font-size: 14px;
-		font-weight: bold;
-		color: #FFF;
-	}
-
-	</style>
-	
-	<body style="overflow:hidden;"  >
 	<table background="Imagens/fundo_topo.png" border="0" cellpadding="0" cellspacing="0" width="100%">
 		<tr>
 			<td style="vertical-align:bottom" align="right" background="Imagens/testa1.jpg"  height="30" valign="bottom">
@@ -48,51 +24,11 @@
 	</table>
 	<div id="principal">
 		<map name="Map">
-			<area shape="rect" coords="676,0,800,57" href="apresentacao.html" target="corpo"/>
-			<area shape="rect" coords="800,0,903,57" href="docs/index.html" target="corpo"/>
-			<area shape="rect" coords="904,0,1001,57" href="links.html" target="corpo"/>
-			<area shape="rect" coords="1002,0,1093,57" href="acesse.html" target="corpo"/>
-			<area shape="rect" coords="1005,86,1089,115" href="http://portalsaude.saude.gov.br/" target="_blank"/>
+			<area shape="rect" coords="676,0,800,57" href="?conteudo=apresentacao.html" />
+			<area shape="rect" coords="800,0,903,57" href="docs/index.php"/>
+			<area shape="rect" coords="904,0,1001,57" href="?conteudo=links.html" />
+			<area shape="rect" coords="1002,0,1093,57" href="?conteudo=acesse.html"/>
+			<area shape="rect" coords="1005,86,1089,115" href="http://portalsaude.saude.gov.br/"/>
 		</map>
 	</div>
-</body>
-</html>
-	
-
-
-<!---
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/      html; charset=iso-8859-1" />
-<title>Bem-vindo ao i3GeoSaude!</title>
-<link rel="stylesheet" type="text/css" href="css/estilo.css" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
-</head>
-<body>
-	
-	<div class="barra_gov">
-		<script type="text/javascript" src="barragoverno/barra.js"></script>
-	</div>
-
-	<div id="topo" style="display:block">
-		
-			<ul class="menuhorizontal">
-				<img src="Imagens/canto_menu.png" />
-				<li><a href="apresentacao.html" target="corpo" >Sobre o i3GeoSa&uacute;de</a></li>
-				<img src="Imagens/canto_menu.png" />
-				<li><a href="links.html" target="corpo" >Links</a></li>
-				<img src="Imagens/canto_menu.png" />
-				<li><a href="docs/index.html" target="corpo" >Documenta&ccedil;&atilde;o</a></li>
-				<img src="Imagens/canto_menu.png" />
-				<li><a href="acesse.html" target="corpo">Acesse o Sistema</a></li>
-			</ul>
-		
-	</div>
-		<div class="logo">
-			<img src="Imagens/logo_i3geosaude_sus02.png" class="imgTopo" />
-		</div>
-</body>
-</html>
---->
@@ -3,252 +3,867 @@
 *{margin:0px;}
 a { text-decoration: none; }
-a img { border: none; }
-p img { 
-	min-width:90%; 
-	max-width: 98%; 
-}
+a img { border: none; }
 body {
-	background-size: cover;
 	font-family:Arial !important;
 	margin:0px;
 	min-width:926px;
+	margin-left: 0px;
+	margin-top: 0px;
+	margin-right: 0px;
+	margin-bottom: 0px;
 }
-#topo{
-	width: 100%;
-	min-width:926px;
-	background:url(Imagens/fundo2.jpg) repeat-x;
-	height:63px;
-	position:relative;
-	display: none;
-}
-	#topo .barra_gov{
-	}
-	
-	.logo{
-		position: absolute;
-		left: 0;
-		top: -20px;
-		z-index: 10;
-	}
-	.logo img{
-			width: 235px;
-		}
-
-/********** 4.1 Clear Fix **********/
-.clearfix {
-	display: inline-block;
-}
-
-	.clearfix:after {
-		content: ".";
-		display: block;
-		clear: both;
-		visibility: hidden;
-		line-height: 0;
-		height: 0;
-	}
- 
-	html[xmlns] .clearfix {
-		display: block;
-	}
-	 
-	* html .clearfix {
-		height: 1%;
-	}
-		
-/* menu superior */
-#menu { font:bold; }
-.menuhorizontal {
-	height: 30px;
-	margin-top: 33px;
-	float:right;
-	font-family: Arial, Helvetica, sans-serif bold;
-	font-weight: bold;
-	font-size: 14px;
-	color: #FFF;
-	width: 70%;
-	min-width:690px;
-}
-
-	.menuhorizontal img{
-		width: 40px; 
-		height: 30px !important;
-		float:left;
-	}
-	
-	.menuhorizontal ul {
-		float:right;
-		transition: margin-left .5s ease;
-		-webkit-transition: margin-left .5s ease;
-		-moz-transition: margin-left .5s ease;
-		-o-transition: margin-left .5s ease;
-	}
-		.menuhorizontal ul li {
-			float:left;
-			text-align:center;
-			line-height: 30px;
-			text-decoration: none;
-			color: #FFF;
-			margin-left: 10px;
-			display: table-cell;
-			vertical-align: middle;
-			list-style-type:none;
-		}
-		.menuhorizontal li {
-			background: #004646; /* Para Browsers antigos */
-			background: linear-gradient(#004646, #CFF); /* padrão w3c */
-			background: -moz-linear-gradient(#004646, #CFF); /* FF 3.6+ */
-			background: -webkit-gradient(linear, left top, bottom left, color-stop(0%, #004646), color-stop(100%, #CFF)); /* Chrome, Safari4+ */
-			background: -webkit-linear-gradient(top, #004646 0%, #CFF 100%); /* Chrome10+, Safari5.1+ */
-			background: -o-linear-gradient(top, #004646 0%, #CFF 100%); /* Opera11.10+ */
-			background: -ms-linear-gradient(top, #004646 0%, #CFF 100%); /* IE10+ */
-
-			list-style: none;
-			color: #FFF;
-			line-height: 30px;
-			float:left;
-			border-radius: 0 30px 30px 0;
-		}
-			.menuhorizontal li a, .menuhorizontal li span {
-				color: #FFF; 
-				line-height: 30px;
-				margin: 15px 25px 15px 10px;
-				text-shadow: 2px 2px 2px #000;
-			}
-			
-			.menuhorizontal li a:active {
-				color: #FFF;
-				line-height: 30px;
-			}
-
 /* Container */
 #conteudo { 
 	margin: auto;
     max-width: 1096px;
-    text-align: center;
-}
-
-.container{
+    text-align: left;
 	padding: 15px 0;
 	text-align:justify;
 	background: #fff;
 	border-radius: 0px;
 	padding: 10px 10px;
-	
 	min-width: 300px;
-	min-height:1000px;
-	display:table;
-	
+	display:block;
+}
+
+/* -------- Estilos -----------*/
+.imagemExemplo {
+	text-align: center;
+	color: gray;
+	margin-bottom: 15px;
+}
+.imagemExemplo img {
+	box-shadow: 5px 5px 8px 2px #C8C8C8;
+	max-width: 1000px;
+}
+.imagemExemplo p {
+	color: gray;
+	text-align: center;
+}
+.imginicio {
+	float: right;
+	display: block;
 }
-.content { 
-	background: #fff; 
-	border-radius: 12px; 
+.imgpos {
+	position: absolute;
+	right: 30px;
+	bottom: 500px;
 }
-	.content .text { 
-		width: 100%; 
-		float: left; 
-	}
+p {
+	margin-top: 5px;
+	text-align: left;
+	margin-bottom: 15px;
+	padding: 0px 0px 0px 0px;
+}
-	.content .secondary{ 
-		float: left; 
-		width: 20%; 
-		text-align:center; 
-	}
+ol li {
+	margin-bottom: 9px;
+	margin-top: 0px;
+	list-style: decimal;
+}
-/* ids do conteúdo da página - display padrão */
-#sobre { display: block; }
-#links, #doc, #acessarSistema { display:none; }
+ul li {
+	margin-bottom: 10px;
+	margin-top: 0px;
+	list-style: disc;
+}
-/* página de ferramentas (index.php) */
-#scrollingControl {
-	float: right;
-    margin-right: 230px;
-    margin-top: 40px;
-    width: 60px;
-}
-
-.linksFerramentas { 
-	width:100%; 
-	margin-top: 15px; 
-}
-	.linksFerramentas ul {
-		list-style: none;
-		position:relative; 
-		margin-top: 15px;
-	}
-
-	.ferramentas {
-		color:#000;
-		float:left;
-		margin: 20px;
-		width: 99%;
-	}
-
-		.ferramentas a {
-			text-decoration: none;
-			font-weight:bold;
-		}
-
-		.ferramentas img { 
-			height: 41px; 
-			float:left; 
-		}
-		
-		.ferramentas p { 
-			float: left; 
-			text-align: justify; 
-			margin-left: 5px; 
-			width:78%; 
-			line-height: 41px; 
-		}
-/* FINAL página de ferramentas (index.php) */
-
-/* DIV Acessar Sistema e Links */
-.listaAcessarSistema li { 
-	list-style:inside url(../Imagens/listaAcessarSistema.png) none; 
-	margin: 15px 5px; 
-}
-
-#metadadosEstatisticos h3, #cargaDados h3, 
-#limitesGeograficos h3, #publicacaoCartogramas h3, h3 {
+ul {
+	padding-top: 0px;
+	margin: 0px;
+	_margin-left: 15px;
+}
+
+ul li ul {
+	margin-top: 8px;
+}
+
+li p {
+	margin: 0px;
+	padding: 0px 0px 3px 0px;
+}
+
+
+pre {
+	background-color: #FFF8E4;
+	padding: 10px;
+	font-size: 1.3em;
+	_font-size: 1.2em;
+}
+
+body.blue-bg {
+	background-repeat: repeat-x;
+	background-size: cover;
+	font-family: Arial !important;
+	margin: auto;
+	max-width: 1096px;
+	display: table;
+}
+
+h1 {
+	font-size: 1.8em;
 	color: #226598;
-    float: left;
-    font-size: 18px;
-    line-height: 30px;
-    margin-top: 10px;
-    text-indent: 15px;
-    width: 100%;
-}
-
-.itens { 
-	padding: 2px; 
-	width: 98%; 
-	float: left; 
-	margin: 0 15px; 
-}
-	.itens p { margin-top: 5px; }
-
-	.subitens { 
-		float:left; 
-		width: 98%; 
-		margin: 0 15px; 
-	}
-	
-		.subitens p {
-			font-weight: bold; 
-			font-size:14px; 
-			margin: 15px 0;
-		}
-		
-		.subitens ul {margin: 15px 0;}
-		.subitens li {
-			list-style: decimal inside; 
-			margin: 3px;
-		}
-/* DIV Acessar Sistema e Links */
+	font-weight: bold;
+	padding: 0px;
+	margin-top: 5px;
+	text-align: left;
+	margin-bottom: 5px;
+}
+
+h2 {
+	font-size: 1.4em;
+	color: #226598;
+	font-weight: bold;
+	padding: 0px;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	text-align: left;
+}
+
+h3 {
+	font-size: 1.4em;
+	color: #226598;
+	font-weight: bold;
+	padding: 0px;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	text-align: left;
+}
+
+A:visited {
+	color: #6600CC;
+	font-weight: normal;
+	text-decoration: none;
+}
+
+A:link {
+	color: #23569d;
+	font-weight: normal;
+	text-decoration: none;
+}
+
+A:hover {
+	color: #23569d;
+	font-weight: normal;
+	text-decoration: underline;
+}
+
+.nav A:link {
+	color: #23569d;
+}
+
+A.tutorial-link {
+	background-color: #e6f6fe;
+	background-image: url('/images_www/v6/tutorial.gif');
+	background-repeat: no-repeat;
+	background-position: left;
+	padding: 3px 7px 7px 30px;
+	vertical-align: middle;
+}
+
+A.demo-link {
+	background-color: #e6f6fe;
+	background-image: url('/images_www/v6/demo.gif');
+	background-repeat: no-repeat;
+	background-position: left;
+	padding: 3px 7px 7px 30px;
+	vertical-align: middle;
+}
+
+
+
+pre {
+	background-color: #FFF8E4;
+	padding: 10px;
+	font-size: 1.3em;
+	_font-size: 1.2em;
+}
+
+pre,samp,code,tt {
+	font-family: "Courier New", monospace;
+	font-size: 1.1em;
+	color: black;
+}
+
+ol li {
+	margin-bottom: 9px;
+	margin-top: 0px;
+	list-style: decimal;
+}
+
+ul li {
+	margin-bottom: 10px;
+	margin-top: 0px;
+	list-style: disc;
+}
+
+ul {
+	padding-top: 0px;
+	margin: 0px;
+	_margin-left: 15px;
+}
+
+ul li ul {
+	margin-top: 8px;
+}
+
+li p {
+	margin: 0px;
+	padding: 0px 0px 3px 0px;
+}
+
+
+/********************
+ul.toc {
+	margin-bottom: 15px;
+}
+
+ul.toc>ul {
+	margin-bottom: 0px;
+}
+
+ul.toc li {
+	padding-top: 0px;
+	padding-bottom: 0px;
+	margin: 0px 0px 4px 15px
+}
+
+#nav li {
+	list-style: none;
+}
+
+img.box {
+	border: 1px solid #BBBBBB;
+}
+
+img.left {
+	margin-left: 0px;
+	margin-right: 10px;
+	margin-bottom: 10px;
+	float: left;
+}
+
+img.right {
+	margin-right: 0px;
+	margin-left: 10px;
+	margin-bottom: 10px;
+	float: right;
+}
+
+.margin-around {
+	margin: 10px;
+}
+#center-container {
+	text-align: center;
+}
+
+#tof {
+	font-size: 0.9em;
+	right: 6px;
+	position: relative;
+	text-align: right;
+}
+#navig-breadcrumbs {
+	text-align: left;
+	padding: 5px 5px 5px 15px;
+}
+
+#download-box {
+	height: 166px;
+	_height: 170px;
+}
+
+#loginbox {
+	padding: 5px 5px 5px 13px;
+}
+
+#f-page-news h2 {
+	font-weight: bold;
+	border: 0px;
+}
+
+#f-partner {
+	_margin-top: 10px;
+	padding: 10px 10px 10px 10px;
+}
+
+.product-list-box {
+	margin: 15px 0px 0px 545px;
+}
+
+#products-navig {
+	position: absolute;
+	width: 166px;
+	margin: 15px 0px 0px 14px;
+	_margin: 15px 0px 0px 9px;
+}
+
+#products-platform-navig {
+	float: left;
+	width: 166px;
+	margin: 15px 0px 0px 14px;
+	_margin: 15px 0px 0px 9px;
+}
+
+#products-navig-table {
+	border-collapse: collapse;
+	width: 166px;
+}
+
+#products-navig-table td {
+	border-bottom: 1px solid white;
+	padding: 8px 4px 10px 4px;
+}
+
+.products-navig-submenu {
+	padding: 5px 0px 0px 5px;
+	_padding: 5px 0px 0px 8px;
+	line-height: 170%;
+}
+
+#products-platform-navig  h1 {
+	margin-bottom: 0px;
+	color: #333333;
+}
+
+#products-text {
+	margin-left: 180px;
+}
+
+#companion-projects {
+	text-align: center;
+	width: 910px;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+#companion-projects a:hover,#tof a:hover,#ftr a:hover {
+	background-color: transparent;
+}
+
+.companions-left {
+	padding-left: 7px;
+}
+
+.companions-right {
+	padding-right: 5px;
+}
+
+.rcol {
+	width: 249px
+}
+
+.rcol ul {
+	margin-left: 0px;
+	padding-left: 15px;
+	margin-top: 10px;
+}
+
+#heading-stripe {
+	background-image: url('/images_www/v7/design/banner_overwiew.png');
+	background-repeat: no-repeat;
+	height: 57px;
+	border-left: 1px solid #A7B0B7;
+	border-right: 1px solid #A7B0B7;
+}
+
+#heading-stripe-platform {
+	background-image: url('/images_www/v6/products-platform-top-bg.gif');
+	background-repeat: no-repeat;
+	height: 57px;
+}
+
+#heading-stripe div,#heading-stripe-platform div {
+	float: right;
+	padding: 20px 15px 0px 0px;
+}
+
+#heading-stripe h1 {
+	font-size: 1.8em;
+	color: white;
+	padding: 25px 0px 0px 15px;
+}
+
+.trail-box {
+	margin: 10px 10px 10px 10px;
+}
+
+.trail-box-header {
+	background-color: #c7e3e8;
+	min-height: 21px;
+}
+
+.trail-box-header h1 {
+	color: #0e1b55;
+	margin: 0px;
+	padding: 2px 0px 0px 0px;
+	_padding: 7px 0px 0px 0px;
+	font-size: 1.3em;
+}
+
+.trail-box-content {
+	padding: 10px 10px 0px 10px;
+	border-right: 1px solid #c7e3e8;
+	border-left: 1px solid #c7e3e8;
+	border-bottom: 1px solid white;
+}
+
+.trail-box-content img {
+	-webkit-box-shadow: 5px 5px 8px 2px rgba(200, 200, 200, 200);
+	box-shadow: 5px 5px 8px 2px rgba(200, 200, 200, 200);
+}
+
+.trail-box-content ul {
+	margin-bottom: 0px;
+	padding-bottom: 0px;
+}
+
+.trail-box-content li.line {
+	border-bottom: 1px dashed #adadad;
+	padding-bottom: 10px;
+	margin-bottom: 10px;
+}
+
+.trail-box-bottom {
+	background-image: url('/images_www/v6/trails/trails-box-bm.png');
+	background-repeat: repeat-x;
+	height: 6px;
+	margin: 0px;
+	padding: 0px;
+	line-height: 1%;
+}
+#fixed-top-contentbox h1 {
+	font-size: 1.8em;
+	color: #0e1b55;
+	padding: 25px 0px 0px 15px;
+}
+
+#top-box-bg img {
+	border: 0px;
+}
+
+h1#platform-header {
+	padding: 8px 0 0 15px;
+	margin-bottom: 3px;
+}
+
+p#platform-subheader {
+	padding-left: 15px;
+	color: #ff8e00;
+	font-size: 12px;
+}
+#doc {
+	line-height: 165%;
+	padding-left: 20px;
+	_width: 98%;
+}
+
+#doc h2 {
+	font-size: 1.45em;
+	color: #EE6B00;
+	font-weight: normal;
+	padding: 5px 0px 2px 0px;
+	margin: 10px 0px 8px 0px;
+	border-bottom: 1px solid #D1d1d1;
+	text-align: left;
+}
+
+#doc ul {
+	margin-bottom: 15px;
+}
+
+#doc table {
+	margin-bottom: 15px;
+}
+
+#doc table.colapse td {
+	padding: 3px;
+}
+
+#sample-project {
+	float: right;
+	margin: 5px 0px 5px 5px;
+	border: 1px dotted silver;
+	background-color: #FFF4EE;
+}
+.feedback-box {
+	float: right;
+	padding: 5px;
+	margin: 5px;
+	background-color: #F2F7FB;
+	border: 1px black dotted;
+	font-style: italic;
+}
+
+.alert {
+	background-image: url('images_www/v6/alert.gif');
+	background-repeat: no-repeat;
+	background-position: left top;
+	padding: 2px 0px 8px 30px;
+	vertical-align: middle;
+}
+
+.notes {
+	background-image: url('images_www/v6/notes_small.gif');
+	background-repeat: no-repeat;
+	background-position: left top;
+	padding: 2px 0px 8px 32px;
+}
+
+.tips {
+	background-image: url('images_www/v6/tips_small.gif');
+	background-repeat: no-repeat;
+	background-position: left top;
+	padding: 1px 0px 8px 34px;
+}
+
+.new-badge {
+	background-image: url('images_www/v6/new_small.png');
+	background-repeat: no-repeat;
+	background-position: left;
+	padding: 5px 0px 2px 34px;
+}
+
+.new-bullet {
+	list-style-image: url('images_www/v6/new_small.png');
+	background-repeat: no-repeat;
+	background-position: left;
+	margin: -5px 0 10px;
+}
+
+.circle-bullet {
+	list-style: circle
+}
+
+#bookmarks {
+	float: right;
+	margin: 10px 10px 10px 0px;
+	padding: 5px;
+	border: 1px dotted gray;
+}
+
+.stamp {
+	float: right;
+	margin: 0px 0px 10px 10px;
+}
+
+small {
+	font-size: 0.85em;
+}
+
+a img {
+	border: none;
+	background-color: transparent;
+}
+.bg-bege {
+	background-color: #FFFCF4;
+}
+
+.bg-face {
+	background-color: #FFF4EE;
+}
+
+.bg-silver {
+	background-color: #EFEFEF;
+}
+
+.bg-silver2 {
+	background-color: #F2F2F2;
+}
+
+.bg-sky {
+	background-color: #F4F7FF;
+}
+
+.bg-white {
+	background-color: white;
+}
+
+.innerpadding {
+	padding: 5px;
+}
+
+.float-left {
+	float: left;
+}
+
+.float-right {
+	float: right;
+}
+
+.b-all {
+	border: 1px solid #adadad;
+}
+
+.b-left {
+	border-left: 1px solid #ADADAD;
+}
+
+.b-right {
+	border-right: 1px solid #ADADAD;
+}
+
+.b-top {
+	border-top: 1px solid #ADADAD;
+}
+
+.b-bottom {
+	border-bottom: 1px solid #ADADAD;
+}
+
+.b-top-dashed {
+	border-top: 1px dashed #ADADAD;
+}
+
+.b-left-dashed {
+	border-left: 1px dashed #ADADAD;
+}
+
+.b-right-dashed {
+	border-right: 1px dashed #ADADAD;
+}
+
+.b-bottom-dashed {
+	border-bottom: 1px dashed #ADADAD;
+}
+
+.b-green-left {
+	border-left: 1px solid #69b5c2;
+}
+
+.b-green-right {
+	border-right: 1px solid #69b5c2;
+}
+
+.b-none {
+	border: none;
+}
+
+.f-page-cell {
+	padding: 15px;
+	vertical-align: top;
+	line-height: 140%;
+}
+
+.f-page-auto-cell {
+	padding: 15px;
+	vertical-align: top;
+	line-height: 140%;
+	_width: 96%;
+}
+
+.cell {
+	padding: 5px;
+}
+
+table {
+	color: #333333;
+	font-size: 1em;
+	font-family: Arial, Helvetica, Verdana;
+}
+
+table.t-packs td {
+	padding-bottom: 10px;
+}
+
+.colapse {
+	border-collapse: collapse;
+}
+
+.xf-page-table {
+	width: 767px;
+	_width: 700px;
+}
+
+.f-page-table-2col {
+	background: white;
+}
+
+.full-width {
+	width: 100%;
+}
+
+.half-width {
+	width: 50%;
+}
+
+.f-page-rcol {
+	width: 307px;
+	_width: 306px;
+}
+
+.font-light {
+	color: #AEADAD;
+}
+
+.font-13 {
+	font-size: 1.1em;
+}
+
+.font-14 {
+	font-size: 1.2em;
+}
+
+.font-15 {
+	font-size: 1.3em;
+}
+
+.font-16 {
+	font-size: 1.4em;
+}
+
+.font-10 {
+	font-size: 0.8em;
+}
+
+.font-11 {
+	font-size: 0.9em;
+}
+
+.font-9 {
+	font-size: 0.75em;
+}
+
+.bold {
+	font-weight: bold;
+}
+
+.u {
+	text-decoration: underline;
+}
+
+.orange {
+	color: #EE6B00;
+}
+
+.blue {
+	color: #1E2A60;
+}
+
+.green {
+	color: #6d9633;
+}
+
+b {
+	font-size: 1em;
+}
+
+.normal {
+	font-weight: normal;
+}
+
+.valign-top {
+	vertical-align: top;
+}
+
+.valign-center {
+	vertical-align: middle;
+}
+
+.valign-bottom {
+	vertical-align: bottom;
+}
+
+.align-justify {
+	text-align: justify;
+}
+
+.align-right {
+	text-align: right;
+}
+
+.align-center {
+	text-align: center;
+}
+
+.align-left {
+	text-align: left;
+}
+form {
+	padding: 0px;
+	margin: 0px;
+}
+
+input.field {
+	border: 1px solid #1E2A60;
+}
+
+.clear {
+	clear: both;
+}
+
+select {
+	border: 1px solid #1E2A60;
+}
+
+input.button {
+	border: 1px solid #1E2A60;
+	background-color: #FFF8E4;
+}
+
+input.toplogininp {
+	width: 120px;
+}
+
+.examplecode {
+	background-color: #FFF8E4;
+	overflow: auto;
+	width: 680px;
+	white-space: pre;
+}
+
+em.Code {
+	background-color: #FFF8E4;
+	overflow: auto;
+	width: 500px;
+}
+
+.img-left {
+	margin: 5px 10px 5px 0px;
+	float: left;
+}
+
+.img-right {
+	margin: 5px 0px 5px 10px;
+	float: right;
+}
+
+.news-image {
+	float: right;
+	margin: 3px 0px 5px 12px;
+}
+.leftmenug {
+	margin-top: 8px;
+	background-image: url("/images_www/v4/menu_mark_gt.gif");
+	background-repeat: no-repeat;
+	font-weight: bold;
+	padding-bottom: 10px;
+}
+
+.leftmenuitem {
+	margin-left: 15px;
+	padding: 0px;
+	border: 0px;
+}
+
+.leftsubmenuitem {
+	margin-left: 15px;
+	padding: 0px;
+	border: 0px;
+}
+
+.leftmenuitem SELECT {
+	font-size: 10px;
+	font-weight: bold;
+	font-family: Arial, Helvetica, Verdana;
+	color: #3F3F3F;
+	width: 140px;
+}
+
+*/
-<!DOCTYPE html>
 <html>
-
-<frameset rows="165px,100%" frameborder="0" border="0" framespacing="0" >
-  <frame src="cabecalho.html" noresize="noresize" frameborder="0">
-  <frame style="border: 0px solid white" name="corpo" src="apresentacao.html" frameborder="0">
-</frameset>
-
+<head>
+<script>
+window.location="index.php" ;
+</script>
+<head>
+<body>
+</body>
 </html>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-<title>Bem-vindo ao i3GeoSaude!</title>
-<link rel="stylesheet" type="text/css" href="css/estilo.css" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
-</head>
-<body>
-	<div id="conteudo" align="center">
-		<div class="container">
-			<div >
-				<div class="text">
-					<!-- div para o texto "sobre o geosa&uacute;de"-->
-					<h3>Sa&uacute;de</h3>
+					<h2>Sa&uacute;de</h2>
 					<div class="itens">
 						<p>
 							<a target="_blank" href="http://portalsaude.saude.gov.br/portalsaude/index.html">Minist&eacute;rio da Sa&uacute;de do Brasil</a>
 						</p>
 						<p>
-							<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>
+							<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>
 						</p>
 						<p>
 							<a target="_blank" href="http://aplicacao.saude.gov.br/portaltransparencia/index.jsf">Portal Sa&uacute;de com mais Transpar&ecirc;ncia</a>
 						</p>
 						<p>
-							<a target="_blank" href="http://new.paho.org/bra/">Organizaç&atilde;o Pan Americana de Sa&uacute;de</a>
+							<a target="_blank" href="http://new.paho.org/bra/">Organiza&ccedil;&atilde;o Pan Americana de Sa&uacute;de</a>
 						</p>
 						<p>
-							<a target="_blank" href="http://www.who.int/countries/bra/es/">Organizaç&atilde;o Mundial de Sa&uacute;de</a>
+							<a target="_blank" href="http://www.who.int/countries/bra/es/">Organiza&ccedil;&atilde;o Mundial de Sa&uacute;de</a>
 						</p>
 						<p>
-							<a target="_blank" href="http://www.abrasco.org.br/">Associaç&atilde;o Brasileira de Sa&uacute;de Coletiva</a>
+							<a target="_blank" href="http://www.abrasco.org.br/">Associa&ccedil;&atilde;o Brasileira de Sa&uacute;de Coletiva</a>
 						</p>
 					</div>
-					<h3>Softwares que comp&otilde;em o i3GeoSa&uacute;de</h3>
+					<h2>Softwares que comp&otilde;em o i3GeoSa&uacute;de</h2>
 					<div class="itens">
 						<p>
 							<a target="_blank" href="http://www.postgresql.org/">PostgreSQL </a>
@@ -71,7 +57,7 @@
 						</p>
 					</div>
-					<h3>Organizaç&otilde;es da &aacute;rea de geoprocessamento</h3>
+					<h2>Organiza&ccedil;&otilde;es da &aacute;rea de geoprocessamento</h2>
 					<div class="itens">
 						<p>
 							<a target="_blank" href="http://www.inde.gov.br/">Infraestrutura Nacional de Dados Espaciais - INDE</a>
@@ -83,7 +69,7 @@
 							<a target="_blank" href="http://www.osgeo.org">Open Source Geospatial Foundation/</a>
 						</p>
 					</div>
-					<h3>Exemplos de uso do i3Geo</h3>
+					<h2>Exemplos de uso do i3Geo</h2>
 					<div class="itens">
 						<p>
 							<a target="_blank" href="http://www.mma.gov.br/governanca-ambiental/geoprocessamento">Minist&eacute;rio do Meio Ambiente</a>
@@ -98,9 +84,3 @@
 							<a target="_blank" href="http://mapas.ipea.gov.br/i3geo/">Instituto de Pesquisa Econ&ocirc;mica Aplicada</a>
 						</p>
 					</div>
-				</div>
-			</div>
-		</div>
-	</div>
-</body>
-</html>
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ÚDE</h3>	1	+ <h2>Sobre o i3GeoSaúde</h2>
15	<div class="itens">	2	<div class="itens">
16	<p>i3GeoSaúde é uma oferta do Ministério da Saúde às Secretarias Municipais e Estaduais de Saúde e aos profissionais da área de saúde que utilizam georreferenciamento de dados como instrumento para formulação e implementação de políticas públicas em suas áreas de atuação. A utilização da ferramenta não é restrita aos profissionais da área de saúde, podendo ser utilizado por outros profissionais ou estudiosos.</p>	3	<p>i3GeoSaúde é uma oferta do Ministério da Saúde às Secretarias Municipais e Estaduais de Saúde e aos profissionais da área de saúde que utilizam georreferenciamento de dados como instrumento para formulação e implementação de políticas públicas em suas áreas de atuação. A utilização da ferramenta não é restrita aos profissionais da área de saúde, podendo ser utilizado por outros profissionais ou estudiosos.</p>
17	<p>	4	<p>
18	Por meio da utilização do i3GeoSaúde é possível a criação de cartogramas dinâmicos à moda do que o Ministério da Saúde faz com o Ì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ério do Meio Ambiente</a>.	5	Por meio da utilização do i3GeoSaúde é possível a criação de cartogramas dinâmicos à moda do que o Ministério da Saúde faz com o Ì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ério do Meio Ambiente</a>.
19	</p>	6	</p>
20	<p>	7	<p>
21	- O i3GeoSaúde foi desenvolvido pelo Departamento de Monitoramento e Avaliação do SUS (DEMAS) com base nas tecnologias adotadas na <a target="_blank" href="http://189.28.128.178/sage/">Sala de apoio à Gestão Estratégica (SAGE)</a> e é baseado na solução livre <a href="http://www.i3geo.com.br" target="_blank">i3Geo</a> . O esforço feito pelo Ministério da Saúde consiste na criação de uma interface que simplifique os procedimentos técnicos para a criação de cartogramas dinâmicos acessíveis por meio da internet. A ideia que uma pessoa com conhecimentos de sua área de atuação, sabendo usar um navegador (browser) e tendo organizado seus dados e planejado minimamente seus cartogramas, tenha no i3GeoSaúde uma ferramenta de fácil utilização.	8	+ O i3GeoSaúde foi desenvolvido pelo Departamento de Monitoramento e Avaliação do SUS (DEMAS) com base nas tecnologias adotadas na <a target="_blank" href="http://189.28.128.178/sage/">Sala de apoio à Gestão Estratégica (SAGE)</a> e é baseado na solução livre <a href="http://www.i3geo.com.br" target="_blank">i3Geo</a> . O esforço feito pelo Ministério da Saúde consiste na criação de uma interface que simplifique os procedimentos técnicos para a criação de cartogramas dinâmicos acessíveis por meio da internet. A ideia que uma pessoa com conhecimentos de sua área de atuação, sabendo usar um navegador (browser) e tendo organizado seus dados e planejado minimamente seus cartogramas, tenha no i3GeoSaúde uma ferramenta de fácil utilização.
22	</p>	9	</p>
23	<p>Essa é a primeira versão do i3GeoSaúde, portanto, a ferramenta pode ser melhorada em diversos aspectos. Também sabemos que a possibilidade de melhoria está em função de sua utilização e do envolvimento de seus usuários com sua evolução. O fato de i3GeoSaúde ser software livre facilita esse processo de amadurecimento do instrumento.</p>	10	<p>Essa é a primeira versão do i3GeoSaúde, portanto, a ferramenta pode ser melhorada em diversos aspectos. Também sabemos que a possibilidade de melhoria está em função de sua utilização e do envolvimento de seus usuários com sua evolução. O fato de i3GeoSaúde ser software livre facilita esse processo de amadurecimento do instrumento.</p>
24	</div>	11	</div>
25	- <h3>QUESTÕES LEGAIS</h3>	12	+ <h2>Questões legais</h2>
26	<div class="itens">	13	<div class="itens">
27	<p>i3GeoSaúde é software livre, assim como todos seus componentes. Desta forma, você é livre para usar, distribuir e modificar o código, conforme estabelecido pela General Public Licence versão 2. Alterações no código do i3GeoSaúde devem compartilhadas por meio do Portal do Software Público.</p>	14	<p>i3GeoSaúde é software livre, assim como todos seus componentes. Desta forma, você é livre para usar, distribuir e modificar o código, conforme estabelecido pela General Public Licence versão 2. Alterações no código do i3GeoSaúde devem compartilhadas por meio do Portal do Software Público.</p>
28	<p>	15	<p>
29	É possível, por meio do i3GeoSaúde, utilizar serviços proprietários para a apresentação de seus cartogramas e digitalização de limites, como por exemplo, o Google Maps(r) ou Google Earth(r). Se você optar pela utilização destes serviços e ferramentas, deve ficar atento às condições legais de uso das mesmas: <a href="https://developers.google.com/maps/terms" target="_blank">https://developers.google.com/maps/terms</a>	16	É possível, por meio do i3GeoSaúde, utilizar serviços proprietários para a apresentação de seus cartogramas e digitalização de limites, como por exemplo, o Google Maps(r) ou Google Earth(r). Se você optar pela utilização destes serviços e ferramentas, deve ficar atento às condições legais de uso das mesmas: <a href="https://developers.google.com/maps/terms" target="_blank">https://developers.google.com/maps/terms</a>
30	</p>	17	</p>
31	</div>	18	</div>
32	- <h3>SUPORTE</h3>	19	+ <h2>Suporte</h2>
33	<div class="itens">	20	<div class="itens">
34	<p>O suporte ao uso e desenvolvimento do i3GeoSaúde pode ser obtido por meio do cadastro em nossa lista de discussão. Optamos por este mecanismo pois ele facilita o compartilhamento das experiências dos usuários.</p>	21	<p>O suporte ao uso e desenvolvimento do i3GeoSaúde pode ser obtido por meio do cadastro em nossa lista de discussão. Optamos por este mecanismo pois ele facilita o compartilhamento das experiências dos usuários.</p>
35	</div>	22	</div>
36	- </div>
37	- <!---
38	- <div class="secondary" align="center">
39	- <p>
40	- <strong>Assista o ví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	<p style="width:100%;text-align:center;">SAGE CEP: 70058-900, Telefone: 61 3315-2425</p>	23	<p style="width:100%;text-align:center;">SAGE CEP: 70058-900, Telefone: 61 3315-2425</p>
51	-
52	-</body>
53	-</html>
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	<table background="Imagens/fundo_topo.png" border="0" cellpadding="0" cellspacing="0" width="100%">	1	<table background="Imagens/fundo_topo.png" border="0" cellpadding="0" cellspacing="0" width="100%">
26	<tr>	2	<tr>
27	<td style="vertical-align:bottom" align="right" background="Imagens/testa1.jpg" height="30" valign="bottom">	3	<td style="vertical-align:bottom" align="right" background="Imagens/testa1.jpg" height="30" valign="bottom">
	@@ -48,51 +24,11 @@		@@ -48,51 +24,11 @@
48	</table>	24	</table>
49	<div id="principal">	25	<div id="principal">
50	<map name="Map">	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	</map>	32	</map>
57	</div>	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ú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çã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	---->
	@@ -3,252 +3,867 @@		@@ -3,252 +3,867 @@
3	*{margin:0px;}	3	*{margin:0px;}
4		4
5	a { text-decoration: none; }	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	body {	9	body {
14	- background-size: cover;
15	font-family:Arial !important;	10	font-family:Arial !important;
16	margin:0px;	11	margin:0px;
17	min-width:926px;	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	/* Container */	19	/* Container */
129	#conteudo {	20	#conteudo {
130	margin: auto;	21	margin: auto;
131	max-width: 1096px;	22	max-width: 1096px;
132	- text-align: center;
133	-}
134	-
135	-.container{	23	+ text-align: left;
136	padding: 15px 0;	24	padding: 15px 0;
137	text-align:justify;	25	text-align:justify;
138	background: #fff;	26	background: #fff;
139	border-radius: 0px;	27	border-radius: 0px;
140	padding: 10px 10px;	28	padding: 10px 10px;
141	-
142	min-width: 300px;	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	color: #226598;	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	+*/