/* CSS Sette Baterias By Bob Correia */

body {
   background:url(../images/fundo.jpg);
   margin-top:0;
   margin-left:0;
 }
 
#principal {
   width:779px;
   height:800px;
   float:center;

  }
  
  
  #topo {
   width:779px;
   height:252px;
   float:left;
  background:url(../images/topo.jpg);


  }
  
  
  
    #topo_um {
   width:779px;
   height:63px;
   float:left;
  }
  
  
  
        #um {
   width:218px;
   height:63px;
   float:left;
  }
      #dois {
   width:262px;
   height:63px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#FFFFFF;
   text-align:center;
  }
  
  
  
        #tres {
   width:299px;
   height:63px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   color:#FFFFFF;
   text-align:center;
   font-weight:bold;
  }
  
  
    #quatro {
   width:779px;
   height:155px;
   float:left;
   }
  
  
  
    
    #quatro_selo {
   width:225px;
   height:155px;
   float:left;
   }
  
  
  #selo {
   width:114px;
   height:143px;
   float:left;
   }
  
   #menu {
   width:779px;
   height:30px;
   float:left;
   }
  
    #conteudo {
   width:779px;
   height:470px;
   float:left;
   background:url(../images/conteudo.jpg);


  }
  
  
    #conteudo_loja {
   width:779px;
   height:470px;
   float:left;
   background:url(../images/conteudo_loja.jpg);


  }
  
  
  
      #conteudo_um {
   width:240px;
   height:470px;
   float:left;
  
  }
  
  
  #conteudo_dois {
   width:539px;
   height:470px;
   float:left;
  
  }
  
    #rodape {
   width:779px;
   height:77px;
   float:left;
   background:url(../images/rodape.jpg);


  }
  
  
   #tx_rodape {
  width:779px;
  height:50px;
  float:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFCC;
  font-size:10px;
  margin-top:5px;
  text-align:center;
  margin-top:15px;
  }
  
    #lojas {
   width:212px;
   height:324px;
   float:left;
   margin-top:15px;
   text-align:center;
   margin-left:12px;
 
  }
  
  h1 {
  font-family:Arial, Helvetica, sans-serif;
  color:#1a3e57;
  font-size:14px;
  }
  
  h2 {
  font-family:Arial, Helvetica, sans-serif;
  color:#1a3e57;
  font-size:14px;
  }
  
 
  
  
    
  .titulo_um {
  width:212px;
  float:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:12px;
  font-weight:bold;
  margin-top:20px;
  }
  
  
    .titulo_dois {
  width:212px;
  float:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:12px;
  font-weight:bold;
  margin-top:40px;
  }
  
    .cont_um {
  width:212px;
  float:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:10px;
  margin-top:5px;
  }
  
  
    
    .cont_dois {
  width:212px;
  float:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#FF0000;
  font-size:10px;
  margin-top:5px;
  }
  
  
    h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#1a3e57;
	font-size:14px;
	}
  
  
      h4 {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#FF0000;
  font-size:10px;
  font-weight:normal;
  line-height:normal;
 
  }
  
  
  #bem_vindo {
  width:489px;
  height:261px;
  float:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:12px;
  text-align:left;
  margin-left:20px;
  margin-top:35px;
  line-height:20px;
  }
  
  
  
  /* Lojas */
  
  #end_lojas {
  width:237px;
  height:180px;
  float:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:12px;
  text-align:justify;
  line-height:20px;
    margin-left:20px;
  }
  
    #end_lojasx {
  width:488px;
  height:180px;
  float:left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:12px;
  text-align:justify;
  line-height:20px;
    margin-left:20px;
  }
  
  
  .fachada {
  width:237px;
  height:178px;
  float:left;
  background:url(../images/fachada.jpg);
  margin-left:20px;


  }
  
    .fachada_tres {
  width:237px;
  height:178px;
  float:left;
  background:url(../images/fachada3.jpg);
  margin-left:20px;


  }
  
  
   .tatuape {
  width:237px;
  height:178px;
  float:left;
  background:url(../images/fachada2.jpg);
  margin-left:20px;


  }
  
  
     .pinheiros {
  width:237px;
  height:178px;
  float:left;
  background:url(../images/fachada.jpg);
  margin-left:20px;


  }
  
  
  .qd_fachada {
  width:539px;
  height:178px;
  float:left;
  margin-top:30px;
  }
  
  
    .qd_fachada_dois {
  width:539px;
  height:178px;
  float:left;
  margin-top:30px;
  }
  
  
  .qd_baterias {
  width:539px;
  height:155px;
  float:left;
  margin-top:35px;
  }
  
  .branco_w {
  width:210px;
  height:30px;
  float:left;
  background:#FFFFCC;
  text-align:center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000066;
  font-size:10px;
  font-style:italic;
  margin-left:14px;
  }
  
   .bonus {
  width:237px;
  height:140px;
  float:left;
  }
  
  
    .baterias {
  width:237px;
  height:178px;
  float:left;
  margin-left:20px;


  }

  
 .tx_baterias {
  width:519px;
  height:20px;
  float:left;
  margin-top:30px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:11px;
  text-align:left;
  margin-left:20px;
  

  }
  
  
 .baterias_usadas {
  width:237px;
  height:178px;
  float:left;
  margin-left:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:10px;
  background:#FFFF99;
  text-align:justify;
  padding-left:5px;
  padding-right:5px;



  }
  
  
  
    
 .texto_baterias_usadas {
  width:473px;
  height:158px;
  float:left;
  margin-left:20px;
   background:#FFFF99;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:10px;
   background:url(../images/usadas.jpg);
   padding-left:10px;
   padding-top:10px;
   text-align:justify;
   padding-right:10px;
   margin-top:10px;


  }
  
  
    #contato{
  width:489px;
  height:400px;
  float:left;
  margin-left:20px;
  }
  
  
  
  
     #confirma {
 width:420px;
 height:360px;
 float:left;
   background:url(../images/bat.jpg);
   margin-top:30px;




}
  
  
   #form {
 width:420px;
 height:360px;
 float:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#000000;




}

/* LABEL */
label {
     display: block; /* DEIXANDO UM ACIMA DO OUTRO */
     margin: 13px 0 9px 0; /* ESPAÇO ACIMA E ABAIXO */
}

/* FORMATANDO OS IDENTIFICADORES DOS CAMPOS */
label span {
     display: block;
     width: 80px;
     margin-top: 2px;
	 float:left;
}

/* FORMATANDO INPUT, SELECT E TEXTAREA */
input, textarea, select {
     color:#000000;
     width: 300px;
     border: solid 1px #000000;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	
	 
}

/* SELECT COM LARGURA AUTOMÁTICA */
select {
     width: auto;
}

textarea {
     height: 100px;
     overflow: auto; /* BARRA DE ROLAGEM AUTOMÁTICA */
}

/* FORMATAÇÃO DO BOTÃO */
button {
     background:#1D64A2;
     color: #FFF;
     font-weight: bold;
     border: none;
	 float:left;
	 margin-left:220px;

}
a:link {
	color: #000;
}
a:visited {
	color: #FF6600;
}
a:hover {
	color: #FF6600;
}
  
  
  
   .tx_contato {
  width:519px;
  height:20px;
  float:left;
  margin-top:40px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:11px;
  text-align:left;
  margin-left:20px;
  

  }