#cabecae
        {
          left: 1em;
          position: absolute;
          top: 0em;
          padding-left: 0em;
          padding-right: 0em;
          margin-left: 0em;
          margin-right: 0em;
        }
#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;
        }
/* 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%;
       }
/* figura alinhada à esquerda */
#logotx
       {
         position: absolute;
         top: 70 px;
         left: 10 px;
       }
/* marquee com borda */
marquee {
          border-style: outset;
          border-color: #00FFFF;
          color: #0000ff;
	}
body
    {
      font-family: "Arial Rounded MT Bold","Arial";
      font-weight: bold;
      background-image: url(img/bege.jpg);
      background-attachment: fixed;
      border-width: medium medium medium medium;
/*      cursor: url('img/caneta.ani');  */
      overflow:scroll;
/*      overflow-x:hidden;  */
      scrollbar-Face-color: #a68064;  /* f5f5dc */
      scrollbar-highlight-color: #f5f5dc;
      scrollbar-shadow-color: #f5f5dc;
      scrollbar-3dlight-color: #f5f5dc;
      scrollbar-arrow-color: #f5f5dc;
      scrollbar-track-color: #d8d8bf;
      scrollbar-darkshadow-color: #f5f5dc;
    }
    
/* 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: 0.2em;
         /* border: 1 1 1 1 solid; */
       }
/* figura alinhada à direita falacli */
#figdirfala
       {
         position: relative;
         top: 10em;
         left: 20em;
         color: #00FF00;
       }
/* figura alinhada à direita */
#figdir
       {
         position: absolute;
         top: 5em;
         left: 20em;
         color: #00FF00;
         /* 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*/
       }
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;
     }
#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;
       }
#baixositio2
       {
         position: absolute;
         bottom: 0em;
       }
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, broadway, monotype corsiva, verdana, arial, helvetica, sans-serif;
      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 */
     }
.dois1
     {  /* 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: #0000ff; /* Cor da fonte */
       text-align:center;
       background: #8EE481; /* Cor do fundo*/
       border-bottom: 2px solid #0000ff; /* Borda em baixo */
       border-left: 15px solid #0000ff; /* Borda a esquerda*/
       border-top: 2px solid #0000ff; /* 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: 99%;
      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 */
/* As divs abaixo definem o sombreamento de frases */
div.texto1
          {
            position:absolute;
            top:0.5em;
            left:0.5em;
            color:#f00;
            font: bold 1em Georgia, "Times New Roman", Times, serif;
          }
div.sombra11
             {
               position:relative;
               color:#ccc;
               font: bold 1em Georgia, "Times New Roman", Times, serif;
               }
div.texto2
           {
             position:absolute;
             top:3px;
             left:-0.4;
             color:#039;
             font: 1em "arial black", Helvetica, sans-serif;
           }
div.sombra21
             {
               position:absolute;
               top:3px;
               left:-0.4;
               color:#7490c7;
               font: 1em "arial black", Helvetica, sans-serif;
             }

div.sombra22
             {
               position:relative;
               color:#b9c7e3;
               font: 1em "arial black", Helvetica, sans-serif;
             }
div.texto3
           {
             position:absolute;
             top:0.4em;
             left:0.4em;
             color:#360;
             font: 1em "arial black", Helvetica, sans-serif;
           }
div.sombra31
             {
               position:absolute;
               top:0.4em;
               left:0.4em;
               color:#6b9046;
               font: 1em "arial black", Helvetica, sans-serif;
             }

div.sombra32
             {
               position:absolute;
               top:0.4em;
               left:0.4em;
               color:#a2b98b;
               font:1em "arial black", Helvetica, sans-serif;
             }

div.sombra33
             {
               position:relative;
               color:#c7d5b9;
               font: 1em "arial black", Helvetica, sans-serif;
             }
#corpesca
             {
               color:#ff0000;
               font: 1em "arial black", Helvetica, sans-serif;
             }
#testepesca
           {
             position:absolute;
             left: 200 px;
             top: 50 px;
             font-family: "Arial Rounded MT Bold","Arial";
             font-size: 12px;
           }
#testepesca0
           {
             position:absolute;
             left: 10 px;
             top: 10 px;
             text-align: center;
           }
/* Término das divs abaixo definem o sombreamento de frases */
/* Efeitos no texto. Para usar coloquedentro da div tudo a
div efeito1 com a frase desejada após fechar adiv coloque a div texto com a
mesma frase*/
div.tudo
        {
          position:relative;
          background:#0000ff;
          font-size: 18px;
          width:7em;
          height:2em;
        }
div.texto
       {
  	  position:absolute;
	  top:-1;
	  left:0;
	  color:#f00;
	}
div.efeito1
          {
   	    position:absolute;
	    left: 2px;
            top: -3px;
            color:#fff;
          }
div.efeito2
          {
            position:absolute;
            left: 3px;
            top: -3px;
            color:#fff;
          }
/* Fim Efeitos no texto */
/* outro efeito no texto. Para usar coloquedentro da div tudo a
div efeito1 com a frase desejada após fechar adiv coloque a div texto com a
mesma frase*/
div.tudo2 {position:relative; background:#0000ff; width:20.6em; height:5em;}
div.texto2, div.efeito12, div.efeito22 {
	font: 50px "Arial black", Helvetica, sans-serif;
	}
div.texto2 {
	position:absolute;
	top:0;
	left:0;
	color:#fff;
	}
div.efeito12 {
	position:absolute;
	left: 2px;
	top: -2px;
	color:#0cf;
	}
div.efeito22 {
	position:absolute;
	left: 3px;
	top: -3px;
	color:#fff;
	}
/*Identificador para banner */
#zoom
     {
       position: absolute;
       text-align: center;
     }
/* Centralização do cartaz */
#cartazcentro
       {
         position: absolute;
         top: 80 px;
         left: 50 px;
         /* border: 1 1 1 1 solid; */
       }
/* Centralização da foto mãe */
#fotocentromae
       {
         position: absolute;
         top: 0 px;
         left: 250 px;
         border: 3 3 3 3 solid;
         background: url("Img/mae.jpg") repeat center center;
       }