/**************************************************************************************************/
/** Contato - Geral *******************************************************************************/
/**************************************************************************************************/

section.base {
  
  display:table;
}


section.base h1 {
  
  display:block;
  
  width:285px;
  height:45px;
  
  margin:15px auto 20px auto;
  
  text-indent:-20000px;
  overflow:hidden;
  
  background-image:url('../../../imagens/contato/titulo-contato.png');
  background-repeat:no-repeat;
}


section.base hr {
  
  width:777px;
  height:6px;
  
  margin:0px auto 0px auto;
  
  background-image:url('../../../imagens/geral/separador.png');
  background-repeat:no-repeat;
}



/**************************************************************************************************/
/** Contato - Formulário **************************************************************************/
/**************************************************************************************************/

section.base article:nth-of-type(1) {
  
  float:right;
  
  width:335px;
  margin:25px 62px 0px 0px;
}


section.base article:nth-of-type(1) form fieldset legend {
  
  display:none;
}


section.base article:nth-of-type(1) form fieldset label {
  
  display:block;
  
  width:115px;
  height:20px;
  
  margin:0px 0px 5px 0px;
  
  text-indent:-20000px;
  overflow:hidden;
  
  background-repeat:no-repeat;
}


section.base article:nth-of-type(1) form fieldset label[for="nome"] {
  
  background-image:url('../../../imagens/contato/texto-nome.png');
}


section.base article:nth-of-type(1) form fieldset label[for="email"] {
  
  background-image:url('../../../imagens/contato/texto-email.png');
}


section.base article:nth-of-type(1) form fieldset label[for="mensagem"] {
  
  background-image:url('../../../imagens/contato/texto-mensagem.png');
}


section.base article:nth-of-type(1) form fieldset input,
section.base article:nth-of-type(1) form fieldset textarea {
  
  width:323px;
  margin:0px 0px 15px 0px;
}


section.base article:nth-of-type(1) form fieldset textarea {
  
  width:323px;
  height:125px;
}


section.base article:nth-of-type(1) form fieldset input#enviar {
  
  float:right;
  display:block;
  
  width:102px;
  height:33px;
  
  text-indent:-20000px;
  overflow:hidden;
  
  cursor:pointer;
  border:none;
  
  background-image:url('../../../imagens/contato/botao-enviar.png');
  background-repeat:no-repeat;
}



/**************************************************************************************************/
/** Contato - Mapa ********************************************************************************/
/**************************************************************************************************/

section.base article:nth-of-type(2) {
  
  float:left;
  
  width:408px;
  height:282px;
  
  margin:25px 0px 0px 62px;
  
  background-image:url('../../../imagens/contato/fundo-mapa.png');
  background-repeat:no-repeat;
}


section.base article:nth-of-type(2) p:nth-of-type(1) {
  
  display:block;
  
  width:386px;
  height:260px;
  
  margin:10px 0px 20px 10px;
  
  border-width:1px;
  border-style:solid;
  border-color:#7B7878;
  border-radius:7px 7px 7px 7px;
}


section.base article:nth-of-type(2) p:nth-of-type(1) a img {
  
  border-radius:7px 7px 7px 7px;
}