/*---------------------
 * nic.css
 * ultima alteracao
 * 30-07-2009 14h45
 * ------------------*/

/*******************************************/
/* paleta de cores utilizada               */
/*******************************************/

/*
 * verde destaque: #b8ff00
 * verde escuro: #496600
 * verde logo: #7fa537 (logo .br)
 * verde claro: #c8e47d
 * verde fundo: #eaffb3 
 *
 * azul destaque: #0012ff
 * azul escuro: #25198a
 * azul medio: #3b45c8
 * azul claro: #9b94e1
 * azul fundo: #e6e4ff 
 *
 * marrom destaque: #ffca00
 * marrom escuro: #90750e
 * marrom medio: #aa9c67 (logo fundo cinza)
 * marrom claro: #c6be82 (logo fundo branco)
 * marrom fundo: #e7e1c7
 * marrom tabela #f2f0e9
 *
 * preto: #000 
 * branco: #fff
 * cinza escuro3: #222
 * cinza escuro2: #666
 * cinza escuro: #838383
 * cinza medio: #aaa
 * cinza claro: #cfcfcf
 * cinza fundo: #f1f1f1
 *
 * vermelho: #ff0000
 * laranja: #ff9900
 *
 */

/*******************************************/
/* elementos basicos do leiaute do sitio   */
/* ------------                            */
/* zera alguns atributos...                */
/* e seta valores padrao                   */
/* para garantir a compatibilidade entre   */
/* diferentes navegadores                  */
/*******************************************/

body,html {
	   position: absolute;
	   top: 0px;
	   left: 0px;
	   width: 100%;
           height: 100%;
	   background-color: #fff; /* branco */
	   margin: 0;
	   padding: 0;
	   font-family: Arial, Verdana, Helvetica, sans-serif;
	   font-size: 9pt;
}

h1, h2, h3, h4, h5, h6, pre, p, ul, ol, dl, blockquote, form, label, fieldset {
	   margin-bottom: 0.5em;
	   line-height: 1.3;
	   letter-spacing: 0;
	   word-spacing: 0;
	   color: #000; /* preto */
}

div, span, img, a, br, b {
	   margin-bottom: 0;
           line-height: 1.3;
	   letter-spacing: 0;
	   word-spacing: 0;
	   color: #000; /* preto */
}

hr {
	   margin-bottom: 0.8em;
}

ul, ol, dl {
           padding-left:2em;
           margin-left:0;
}

img {
	   border: none;
}

p {
	   text-align: justify;
}

p.identa {
text-indent: 20px;
}


a {
          text-decoration: none;
          color: #3b45c8; /* azul medio */
}

a:hover {
	  color: #9b94e1; /* azul claro */ 
}

a:visited { 
	  color: #25198a; /* azul escuro */ 
}

a:visited:hover { 
	  color: #9b94e1; /* azul claro */ 
}

li {
          text-align: justify;
}

h1, h2, h3, h4 {
	  margin-top: 0.8em;
	  color: #222; /* cinza escuro3 */
}

h1 {
          font-size: 21px;
}

h2 {
          font-size: 18px;
}

h3 {
          font-size: 15px;
}

h4 {
          font-size: 12px;
}

h5 {
          font-size: 9px;
          color: #aaa; /* cinza medio */
}

h6 {
          font-size: 8px;
          color: #aaa; /* cinza medio */
}

hr {
	  height: 0px;
	  margin: 0px;
	  padding: 0px;
	  margin-bottom: 5px;
	  color: #aaa; /* cinza medio */
}

/*******************************************/
/* leiaute basico do sitio                 */
/*******************************************/

div#cabecalho {
           background-image: url(/pub/Leiaute/WebModeloNicImagens/fundo-cor-cinza-cabecalho.gif);
	   position: relative;
	   width: 100%;
	   height: 64px;
}

div#corpo {
	   position: relative;
	   width: 100%;
           min-height: 100%;
}

* html div#corpo {
	   height: 100%; /* hack para IE6 hq trata height como min-height */
}
     
div#esquerda {
	   float: left;
	   clear: left;
	   width: 178px;
}	   

div#centro {
           margin-left: 198px;
	   margin-right: 10px;
           padding-bottom: 30px;
}	   

div#direita { 
           float: right;
           clear: right;	   
	   width: 147px;
	   margin-top: 90px;
	   margin-bottom: 10px;
	   margin-left: 20px;
}	   

div#rodape {
           position: absolute;
	   float: left;
	   clear: left;
           bottom: 0px;
	   text-align: right;
	   width: 100%;
}
div#clear {
           clear:both;
}

/*******************************************/
/* elementos unicos do rodape da pagina    */
/*******************************************/

img#canto-rodape {
	   position: absolute;
	   bottom: 0px;
	   left: 0px;
	   z-index: 2;
}

span#texto-rodape-esq {
	   position: absolute;
           background-image: url(/pub/Leiaute/WebModeloNicImagens/fundo-rodape.gif);
	   bottom: 0px;
	   left: 0px;
	   font-size: 9px;
	   color: #838383; /* cinza escuro */
	   width: 780px;
}

span#texto-rodape-dir {
	   position: absolute;
           background-image: url(/pub/Leiaute/WebModeloNicImagens/fundo-rodape.gif);
	   bottom: 0px;
	   right: 0px;
	   font-size: 9px;
	   color: #838383;  /* cinza escuro */
}

div#rodape a {
	   color: #838383; /* cinza escuro */
}


div#rodape a:visited {
	   color: #838383; /* cinza escuro */
}

div#rodape a:hover {
	   color: #666; /* cinza escuro2 */
}

/*******************************************/
/* elementos unicos do cabecalho da pagina */
/*******************************************/

/* link para o sitio do CGI.br *************/

a#link-cgi {
          position: absolute;
	  top: 17px;
	  left: 21px;
	  text-decoration: none;
	  font-weight: bold;
	  color: #666; /* cinza escuro2 */
}

a#link-cgi:hover {
           color: #838383; /* cinza escuro */
}

a#link-cgi:visited {
           color: #666; /* cinza escuro2 */
}

/* seu ip **********************************/

span#seu-ip {
	   position: absolute;
	   top: 17px;
	   right: 190px;
	   text-decoration: none;
           color: #838383; /* cinza escuro2 */
           text-decoration: none;
           font-weight: bold;

}

/* logotipos do NIC.br e CGI.br ************/

img#logo-nic-cabecalho {
	   position: absolute;
	   top: 0px;
	   right: 0px;
	   z-index: 2;
}

img#logo-cgi-cabecalho {
	   position: absolute;
	   top: 95px;
	   right: 0px;
	   z-index: 3;
}

/* menu superior ***************************/

div#menu-superior {
	   position: relative;
	   top: 32px;
	   left: 0px;
	   height: 32px;
	   width: 100%;
	   background-image: url(/pub/Leiaute/WebModeloNicImagens/fundo-menu-sup.gif) ;
}

img#canto-esq-menu-sup {
	   position: absolute;
	   top: 0px;
	   left: 0px;
}

img#canto-dir-menu-sup {
	   position: absolute;
	   top: 0px;
	   right: 170px;
}

span#texto-menu-superior {
	   position: absolute;
	   top: 9px;
	   left: 22px;
	   color: #fff; /* branco */
	   text-decoration: none;
	   font-weight: bold;
}

span#texto-sub-menu-superior {
	   position: relative;
	   top: 0px;
	   left: 0px;
	   color: #cfcfcf; /* cinza claro */
	   text-decoration: none;
	   font-size: 9px;
}


a.menu-superior {
	   text-decoration: none;
	   font-weight: bold;
	   color: #fff; /* branco */
}

a.menu-superior-selecionado {
	   text-decoration: none;
	   font-weight: bold;
	   color: #fff; /* branco */
	   background-color: #7fa537; /* verde logo */ 
}

a.menu-superior-sub {
	   text-decoration: none;
	   font-size: 9px;
	   color: #cfcfcf; /* cinza claro */
}

a.menu-superior:visited {
	   color: #fff; /* branco */
}

a.menu-superior-selecionado:visited {
	   color: #fff; /* branco */
}

a.menu-superior-sub:visited {
	   color: #cfcfcf; /* cinza claro */ 
}

a.menu-superior:hover {
	   color: #cfcfcf; /* cinza claro */
}

a.menu-superior-selecionado:hover {
	   color: #cfcfcf; /* cinza claro */
}

a.menu-superior-sub:hover {
	   color: #aaa;  /* cinza medio */
}

a#menu-sup-dir {
	   position: absolute;
	   top: 9px;
	   right: 190px;
	   color: #fff; /* branco */
	   text-decoration: none;
	   font-weight: bold;
}

a#menu-sup-dir:hover {
	   color: #cfcfcf; /* cinza claro */
}

a#menu-sup-en {
	   position: absolute;
	   top: 9px;
	   right: 250px;
	   color: #fff; /* branco */
	   text-decoration: none;
	   font-weight: bold;
}

a#menu-sup-en:hover {
	   color: #cfcfcf; /* cinza claro */
}


/*******************************************/
/* elementos do menu esquerdo              */
/*******************************************/

div#menu-esq {
	   position: relative;
	   width: 178px;
	   min-height: 100px;
	   background-image: url(/pub/Leiaute/WebModeloNicImagens/caixa-esq-dentro.gif) ;
}

img#menu-esq-caixa-esq-inf {
	   position: absolute;
	   bottom: 0px;
	   left: 0px;
	   padding-top: 80px;
}

img#logo-sitio {
           display: block;
           margin-left: auto;
	   margin-right: auto;
	   padding-top: 10px;
	   padding-bottom: 10px;
}

ul#lista-menu-esq {
	   position: relative;
	   left: 5px;
	   width: 160px;
	   padding: 0px;
	   padding-top: 0px;
	   padding-bottom: 20px;
	   margin: 0px;
}

#lista-menu-esq  li { 
	   list-style: none;
	   margin: 3px;
	   border: 1px solid gray;
	   text-align: left;
	   padding: 0px;
}

#lista-menu-esq li a {
	   position: relative;
	   height: 100%;
	   min-height: 100%;
	   display: block;
	   padding: 0.25em 0.5em 0.25em 0.75em;
	   border-left: 1em solid #7fa537; /* verde claro */
	   background-image: url(/pub/Leiaute/WebModeloNicImagens/fundo-cor-cinza-menu.gif) ; 
	   text-decoration: none;
           font-weight: bold;
	   margin: 0px;
}

#lista-menu-esq li a:link { 
	color: #666; /* cinza escuro2 */ 
}

#lista-menu-esq li a:visited { 
	color: #666; /* cinza escuro2 */
}

#lista-menu-esq li a:hover {
	border-color: #496600; /* verde escuro */
	color: #666; /* cinza escuro2 */
	background:url(/pub/Leiaute/WebModeloNicImagens/fundo-cor-cinza-menu-hover.gif);
}

/*******************************************/
/* elementos da caixa de busca na pagina   */
/* de resultados.                          */
/*******************************************/

div#busca-result {
	   position: relative;
	   width: 300px;
	   height: 30px;
}

input#form-busca-entrada-result {
           position: absolute;
	   left: 5px;
	   top: 0px;
	   width: 250px; 
}

input#form-busca-ok-result {
           position: absolute;
	   right: 15px;
	   top: 1px; 
}

/*******************************************/
/* elementos da caixa de busca esq.        */
/*******************************************/

div#busca-esq {
	   position: relative;
	   width: 178px;
	   min-height: 50px;
	   background-image: url(/pub/Leiaute/WebModeloNicImagens/caixa-esq-dentro.gif) ;
}

img#busca-esq-caixa-esq-sup {
	   position: absolute;
	   top: 0px;
	   left: 0px;
}

img#busca-esq-caixa-esq-inf {
	   position: absolute;
	   bottom: 0px;
	   left: 0px;
}

img#imagem-busca-esq {
           padding-top: 10px;
	   padding-left: 5px;
}

div#form-busca-inputs {
	   position: relative;
	   height: 50px;
	   font-size: 7pt;
	   margin: 5px;
	   padding-bottom: 10px;
}

input#form-busca-entrada {
           position: absolute;
	   left: 5px;
	   top: 0px;
	   width: 100px; 
}

input#form-busca-ok {
           position: absolute;
	   right: 15px;
	   top: 1px; 
}


/*******************************************/
/* elementos da caixa de edicao.           */
/*******************************************/


div#edicao {
	   position: relative;
	   width: 178px;
	   min-height: 100px;
	   background-image: url(/pub/Leiaute/WebModeloNicImagens/caixa-esq-dentro.gif) ;
}

img#edicao-caixa-esq-sup {
	   position: absolute;
	   top: 0px;
	   left: 0px;
}

img#edicao-caixa-esq-inf {
	   position: absolute;
	   bottom: 0px;
	   left: 0px;
}

img#imagem-edicao {
           padding-top: 10px;
	   padding-left: 5px;
}


ul#lista-edicao {
	   position: relative;
	   left: 5px;
	   width: 160px;
	   padding: 0px;
	   padding-top: 0px;
	   padding-bottom: 5px;
}

div#revisao-edicao {
	   position: relative;
	   left: 10px;
	   width: 160px;
	   padding-top: 5px;
	   padding-bottom: 20px;
	   font-size: 9px;
	   color: #838383; /* cinza escuro */
}

#lista-edicao  li { 
	   list-style: none;
	   margin: 3px;
	   border: 1px solid #666; /* cinza escuro2 */
	   text-align: left;
}

#lista-edicao li a {
	   display: block;
	   padding: 0.25em 0.5em 0.25em 0.75em;
	   border-left: 1em solid #aa9c67; /* marrom medio */
	   background-image: url(/pub/Leiaute/WebModeloNicImagens/fundo-cor-cinza-menu.gif) ; 
	   text-decoration: none;
           font-weight: bold;
}

#lista-edicao li a:link { 
	color: #666; /* cinza escuro2 */ 
}

#lista-edicao li a:visited { 
	color: #666;  /* cinza escuro2 */
}

#lista-edicao li a:hover {
	border-color: #90750e; /* marrom escuro */
	color: #666;  /* cinza escuro2 */
	background:url(/pub/Leiaute/WebModeloNicImagens/fundo-cor-cinza-menu-hover.gif);
}


/*******************************************/
/* ipv6 ready .br logo (col. direita)      */
/*******************************************/

div#logo-ipv6-dir {
	   border-bottom: 1px solid #aaaaaa; 
	   border-top: 1px solid #aaaaaa; 
	   border-left: 1px solid #aaaaaa; 
	   margin-top: 10px;
           padding-top: 4px;
           padding-bottom: 4px;
           padding-left: 4px;
	   padding-right: 0px;
           /*  padding: 4px; */
	   width: 138px;
	   min-height: 80px;
	   font-weight: bold;
	   font-size: 9px; 
	   color: #666;  /* cinza escuro2 */
	   background-color: #fff; /* branco */
	   text-align:left;
}

img#img-ipv6-dir {
	   float: left;
	   padding-right: 5px; 
}
	    

/*******************************************/
/* artigos mais lidos  (col. direita)      */
/*******************************************/

div.mais-lidos {
           border-bottom: 1px solid #aaaaaa; /* cinza medio */
           border-top: 1px solid #aaaaaa; /* cinza medio */
           border-left: 1px solid #aaaaaa; /* cinza medio */
           padding-top: 10px;
           padding-bottom: 10px;
           padding-left: 10px;
	   padding-right: 0px;
           width: 132px;
           min-height: 80px;
           font-weight: bold;
           font-size: 9px;
           color: #666;
           background-color: #fff;
}

div.mais-lidos hr {
	   margin-top: 10px;
	   margin-bottom: 10px;
}

div.mais-lidos h3 {
           font-size: 11px;
           text-align: center;
	   margin-bottom: 10px;
}

div.mais-lidos li {
           margin-left: -35px;
           margin-right: 5px;
           padding: 5px;
           display: block;
           border-top: 1px solid #aaaaaa; /* cinza medio */
           list-style-type: none;
}


/*******************************************/
/* conteudo e artigos em geral             */
/*******************************************/

/* paragrafos centralizados */

p.centraliza {
	   text-align: center;
}

/* tabelas */
table.twikiTable {
	 border: solid 3px #fff; /* branco */
         margin-left: auto;
         margin-right: auto;
}

table.twikiTable thead th {
	 background-color: #cfcfcf; /* cinza claro */
	 border: solid 3px #fff; /* branco */
	 padding: 3px;
} 

tr.twikiTableOdd td {
	 background-color: #e7e1c7; /* marrom fundo */
	 border: solid 3px #fff; /* branco */
	 padding: 3px;
}

tr.twikiTableEven td {
	 background-color: #f2f0e9; /* marrom tabela */
	 border: solid 3px #fff; /* branco */
	 padding: 3px;
}

tr.twikiTableOdd th {
         background-color: #e7e1c7; /* marrom fundo */
	 border: solid 3px #fff; /* branco */
	 padding: 3px;
}

tr.twikiTableEven th {
	 background-color: #f2f0e9; /* marrom tabela */
	 border: solid 3px #fff; /* branco */
	 padding: 3px;
}

/* imagens flutuantes */
img.img-esq {
	float: left;
	margin: 0px 5px 5px 5px;
}
img.img-dir {
	float: right;
	margin: 0px 5px 5px 5px;
}

/* imagem fixa */
div.img-centro {
	text-align: center;
	margin: 0px;
        padding: 0px;
}

/*imagens ampliadas*/
div#a1, #a2, #a3{
        position: absolute;
        visibility: hidden;
        background-color: #fff;
        border: solid 1px;
        background-repeat: no-repeat;
        left: 50%;
        margin-left: -350px;
}

/* titulos nas paginas */
div.titulo-pagina {
	padding-bottom: 10px;
}

/* cores */

span.verde {
         color: #496600; /* verde escuro */
}

span.azul {
         color: #25198a; /* azul escuro */
}

span.marrom {
         color: #90750e; /* marrom escuro */
}

span.cinza {
         color: #838383; /* cinza escuro */
}

span.verde-dest {
         color: #b8ff00; /* verde destaque */
}

span.azul-dest {
         color: #0012ff; /* azul destaque */
}

span.marrom-dest { 
         color: #ffca00; /* marrom destaque */
}

span.vermelho {
         color: #ff0000; /* vermelho */
}

span.verde-escuro {
         color: #496600; /* verde escuro */
}

span.laranja {
         color: #ff9900; /* laranja */
}

/* voltar ao topo da pagina */

div.voltar {
         text-align: right;
         margin: 0px;
}

/* plugin de video */
div.video {
          text-align: center;
}

/* paragrafos com tabulacao */

p.tabulacao {
          margin-left: 41px;
          text-align: justify;
}

/* Indice dos Artigos */

table#indice-artigo{
	font-weight: bold;
	/* border: solid 1px #aaa; */ /* cinza medio */
        border-collapse: collapse;
	padding: 15px;
        background-color: #e7e1c7;
        /*background-color: #eaffb3;*/ /* verde fundo */
        /*background-color: #f1f1f1;*/ /* cinza fundo */
}

h4#indice-do-artigo{
	text-align: center;
}

/* legendas das figuras */
p.legenda {
          font-size: 7pt;
          font-weight: bold;
          text-align: center;
          margin: 0px;
          padding: 0px;
}

/****Estatisticas LACNIC****/
div.estat-lacnic{
                border: 1px solid #ff6600;
                text-align: center;
                width: 530px;
                margin-bottom: 40px;
                padding: 10px;
}

/*****Script awstats*****/
statistics_video{
		height: 0px; 
		width: 0px;
		border: 0px;
		display: none;
}

/*******************************************/
/* atalhos da pagina inicial IPv6 (ajuda)  */
/*******************************************/

table#ajuda-ipv6{
	 text-align: center;
	 margin-left: 10px;
	 margin-right: 160px;
}

table#ajuda-ipv6 tr {
	 height: 95px;
	 width: 100%;
}

table#ajuda-ipv6 td {
	 width: 110px;
}

table#ajuda2-ipv6{
	 text-align: center;
	 margin-left: 10px;
	 margin-right: 160px;
}

table#ajuda2-ipv6 tr {
	 height: 95px;
	 width: 100%;
}

table#ajuda2-ipv6 td {
	 width: 110px;
}

td.ajuda-sep {
	 width: 2%;
}

td#ajuda1 {
         background: url(/pub/IPV6/MenuIPV6Introducao/usuario.gif) no-repeat;
}

td#ajuda2 {
	 background: url(/pub/IPV6/MenuIPV6Introducao/gestor.gif) no-repeat;
}

td#ajuda3 {
	 background: url(/pub/IPV6/MenuIPV6Introducao/governo.gif) no-repeat;
}

td#ajuda4 {
	 background: url(/pub/IPV6/MenuIPV6Introducao/imprensa.gif) no-repeat;
}

td#ajuda5 {
	 background: url(/pub/IPV6/MenuIPV6Introducao/engenheiro.gif) no-repeat;
}

td#ajuda6 {
	 background: url(/pub/IPV6/MenuIPV6Introducao/provedor.gif) no-repeat;
}

td#ajuda1:hover {
	 background: url(/pub/IPV6/MenuIPV6Introducao/dest-usuario.gif) no-repeat;
}

td#ajuda2:hover {
	 background: url(/pub/IPV6/MenuIPV6Introducao/dest-gestor.gif) no-repeat;
}

td#ajuda3:hover {
	 background: url(/pub/IPV6/MenuIPV6Introducao/dest-governo.gif) no-repeat;
}

td#ajuda4:hover {
	 background: url(/pub/IPV6/MenuIPV6Introducao/dest-imprensa.gif) no-repeat;
}

td#ajuda5:hover {
	 background: url(/pub/IPV6/MenuIPV6Introducao/dest-engenheiro.gif) no-repeat;
}

td#ajuda6:hover {
	 background: url(/pub/IPV6/MenuIPV6Introducao/dest-provedor.gif) no-repeat;
}

/*******************************************/
/* Comentarios                             */
/*******************************************/

div.coment {
         padding: 0px;
	 margin: 0px;
	 width: 100%;
}

pre {
	 font-family: Courier, fixed;
	 color: #666; /* cinza escuro */
	 font-size: 8pt;
	 white-space: pre-wrap; 
	 padding: 5px;
         margin-right: 10px;
	 margin-top: 20px;
         margin-bottom: 20px;
}

div.coment-tit {
         position: relative;
         background: url(/pub/Leiaute/WebModeloNicImagens/coment-fundo.gif);
         height: 25px;
         width: 420px;
         right: -5px;
}


div.coment-data {
         position: absolute;
         right: 5px;
         bottom: 5px;
	 font-size: 7pt;
	 color: #fff; /* branco */
}

div.coment-nome {
         position: absolute;
         left: 5px;
         bottom: 5px;
	 font-weight: bold;
	 font-size: 9pt;
	 color: #000; /* preto */
}

img.coment-img-esq {
         position: absolute;
         top: 0px;
         left: -5px;
}

img.coment-img-dir {
         position: absolute;
         top: 0px;
         right: -5px;
}

div.coment-res {
	 font-family: Courier, fixed;
	 background-color: #eaffb3; /* verde fundo */
	 font-size: 8pt;
	 padding: 4px;
	 margin-left: 100px;
	 margin-right: 60px;
	 color: #222; /* cinza escuro2 */
}

div#form-coment input {
         font-family: Courier, fixed;
         font-size: 8pt;
         color: #222;
         border: 1px dotted #666;
}

div#form-coment textarea {
         font-family: Courier, fixed;
         font-size: 8pt;
         color: #222;
         border: 1px dotted #666;
}