From 71c3340a463de2489204619067380f2e950c0b72 Mon Sep 17 00:00:00 2001
From: Edmar Moretti <edmar.moretti@gmail.com>
Date: Tue, 3 Jun 2014 04:23:39 +0000
Subject: [PATCH] v6 - ajustes no layout das ferramentas

---
 classesjs/i3geo.js               |   4 ++--
 classesjs/i3geo6.js              |   4 ++--
 css/ferramentas.css              | 284 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------------------------
 css/geral.css                    |  21 +++++++++++++++++----
 ferramentas/gradepol/index.js    |  45 +++++++++++++++++++++++----------------------
 ferramentas/gradepontos/index.js |  49 +++++++++++++++++++++++++------------------------
 6 files changed, 308 insertions(+), 99 deletions(-)

diff --git a/classesjs/i3geo.js b/classesjs/i3geo.js
index 93e1359..1b0469e 100644
--- a/classesjs/i3geo.js
+++ b/classesjs/i3geo.js
@@ -44,7 +44,7 @@ Pega um objeto do documento.
 
 Exemplo: $i("box1")
 
-Parâmetros:
+Par�metros:
 
 id - id do objeto
 
@@ -70,7 +70,7 @@ $i = function(id)
 			}
 		}
 	}
-	document.write("<link rel='stylesheet' type='text/css' href='" + scriptLocation + "../css/i3geo6.css.php'></link>");
 	document.write("<link rel='stylesheet' type='text/css' href='" + scriptLocation + "../pacotes/yui290/build/button/assets/skins/sam/button.css'></link>");
+	document.write("<link rel='stylesheet' type='text/css' href='" + scriptLocation + "../css/i3geo6.css.php'></link>");
 	document.write("<script type='text/javascript' src='" + scriptLocation + "i3geo_tudo_compacto6.js.php'></script>");
 })();
\ No newline at end of file
diff --git a/classesjs/i3geo6.js b/classesjs/i3geo6.js
index a414b1e..597b551 100755
--- a/classesjs/i3geo6.js
+++ b/classesjs/i3geo6.js
@@ -40,7 +40,7 @@ Pega um objeto do documento.
 
 Exemplo: $i("box1")
 
-Parâmetros:
+Par�metros:
 
 id - id do objeto
 
@@ -66,7 +66,7 @@ $i = function(id)
 			}
 		}
 	}
-	document.write("<link rel='stylesheet' type='text/css' href='" + scriptLocation + "../css/i3geo6.css.php'></link>");
 	document.write("<link rel='stylesheet' type='text/css' href='" + scriptLocation + "../pacotes/yui290/build/button/assets/skins/sam/button.css'></link>");
+	document.write("<link rel='stylesheet' type='text/css' href='" + scriptLocation + "../css/i3geo6.css.php'></link>");
 	document.write("<script type='text/javascript' src='" + scriptLocation + "i3geo_tudo_compacto6.js.php'></script>");
 })();
\ No newline at end of file
diff --git a/css/ferramentas.css b/css/ferramentas.css
index d9b6205..b13c95b 100644
--- a/css/ferramentas.css
+++ b/css/ferramentas.css
@@ -1,45 +1,239 @@
-td input
-{border-bottom:1px solid rgb(156,195,195);border-left:1px solid rgb(156,195,195);border-right:1px solid rgb(156,195,195);border-top:1px solid rgb(156,195,195);font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;color: navy;text-align:center;}
-body
-{overflow:hidden;font-size: 12px}
-div
-{text-align:left;border: 0px solid #FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif;position:relative;display:block;font-size:12px;padding:0px;font-weight:normal;left:10px;}
-tr
-{background-color:white;border: 0px solid rgb(240,240,240);padding: 0px;margin:0px;}
-td
-{border: 2px solid rgb(240,240,240);border-left: 0px;border-right:0px;border-top:0px;padding: 0px;color:#2F4632;margin:0px;text-align:center;font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
-.lista td
-{border: 0px solid rgb(240,240,240);border-left: 0px;border-right:0px;border-top:0px;padding: 0px;color:#2F4632;margin:0px;text-align:left;font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
-.lista2 td
-{border: 0px solid rgb(240,240,240);border-left: 0px;border-right:0px;border-top:0px;padding: 2px;color:#2F4632;margin:0px;text-align:left;font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;}
-.lista3 td
-{border: 0px solid rgb(240,240,240);border-left: 0px;border-right:0px;border-top:0px;padding: 1px;color:#2F4632;background-color:#F2F2F2;margin:0px;text-align:left;font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
-select
-{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: navy;background-color: #FFFFFF;padding: 0;border: 1px solid rgb(240,240,240);text-align: left;cursor: pointer;}
-.digitar
-{border-bottom:1px solid rgb(156,195,195);border-left:1px solid rgb(156,195,195);border-right:1px solid rgb(156,195,195);border-top:1px solid rgb(156,195,195);font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;color: navy;text-align:center;}
-.executar
-{cursor:pointer;color:rgb(0,0,200);text-align:left;padding-left:5px;background-color:white;background-image:URL('../imagens/tic.png');background-repeat:no-repeat;border-style:outset;background-position: right;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;}
-#fundo
-{background-color:rgb(255,255,255);overflow:hidden;position:absolute;top:0px;left:0px;}
-.guias 
-{background-color:rgb(255,255,255);cursor:pointer;position:relative;text-align: left;top:8px;left:8px;padding:0px;margin:0px;}
-.guia
-{display:inline;background-color:rgb(230,230,230);color:rgb(150,150,150);position:relative;left:0px;top:0px;border: 0px solid white;font-size: 12px;z-index:1050;padding:0;margin-right:3px;border-left:1px solid rgb(230,230,230);border-top:1px solid rgb(230,230,230);border-right:1px solid rgb(230,230,230);}
-.guiaobj
-{text-align:left;text-decoration:none;border: 0px solid #ffffff;font-family: Verdana, Arial, Helvetica, sans-serif;position:relative;display:block;font-size:8px;padding:1;font-weight:normal;top:0px;width:95%;}
-#geral
-{position:relative;background-color:white;text-align:center;text-decoration:none;border-top: 2px solid rgb(230,230,230);font-family: Verdana, Arial, Helvetica, sans-serif;display:block;font-size:8px;padding:5px;font-weight:normal;top:8px;left:0px;overflow:auto;width:100%;}
-.geralFerramentas
-{position:relative;background-color:white;text-align:center;text-decoration:none;border-top: 2px solid rgb(230,230,230);font-family: Verdana, Arial, Helvetica, sans-serif;display:block;font-size:8px;padding:5px;font-weight:normal;top:8px;left:0px;overflow:auto;width:100%;}
-
-#aguarde
-{position:relative;top:10px;left:5px;}
-.aguarde1
-{background-image:URL('../../imagens/aguarde.gif');}
-.alerta
-{font-weight:bold;color:red;top:5px;left:0px;padding:5px;}
-.erro
-{color:red;padding:5px;}
-.destaca
-{left:0px;bottom:10px;padding:5px;}
+td input {
+	border-bottom: 1px solid rgb(156, 195, 195);
+	border-left: 1px solid rgb(156, 195, 195);
+	border-right: 1px solid rgb(156, 195, 195);
+	border-top: 1px solid rgb(156, 195, 195);
+	font-size: 10px;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	color: navy;
+	text-align: center;
+}
+
+body {
+	overflow: hidden;
+	font-size: 12px
+}
+
+div {
+	text-align: left;
+	border: 0px solid #FFFFFF;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	position: relative;
+	display: block;
+	font-size: 12px;
+	padding: 0px;
+	font-weight: normal;
+	left: 10px;
+}
+
+tr {
+	background-color: white;
+	border: 0px solid rgb(240, 240, 240);
+	padding: 0px;
+	margin: 0px;
+}
+
+td {
+	border: 2px solid rgb(240, 240, 240);
+	border-left: 0px;
+	border-right: 0px;
+	border-top: 0px;
+	padding: 0px;
+	color: #2F4632;
+	margin: 0px;
+	text-align: center;
+	font-size: 10px;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+.lista td {
+	border: 0px solid rgb(240, 240, 240);
+	border-left: 0px;
+	border-right: 0px;
+	border-top: 0px;
+	padding: 0px;
+	color: #2F4632;
+	margin: 0px;
+	text-align: left;
+	font-size: 10px;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+.lista2 td {
+	border: 0px solid rgb(240, 240, 240);
+	border-left: 0px;
+	border-right: 0px;
+	border-top: 0px;
+	padding: 2px;
+	color: #2F4632;
+	margin: 0px;
+	text-align: left;
+	font-size: 10px;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+.lista3 td {
+	border: 0px solid rgb(240, 240, 240);
+	border-left: 0px;
+	border-right: 0px;
+	border-top: 0px;
+	padding: 1px;
+	color: #2F4632;
+	background-color: #F2F2F2;
+	margin: 0px;
+	text-align: left;
+	font-size: 12px;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+select {
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 10px;
+	color: navy;
+	background-color: #FFFFFF;
+	padding: 0;
+	border: 1px solid rgb(240, 240, 240);
+	text-align: left;
+	cursor: pointer;
+}
+
+.digitar {
+	box-shadow: 1px 1px 3px 0px lightgray;
+	margin: 0px;
+	color: #426252;
+	background-color: white;
+	height: 17px;
+	font-size: 12px;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+}
+
+.digitar input {
+	border: 1px solid rgb(180, 180, 180);
+}
+
+.executar {
+	cursor: pointer;
+	color: rgb(0, 0, 200);
+	text-align: left;
+	padding-left: 5px;
+	background-color: white;
+	background-image: URL('../imagens/tic.png');
+	background-repeat: no-repeat;
+	border-style: outset;
+	background-position: right;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	font-size: 10px;
+}
+
+#fundo {
+	background-color: rgb(255, 255, 255);
+	overflow: hidden;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+}
+
+.guias {
+	background-color: rgb(255, 255, 255);
+	cursor: pointer;
+	position: relative;
+	text-align: left;
+	top: 8px;
+	left: 8px;
+	padding: 0px;
+	margin: 0px;
+}
+
+.guia {
+	display: inline;
+	background-color: rgb(230, 230, 230);
+	color: rgb(150, 150, 150);
+	position: relative;
+	left: 0px;
+	top: 0px;
+	border: 0px solid white;
+	font-size: 12px;
+	z-index: 1050;
+	padding: 0;
+	margin-right: 3px;
+	border-left: 1px solid rgb(230, 230, 230);
+	border-top: 1px solid rgb(230, 230, 230);
+	border-right: 1px solid rgb(230, 230, 230);
+}
+
+.guiaobj {
+	text-align: left;
+	text-decoration: none;
+	border: 0px solid #ffffff;
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	position: relative;
+	display: block;
+	font-size: 8px;
+	padding: 1;
+	font-weight: normal;
+	top: 0px;
+	width: 95%;
+}
+
+#geral {
+	position: relative;
+	background-color: white;
+	text-align: center;
+	text-decoration: none;
+	border-top: 2px solid rgb(230, 230, 230);
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	display: block;
+	font-size: 8px;
+	padding: 5px;
+	font-weight: normal;
+	top: 8px;
+	left: 0px;
+	overflow: auto;
+	width: 100%;
+}
+
+.geralFerramentas {
+	position: relative;
+	background-color: white;
+	text-align: center;
+	text-decoration: none;
+	border-top: 2px solid rgb(230, 230, 230);
+	font-family: Verdana, Arial, Helvetica, sans-serif;
+	display: block;
+	font-size: 8px;
+	padding: 5px;
+	font-weight: normal;
+	top: 8px;
+	left: 0px;
+	overflow: auto;
+	width: 100%;
+}
+
+#aguarde {
+	position: relative;
+	top: 10px;
+	left: 5px;
+}
+
+.aguarde1 {
+	background-image: URL('../../imagens/aguarde.gif');
+}
+
+.alerta {
+	font-weight: bold;
+	color: red;
+	top: 5px;
+	left: 0px;
+	padding: 5px;
+}
+
+.erro {
+	color: red;
+	padding: 5px;
+}
+
+.destaca {
+	left: 0px;
+	bottom: 10px;
+	padding: 5px;
+}
\ No newline at end of file
diff --git a/css/geral.css b/css/geral.css
index 2fdd019..9b9e99f 100644
--- a/css/geral.css
+++ b/css/geral.css
@@ -4,6 +4,15 @@
 	padding: 5px;
 	margin: 7px;
 }
+.i3GeoExemploImg{
+	margin:6px;
+	cursor:text;
+	border: 0px solid gray;
+	box-shadow: 1px 1px 1px 1px #D3D3D3;
+	border-radius: 5px;
+	float: left;
+	width: 40px;
+}
 
 .i3GeoMascaraCoord {
 	width: 100%;
@@ -234,7 +243,10 @@ legend {
 	color: red;
 	font-size: 11px;
 }
-
+label {
+	margin-left: 5px;
+	margin-right: 2px;
+}
 caption {
 	font-size: 8px;
 	padding-top: 0px;
@@ -329,7 +341,7 @@ input {
 	color: #2F4632;
 	background-color: #FFFFFF;
 	padding: 0;
-	border: 1px solid gray;
+	border: 1px solid rgb(180, 180, 180);
 	text-align: center;
 	cursor: text;
 }
@@ -598,17 +610,18 @@ select option:hover {
 	margin: 0px;
 	color: #426252;
 	background-color: white;
-	border: 1px solid rgb(180, 180, 180);
 	height: 17px;
 	font-size: 12px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 
+.digitar input {
+	border: 1px solid rgb(180, 180, 180);
+}
 .digitarOver {
 	margin: 0px;
 	color: #426252;
 	background-color: #F6F6F6;
-	border: 1px solid rgb(250, 250, 250);
 	font-size: 10px;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
 	box-shadow: 1px 1px 3px 0px #3CA5EB;
diff --git a/ferramentas/gradepol/index.js b/ferramentas/gradepol/index.js
index 04da03e..2c84e67 100644
--- a/ferramentas/gradepol/index.js
+++ b/ferramentas/gradepol/index.js
@@ -153,40 +153,41 @@ i3GEOF.gradeDePoligonos = {
 	},
 	t0: function()
 	{
-		var ins = "<p class='paragrafo' >"+$trad(1,i3GEOF.gradeDePoligonos.dicionario);
-		ins += "<p class='paragrafo'>"+$trad(2,i3GEOF.gradeDePoligonos.dicionario);
-		ins += "<p class='paragrafo'>"+$trad(3,i3GEOF.gradeDePoligonos.dicionario);
-		ins += "<p class='paragrafo'><input type=checkbox id=i3GEOgradedepoligonosProj style='cursor:pointer;position:relative;top:2px;' />&nbsp;"+$trad(14,i3GEOF.gradeDePoligonos.dicionario);
+		var ins = "<img class=i3GeoExemploImg src='"+i3GEO.configura.locaplic+"/ferramentas/gradepol/exemplo.png' />" +
+		"<p class='paragrafo' >"+$trad(1,i3GEOF.gradeDePoligonos.dicionario) +
+		"<p class='paragrafo'>"+$trad(2,i3GEOF.gradeDePoligonos.dicionario) +
+		"<p class='paragrafo'>"+$trad(3,i3GEOF.gradeDePoligonos.dicionario) +
+		"<p class='paragrafo'><input type=checkbox id=i3GEOgradedepoligonosProj style='cursor:pointer;position:relative;top:2px;' />&nbsp;"+$trad(14,i3GEOF.gradeDePoligonos.dicionario);
 		i3GEO.util.proximoAnterior("","i3GEOF.gradeDePoligonos.t1()",ins,"i3GEOF.gradeDePoligonos.t0","i3GEOgradedepoligonosresultado",true,"i3GEOF.gradeDePoligonos_rodape");
 	},
 	t1: function(){
-		var ins = "<p class='paragrafo'>"+$trad(4,i3GEOF.gradeDePoligonos.dicionario);
+		var ins = "<p class='paragrafo'><b>"+$trad(4,i3GEOF.gradeDePoligonos.dicionario)+"</b>";
 		if($i("i3GEOgradedepoligonosProj").checked){
 			ins += "<p class='paragrafo'>"+$trad(15,i3GEOF.gradeDePoligonos.dicionario)+" X:<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosxg' title='metros' type=text size=6 value='100000'/>";
 			ins += "<p class='paragrafo'>"+$trad(15,i3GEOF.gradeDePoligonos.dicionario)+" Y:<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosyg' title='metros' type=text size=6 value='100000'/>";
 		}
 		else{
 			ins += "<p class='paragrafo'>X: ";
-			ins += $trad(5,i3GEOF.gradeDePoligonos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosxg' title='grau' type=text size=3 value='1'/>";
-			ins += $trad(6,i3GEOF.gradeDePoligonos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosxm' title='minuto' type=text size=5 value='00'/>";
-			ins += $trad(7,i3GEOF.gradeDePoligonos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosxs' title='segundo' type=text size=5 value='00.00'/>";
+			ins += "<label>"+$trad(5,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosxg' title='grau' type=text size=3 value='1'/>";
+			ins += "<label>"+$trad(6,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosxm' title='minuto' type=text size=5 value='00'/>";
+			ins += "<label>"+$trad(7,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosxs' title='segundo' type=text size=5 value='00.00'/>";
 			ins += "<p class='paragrafo'>Y: ";
-			ins += $trad(5,i3GEOF.gradeDePoligonos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosyg' title='grau' type=text size=3 value='1'/>";
-			ins += $trad(6,i3GEOF.gradeDePoligonos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosym' title='minuto' type=text size=5 value='00'/>";
-			ins += $trad(7,i3GEOF.gradeDePoligonos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosys' title='segundo' type=text size=5 value='00.00'/>";
+			ins += "<label>"+$trad(5,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosyg' title='grau' type=text size=3 value='1'/>";
+			ins += "<label>"+$trad(6,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosym' title='minuto' type=text size=5 value='00'/>";
+			ins += "<label>"+$trad(7,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosys' title='segundo' type=text size=5 value='00.00'/>";
 		}
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePoligonos.t0()","i3GEOF.gradeDePoligonos.t2()",ins,"i3GEOF.gradeDePoligonos.t1","i3GEOgradedepoligonosresultado",true,"i3GEOF.gradeDePoligonos_rodape");
 	},
 	t2: function(){
-		var ins = "<p class='paragrafo'>"+$trad(8,i3GEOF.gradeDePoligonos.dicionario);
+		var ins = "<p class='paragrafo'><b>"+$trad(8,i3GEOF.gradeDePoligonos.dicionario)+"</b>";
 		ins += "<p class='paragrafo'>X: ";
-		ins += $trad(5,i3GEOF.gradeDePoligonos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosixg' title='grau'  type=text size=3 value='-00'/>";
-		ins += $trad(6,i3GEOF.gradeDePoligonos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosixm' title='minuto'  type=text size=5 value='00'/>";
-		ins += $trad(7,i3GEOF.gradeDePoligonos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosixs' title='segundo'  type=text size=5 value='00.00'/>";
+		ins += "<label>"+$trad(5,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosixg' title='grau'  type=text size=3 value='-00'/>";
+		ins += "<label>"+$trad(6,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosixm' title='minuto'  type=text size=5 value='00'/>";
+		ins += "<label>"+$trad(7,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosixs' title='segundo'  type=text size=5 value='00.00'/>";
 		ins += "<p class='paragrafo'>Y: ";
-		ins += $trad(5,i3GEOF.gradeDePoligonos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosiyg' title='grau'  type=text size=3 value='-00'/>";
-		ins += $trad(6,i3GEOF.gradeDePoligonos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosiym' title='minuto'  type=text size=5 value='00'/>";
-		ins += $trad(7,i3GEOF.gradeDePoligonos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosiys' title='segundo'  type=text size=5 value='00.00'/>";
+		ins += "<label>"+$trad(5,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosiyg' title='grau'  type=text size=3 value='-00'/>";
+		ins += "<label>"+$trad(6,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosiym' title='minuto'  type=text size=5 value='00'/>";
+		ins += "<label>"+$trad(7,i3GEOF.gradeDePoligonos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosiys' title='segundo'  type=text size=5 value='00.00'/>";
 		g_tipoacao = "capturaponto";
 
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePoligonos.t1()","i3GEOF.gradeDePoligonos.t3()",ins,"i3GEOF.gradeDePoligonos.t2","i3GEOgradedepoligonosresultado",true,"i3GEOF.gradeDePoligonos_rodape");
@@ -196,16 +197,16 @@ i3GEOF.gradeDePoligonos = {
 		}
 	},
 	t3: function(){
-		var ins = "<p class='paragrafo'>"+$trad(9,i3GEOF.gradeDePoligonos.dicionario);
-		ins += "<p class='paragrafo'>X: ";
+		var ins = "<p class='paragrafo'><b>"+$trad(9,i3GEOF.gradeDePoligonos.dicionario)+"</b>";
+		ins += "<p class='paragrafo'><label>X: </label>";
 		ins += "<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosnptx' title='pontos em x'  type=text size=3 value='10'/>";
-		ins += "<p class='paragrafo'>Y: ";
+		ins += "<p class='paragrafo'><label>Y: </label>";
 		ins += "<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepoligonosnpty' title='pontos em y'  type=text size=3 value='10'/>";
 
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePoligonos.t2()","i3GEOF.gradeDePoligonos.t4()",ins,"i3GEOF.gradeDePoligonos.t3","i3GEOgradedepoligonosresultado",true,"i3GEOF.gradeDePoligonos_rodape");
 	},
 	t4: function(){
-		var ins = "<p class='paragrafo'>"+$trad(10,i3GEOF.gradeDePoligonos.dicionario);
+		var ins = "<p class='paragrafo'><b>"+$trad(10,i3GEOF.gradeDePoligonos.dicionario)+"</b>";
 		ins += "<p class='paragrafo'><input id=i3GEOgradedepoligonosbotao1 size=18 class=executar type='button' value='"+$trad(11,i3GEOF.gradeDePoligonos.dicionario)+"' />";
 
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePoligonos.t3()","",ins,"i3GEOF.gradeDePoligonos.t4","i3GEOgradedepoligonosresultado",true,"i3GEOF.gradeDePoligonos_rodape");
diff --git a/ferramentas/gradepontos/index.js b/ferramentas/gradepontos/index.js
index 38eb741..2f67877 100644
--- a/ferramentas/gradepontos/index.js
+++ b/ferramentas/gradepontos/index.js
@@ -153,40 +153,41 @@ i3GEOF.gradeDePontos = {
 	},
 	t0: function()
 	{
-		var ins = "<p class='paragrafo' >"+$trad(1,i3GEOF.gradeDePontos.dicionario);
-		ins += "<p class='paragrafo'>"+$trad(2,i3GEOF.gradeDePontos.dicionario);
-		ins += "<p class='paragrafo'>"+$trad(3,i3GEOF.gradeDePontos.dicionario);
-		ins += "<p class='paragrafo'><input type=checkbox id=i3GEOgradedepontosProj style='cursor:pointer;position:relative;top:2px;' />&nbsp;"+$trad(14,i3GEOF.gradeDePontos.dicionario);
+		var ins = "<img class=i3GeoExemploImg src='"+i3GEO.configura.locaplic+"/ferramentas/gradepontos/exemplo.png' />" +
+			"<p class='paragrafo' >"+$trad(1,i3GEOF.gradeDePontos.dicionario) +
+			"<p class='paragrafo'>"+$trad(2,i3GEOF.gradeDePontos.dicionario) +
+			"<p class='paragrafo'>"+$trad(3,i3GEOF.gradeDePontos.dicionario) +
+			"<p class='paragrafo'><input type=checkbox id=i3GEOgradedepontosProj style='cursor:pointer;position:relative;top:2px;' />&nbsp;"+$trad(14,i3GEOF.gradeDePontos.dicionario);
 		i3GEO.util.proximoAnterior("","i3GEOF.gradeDePontos.t1()",ins,"i3GEOFgradeDePontost0","i3GEOgradedepontosresultado",true,"i3GEOF.gradeDePontos_rodape");
 	},
 	t1: function(){
-		var ins = "<p class='paragrafo'>"+$trad(4,i3GEOF.gradeDePontos.dicionario);
+		var ins = "<p class='paragrafo'><b>"+$trad(4,i3GEOF.gradeDePontos.dicionario)+"</b>";
 		if($i("i3GEOgradedepontosProj").checked){
-			ins += "<p class='paragrafo'>"+$trad(15,i3GEOF.gradeDePontos.dicionario)+" X:<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxg' title='metros' type=text size=6 value='100000'/>";
-			ins += "<p class='paragrafo'>"+$trad(15,i3GEOF.gradeDePontos.dicionario)+" Y:<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosyg' title='metros' type=text size=6 value='100000'/>";
+			ins += "<p class='paragrafo'><label>"+$trad(15,i3GEOF.gradeDePontos.dicionario)+" X:</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxg' title='metros' type=text size=6 value='100000'/>";
+			ins += "<p class='paragrafo'><label>"+$trad(15,i3GEOF.gradeDePontos.dicionario)+" Y:</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosyg' title='metros' type=text size=6 value='100000'/>";
 		}
 		else{
 			ins += "<p class='paragrafo'>X: ";
-			ins += $trad(5,i3GEOF.gradeDePontos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxg' title='grau' type=text size=3 value='1'/>";
-			ins += $trad(6,i3GEOF.gradeDePontos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxm' title='minuto' type=text size=5 value='00'/>";
-			ins += $trad(7,i3GEOF.gradeDePontos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxs' title='segundo' type=text size=5 value='00.00'/>";
+			ins += "<label>"+$trad(5,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxg' title='grau' type=text size=3 value='1'/>";
+			ins += "<label>"+$trad(6,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxm' title='minuto' type=text size=5 value='00'/>";
+			ins += "<label>"+$trad(7,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosxs' title='segundo' type=text size=5 value='00.00'/>";
 			ins += "<p class='paragrafo'>Y: ";
-			ins += $trad(5,i3GEOF.gradeDePontos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosyg' title='grau' type=text size=3 value='1'/>";
-			ins += $trad(6,i3GEOF.gradeDePontos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosym' title='minuto' type=text size=5 value='00'/>";
-			ins += $trad(7,i3GEOF.gradeDePontos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosys' title='segundo' type=text size=5 value='00.00'/>";
+			ins += "<label>"+$trad(5,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosyg' title='grau' type=text size=3 value='1'/>";
+			ins += "<label>"+$trad(6,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosym' title='minuto' type=text size=5 value='00'/>";
+			ins += "<label>"+$trad(7,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosys' title='segundo' type=text size=5 value='00.00'/>";
 		}
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePontos.t0()","i3GEOF.gradeDePontos.t2()",ins,"i3GEOF.gradeDePontos.t1","i3GEOgradedepontosresultado",true,"i3GEOF.gradeDePontos_rodape");
 	},
 	t2: function(){
-		var ins = "<p class='paragrafo'>"+$trad(8,i3GEOF.gradeDePontos.dicionario);
+		var ins = "<p class='paragrafo'><b>"+$trad(8,i3GEOF.gradeDePontos.dicionario)+"</b>";
 		ins += "<p class='paragrafo'>X: ";
-		ins += $trad(5,i3GEOF.gradeDePontos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosixg' title='grau'  type=text size=3 value='-00'/>";
-		ins += $trad(6,i3GEOF.gradeDePontos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosixm' title='minuto'  type=text size=5 value='00'/>";
-		ins += $trad(7,i3GEOF.gradeDePontos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosixs' title='segundo'  type=text size=5 value='00.00'/>";
+		ins += "<label>"+$trad(5,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosixg' title='grau'  type=text size=3 value='-00'/>";
+		ins += "<label>"+$trad(6,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosixm' title='minuto'  type=text size=5 value='00'/>";
+		ins += "<label>"+$trad(7,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosixs' title='segundo'  type=text size=5 value='00.00'/>";
 		ins += "<p class='paragrafo'>Y: ";
-		ins += $trad(5,i3GEOF.gradeDePontos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosiyg' title='grau'  type=text size=3 value='-00'/>";
-		ins += $trad(6,i3GEOF.gradeDePontos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosiym' title='minuto'  type=text size=5 value='00'/>";
-		ins += $trad(7,i3GEOF.gradeDePontos.dicionario)+"<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosiys' title='segundo'  type=text size=5 value='00.00'/>";
+		ins += "<label>"+$trad(5,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosiyg' title='grau'  type=text size=3 value='-00'/>";
+		ins += "<label>"+$trad(6,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosiym' title='minuto'  type=text size=5 value='00'/>";
+		ins += "<label>"+$trad(7,i3GEOF.gradeDePontos.dicionario)+"</label><input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosiys' title='segundo'  type=text size=5 value='00.00'/>";
 		g_tipoacao = "capturaponto";
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePontos.t1()","i3GEOF.gradeDePontos.t3()",ins,"i3GEOF.gradeDePontos.t2","i3GEOgradedepontosresultado",true,"i3GEOF.gradeDePontos_rodape");
 		i3GEO.eventos.cliquePerm.desativa();
@@ -194,15 +195,15 @@ i3GEOF.gradeDePontos = {
 		{i3GEO.eventos.MOUSECLIQUE.push("i3GEOF.gradeDePontos.capturaPonto()");}
 	},
 	t3: function(){
-		var ins = "<p class='paragrafo'>"+$trad(9,i3GEOF.gradeDePontos.dicionario);
-		ins += "<p class='paragrafo'>X: ";
+		var ins = "<p class='paragrafo'><b>"+$trad(9,i3GEOF.gradeDePontos.dicionario)+"</b>";
+		ins += "<p class='paragrafo'><label>X: </label>";
 		ins += "<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosnptx' title='pontos em x'  type=text size=3 value='10'/>";
-		ins += "<p class='paragrafo'>Y: ";
+		ins += "<p class='paragrafo'><label>Y: </label>";
 		ins += "<input onclick='javascript:this.select();' class=digitar id='i3GEOgradedepontosnpty' title='pontos em y'  type=text size=3 value='10'/>";
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePontos.t2()","i3GEOF.gradeDePontos.t4()",ins,"i3GEOF.gradeDePontos.t3","i3GEOgradedepontosresultado",true,"i3GEOF.gradeDePontos_rodape");
 	},
 	t4: function(){
-		var ins = "<p class='paragrafo'>"+$trad(10,i3GEOF.gradeDePontos.dicionario);
+		var ins = "<p class='paragrafo'><b>"+$trad(10,i3GEOF.gradeDePontos.dicionario)+"</b>";
 		ins += "<p class='paragrafo'><input id=i3GEOgradedepontosbotao1 size=18 class=executar type='button' value='"+$trad(11,i3GEOF.gradeDePontos.dicionario)+"' />";
 		i3GEO.util.proximoAnterior("i3GEOF.gradeDePontos.t3()","",ins,"i3GEOF.gradeDePontos.t4","i3GEOgradedepontosresultado",true,"i3GEOF.gradeDePontos_rodape");
 		new YAHOO.widget.Button(
--
libgit2 0.21.2