/**************************************************************************************************/
/** Home - Geral **********************************************************************************/
/**************************************************************************************************/

body {
  
  background-image:url('../../../imagens/home/fundo-banner.jpg');
  background-position:center 188px;
  background-repeat:no-repeat;
}



/**************************************************************************************************/
/** Home - Banner *********************************************************************************/
/**************************************************************************************************/

div.base section:nth-of-type(1) {
  
  display:block;
  
  width:900px;
  height:325px;
  
  text-indent:-20000px;
  overflow:hidden;
  
  background-image:url('../../../imagens/home/banner.png');
  background-repeat:no-repeat;
}



/**************************************************************************************************/
/** Home - Produtos *******************************************************************************/
/**************************************************************************************************/

div.base section:nth-of-type(2) {
  
  float:left;
  display:block;
  
  width:402px;
  margin:10px 0px 20px 60px;
}


div.base section:nth-of-type(2) h1 {
  
  display:block;
  
  width:402px;
  height:132px;
  
  text-indent:-20000px;
  overflow:hidden;
  
  background-image:url('../../../imagens/home/titulo-produtos.png');
  background-repeat:no-repeat;
}


div.base section:nth-of-type(2) hr {
  
  width:402px;
  height:6px;
  
  margin:0px 0px 5px 0px;
  padding:0px 0px 5px 0px;

  background-image:url('../../../imagens/home/separador.png');
  background-repeat:no-repeat;
}


div.base section:nth-of-type(2) p {
  
  margin:0px 5px 0px 5px;
  text-align:justify;
}


div.base section:nth-of-type(2) img {
  
  margin:8px 0px 8px 0px;
}


div.base section:nth-of-type(2) a {
  
  display:block;
  
  width:290px;
  height:45px;
  
  margin:0px auto 0px auto;
  
  text-indent:-20000px;
  overflow:hidden;
  
  background-image:url('../../../imagens/home/botao-conheca-mais.png');
  background-repeat:no-repeat;
}



/**************************************************************************************************/
/** Home - Ola Como Vai? **************************************************************************/
/**************************************************************************************************/

div.base section:nth-of-type(3) {
  
  float:left;
  display:block;
  
  width:323px;
  height:349px;
  
  margin:10px 0px 0px 40px;
  
  background-image:url('../../../imagens/home/ola-como-vai.png');
  background-repeat:no-repeat;
}


div.base section:nth-of-type(3) h1 {
  
  display:none;
}


div.base section:nth-of-type(3) p {
  
  display:block;
  height:140px;
  
  margin:170px 30px 0px 30px;
  
  font-size:14px;
  text-align:justify;
  line-height:21px;
  color:#FFFFFF;
}


div.base section:nth-of-type(3) a {
  
  display:block;
  
  width:130px;
  height:20px;
  
  margin:20px auto 0px auto;
  
  text-indent:-20000px;
  overflow:hidden;
}