#cabeca
        {
          left: 0em;
          position: absolute;
          top: 0em;
          padding-left: 0em;
          padding-right: 0em;
          margin-left: 0em;
          margin-right: 0em;
        }
/* cbeçalho abaixo do cabeca */
#cabeca2
       {
         position: relative;
         top: 0em;
         color: #009900;
         /* border: 1 1 1 1 solid; */
         font-size: 14;
       }
#cabecae
        {
          left: 1em;
          position: absolute;
          top: 0em;
          padding-left: 0em;
          padding-right: 0em;
          margin-left: 0em;
          margin-right: 0em;
        }
#logo
        {
          left: 0em;
          position: absolute;
          top: 0em;
          width: 100px;
          height:80px;
          background-image: url(img/logo.jpg)
        }
/* Lay out da página do portal */
#portalesq
        {
          left: 1em;
          top:2em;
          position: absolute;
        }
#portaldir
        {
          right:1em;
          top:2em;
          position: absolute;
        }
#portal0
        {
          left: 10px;
          top:10px;
          position: absolute;
        }
#portal
        {
          top:15px;
          position: absolute;
        }
#portal1
        {
          left: 10px;
          top:80px;
          position: absolute;
        }
/* Lay out da página do portal */
#portal2
        {
          left: 10px;
          top:290px;
          position: absolute;
          font-size:14;
        }
/* Lay out da página do portal para definir a janela de endereço */
#portal3
        {
          left: 220px;
          top:170px;
          position: relative;
        }
#portal4
        {
          left: 500px;
          top:100px;
          position: relative;
        }
#portal5
        {
          left: 330px;
          top:150px;
          position: absolute;
        }
/* Lay out da página do portal para definir o conteúdo da janela de endereço */
#portalend
        {
          left: 20px;
          top:10px;
          position: absolute;
        }
#portalendimg
        {
          text-align: center;
          top:5px;
          position: relative;
        }
#portalcartao
        {
          left: 10px;
          top:160px;
          position: absolute;
        }
#portalbruzzo
        {
          left: 80px;
          top:190px;
          position: absolute;
        }
#portaldet
        {
          left: 3em;
          top:12em;
          position: absolute;
        }
#portaldet1
        {
          left: 3em;
          top:1em;
          position: absolute;
        }
#portalendimg2
        {
          left: 150px;
          top:180px;
          position: absolute;
        }
#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%;
       }
/* marquee com borda */
marquee {
          border-style: outset;
          border-color: #00FFFF;
          color: #009900;
	}
body
    {
      color: #009900;
      font-family: "Arial Rounded MT Bold","Arial";
      font-weight: bold;
      background-image: url(img/fundo1.jpg);
      background-attachment: fixed;
       border-width: medium medium medium medium;
/*      cursor: url('img/caneta.ani');  */
      overflow:scroll;
/*      overflow-x:hidden;  */
       scrollbar-Face-color: #dcdcdc;  /* f5f5dc */
       scrollbar-highlight-color: #f5f5dc;
       scrollbar-shadow-color: #f5f5dc;
       scrollbar-3dlight-color: #f5f5dc;
       scrollbar-arrow-color: #f5f5dc;
       scrollbar-track-color: #fffafa;
       scrollbar-darkshadow-color: #fffafa;
     }
 /* Posição de texto para as cartas e comunicados */
#maintx
        {
          position: absolute;
          width: 97%;
          top: 4em;
          left: 1em;
          font-size: 16;
          text-align: justify;
        }
 /* Posição de texto para as cartas e comunicados */
#portal
        {
          position: absolute;
          width: 70%;
          top: 15em;
          left: 5em;
          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;
      }
 */
 #menuesq
        {
          position: absolute;
          top: 4.3em;
          left: 0em;

          /* border: 1 1 1 1 solid; */
        }
 /* Construção de menu estilizado usando ul li numa caixa */
 #menu
      {
        width: 13.5em;
        background-image: url(img/f17.gif);
        padding: 0em;
        border: 0.5em inset #CCCCCC;
      }
 #menu ul
      {
        width: 11.5em;
        background-image: url(img/f17.gif);
        padding: 0.5em;
        border: 0.5em outset #FFFFFF;
        margin: 0;
      }
 #menu li
      {
        list-style: none;
        padding: 0.2em 0.2em;
        background-image: url(img/f17.gif);
        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/f17.gif);
       padding: 0em;
       border: 0.5em inset #CCCCCC;
     }
#menudesq ul
     {
       width: 11.5em;
       background-image: url(img/f17.gif);
       padding: 0.5em;
       border: 0.5em outset #FFFFFF;
       margin: 0;
     }
#menudesq li
     {
       list-style: none;
       padding: 0.2em 0.2em;
       background-image: url(img/f17.gif);
       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 direito */
#menudir
       {
         position: relative;
         top: 2em;
         left: 43em;
         right: 0em;
       }
/* Coloca todas as primeira letras maiores e em cor diferente */
p.letrag:first-letter
       {
         color: 0000FF;
         font-size: 30;
       }
/* figura alinhada à direita */
#figdirind
       {
         position: absolute;
         top: 6em;
         left: 15.2em;
         margin-right: 3em;
         color: #009900;
         /* border: 1 1 1 1 solid; */
         font-size: 14;
       }
/* figura alinhada à esquerda */
#figesq
       {
         position: absolute;
         top: 0em;
         left: 0.2em;
         /* border: 1 1 1 1 solid; */
       }
/* figura alinhada à direita falacli */
#figdirfala
       {
         position: relative;
         top: 0em;
         left: 6em;
         color: #00FF00;
       }
/* figura alinhada à direita */
#figdir
       {
         position: absolute;
         top: 5em;
         left: 20em;
         color: #00FF00;
         /* border: 1 1 1 1 solid; */
       }
#figcentro
       {
         position: absolute;
         top: 15em;
         left: 15em;
       }
/* Transforma as cracterísticas nos links conforme especificado */
a.classe1:link
              {
                 text-decoration: none;
                 color: #0000ff; /* Azul*/
               }
 a.classe1:visited
                  {
                    text-decoration: none;
                    color: #0000ff;/* Azul*/
                  }
 a.classe1:hover
        {
          text-transform: uppercase;
          color: #4169E1;
          margin: 0; /* hack para o IE*/
          background-color: #009900; /* Vermelho*/
       }
a.classe1:active
                {
                  text-decoration:none;
                  color: #009900;
                }
/* Transforma as cracterísticas nos links conforme especificado verde*/
a.classe2:link
              {
                 text-decoration: none;
                 color: #009900; /* Verde*/
               }
 a.classe2:visited
                  {
                    text-decoration: none;
                    color: #0000ff;/* Azul*/
                  }
 a.classe2:hover
        {
          text-transform: uppercase;
          color: #4169E1;
          margin: 0; /* hack para o IE*/
       }
a.classe2:active
                {
                  text-decoration:none;
                  color: #009900;
                }
/* Transforma as cracterísticas nos links conforme especificado */
a.classep:link
              {
                 text-decoration: none;
                 color: #0000ff; /* Azul*/
               }
 a.classep:visited
                  {
                    text-decoration: none;
                    color: #0000ff;/* Azul*/
                  }
 a.classep:hover
        {
          text-transform: uppercase;
          color: #4169E1;
          margin: 0; /* hack para o IE*/
       }
a.classep: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: justify;
               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;
	}
ul
  {
    list-style-image: url(img/marcadorlogo.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;
         margin-left:-40em;
       }
#baixositio
       {
         position: absolute;
         bottom: 2 em;
       }
h2.verde
        {
           color: 009900;
        }
h2.azul
        {
           color: 0000ff;
        }
/* botão com link e efeito */
botao1
     {
       position: absolute;
       top:0 px;
       left:90 px;
       margin:0 px;
       padding:0 px;
      }
botao1 a, .botao1 a:visited
		  {
		    font: bold 10 px/24 px arial, helvetica, sans-aerif;
		    padding: 0 px;
		    text-decoration: hidden;
		    text-align: bottom;
		    color: #999;
		    background: url("img/evol2.gif") no-repeat center center;
		    width: 130 px;
		    height: 36 px;
		    display: block;
		  }
botao1 a:hover
      {
        background: #0000ff url("img/evol2.gif") no-repeat center center;
        color: #999;
       }
/* Botão 2 */
botao2
     {
       position: absolute;
       top:0 px;
       left: 250 px;
       margin:0 px;
       padding:0 px;
      }
botao2 a, .botao2 a:visited
		  {
                    font: bold 10 px/24 px arial, helvetica, sans-aerif;
                    padding: 0 px;
                    text-decoration: hidden;
		    text-align: bottom;
		    color: #999;
		    background: url("img/falac2.gif") no-repeat center center;
		    width: 130 px;
		    height: 36 px;
		    display: block;
                  }
.botao2 a:hover
	      {
	        background: #0000ff url("img/falac2.gif") no-repeat center center;
		color: #999;
	       }
/* Botão 3 */
.botao3
      {
        position: absolute;
        top:0 px;
        left: 410 px;
        margin:0 px;
        padding:0 px;
       }
.botao3 a, .botao3 a:visited
 		  {
			    font: bold 10 px/24 px arial, helvetica, sans-aerif;
			    padding: 0 px;
			    text-decoration: hidden;
			    text-align: bottom;
			    color: #999;
			    background: url("img/falas2.gif") no-repeat center center;
			    width: 130 px;
			    height: 36 px;
			    display: block;
			  }
.botao3 a:hover
	      {
	        background: #0000ff url("img/falas2.gif") no-repeat center center;
		color: #999;
	       }
.botao4
      {
        position: absolute;
        top:0 px;
        left:570 px;
        margin:0 px;
        padding:0 px;
       }
/* Botões com efeitos */
.botao4 a, .botao4 a:visited
			  {
			    font: bold 10 px/24 px arial, helvetica, sans-aerif;
			    padding: 0 px;
			    text-decoration: hidden;
			    text-align: bottom;
			    color: #999;
			    background: url("img/genpa2.gif") no-repeat center center;
			    width: 130 px;
			    height: 36 px;
			    display: block;
			  }
.botao4 a:hover
	      {
	        background: #0000ff url("img/genpa2.gif") no-repeat center center;
                text-transform: uppercase;
                color: #999;
	       }
.botao5
      {
        position: absolute;
        top:0 px;
        left:730 px;
        margin:0 px;
        padding:0 px;
       }
/* Botões com efeitos */
.botao5 a, .botao4 a:visited
			  {
			    font: bold 10 px/24 px arial, helvetica, sans-aerif;
			    padding: 0 px;
			    text-decoration: hidden;
			    text-align: bottom;
			    color: #999;
			    background: url("img/genpa2.gif") no-repeat center center;
			    width: 130 px;
			    height: 36 px;
			    display: block;
			  }
.botao5 a:hover
	      {
	        background: #0000ff url("img/genpa2.gif") no-repeat center center;
                text-transform: uppercase;
                color: #999;
	       }
#centroftopo2
       {
         position: relative;
         top:0 px;
         left: 30 px; /* Retornando ao topo 1 ou 2 a distância é 10 */
       }
.figeftopo2
      {
        position: absolute;
        top:0 px;
        left:0 px;
        margin:0 px;
        padding:0 px;
       }
.figdftopo2
      {
        position: relative;
        top:0 px;
        left:900 px;
        margin:0 px;
        padding:0 px;
       }
#fraseazul
      {
        font: bold 20 arial, verdana, helvetica, sans-serif;
        color: 0000ff;
        text-align: center;
      }
#fraseazul2
      {
        font: italic 14 arial, verdana, helvetica, sans-serif;
        color: 0000ff;
        text-align: justify;
      }
#fraseamarela
      {
        font: italic bold 14 arial, verdana, helvetica, sans-serif;
        color: 000000;
        text-align: justify;
      }
#frasevd
      {
        font: bold 17 arial, verdana, helvetica, sans-serif;
        color: 009900;
        text-align: center;
      }
#conta
        {
          position: absolute;
          left: 20px;
          top:550px;
          font: bold 10 arial, verdana, helvetica, sans-serif;
          color: 000000;
        }
/* 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.textomain
          {
            position:absolute;
            top:200px;
            left:10px;
          }
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;
             }
/* Término das divs abaixo definem o sombreamento de frases */
#cine1
       {
         position: absolute;
         left: 0px;
         top:200px;
       }
#cine2
       {
         position: absolute;
         left: 10px;
         top:255px;
       }
/* teste */
/*Início definição do select */
select {
background-color: #90ee90;/* cor no interior do combo box */
font:12px verdana, arial, helvetica, sans-serif;
color:#0000ff; /* Cor do texto tentro do combo */
}

/* Fim definição do select */
/*Início definição do input */
input {
background-color: #90ee90;/* Cor do botão do select */
font:1.3em bold, monotype corsiva, verdana, arial, helvetica, sans-serif;
color:#0000ff;  /* Cor do texto tentro do select */
}
/* Fim definição do input */
/* Construção de colunas */
#col1 {
    display:inline; /*Bug da margem dupla para floats no IE*/
    float:left;
    width:20%;
    margin-top:-3.9em;
    font-size:10;
    }
#col2 {
    float:left;
    width:30%;
    margin-top:-0.4em;
    margin-left:0.5em;
    }
#col3 {
    float:left;
    width:15%;
    margin-top:-0.4em;
    margin-left:0.5em;
    }
/* Fim da construção de colunas */
/* Imagem opaca */
img.ca {
        display:block;
	position:absolute;
	top:8em;
	left:9em;
	opacity:0.30;
	-moz-opacity: 0.30;
	filter: alpha(opacity=30);
       }
/* Início. Para ser usado com texto ou figura que permanece no top ou botton na página */
#floater {
          position: absolute;
          right: 0;
          left:10px;
          margin_botton:-5px
          visibility: visible;
          z-index: 0;
        }
/* Fim. Para ser usado com texto ou figura que permanece no top ou botton na página */
/* Caixa de texto iluminado com cores */
.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;
     }
.txtcaixa1
     {
      position:relative;
      top:0px;
      left:0px;
      width:200px;
      margin:0px;
      padding:0px;
      text-align: center;
      font:16px bold, Times New Roman, 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;
          }
/* Div para colocar o botão volta para a página principal */
#volta
      {
        position: absolute;
        left: 10px;
        top:450px;
      }