html
{
  height: 100%;
}

body
{
  margin:0px;
  text-align: center;
  height: 100%;
  background: url(../layout/fundo_site.jpg) no-repeat top center;
  background-color: #ffd40b;
}

.black_overlay
 {
 display: none;
 position: absolute;
 top: 0%;
 left: 0%;
 width: 500px;
 height: 500px;
 background-color: black;
 z-index:1001;
 -moz-opacity: 0.0;
 opacity:.0;
 filter: alpha(opacity=0);
}

.white_content
{
 display: none;
 position: absolute;
 top: 25%;
 left: 25%;
 width: 616px;
 height: 354px;
 padding-left: 0px;
 padding-top: 0px;
 border: 0px solid orange;
 background-color: white;
 z-index:1002;
 overflow: auto;
 background: url(./fundo_video.png) no-repeat top center;
}
#ExibeVideo
{
 width: 570px;
 padding: 10px;
 margin: 10px;
 border: 0px solid orange;
}
#sair
{
 align: right;
 text-align: right;
 padding: 0px;
}

#MSG
{
  margin-left: 9px;
  margin-top: 15px;
}

#IMG_agua
{
  margin-right: 15px;
}

#Contrato
{
   margin-left: 10px;
   margin-right:5px;
}

.Caixas
{
   border: 0px solid #666666;
   padding: 0 0 0 0px;
   margin: 0 0 0 0px;
   width: 350px;
   height: 45px;
   float: left;
   text-align: center;
   align: center;
   padding-top: 0px;
}

#Menus
{
    background-color: #fae72b;
    margin-right: 2px;
    padding-right: 2px;
    min-width: 150px;
    width: 160px;
    height: 28px;
    border: 0px solid #666666;
    align: right;
    text-align: right;
    float: right;
}

.carregando
{
    background-color: #ffffff;
    min-width: 773px;
    width: 773px;
    height: 278px;
}

.fundoFoto
{
   width: 50px;
   height: 50px;
   background: #ffffff;
   border: 2px solid #666666;
}

#M
{
   margin-top: 3px;
   margin-bottom: 2px;
   margin-left: 4px;
   margin-right: 4px;

   padding-top: 4px;
   padding-bottom: 2px;
   padding-left: 4px;
   padding-right: 4px;
   border: 2px solid #666666;
}

.F_foto
{
    border: 1px solid #eaeaea;
}

#principal
{
   margin-top: 2px;
   margin-bottom: 2px;
   margin-left: 5px;
   margin-right: 5px;

   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 2px;

   background: url(../layout/fundo_laranja.jpg) repeat-x top;
   background-color: #fca711;
   width: 763px;
   min-height: 100%;
   height: auto;
}


#principal_2
{
   margin-top: 1px;
   margin-bottom: 2px;
   margin-left: 5px;
   margin-right: 5px;

   padding-left: 0px;
   padding-right: 0px;
   padding-top: 1px;
   padding-bottom: 2px;

   background: url(../images/bg_amarelo.jpg) repeat-x top;
   background-color: #ffffff;
   width: 763px;
   min-height: 100%;
   height: auto;
   z-index:0;
}

#Caixa
{
   margin-top: 2px;
   margin-bottom: 2px;
   margin-left: 8px;
   margin-right: 5px;

   padding-left: 0px;
   padding-right: 0px;
   padding-top: 1px;
   padding-bottom: 2px;

   width: 725px;
   min-height: 100%;
   height: auto;
}

#Celula1
{
       font-family: Verdana, Arial, Helvetica, sans-serif;

       font-size: 10pt;
       padding-top: 5px;
       padding-bottom: 0px;
       padding-left: 0px;
       padding-right: 0px;

       margim:0px;
       margin-left: 0px;
       margin-top: 0px;
       margin-right: 0px;
       margin-bottom: 0px;

       min-height:25px;
       height:25px;
       width: 450px;

       border:0px solid #000000;
       text-align: left;
       float: left;
}

#Celula2
{
       font-family: Verdana, Arial, Helvetica, sans-serif;

       font-size: 10pt;
       padding-top: 5px;
       padding-bottom: 0px;
       padding-left: 0px;
       padding-right: 0px;

       margim:0px;
       margin-left: 0px;
       margin-top: 0px;
       margin-right: 0px;
       margin-bottom: 0px;

       min-height:25px;
       height:25px;
       width: 150px;

       border:0px solid #000000;
       text-align: left;
       float: left;
}

.TextArea
{
 font-size: 12px;
 background-color: #FFffff;
 color: #000000;
 border: 1px solid #666666;
}

select
{
 background-color: #FFffff;
 color: #000000;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 border: 1px solid #666666;
 padding: 5px;
}

.Texto
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10pt;
        font-style: normal;
        color: #333333;
}

.Texto12
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11pt;
        font-style: normal;
        color: #333333;
}

.style2
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 10px;
   color: #666666;
}

.Titulo
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14pt;
        font-style: bold;
        color: #333333;
}

.Titulo_CEO
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12pt;
        font-style: bold;
        font-weight: bold;
        color: #333333;
}

.fonte8
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-style: normal;
        color: #333333;
}

.rodape
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-style: normal;
        color: #333333;
}

.Linha
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-style: normal;
   color: #333333;
   PADDING-RIGHT: 0px;
   PADDING-LEFT: 3px;
   PADDING-TOP: 3px;
   PADDING-BOTTOM: 3px;
   WIDTH: auto;
   BORDER-BOTTOM: 1px solid #FFFFFF;
   TEXT-DECORATION: none
   DISPLAY: block;
}

a:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #333333;
        text-decoration: none;
}
a:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333333;
        text-decoration: none;
}
a:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
        color: #FF6600;
        text-decoration: underline;
}
a:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #FF6600;
        text-decoration: underline;
}

a.linknovo:link
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #333333;
        text-decoration: none;
}
a.linknovo:visited
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #333333;
        text-decoration: none;
}
a.linknovo:hover
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #333333;

        text-decoration: underline;
}
a.linknovo:active
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #333333;
        text-decoration: none;
}

a.linkNoticias:link
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #333333;
        text-decoration: none;
}
a.linkNoticias:visited
 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #333333;
        text-decoration: none;
}
a.linkNoticias:hover
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #333333;
        text-decoration: underline;
        font-weight: normal;
}
a.linkNoticias:active
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #333333;
        text-decoration: none;
}

#TopoFoto, #Foto
{
   border: 1px solid #666666;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 0px;
   margin-right: 0px;

   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;

   background-color: #000000;
   width: 1024px;
   min-height: 100%;
   height: auto;
}

#TopoFoto
{
   width: 1024px;
   min-height: 60px;
   height: 60px;
}