#cabecae
        {
          left: 3em;
          position: absolute;
          top: 3em;
          padding-left: 1em;
          padding-right: 1em;
          margin-left: 3em;
          margin-right: 10em;
          width:84%;
        }
#botao
        {
          left: 2em;
          position: absolute;
          top: 8em;
        }
#cabecad
        {
          right: 2em;
          left: 12%; /* alterar esta percentagem será diminuído o marquee */
          width: 80%;
          position: relative;
          top: 1em;
          padding-left: 0em;
          padding-right: 0.2em;
          margin-left: 0em;
          margin-right: 0em;
        }
#fimesq
        {
          right: 2em;
          left: 12%; /* alterar esta percentagem será diminuído o marquee */
          width: 50%;
          position: absolute;
          top: 10em;
          padding-left: 0em;
          padding-right: 0.2em;
          margin-left: 0em;
          margin-right: 0em;
        }
#fimdir
        {
          right: 12em;
          left: 12%; /* alterar esta percentagem será diminuído o marquee */
          width: 50%;
          position: absolute;
          top: 10em;
          padding-left: 0em;
          padding-right: 0.2em;
          margin-left: 0em;
          margin-right: 0em;
        }
/* Colocação dos sites desenvolvidos na página sites */
#sitio
        {
          right: 2em;
          left: 12%; /* alterar esta percentagem será diminuído o marquee */
          width: 80%;
          position: relative;
          top: 4em;
          padding-left: 0em;
          padding-right: 0.2em;
          margin-left: 0em;
          margin-right: 0em;
        }
/* figura no topo e à esquerda */
#logo
       {
         position: absolute;
         top: 1em;
         left: 1em;
         width: 5%;
       }
/* marquee com borda */
marquee {
          border-style: outset;
          border-color: #00FFFF;
          color: #009900;
	}
body
    {
      color: #fff000;
      font-family: "Arial Rounded MT Bold","Arial";
      font-weight: bold;
      background-image: url(img/amazonia.jpg);
      background-attachment: fixed;

      border-width: medium medium medium medium;
/*      cursor: url('img/caneta.ani');  */
      overflow:scroll;
/*      overflow-x:hidden;  */
      scrollbar-Face-color: #0000ff;  /* f5f5dc */
      scrollbar-highlight-color: #fff000;
      scrollbar-shadow-color: #fff000;
      scrollbar-3dlight-color: #fff000;
      scrollbar-arrow-color: #fff000;
      scrollbar-track-color: #fff000;
      scrollbar-darkshadow-color: #fff000;
    }
    
/* Posição de texto para as cartas e comunicados */
#maintx
       {
         position: absolute;
         width: 97%;
         top: 4em;
         left: 1em;
         font-size: 16;
         text-align: justify;
       }
/* Área para a chada de contato para instalaçãod e Linux */
#mainlinux
       {
         position: absolute;
         width: 95%;
         top: 10em;
         left: 1em;
         right: 1em;
         font-size: 12;
         text-align: center;
       }
/* Divisão da página em 3 módulos (dois no cabeçalho e um em baixo) para a colocação das informações
#main
     {
       top: 2em;
       width: 80%;
       position: absolute;
       margin-left: 0em
       margin-right: 0em;
       margin-bottom: 0em;
       padding-left: 0em;
       padding-right: 0em;
     }
*/

/* Construção de menu estilizado usando ul li numa caixa */
#menu
     {
       width: 14em;
       background-image: url(img/bege.jpg);
       padding: 0em;
       border: 0.5em inset #CCCCCC;
     }
#menu ul
     {
       width: 13.5em;
       background-image: url(img/bege.jpg);
       padding: 0.5em;
       border: 0.5em outset #FFFFFF;
       margin: 0;
     }
#menu li
     {
       list-style: none;
       padding: 0.2em 0.2em;
       background-image: url(img/bege.jpg);
       margin-bottom:0.2em;
       font: bold 12 verdana, arial, helvetiva, sans-serif;
     }
#menu li a
     {
       display: block;
       color: #009900;
       text-decoration: none;
     }
#menu li a: visited
     {
       color: #FFFFCC;
     }
#menu li a: hover
     {
       color: #000000;
       background-color: #FFFFFF;
     }

/* Menu direito igual ao da esquerda com o distanciamento da linha diferente*/
#menudesq
     {
       width: 13.5em;
       background-image: url(img/bege.jpg);
       padding: 0em;
       border: 0.5em inset #CCCCCC;
     }
#menudesq ul
     {
       width: 11.5em;
       background-image: url(img/bege.jpg);
       padding: 0.5em;
       border: 0.5em outset #FFFFFF;
       margin: 0;
     }
#menudesq li
     {
       list-style: none;
       padding: 0.2em 0.2em;
       background-image: url(img/bege.jpg);
       margin-bottom:0.2em;
       font: bold 12 verdana, arial, helvetiva, sans-serif;
     }
#menudesq li a
     {
       display: block;
       color: #009900;
       text-decoration: none;
     }
#menudesq li a: visited
     {
       color: #FFFFCC;
     }
#menudesq li a: hover
     {
       color: #000000;
       background-color: #FFFFFF;
     }

/* Construção do menu esquerdo e direito */
#menuesq
       {
         position: absolute;
         top: 4em;
         left: 0.5em;
         /* border: 1 1 1 1 solid; */
       }
#menudir
       {
         position: absolute;
         top: 4em;
         right: 0.5em;
       }
/* Coloca todas as primeira letras maiores e em cor diferente */
p.letrag:first-letter
       {
         color: 0000FF;
         font-size: 150%;
       }

/* figura alinhada à direita */
#figdirind
       {
         position: absolute;
         top: 6em;
         left: 18.2em;
         margin-right: 27em;
         color: #009900;
         text-align:center;
       }
/* figura alinhada à esquerda */
#figesq
       {
         position: absolute;
         top: 10em;
         left: 1em;
         /* border: 1 1 1 1 solid; */
       }
#figesq2
       {
         position: absolute;
         top: 27.3em;
         left: 0.2em;
         /* border: 1 1 1 1 solid; */
       }
/* figura alinhada à direita falacli */
#figdirfala
       {
         position: relative;
         top: 10em;
         left: 20em;
         color: #00FF00;
       }
#figdirfala2
       {
         position: absolute;
         top: 0.2em;
         left: 20em;
         color: #00FF00;
       }
/* figura alinhada à direita */
#figdir
       {
         position: absolute;
         top: 5em;
         left: 20em;
         color: #00FF00;
         /* border: 1 1 1 1 solid; */
       }
#figdir2
       {
         position: absolute;
         top: 27.3em;
         left: 21em;
         color: #0000ff;
         /* border: 1 1 1 1 solid; */
       }
/* Transforma as cracterísticas nos links conforme especificado */

a.classe1:link
              {
                text-decoration: none;
                color: #0000ff;
              }
a.classe1:visited
                 {
                   text-decoration: none;
                   color: #0000ff;
                 }
a.classe1:hover
       {
         text-transform: uppercase;
         color: #4169E1;
         margin: 0; /* hack para o IE*/
         background-color: #0000ff;
       }
a.classe1:active
                {
                  text-decoration:none;
                  color: #009900;
                }
/* fomulário para */
#form
     {
       background-image: url(img/bege.gif);
       font:12 arial, verdana, helvetica, sans-serif;
       color:#009900;
     }
#form th
      {
        background-image: url(img/bege.gif);
        padding:0.1em;
        font: bold 15 arial, verdana, helvetica, sans-serif;
        border-bottom:0em solid #00FFFF;
      }
#form td
        {
          padding:0.2em;
        }
#form input
           {
             background:#00FFFF;
             border:0.1em dashed #ff9900;
           }
#form textarea
              {
                border:0.1em dashed #ff9900;
                background:#00FFFF;
              }
#form input.botao
                 {
                   background:#0000FF;
                   color:#FFFFFF;
                   border:0.1em solid #0000FF;
                 }
/* Tabela 3 usa efeito 3D na celulas */
#table3
	{
	visibility: visible;
	width: 100%;
	position: relative;
	}
#table3 table
	{
	font-size: 14;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent;
	}
#table3 td
	{
	background-color: #F5FAF5;
	padding: 0px 4px 0px 4px;
	border-width: 0.4em 0.4em 0.4em 0.4em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: justify;
	}
#table3 th
	{
	padding: 0.1em 0.4em 0.4em 0.4em;
	border-width: 0.1em 0.1em 0.1em 0.1em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	background-color: #d5ddd5;
	text-align: justify;
	}
table.tabeladois
               {
                 border-width: 1 1 1 1;
                 border-style: solid solid solid solid;
                 border-top: 0;
                 border-right: 0.1em;
                 border-bottom: 0;
	         border-left: 0.1em;
	         border: groove;
               }
tr.linhadois
             {
               background-image: url(img/bege.gif);
               display: block;
	       text-align: center;
               border-width: 1 1 1 1;
               border-style: solid solid solid solid;
               border-top: 0;
               border-right: 0.1em;
               border-bottom: 0;
	       border-left: 0.1em;
	       border: groove;
             }
td.colunadois
             {
               display: block;
	       text-align: left;
               border-width: 1 1 1 1;
               border-style: solid solid solid solid;
               border-top: 0;
               border-right: 0.1em;
               border-bottom: 0;
	       border-left: 0.1em;
	       border: groove;
             }
/* Tabela 3 usa efeito 3D na celulas */
table.tabelatres
	{
	visibility: visible;
	width: 100%;
	position: relative;
	}
tr.colunatres
	{
	font-size: 14;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent;
	}
td.colunatres
	{
	background-color: #F5FAF5;
	padding: 0px 4px 0px 4px;
	border-width: 0.4em 0.4em 0.4em 0.4em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: justify;
	}
th.alturatres
	{
	padding: 0.1em 0.4em 0.4em 0.4em;
	border-width: 0.1em 0.1em 0.1em 0.1em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	background-color: #d5ddd5;
	text-align: justify;
	}
/* Tabela google usa efeito 3D na celulas */
table.gog
	{
	visibility: visible;
	width: 20%;
	position: relative;
	}
tr.gog
	{
	font-size: 12;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: transparent;
	}
td.gog
	{
	background-color: #F5FAF5;
	padding: 0px 0.2em 0px 0.2em;
	border-width: 0.2em 0.2em 0.2em 0.2em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	text-align: justify;
	}
th.gog
	{
	padding: 0.1em 0.2em 0.2em 0.2em;
	border-width: 0.1em 0.1em 0.1em 0.1em;
	border-style: solid;
	border-color: #ffffff #C5CCC5 #C5CCC5 #ffffff;
	background-color: #d5ddd5;
	text-align: justify;
	}
/* Tabela branca usa o seu conteúde é wite com texto em black */
table.branca
	{
        color: #000000;
        visibility: visible;
	table-layout:fixed;
	width:100%;
	word-wrap:break-word;
	position: relative;
	}
tr.branca
	{
	font-size: 12;
	font-family: Verdana, Geneva, Arial, sans-serif;
	background-color: #ffffff;
	}
td.branca
	{
	background-color: #ffffff;
	text-align: left;
	}
td.op
	{
        width:10%;
        background-color: #ffffff;
	text-align: left;
	}
th.branca
	{
	text-align: left;
	}
             
ul
  {
    list-style-image: url(img/rmw_ul.gif);
    list-style-position: inside;
    }
/* Posição de itens para serem colocados na parte de baixo da página */
#partebaixo
       {
         position: absolute;
         bottom: 0 px;
       }
#baixositio
       {
         position: absolute;
         bottom: 2em;
       }
h2.verde
        {
           color: 009900;
        }
h2.azul
        {
           color: 0000ff;
        }
h3.azul
        {
           color: 0000ff;
        }
#popup
      {
        position: absolute;
        top: 30%;
        left: 30%;
        width: 300px;
        height: 150px;
        padding: 20px 20px 20px 20px;
        border-width: 2px;
        border-style: solid;
        background: #ffffa0;
        display: none;
      }
.caixa
     {
      width:80px;
      margin:0px;
      padding:0px;
      text-align: center;
      font:16px bold;
      color: #ff0000;
      background: #00e5ee;
     }
.txtcaixa
     {
      position:relative;
      top:20px;
      left:0px;
      width:80px;
      margin:0px;
      padding:0px;
      text-align: center;
      font:16px bold, monotype corsiva, verdana, arial, helvetica, sans-serif;
      color: #ff0000;
      background: #00e5ee;
     }
.txtcaixa2
     {
      position:relative;
      top:20px;
      left:0px;
      width:250px;
      margin:0px;
      padding:0px;
      text-align: center;
      font:16px bold, Times New Roman, verdana, arial, helvetica, sans-serif;
      color: #8b0000;
      background: #00e5ee;
     }
.justifica
          {
            text-align: justify;
          }
.um
   { /* Classe para o cabeçalho */
     width:300px; /* Largura total - Se você omitir ocupará toda a linha */
     font: 25px Arial, Helvetica, sans-serif; /* Tamanho e família de fontes */
     color: #7D2116; /* Cor da fonte */
     border-top: 14px solid #7FD991; /* Borda em cima */
     border-left: 2px solid #7FD991; /* Borda a esquerda*/
     padding-left:5px; /* Espaçamento do texto a esquerda */
   } /* Note que não há uma cor de fundo */

.dois
     {  /* Classe para o cabeçalho */
     /*  width:300px;  Largura total - Se você omitir ocupará toda a linha */
       font: 25px Arial, Helvetica, sans-serif; /* Tamanho e família de fontes */
       color: #FF0000; /* Cor da fonte */
       text-align:center;
       background: #8EE481; /* Cor do fundo*/
       border-bottom: 2px solid #FF0000; /* Borda em baixo */
       border-left: 15px solid #0000ff; /* Borda a esquerda*/
       border-top: 2px solid #FF0000; /* Borda em cima */
       border-right: 15px solid #0000ff; /* Borda a direita */
       padding-left:5px; /* Espaçamento do texto a esquerda */
     }

.tres
    {  /* Classe para o cabeçalho */
      width:300px; /* Largura total - Se você omitir ocupará toda a linha */
      font: 25px Arial, Helvetica, sans-serif; /* Tamanho e família de fontes */
      color: #003366; /* Cor da fonte */
      text-align:center;
      border-top: 5px dotted #FFCC00; /* Borda em cima */
      border-bottom: 15px solid #FFCC00; /* Borda em baixo */
      padding-left:5px; /* Espaçamento do texto a esquerda */
    }/* Note que não há uma cor de fundo */
.quatro
      {  /* Classe para o cabeçalho */
       /* width:300px;  Largura total - Se você omitir ocupará toda a linha */
        font: 25px Arial, Helvetica, sans-serif; /* Tamanho e família de fontes */
        color: #F58221; /* Cor da fonte */
        text-align:center;
        background: #ACE0E5 url(logo_im.gif) 5px 0 no-repeat;
        border-top: 2px dotted #F58221; /* Borda em cima */
        border-right: 2px dotted #F58221; /* Borda a direita */
        border-bottom: 2px dotted #F58221; /* Borda em baixo */
        border-left: 2px dotted #F58221; /* Borda a esquerda*/
        padding-left:35px; /* Espaçamento do texto a esquerda */
      }
#tudo
    {
      width: 760px;
      margin:0 auto;
      padding: 10px;
      text-align:left; /* "remédio" para o hack do IE */
    }
/* Construção de colunas */
#col1 {
    display:inline; /*Bug da margem dupla para floats no IE*/
    float:left;
    width:20%;
    margin-top:6em;
    font-size:10;
    }
#col2 {
    float:left;
    width:41%;
    margin-top:6em;
    margin-left:0.5em;
    }
#col3 {
    float:left;
    width:15%;
    margin-top:6em;
    margin-left:0.5em;
    }
/* Fim da construção de colunas */
#cadastro
        {
          left: 80px;
          top:80px;
          position: absolute;
        }
