/* CSS Johnny By Remember Brasil */

body {
   margin-top:0;
   margin-left:0;
 }
 
 
  #principal {
   width:1020px;
   height:620px;
   float:center;
 
  
  }
  
  
    #topo {
   width:1020px;
   height:146px;
   float:left;
   background:url(../images/topo.jpg);
  }
  
  
      #conteudo {
   width:1020px;
   height:404px;
   float:left;
   background:url(../images/conteudo.jpg);
  
  }
  
  
      #rodape {
   width:1020px;
   height:50px;
   float:left;
   background:url(../images/rodape.jpg);
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:10px;
   padding-top:20px;
  
  }
  
  
    #topo_um {
   width:1020px;
   height:58px;
   float:left;
   }
   
   
   
    #topo_dois {
   width:1020px;
   height:60px;
   float:left;
   }
   
     #topo_tres {
   width:255px;
   height:60px;
   float:left;
   }
   
   
      #topo_quatro{
   width:497px;
   height:45px;
   float:left;
   padding-top:15px;
   text-align:left;
   }
   
   
   
      #topo_seis{
   width:1020px;
   height:53px;
   float:left;
   }
   
   
   
      #topo_cinco {
   width:216px;
   height:60px;
   float:left;
   text-align:right;
   font-family:Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:20px;
   line-height:27px;
   }
   
      
   #esq {
   width:457px;
   height:345px;
   float:left;
   margin-left:69px;
   _margin-left:15px;
   
   }


  #dir {
   width:457px;
   height:345px;
   float:left;
   margin-left:20px;
   
   }
   
   
  #tx_dir {
   width:457px;
   height:110px;
   float:left;
   font-family:Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:20px;
   line-height:30px;
   padding-top:10px;

}


#figura_dir {
   width:457px;
   height:210px;
   float:left;
 
}
      
   #cinza {
   width:457px;
   height:222px;
   float:left;
   background:#383a38;
          filter:alpha(opacity=80, finishopacity=80, style=1);
       opacity:.3;
      -khtml-opacity:.3;

   }
   
   
     #cinza_claro {
   width:457px;
   height:99px;
   float:left;
   background:#c9c9c9;
          filter:alpha(opacity=80, finishopacity=80, style=1);
       opacity:.3;
      -khtml-opacity:.3;

   }
   
   
   #tx_cinza_claro {
   width:457px;
   height:15px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:12px;
   text-align:center;
   margin-top:10px;
   font-weight:bold;
   
   }
   
   
   
     #verde {
   width:370px;
   height:26px;
   float:left;
   margin-top:27px;
   margin-left:25px;
   background:url(../images/verde.gif);
   font-family:Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:18px;
   font-weight:bold;
   text-align:left;
   padding-left:20px;
   padding-top:4px;
   }
   
   
   
     #tx_verde {
   width:390px;
   height:145px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:12px;
   margin-left:25px;
   text-align:left;
   padding-top:15px;
   }
   
   
   
     #marcas {
   width:457px;
   height:50px;
   float:left;
   background:url(../images/marcas.png);
   }
   
   
   
      
   #tx_fim {
   width:457px;
   height:15px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:12px;
   text-align:center;
   font-weight:bold;
   margin-top:3px;
   
   }
   
   
   
     #tx_texto_home {
   width:490px;
   height:300px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#FFFFFF;
   font-size:16px;
   }
   
   
   /* Empresa */
   
   
   #branco {
   width:960px;
   height:363px;
   float:left;
   background:#FFFFFF;
   margin-top:20px;
   margin-left:20px;
      filter:alpha(opacity=80, finishopacity=80, style=1);
       opacity:.3;
      -khtml-opacity:.3;

   }
   
   
     
   #empresa_esq {
   width:560px;
   height:363px;
   float:left;
   
   }
   
     #empresa_dir {
   width:400px;
   height:363px;
   float:left;
   background:#dfe9d8;
   
   }
   
   
     #tit_empresa {
   width:530px;
   height:23px;
   float:right;
   background:url(../images/empresa.gif);
   margin-top:10px;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   padding-left:20px;
   color:#FFFFFF;
   padding-top:3px;

}


  .foto {
   width:375px;
   height:171px;
   float:left;
   margin-left:13px;
   _margin-left:7px;
   margin-top:7px;
   }
   
   
   
     #texto_empresa {
   width:540px;
   height:290px;
   float:right;
   padding-top:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#333333;
   font-size:12px;
   line-height:21px;
   padding-right:10px;
   text-align:justify;
   }
   
   
   /* Orçamento */
   
   
    #orcamento_esq {
   width:463px;
   height:363px;
   float:left;
   
   }
   
     #orcamento_dir {
   width:497px;
   height:363px;
   float:left;
   background:#dfe9d8;
   
   }
   
   
    #tx_orcamentos {
   width:477px;
   height:15px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   color:#196C40;
   text-align:left;
   font-weight:bold;
   padding-left:20px;
   margin-top:17px;
   }
   
   
    #mapa {
   width:457px;
   height:300px;
   float:left;
   margin-left:20px;
   margin-top:10px;
   _margin-left:10px;
   }
   
   
    #tit_contato {
   width:434px;
   height:23px;
   float:right;
   background:url(../images/empresa.gif);
   margin-top:10px;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   padding-left:20px;
   color:#FFFFFF;
   padding-top:3px;

}




 #form {
 width:420px;
 height:320px;
 float:left;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#000000;
 margin-left:20px;
 margin-top:15px;

}

 #mascote {
 width:444px;
 height:315px;
 float:left;
 margin-left:10px;
 margin-top:10px;
 _margin-left:5px;
 }
 
  #fachada_confirma {
 width:475px;
 height:315px;
 float:left;
 margin-left:10px;
 margin-top:14px;
 _margin-top:11px;
  _margin-left:6px;
 }
 

/* LABEL */
label {
     display: block; /* DEIXANDO UM ACIMA DO OUTRO */
     margin: 10px 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: 50px;
     overflow: auto; /* BARRA DE ROLAGEM AUTOMÁTICA */
}

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

}
a:link {
	color: #0099CC;
}
a:visited {
	color: #FF6600;
}
a:hover {
	color: #FF6600;
}




 #branco_contato {
   width:960px;
   height:363px;
   float:left;
   background:#FFFFFF;
   margin-top:20px;
   margin-left:20px;
   _margin-left:10px;

   }



/* Peças para Empilhadeiras */


  #tit_empilhadeiras {
   width:415px;
   height:23px;
   float:right;
   background:url(../images/empresa.gif);
   margin-top:10px;
   text-align:left;
   font-family:Arial, Helvetica, sans-serif;
   font-size:18px;
   padding-left:20px;
   color:#FFFFFF;
   padding-top:3px;

}



 #empilhadeiras_esq {
   width:445px;
   height:363px;
   float:left;
   
   }
   
   
   
   
     #texto_empilhadeiras {
   width:425px;
   height:310px;
   float:right;
   padding-top:10px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#333333;
   font-size:12px;
   line-height:21px;
   padding-right:10px;
   text-align:justify;
   overflow:scroll;
   }
   
   
   
     #tt_empilhadeiras {
   width:515px;
   height:15px;
   float:left;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#333333;
   font-size:12px;
   margin-top:15px;
   font-weight:bold;
   }
   
      #emp_dir {
   width:515px;
   height:363px;
   float:left;
   background:#AEC89D;
   
   }
   
   
   .linha_empilhadeiras {
   width:515px;
   height:90px;
   float:left;
   margin-top:5px;
   }
   
   
      .top_linha_empilhadeiras {
   width:515px;
   height:90px;
   float:left;
   margin-top:10px;
   }
   
    .descr_empilhadeiras {
   width:515px;
   height:15px;
   float:left;
   margin-top:5px;
   }
   
   
     .tx_descr_empilhadeiras {
   width:135px;
   height:15px;
   float:left;
   margin-left:30px;
  _margin-left:20px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color:#000000;
   font-size:10px;
   }
   
    .pecas_de_empilhadeiras {
   width:135px;
   height:90px;
   float:left;
   margin-left:30px;
   _margin-left:20px;
   
   }