/**************************************************************************************************/
/** Includes **************************************************************************************/
/**************************************************************************************************/

@import url("../geral/reset.css");
@import url("../geral/body.css");
@import url("../geral/classes.css");

@import url("../estrutura/topo.css");
@import url("../estrutura/rodape.css");



/**************************************************************************************************/
/** Contatos - Geral ******************************************************************************/
/**************************************************************************************************/

div#conteudo h1 {

  display:block;  

  width:132px;
  height:14px;
  
  margin:100px 0px 10px 100px;
  
  text-indent:-20000px;
  overflow:hidden;
  
  background-image:url('../../../imagens/contatos/titulo-fale-conosco.png');
  background-repeat:no-repeat;
}


div#conteudo p {

  margin:0px 100px 0px 100px;
  color:#F76D04;
}


div#conteudo hr {

  width:934px;
  margin:40px auto 30px auto;
  
  border-top-width:1px;
  border-top-style:dashed;
  border-top-color:#FFFFFF;
}


div#conteudo a.trabalhe-conosco {

  float:left;
  display:block;
  
  width:487px;
  height:130px;
  
  margin:0px 0px 50px 50px;
  padding:0px 0px 0px 0px;
  
  text-indent:-20000px;
  overflow:hidden;
  
  background-image:url('../../../imagens/contatos/icone-trabalhe-conosco.png');
  background-repeat:no-repeat;
}


div#conteudo div {

  float:right;
  
  width:270px;
  height:100px;
  
  margin:10px 65px 0px 0px;
  padding:15px 0px 0px 60px;
  
  font-size:15px;
  font-weight:bold;
  line-height:20px;
  color:#F76D04;
  
  border-left-width:1px;
  border-left-style:dashed;
  border-left-color:#FFFFFF;
}


div#conteudo div p {

  margin:0px 0px 10px 0px;
}


div#conteudo div p.telefone {

  font-size:32px;
}



/**************************************************************************************************/
/** Contatos - Formulário *************************************************************************/
/**************************************************************************************************/

div#conteudo form {

  width:811px;
  height:292px;
  
  margin:30px auto 0px auto;
  padding:25px 30px 0px 40px;
  
  background-image:url('../../../imagens/contatos/fundo-formulario.png');
  background-repeat:no-repeat;
}


div#conteudo form fieldset {

  float:left;
  width:410px;
}


div#conteudo form fieldset legend,
div#conteudo form fieldset label {

  display:none;
}


div#conteudo form fieldset input,
div#conteudo form fieldset select,
div#conteudo form fieldset textarea {

  width:400px;
  height:23px;
  
  margin:0px 0px 10px 0px;
  padding:3px 5px 3px 5px;
  
  font-size:15px;
  font-weight:bold;
  color:#BF5E04;
  
  border:none;
  background-color:#FFFFFF;
}


div#conteudo form fieldset input#cidade {

  float:left;
  width:185px;
}


div#conteudo form fieldset select#estado {

  float:left;
  
  width:45px;
  height:29px;
  
  margin:0px 10px 10px 10px;
}


div#conteudo form fieldset input#assunto {

  float:left;
  width:140px;
}


div#conteudo form fieldset textarea {

  height:90px;
  
  margin-bottom:5px;
  padding:5px 5px 5px 5px;
}


div#conteudo form fieldset input#enviar {

  float:right;
  
  width:67px;
  height:24px;
  
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  
  text-indent:-20000px;
  overflow:hidden;
  
  cursor:pointer;
  
  background-image:url('../../../imagens/contatos/fundo-botao-enviar.png');
  background-repeat:no-repeat;
  background-color:transparent;
}


div#conteudo form iframe {

  float:right;
}