@charset "UTF-8";

/***** BANNER DA HOME CIALETRAS *****/
div.descn_banners_container {
  height: 193px;
  overflow: hidden;
  margin-top: -5px;
}
@media(max-width: 800px){
  div.descn_banners_container {height: auto;padding-bottom: 10px;}
}

div.descn_banners {
/*  height: 380px;*/
  font-size: 0px;
  overflow: hidden;
  white-space: nowrap;
  /*background-color: #ef7693;*/
  background-color: #005699;
}
@media(max-width: 800px){
  div.descn_banners {height: auto;}
}

div.descn_banners > div {
  position: absolute;
  margin-right: 200px;
  bottom: 20px;
  padding-left: 3%;
}
div.descn_banners div.linha3 {
    margin-top: 20px;
}






@media(max-width: 800px){
.descn_bannerhome {width: 100%;}
}


/***** SITE *****/

#descn_banner {
  background-image: url("/descontosnecessarios/images/back_top.png");
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  margin-top: -5px;
}

.descn_banner_imgs {
  margin: 0px auto;
}

@media(max-width: 800px){
.descn_banner_imgs {
  width: 100%;
}
}

.descn_banner_topo {
  margin: 0px auto;padding-top: 70px;
}

.descn_banner_texto {
  margin: 0px auto; color: #ffffff;line-height: 200%; text-align: right; width: 525px; padding-right: 75px;
}

@media(max-width: 800px){
  .descn_banner_texto {
    width: 90%;
    padding: 20px 5% 0px 5%;
  }
}


.descn_banner_botao {
  margin: 0px auto; padding: 20px 0px 30px 252px;
}

@media(max-width: 800px){
  .descn_banner_botao {
    width: 90%;
    padding: 20px 5%;
  }
}

.descn_banner_img2 {
  margin: 0px auto;
}

@media(max-width: 800px){
.descn_banner_img2 {
  float: right;
}
}


/*
.banner_texto {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}*/


/* modelo anterior
#banner1 {
  margin: 0;margin-top: -5px;
} */

#descn_geral {
  background-color: #FFF;
  /* width: 960px; */
  /* padding: 45px 0px; */
  margin: 0px auto;
  clear: both;
}

#descn_mapa {
  color: #000000;padding-top: 50px;
}

#descn_conteudo {
  margin-left: 30%;width: 40%;margin-right: 30%;/*margin-left: 30%;width: 60%;margin-right: 10%;*//*padding-bottom: 80px;*/color: #000000;/*padding-top: 50px;*/display: inline-block;
}
@media(max-width: 480px){
  #descn_conteudo {width: 90%;padding: 50px 5% 40px 5%;margin: 0px;display: inline-block;}
}
@media(min-width: 481px) and (max-width: 650px){
  #descn_conteudo {width: 90%;padding: 50px 5% 40px 5%;margin: 0px;display: inline-block;}
}
@media(min-width: 651px) and (max-width: 1024px){
  #descn_conteudo {width: 80%;padding: 40px 10% 10px 10%;margin: 0px;display: inline-block;}
}
@media(min-width: 1025px) and (max-width: 1150px){
  #descn_conteudo {width: 60%;padding: 50px 20% 10px 20%;margin: 0px;display: inline-block;}
}

#descn_info {
  margin-left: 30%;width: 40%;margin-right: 30%;padding-bottom: 20px;/*margin-bottom: 50px;*/font-size: 16px;font-weight: bold;/*padding-left: 30%;*/border-bottom:4px solid #000000;display: inline-block;padding-top: 50px;
}
@media(max-width: 650px){
  #descn_info {width: 90%;padding: 50px 5% 40px 5%;font-size: 14px;margin: 0;}
}
@media(min-width: 651px) and (max-width: 1024px){
  #descn_info {width: 80%;margin: 50px 10% 0px 10%;padding: 0px 0px 40px 0px;}
}
@media(min-width: 1025px) and (max-width: 1150px){
  #descn_info {width: 60%;margin: 50px 20% 0px 20%;padding: 0px 0px 40px 0px;}
}

#line {
  margin-left: 30%;width: 40%;margin-right: 30%;border-bottom: 1px solid #000;height: 2px;
}
@media(max-width: 650px){
  #line {width: 90%;padding: 0px 5%;margin: 0;font-size: 14px;}
}
@media(min-width: 651px) and (max-width: 1024px){
  #line {width: 80%;margin: 0px 10%;padding: 0;}
}
@media(min-width: 1025px) and (max-width: 1150px){
  #line {width: 60%;margin: 0px 20%;padding: 0;}
}

/*#descn_info span {
  background-color: #000000;color: #ffffff;
}*/

#descn_info p.titulo {
  font-size: 16px;
}

#descn_info p.texto {
  font-size: 14px;
}

/*
.descn_blocotopo {
  /*margin-left: 30%;width: 70%;/width: 100%;padding-bottom: 30px;border-bottom: 1px solid #000000;
}
@media(max-width: 480px){
    .descn_blocotopo {width: 90%;margin-left: 0;padding: 0px 5% 30px 5%;}
}
@media (min-width: 481px) and (max-width: 650px){
  .descn_blocotopo {width: 90%;margin-left: 0;padding: 50px 5% 30px 5%;}
}
@media (min-width: 651px) and (max-width: 1024px){
  .descn_blocotopo {width: 80%;margin-left: 0;padding: 0px 10% 30px 10%;}
}
@media(min-width: 1025px) and (max-width: 1150px){
  .descn_blocotopo {width: 60%;margin-left: 0;padding: 0px 20% 30px 20%;}
}
*/

.descn_secao {
  float: left;width: 50%;font-size: 16px;font-weight: bold;border-bottom: 1px solid #000000;height: 20px;clear:left;padding-top: 100px;padding-bottom: 20px;
}
@media(max-width: 480px){
  .descn_secao {
    font-size: 12px;
  }
}
@media(min-width: 1025px) and (max-width: 1150px){
  .descn_secao {
    width: 40%;
  }
}

.descn_categoria {
  float: right;width: 50%;text-align: right;font-size: 14px;font-weight: bold;border-bottom: 1px solid #000000;height: 20px;padding-top: 100px;padding-bottom: 20px;
}
@media(max-width: 486px){
  .descn_categoria {
    font-size: 12px;
  }
}
@media(min-width: 1025px) and (max-width: 1150px){
  .descn_categoria {
    width: 60%;
  }
}

#descn_separador {
  width: 100%;height: 20px;display: inline-block;
}

/*
#descontos_blocolivro {
  /*margin-left: 30%;/border-top: 1px solid #000000;
}
@media(max-width: 480px){
  #descontos_blocolivro {margin-left: 0; width: 90%; padding: 0px 5%;}
}
@media(min-width: 481px) and (max-width: 650px){
  #descontos_blocolivro {margin-left: 0; width: 90%; padding: 0px 5%;}
}
@media(min-width: 651px) and (max-width: 1024px){
  #descontos_blocolivro {margin-left: 0; width: 80%; padding: 0px 10%;}
}
@media(min-width: 1025px) and (max-width: 1150px){
  #descontos_blocolivro {margin-left: 0; width: 60%; padding: 0px 20%;}
}
*/

.descn_capa {
  float: left;/*width: 40%;*/padding-top: 33px;display: inline;/*height: 175px;*//*height: 160px;*/
}
/*
@media(max-width: 494px){
  .descn_capa {float: none;display: inline-block;width: 32%;}
}*/

.descn_capa img {
  padding-right: 15px;float: left;
}

.descn_capa p {
  font-weight: bold;line-height: 180%;color: #ff0000;
}

.descn_capaimg {
  height: 160px;
}

.botao {
/*  border: 1px solid #000000;*/
/*  font-size: 11px;*/
/*  padding: 5px 4px;*/
  display: inline-block;
/*  margin-top: 5px;*/
}

.botao a {
  text-decoration: none;
  color: #000000;
}

#descn_termos {
/*  border: 1px solid #000000;*/
/*  background-color: #000000;*/
/*  padding: 7px 6px;*/
  padding: 50px 6px 0px 6px;
/*  color: #ffffff;*/
  color: #000000;
  font-size: 14px;
  display: inline-block;
  margin-top: 20px;
  float: left;
  width: 100%;
  text-align: center;
}

#descn_vermais {
  padding: 7px 6px;
  background-color: #000000;
  color: #ffffff;
  font-size: 14px;
  display: inline-block;
  margin-top: 20px;
  float: right;
}


.descn_capainterna {
  float: left;/*width: 40%;*/padding-top: 40px;
}
@media(max-width: 494px){
  .descn_capainterna {float: none;display: inline-block;width: 100%;}
}

.descn_conteudolivro {
  float: right;width: 60%;padding-top: 40px;
}
@media(max-width: 494px){
  .descn_conteudolivro {float: none;display: inline-block;width: 100%;}
}
@media(min-width: 1025px) and (max-width: 1150px){
  .descn_conteudolivro {width: 53%;}
}

.descn_titulo {/* era font-size: 35px*/
  font-size: 32px;color: #000000;margin: 0px 0px 0px -3px;/*margin: 0px;*/
}
@media(max-width: 480px){
  .descn_titulo {text-align: center;}
}

.descn_resumo {
  padding: 20px 0px 0px 0px;/*padding: 20px 10px 40px 10px;*/ overflow: auto; line-height: 24px;color: #000000; width: 70%;
}
@media(max-width: 480px){
  .descn_resumo {text-align: center;width: 90%;padding: 20px 5% 50px 5%;}
}

#descn_arealinks {
  width: 100%;margin-top: 0px;/*margin-top: 40px;*/
}
@media(max-width: 480px){
  #descn_arealinks {
    width: 90%;margin: 40px 5% 0px 5%;
  }
}

.descn_preco {
  padding: 20px 0px 40px 0px;color: #000000;width: 70%;font-weight: bold;font-size: 14px;
}

.descn_preco p {margin: 0px;line-height: 180%;}


#descn_btn_arealinks {
  border: 1px solid #000000;padding: 5px 8px;/*padding: 5px 10px;*/width: 345px;/*width: 245px;*//*width: 201px;*/
}
@media(max-width: 480px){
  #descn_btn_arealinks {
    width: 90%;
  }
}

#descn_btn2_arealinks {
  border: 1px solid #000000;padding: 5px 10px;width: 245px;margin-top:20px;text-align: center;
}
@media(max-width: 480px){
  #descn_btn_arealinks {
    width: 90%;
  }
}

.descn_fraselink_wpp {
  font-size: 9px;height: 40px;padding-left: 5px;color: #000000;width: 70px;text-align: center;display: inline;
}

.descn_fraselink {
  font-size: 14px;vertical-align: middle;display: inline-block;text-decoration: none;color: #000000;
}
/*@media(max-width: 480px){
  .descn_fraselink {
    float: left;
  }
}*/

/*.descn_ttfb {
  display: inline-block;vertical-align: middle;
}
@media(max-width: 480px){
  .descn_ttfb {
    float: right;
  }
}*/

.descn_twitter {
  margin-left: 10px;display: inline-block;vertical-align: middle;
}

.descn_facebook, .descn_whatsapp {
  margin-left: 5px;display: inline-block;vertical-align: middle;
}

/* este é o botão que aparece na página detalhe com o link para comprar com desconto */

div.descn_cupom> a {
  height: 75px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-left: 1px solid #D9D9D9;
  padding: 0px 20px;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--primary);
  font-weight: bold;
  font-size: 16px;
  font-family: Solido;
}
div.descn_cupom > a:hover {
  background-color: var(--primary);
  color: #FFF;
}

#descn_expirou {
  width: 100%;
  padding: 40px 0px 0px 0px;
}

.descn_expirou {
  font-weight: bold;
  font-size: 24px;
  border: 2px solid var(--primary);
  width: 300px;
  padding: 5px 5px;
  text-align: center;
}


/*
div.descn_cupom {
  clear: both;
  margin: 20px 0px;
  padding: 10px 0px;
}

a.descn_cupom {
  text-decoration: none;
  font-family: Solido;
  font-size: 16px;
  font-weight: bold;
  color: var(--primary);
  padding: 10px 10px 10px 40px;
  border: solid 1px #D9D9D9;
  background-color: #FFF;
  background-image: url(/descontosnecessarios/images/cupom.png);
  background-repeat: no-repeat;
  background-position: 10px 13px;
  position: relative;
}
a.errata:hover {
  background-color: var(--primary);
  color: #FFF;
  background-position: -8px 13px;
}
*/
/* versao igual do leia um trecho
.descn_cupom {
	display: block;
  position: relative;
  border: none;
  height: 100%;
  border: solid 1px #D9D9D9;
  padding: 5px 5px 2px 5px;
  text-transform: uppercase;
  background-color: #FFF;
  color: var(--primary);
  font-weight: bold;
  text-align: center;
  font-family: Solido;
  font-size: 16px;
  float: left;
  margin-bottom: 10px;
}*/