@charset "UTF-8";
/*********************** TAMANHOS DE CORTE ***********************/
/*********************** FIM TAMANHOS DE CORTE ***********************/
/*********************** CORES ***********************/
/*********************** FIM CORES ***********************/
@import url("fonts.css");
.icon, div#siteGlobal #conteudo #vale-responsivo a.link-mais::before, div#siteGlobal #conteudo #vale-responsivo a.botao.download::before, div#siteGlobal #conteudo #vale-responsivo button.botao.download::before, div#siteGlobal #conteudo #vale-responsivo span.botao.download::before, div#siteGlobal #conteudo #vale-responsivo a.botao.saibamais::after, div#siteGlobal #conteudo #vale-responsivo button.botao.saibamais::after, div#siteGlobal #conteudo #vale-responsivo span.botao.saibamais::after, div#siteGlobal #conteudo #vale-responsivo a.botao.seta::after, div#siteGlobal #conteudo #vale-responsivo button.botao.seta::after, div#siteGlobal #conteudo #vale-responsivo span.botao.seta::after {
  font-size: 20px;
  font-family: "vale";
  position: absolute;
  top: 25%;
  left: 0.7em; }
  .icon.small, div#siteGlobal #conteudo #vale-responsivo a.small.link-mais::before, div#siteGlobal #conteudo #vale-responsivo a.small.botao.download::before, div#siteGlobal #conteudo #vale-responsivo button.small.botao.download::before, div#siteGlobal #conteudo #vale-responsivo span.small.botao.download::before, div#siteGlobal #conteudo #vale-responsivo a.small.botao.saibamais::after, div#siteGlobal #conteudo #vale-responsivo button.small.botao.saibamais::after, div#siteGlobal #conteudo #vale-responsivo span.small.botao.saibamais::after, div#siteGlobal #conteudo #vale-responsivo a.small.botao.seta::after, div#siteGlobal #conteudo #vale-responsivo button.small.botao.seta::after, div#siteGlobal #conteudo #vale-responsivo span.small.botao.seta::after {
    font-size: 17px; }
  .icon.big, div#siteGlobal #conteudo #vale-responsivo a.big.link-mais::before, div#siteGlobal #conteudo #vale-responsivo a.big.botao.download::before, div#siteGlobal #conteudo #vale-responsivo button.big.botao.download::before, div#siteGlobal #conteudo #vale-responsivo span.big.botao.download::before, div#siteGlobal #conteudo #vale-responsivo a.big.botao.saibamais::after, div#siteGlobal #conteudo #vale-responsivo button.big.botao.saibamais::after, div#siteGlobal #conteudo #vale-responsivo span.big.botao.saibamais::after, div#siteGlobal #conteudo #vale-responsivo a.big.botao.seta::after, div#siteGlobal #conteudo #vale-responsivo button.big.botao.seta::after, div#siteGlobal #conteudo #vale-responsivo span.big.botao.seta::after {
    font-size: 18px; }

/*********************** GERAL ***********************/
div#siteGlobal #conteudo #vale-responsivo {
  box-sizing: border-box; }
  div#siteGlobal #conteudo #vale-responsivo p {
    color: #57595B;
    font-family: Arial,Verdana,sans-serif !important;
    font-size: 12px;
    line-height: 18px;
    margin: 1em 0; }
    @media screen and (max-width: 515px) {
      div#siteGlobal #conteudo #vale-responsivo p {
        font-size: 14px !important; } }
  div#siteGlobal #conteudo #vale-responsivo h1, div#siteGlobal #conteudo #vale-responsivo h2, div#siteGlobal #conteudo #vale-responsivo h3, div#siteGlobal #conteudo #vale-responsivo h4, div#siteGlobal #conteudo #vale-responsivo h5 {
    margin-bottom: 20px;
    font-family: 'CaeciliaLTStd-Light';
    color: #57595B; }
  div#siteGlobal #conteudo #vale-responsivo h1 {
    font-size: 24px; }
  div#siteGlobal #conteudo #vale-responsivo h2 {
    font-size: 22px; }
  div#siteGlobal #conteudo #vale-responsivo h3 {
    font-size: 23px; }
  div#siteGlobal #conteudo #vale-responsivo h4 {
    font-size: 18px; }
  div#siteGlobal #conteudo #vale-responsivo h5 {
    font-size: 16px; }
  div#siteGlobal #conteudo #vale-responsivo .left {
    float: left; }
  div#siteGlobal #conteudo #vale-responsivo .right {
    float: right !important; }
  div#siteGlobal #conteudo #vale-responsivo .clear {
    clear: both; }
    div#siteGlobal #conteudo #vale-responsivo .clear-r {
      clear: right; }
    div#siteGlobal #conteudo #vale-responsivo .clear-l {
      clear: left; }

/*********************** FIM GERAL ***********************/
/*********************** IMAGEM ***********************/
div#siteGlobal #conteudo #vale-responsivo img.full {
  width: 100%;
  margin: 0 0 1.5em 0; }
div#siteGlobal #conteudo #vale-responsivo img.lateral {
  width: 40%; }
  @media screen and (max-width: 515px) {
    div#siteGlobal #conteudo #vale-responsivo img.lateral {
      width: 100%;
      margin: 0 0 1.5em 0;
      float: none; } }
  div#siteGlobal #conteudo #vale-responsivo img.lateral.left {
    margin-right: 1.5em; }
  div#siteGlobal #conteudo #vale-responsivo img.lateral.right {
    margin-left: 1.5em; }

/*********************** FIM IMAGEM ***********************/
/*********************** BOXES ***********************/
div#siteGlobal #conteudo #vale-responsivo .box {
  box-sizing: border-box;
  padding: 2.7em 7em;
  position: relative;
  margin: 15px 0;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
  clear: both; }
  div#siteGlobal #conteudo #vale-responsivo .box::before {
    font-family: "vale";
    color: white;
    font-size: 4em;
    position: absolute;
    top: 0.7em;
    left: 0.4em; }
  @media screen and (max-width: 515px) {
    div#siteGlobal #conteudo #vale-responsivo .box {
      margin: 1em 0;
      padding: 2em; }
      div#siteGlobal #conteudo #vale-responsivo .box::before {
        font-size: 10em;
        top: 0.1em;
        right: 0.2em;
        left: auto;
        opacity: 0.1; } }
  div#siteGlobal #conteudo #vale-responsivo .box h1, div#siteGlobal #conteudo #vale-responsivo .box h2, div#siteGlobal #conteudo #vale-responsivo .box h3, div#siteGlobal #conteudo #vale-responsivo .box p, div#siteGlobal #conteudo #vale-responsivo .box span, div#siteGlobal #conteudo #vale-responsivo .box li, div#siteGlobal #conteudo #vale-responsivo .box a {
    color: white; }
  div#siteGlobal #conteudo #vale-responsivo .box h3 {
    margin-top: 0;
    margin-bottom: 13px;
    font-size: 23px; }
  div#siteGlobal #conteudo #vale-responsivo .box a {
    text-decoration: underline; }
  div#siteGlobal #conteudo #vale-responsivo .box p:first-of-type {
    margin-top: 0; }
  div#siteGlobal #conteudo #vale-responsivo .box.atencao::before {
    content: "\e90f"; }
  div#siteGlobal #conteudo #vale-responsivo .box.fale::before {
    content: "\e912"; }
  div#siteGlobal #conteudo #vale-responsivo .box.contato::before {
    content: "\e911"; }
  div#siteGlobal #conteudo #vale-responsivo .box.bandeira::before {
    content: "\e916"; }
  div#siteGlobal #conteudo #vale-responsivo .box.estrela::before {
    content: "\e918"; }
  div#siteGlobal #conteudo #vale-responsivo .box.coracao::before {
    content: "\e915"; }
  div#siteGlobal #conteudo #vale-responsivo .box.coracao-borda::before {
    content: "\e919"; }
  div#siteGlobal #conteudo #vale-responsivo .box.play::before {
    content: "\e917"; }
  div#siteGlobal #conteudo #vale-responsivo .box.verde {
    background-color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo .box.azul {
    background-color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo .box.azulClaro {
    background-color: #00b4cc; }
  div#siteGlobal #conteudo #vale-responsivo .box.laranja {
    background-color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo .box.vermelho {
    background-color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo .box.amarelo {
    background-color: #ebb11f; }
  div#siteGlobal #conteudo #vale-responsivo .box .link {
    color: white;
    text-decoration: underline; }

/*********************** FIM BOXES ***********************/
/*********************** TEXTOS BOXES ***********************/
div#siteGlobal #conteudo #vale-responsivo .texto-box {
  color: white;
  padding: 10px;
  background-color: gray;
  display: inline-block; }
  div#siteGlobal #conteudo #vale-responsivo .texto-box.bgBranco {
    color: #57595B !important;
    background-color: white;
    border: 1px solid #57595B; }

/*********************** FIM TEXTOS BOXES ***********************/
/*********************** MODAL ***********************/
div#siteGlobal .modalVale {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  z-index: 8000;
  display: none; }
  div#siteGlobal .modalVale .fundoVale {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    background-color: black;
    opacity: 0.6; }
  div#siteGlobal .modalVale .conteudoModal {
    background-color: white;
    /* padding: calc(50 / 1300 * 100vh); */
    min-width: 60%;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
    border: 1px solid lightgrey;
    z-index: 8001;
    position: fixed;
    top: 100px;
    left: 21%;
    /* overflow-y: auto;
    overflow-x: hidden; */
    /*max-height: 500px;
    max-width: 50px;*/
    overflow: hidden; }
    @media screen and (max-width: 515px) {
      div#siteGlobal .modalVale .conteudoModal {
        max-height: none;
        max-width: none;
        width: 100vw;
        height: 85vh; } }
    div#siteGlobal .modalVale .conteudoModal .fecharModalVale {
      position: absolute;
      top: 15px;
      right: 25px;
      left: auto;
      bottom: auto;
      width: 30px;
      height: 30px;
      box-sizing: border-box;
      text-align: center; }
      div#siteGlobal .modalVale .conteudoModal .fecharModalVale i.icon-fechar {
        font-size: 25px;
        width: 100%;
        height: inherit;
        background-image: none;
        padding-top: 2px; }
        div#siteGlobal .modalVale .conteudoModal .fecharModalVale i.icon-fechar:hover {
          color: black; }

div#siteGlobal #vale-responsivo .modal {
  /* max-height: 500px; */
  display: none; }
  div#siteGlobal #vale-responsivo .modal .cabecalho {
    border-bottom: 1px solid lightgrey;
    margin: 20px 40px 20px 20px; }
    div#siteGlobal #vale-responsivo .modal .cabecalho h1 {
      margin-top: 0;
      margin-bottom: 10px !important; }
  div#siteGlobal #vale-responsivo .modal .corpo {
    margin: 20px 0 20px 20px;
    overflow-y: auto;
    max-height: 55vh;
    padding-right: 20px;
    overflow-x: hidden; }
    @media screen and (max-width: 515px) {
      div#siteGlobal #vale-responsivo .modal .corpo {
        max-height: none;
        height: 85vh; } }

/*********************** FIM MODAL ***********************/
/*********************** CAIXAS COM SOMBRA ***********************/
div#siteGlobal #conteudo #vale-responsivo .sombra {
  box-shadow: 10px 10px 0; }
div#siteGlobal #conteudo #vale-responsivo.verde {
  color: #007f7b; }
div#siteGlobal #conteudo #vale-responsivo.azul {
  color: #306ec5; }
div#siteGlobal #conteudo #vale-responsivo.azulClaro {
  color: #00b4cc; }
div#siteGlobal #conteudo #vale-responsivo.laranja {
  color: #f58025; }
div#siteGlobal #conteudo #vale-responsivo.vermelho {
  color: #bb133e; }
div#siteGlobal #conteudo #vale-responsivo.amarelo {
  color: #ebb11f; }
div#siteGlobal #conteudo #vale-responsivo.pequena {
  box-shadow: 10px 10px 0; }
div#siteGlobal #conteudo #vale-responsivo.media {
  box-shadow: 15px 15px 0; }
div#siteGlobal #conteudo #vale-responsivo.grande {
  box-shadow: 20px 20px 0; }

/*********************** FIM CAIXAS COM SOMBRA ***********************/
/*********************** LINKS E BOTÕES ***********************/
div#siteGlobal #conteudo #vale-responsivo a.link {
  position: relative;
  color: #007f7b;
  text-decoration: none; }
  div#siteGlobal #conteudo #vale-responsivo a.link:hover {
    text-decoration: underline; }
div#siteGlobal #conteudo #vale-responsivo a.link-mais {
  padding-left: 2em;
  font-size: 14px;
  position: relative;
  font-family: "CaeciliaLTStd-Roman"; }
  div#siteGlobal #conteudo #vale-responsivo a.link-mais::before {
    content: "\e90d";
    top: auto;
    left: 0;
    position: absolute; }
  div#siteGlobal #conteudo #vale-responsivo a.link-mais:hover {
    text-decoration: underline; }
    div#siteGlobal #conteudo #vale-responsivo a.link-mais:hover::before {
      content: "\e90c"; }
  div#siteGlobal #conteudo #vale-responsivo a.link-mais.verde {
    color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo a.link-mais.azul {
    color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo a.link-mais.azulClaro {
    color: #00b4cc; }
  div#siteGlobal #conteudo #vale-responsivo a.link-mais.laranja {
    color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo a.link-mais.vermelho {
    color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo a.link-mais.amarelo {
    color: #ebb11f; }
div#siteGlobal #conteudo #vale-responsivo a.botao, div#siteGlobal #conteudo #vale-responsivo button.botao, div#siteGlobal #conteudo #vale-responsivo span.botao {
  color: white !important;
  text-decoration: none;
  position: relative;
  margin: 1% 1% 1% 0;
  box-sizing: border-box;
  display: inline-block;
  transition: all 0.2s; }
  @media screen and (max-width: 515px) {
    div#siteGlobal #conteudo #vale-responsivo a.botao, div#siteGlobal #conteudo #vale-responsivo button.botao, div#siteGlobal #conteudo #vale-responsivo span.botao {
      width: 100%;
      display: flex;
      padding-left: 12%; } }
  div#siteGlobal #conteudo #vale-responsivo a.botao:hover, div#siteGlobal #conteudo #vale-responsivo button.botao:hover, div#siteGlobal #conteudo #vale-responsivo span.botao:hover {
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); }
  div#siteGlobal #conteudo #vale-responsivo a.botao.download, div#siteGlobal #conteudo #vale-responsivo button.botao.download, div#siteGlobal #conteudo #vale-responsivo span.botao.download {
    padding: 1em 2em 1em 4em !important; }
    div#siteGlobal #conteudo #vale-responsivo a.botao.download::before, div#siteGlobal #conteudo #vale-responsivo button.botao.download::before, div#siteGlobal #conteudo #vale-responsivo span.botao.download::before {
      content: "\e907"; }
  div#siteGlobal #conteudo #vale-responsivo a.botao.saibamais, div#siteGlobal #conteudo #vale-responsivo button.botao.saibamais, div#siteGlobal #conteudo #vale-responsivo span.botao.saibamais {
    padding: 1em 4em 1em 2em !important; }
    div#siteGlobal #conteudo #vale-responsivo a.botao.saibamais::after, div#siteGlobal #conteudo #vale-responsivo button.botao.saibamais::after, div#siteGlobal #conteudo #vale-responsivo span.botao.saibamais::after {
      content: "\e90d";
      right: 15px;
      left: auto;
      top: calc(50% - 9px); }
    div#siteGlobal #conteudo #vale-responsivo a.botao.saibamais:hover::after, div#siteGlobal #conteudo #vale-responsivo button.botao.saibamais:hover::after, div#siteGlobal #conteudo #vale-responsivo span.botao.saibamais:hover::after {
      content: "\e90c"; }
  div#siteGlobal #conteudo #vale-responsivo a.botao.seta, div#siteGlobal #conteudo #vale-responsivo button.botao.seta, div#siteGlobal #conteudo #vale-responsivo span.botao.seta {
    padding: 1em 5em 1em 2em !important; }
    div#siteGlobal #conteudo #vale-responsivo a.botao.seta::before, div#siteGlobal #conteudo #vale-responsivo button.botao.seta::before, div#siteGlobal #conteudo #vale-responsivo span.botao.seta::before {
      content: "";
      position: absolute;
      width: 3.5em;
      top: 0;
      right: 0;
      bottom: 0;
      left: auto;
      background-color: black;
      opacity: 0.2; }
    div#siteGlobal #conteudo #vale-responsivo a.botao.seta::after, div#siteGlobal #conteudo #vale-responsivo button.botao.seta::after, div#siteGlobal #conteudo #vale-responsivo span.botao.seta::after {
      content: "\e901";
      color: white;
      right: 0.5em;
      top: calc(50% - 9px);
      left: auto; }
      
    /*Inclusão sem scss botão sera para a esquerda*/
    div#siteGlobal #conteudo #vale-responsivo a.botao.seta.esquerda, div#siteGlobal #conteudo #vale-responsivo button.botao.seta.esquerda, div#siteGlobal #conteudo #vale-responsivo span.botao.seta.esquerda {
    	padding: 1em 2em 1em 5em !important; 
	}
    div#siteGlobal #conteudo #vale-responsivo a.botao.seta.esquerda::before, div#siteGlobal #conteudo #vale-responsivo button.botao.seta.esquerda::before, div#siteGlobal #conteudo #vale-responsivo span.botao.seta.esquerda::before {
        content: "";
        position: absolute;
        width: 3.5em;
        top: 0;
        left: 0;
        bottom: 0;
        right: auto;
        background-color: black;
        opacity: 0.2;
    }
    div#siteGlobal #conteudo #vale-responsivo a.botao.seta.esquerda::after, div#siteGlobal #conteudo #vale-responsivo button.botao.seta.esquerda::after, div#siteGlobal #conteudo #vale-responsivo span.botao.seta.esquerda::after {
        content: "\e902";
        color: white;
        left: 0.5em;
        top: calc(50% - 9px);
        right: auto;
    }
    /*FIM - Inclusão sem scss botão sera para a esquerda*/
      
  div#siteGlobal #conteudo #vale-responsivo a.botao.bol, div#siteGlobal #conteudo #vale-responsivo button.botao.bol, div#siteGlobal #conteudo #vale-responsivo span.botao.bol {
    border-radius: 3px; }
    div#siteGlobal #conteudo #vale-responsivo a.botao.bol:hover, div#siteGlobal #conteudo #vale-responsivo button.botao.bol:hover, div#siteGlobal #conteudo #vale-responsivo span.botao.bol:hover {
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); }
  div#siteGlobal #conteudo #vale-responsivo a.botao.verde, div#siteGlobal #conteudo #vale-responsivo button.botao.verde, div#siteGlobal #conteudo #vale-responsivo span.botao.verde {
    background-color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo a.botao.azul, div#siteGlobal #conteudo #vale-responsivo button.botao.azul, div#siteGlobal #conteudo #vale-responsivo span.botao.azul {
    background-color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo a.botao.azulClaro, div#siteGlobal #conteudo #vale-responsivo button.botao.azulClaro, div#siteGlobal #conteudo #vale-responsivo span.botao.azulClaro {
    background-color: #00b4cc; }
  div#siteGlobal #conteudo #vale-responsivo a.botao.laranja, div#siteGlobal #conteudo #vale-responsivo button.botao.laranja, div#siteGlobal #conteudo #vale-responsivo span.botao.laranja {
    background-color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo a.botao.vermelho, div#siteGlobal #conteudo #vale-responsivo button.botao.vermelho, div#siteGlobal #conteudo #vale-responsivo span.botao.vermelho {
    background-color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo a.botao.amarelo, div#siteGlobal #conteudo #vale-responsivo button.botao.amarelo, div#siteGlobal #conteudo #vale-responsivo span.botao.amarelo {
    background-color: #ebb11f; }
  div#siteGlobal #conteudo #vale-responsivo a.botao.branco, div#siteGlobal #conteudo #vale-responsivo button.botao.branco, div#siteGlobal #conteudo #vale-responsivo span.botao.branco {
    color: gray !important;
    background-color: white; }

/*********************** FIM LINKS E BOTÕES ***********************/
/*********************** CARDS ***********************/
div#siteGlobal #conteudo #vale-responsivo .cardfoto {
  margin-bottom: 15px;
  box-sizing: border-box;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); }
  div#siteGlobal #conteudo #vale-responsivo .cardfoto img {
    width: 100%; }
  div#siteGlobal #conteudo #vale-responsivo .cardfoto .texto {
    box-sizing: border-box;
    padding: 15px;
    width: 100%;
    color: white; }
  div#siteGlobal #conteudo #vale-responsivo .cardfoto.verde .texto {
    background-color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo .cardfoto.azul .texto {
    background-color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo .cardfoto.azulClaro .texto {
    background-color: #00b4cc; }
  div#siteGlobal #conteudo #vale-responsivo .cardfoto.laranja .texto {
    background-color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo .cardfoto.vermelho .texto {
    background-color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo .cardfoto.amarelo .texto {
    background-color: #ebb11f; }

/*********************** FIM CARDS ***********************/
/*********************** LISTAS ***********************/
div#siteGlobal #conteudo #vale-responsivo .lista, div#siteGlobal #conteudo #vale-responsivo .lista-redonda {
  line-height: 20px;
  margin: 10px 0 0 18px;
  float: none !important; }
  div#siteGlobal #conteudo #vale-responsivo .lista li, div#siteGlobal #conteudo #vale-responsivo .lista-redonda li {
    padding: 5px 0;
    padding-left: 20px;
    position: relative;
    float: none;
    font-size: 13px;
    font-family: Arial,Verdana,sans-serif !important; }
    div#siteGlobal #conteudo #vale-responsivo .lista li::before, div#siteGlobal #conteudo #vale-responsivo .lista-redonda li::before {
      content: "\e90e";
      font-family: "vale";
      position: absolute;
      top: 5px;
      left: 0; }
  div#siteGlobal #conteudo #vale-responsivo .lista.verde .link, div#siteGlobal #conteudo #vale-responsivo .verde.lista-redonda .link, div#siteGlobal #conteudo #vale-responsivo .lista.verde > li::before, div#siteGlobal #conteudo #vale-responsivo .verde.lista-redonda > li::before {
    color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo .lista.azul .link, div#siteGlobal #conteudo #vale-responsivo .azul.lista-redonda .link, div#siteGlobal #conteudo #vale-responsivo .lista.azul > li::before, div#siteGlobal #conteudo #vale-responsivo .azul.lista-redonda > li::before {
    color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo .lista.azulClaro .link, div#siteGlobal #conteudo #vale-responsivo .azulClaro.lista-redonda .link, div#siteGlobal #conteudo #vale-responsivo .lista.azulClaro > li::before, div#siteGlobal #conteudo #vale-responsivo .azulClaro.lista-redonda > li::before {
    color: #00b4cc; }
  div#siteGlobal #conteudo #vale-responsivo .lista.laranja .link, div#siteGlobal #conteudo #vale-responsivo .laranja.lista-redonda .link, div#siteGlobal #conteudo #vale-responsivo .lista.laranja > li::before, div#siteGlobal #conteudo #vale-responsivo .laranja.lista-redonda > li::before {
    color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo .lista.vermelho .link, div#siteGlobal #conteudo #vale-responsivo .vermelho.lista-redonda .link, div#siteGlobal #conteudo #vale-responsivo .lista.vermelho > li::before, div#siteGlobal #conteudo #vale-responsivo .vermelho.lista-redonda > li::before {
    color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo .lista.amarelo .link, div#siteGlobal #conteudo #vale-responsivo .amarelo.lista-redonda .link, div#siteGlobal #conteudo #vale-responsivo .lista.amarelo > li::before, div#siteGlobal #conteudo #vale-responsivo .amarelo.lista-redonda > li::before {
    color: #ebb11f; }
div#siteGlobal #conteudo #vale-responsivo .lista-redonda :before {
  content: "/001"; }

/*********************** FIM LISTAS ***********************/
/*********************** TABELAS ***********************/
div#siteGlobal #conteudo #vale-responsivo .tabela {
  width: 100%;
  margin: 15px 0; }
  div#siteGlobal #conteudo #vale-responsivo .tabela thead th {
    color: white; }
  div#siteGlobal #conteudo #vale-responsivo .tabela tbody tr {
    background-color: white; }
  div#siteGlobal #conteudo #vale-responsivo .tabela tbody td {
    font: 14px Arial; }
  div#siteGlobal #conteudo #vale-responsivo .tabela th {
    font-size: 16px;
    font-family: 'CaeciliaLTStd-Light'; }
  div#siteGlobal #conteudo #vale-responsivo .tabela th, div#siteGlobal #conteudo #vale-responsivo .tabela td {
    text-align: left;
    font-weight: normal;
    padding: 15px;
    border: 1px solid lightgray; }
  div#siteGlobal #conteudo #vale-responsivo .tabela.verde thead th {
    background-color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo .tabela.verde tbody tr:nth-child(odd) {
    background-color: rgba(0, 127, 123, 0.05); }
  div#siteGlobal #conteudo #vale-responsivo .tabela.verde tbody tr:hover {
    background-color: rgba(0, 127, 123, 0.2);
    font-weight: bold; }
  div#siteGlobal #conteudo #vale-responsivo .tabela.azul thead th {
    background-color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo .tabela.azul tbody tr:nth-child(odd) {
    background-color: rgba(48, 110, 197, 0.05); }
  div#siteGlobal #conteudo #vale-responsivo .tabela.azul tbody tr:hover {
    background-color: rgba(48, 110, 197, 0.2);
    font-weight: bold; }
  div#siteGlobal #conteudo #vale-responsivo .tabela.azulClaro thead th {
    background-color: #00b4cc; }
  div#siteGlobal #conteudo #vale-responsivo .tabela.azulClaro tbody tr:nth-child(odd) {
    background-color: rgba(48, 110, 197, 0.05); }
  div#siteGlobal #conteudo #vale-responsivo .tabela.azulClaro tbody tr:hover {
    background-color: rgba(48, 110, 197, 0.2);
    font-weight: bold; }
  div#siteGlobal #conteudo #vale-responsivo .tabela.laranja thead th {
    background-color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo .tabela.laranja tbody tr:nth-child(odd) {
    background-color: rgba(245, 128, 37, 0.05); }
  div#siteGlobal #conteudo #vale-responsivo .tabela.laranja tbody tr:hover {
    background-color: rgba(245, 128, 37, 0.2);
    font-weight: bold; }
  div#siteGlobal #conteudo #vale-responsivo .tabela.vermelho thead th {
    background-color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo .tabela.vermelho tbody tr:nth-child(odd) {
    background-color: rgba(187, 19, 62, 0.05); }
  div#siteGlobal #conteudo #vale-responsivo .tabela.vermelho tbody tr:hover {
    background-color: rgba(187, 19, 62, 0.2);
    font-weight: bold; }
  div#siteGlobal #conteudo #vale-responsivo .tabela.amarelo thead th {
    background-color: #ebb11f; }
  div#siteGlobal #conteudo #vale-responsivo .tabela.amarelo tbody tr:nth-child(odd) {
    background-color: rgba(235, 177, 31, 0.05); }
  div#siteGlobal #conteudo #vale-responsivo .tabela.amarelo tbody tr:hover {
    background-color: rgba(235, 177, 31, 0.2);
    font-weight: bold; }

/*********************** FIM TABELAS ***********************/
/*********************** EXPANSIVEIS ***********************/
div#siteGlobal #conteudo #vale-responsivo .expansivel dt {
  font-size: 20px;
  font-family: "CaeciliaLTStd-Light";
  cursor: pointer;
  border: solid 1px white;
  margin-top: -1px;
  padding: 15px 50px 15px 15px;
  position: relative;
  transition: 0.5s all; }
  div#siteGlobal #conteudo #vale-responsivo .expansivel dt::before {
    content: "\e909";
    font-family: "vale";
    position: absolute;
    right: 0.2em;
    /*top: 0.3em;*/
    /*font-size: 1.6em;*/
    font-size: 35px;
    top: calc(50% - 16px); }
  @media screen and (max-width: 515px) {
    div#siteGlobal #conteudo #vale-responsivo .expansivel dt {
      padding: 15px 40px 15px 15px; }
      div#siteGlobal #conteudo #vale-responsivo .expansivel dt::before {
        font-size: 1.4em;
        margin-top: 0; } }
  div#siteGlobal #conteudo #vale-responsivo .expansivel dt.active::before {
    content: "\e908"; }
div#siteGlobal #conteudo #vale-responsivo .expansivel dd {
  margin: 0;
  padding: 15px;
  border: 1px solid lightgray;
  display: none; }
  div#siteGlobal #conteudo #vale-responsivo .expansivel dd p:first-of-type {
    margin-top: 0; }
  @media screen and (max-width: 515px) {
    div#siteGlobal #conteudo #vale-responsivo .expansivel dd {
      padding: 3%; } }
div#siteGlobal #conteudo #vale-responsivo .expansivel.verde dt {
  border: solid 1px lightgray;
  color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo .expansivel.verde dt.active {
    background-color: rgba(0, 127, 123, 0.05);
    border: solid 1px #007f7b; }
    div#siteGlobal #conteudo #vale-responsivo .expansivel.verde dt.active::before {
      color: #007f7b; }
div#siteGlobal #conteudo #vale-responsivo .expansivel.azul dt {
  border: solid 1px lightgray;
  color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo .expansivel.azul dt.active {
    background-color: rgba(48, 110, 197, 0.05);
    border: solid 1px #306ec5; }
    div#siteGlobal #conteudo #vale-responsivo .expansivel.azul dt.active::before {
      color: #306ec5; }
div#siteGlobal #conteudo #vale-responsivo .expansivel.laranja dt {
  border: solid 1px lightgray;
  color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo .expansivel.laranja dt.active {
    background-color: rgba(245, 128, 37, 0.05);
    border: solid 1px #f58025; }
    div#siteGlobal #conteudo #vale-responsivo .expansivel.laranja dt.active::before {
      color: #f58025; }
div#siteGlobal #conteudo #vale-responsivo .expansivel.amarelo dt {
  border: solid 1px lightgray;
  color: #ebb11f; }
  div#siteGlobal #conteudo #vale-responsivo .expansivel.amarelo dt.active {
    background-color: rgba(235, 177, 31, 0.05);
    border: solid 1px #ebb11f; }
    div#siteGlobal #conteudo #vale-responsivo .expansivel.amarelo dt.active::before {
      color: #ebb11f; }
div#siteGlobal #conteudo #vale-responsivo .expansivel.vermelho dt {
  border: solid 1px lightgray;
  color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo .expansivel.vermelho dt.active {
    background-color: rgba(187, 19, 62, 0.05);
    border: solid 1px #bb133e; }
    div#siteGlobal #conteudo #vale-responsivo .expansivel.vermelho dt.active::before {
      color: #bb133e; }

/*********************** FIM EXPANSIVEIS ***********************/
/*********************** DEPOIMENTOS ***********************/
div#siteGlobal #conteudo #vale-responsivo blockquote {
  width: 100%;
  padding: 2.7em 7em;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
  border-left: 1em solid;
  border-right: 0.3em solid;
  position: relative;
  box-sizing: border-box;
  margin: 15px 0; }
  @media screen and (max-width: 515px) {
    div#siteGlobal #conteudo #vale-responsivo blockquote {
      padding: 8%;
      border-left: 0.3em solid; }
      div#siteGlobal #conteudo #vale-responsivo blockquote::before {
        font-size: 10em;
        top: 0.2em;
        opacity: 0.1; } }
  div#siteGlobal #conteudo #vale-responsivo blockquote::before {
    font-family: "vale";
    content: "\e914";
    font-size: 4em;
    position: absolute;
    top: 0.7em;
    left: 0.4em; }
  div#siteGlobal #conteudo #vale-responsivo blockquote p {
    font-size: 18px;
    font-family: 'CaeciliaLTStd-Light' !important; }
    div#siteGlobal #conteudo #vale-responsivo blockquote p::after {
      font-family: "vale";
      content: "\e913";
      padding-left: 10px; }
  div#siteGlobal #conteudo #vale-responsivo blockquote span {
    font-family: 'CaeciliaLTStd-Light';
    font-size: 14px; }
    div#siteGlobal #conteudo #vale-responsivo blockquote span::before {
      content: "_ "; }
  div#siteGlobal #conteudo #vale-responsivo blockquote.verde {
    border-color: #007f7b; }
    div#siteGlobal #conteudo #vale-responsivo blockquote.verde::before, div#siteGlobal #conteudo #vale-responsivo blockquote.verde p {
      color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo blockquote.vermelho {
    border-color: #bb133e; }
    div#siteGlobal #conteudo #vale-responsivo blockquote.vermelho::before, div#siteGlobal #conteudo #vale-responsivo blockquote.vermelho p {
      color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo blockquote.azul {
    border-color: #306ec5; }
    div#siteGlobal #conteudo #vale-responsivo blockquote.azul::before, div#siteGlobal #conteudo #vale-responsivo blockquote.azul p {
      color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo blockquote.laranja {
    border-color: #f58025; }
    div#siteGlobal #conteudo #vale-responsivo blockquote.laranja::before, div#siteGlobal #conteudo #vale-responsivo blockquote.laranja p {
      color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo blockquote.amarelo {
    border-color: #ebb11f; }
    div#siteGlobal #conteudo #vale-responsivo blockquote.amarelo::before, div#siteGlobal #conteudo #vale-responsivo blockquote.amarelo p {
      color: #ebb11f; }

/*********************** FIM DEPOIMENTOS ***********************/
/*********************** NÚMEROS DESTAQUE ***********************/
div#siteGlobal #conteudo #vale-responsivo .listaNumerada {
  width: 100%;
  float: none; }
  div#siteGlobal #conteudo #vale-responsivo .listaNumerada li {
    float: none !important;
    padding-left: 4em;
    position: relative;
    line-height: 2em;
    margin-bottom: 1em;
    padding-top: 1.2em;
    font-family: Arial,Verdana,sans-serif !important; }
    div#siteGlobal #conteudo #vale-responsivo .listaNumerada li::before {
      content: attr(data-numero);
      display: table-cell;
      padding: 1px 10px;
      color: white;
      position: absolute;
      line-height: 25px;
      left: 0.5em;
      top: 1.2em;
      z-index: 10;
      border-radius: 50%;
      box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); }
    div#siteGlobal #conteudo #vale-responsivo .listaNumerada li::after {
      content: "";
      border-left: 1px dotted lightgray;
      position: absolute;
      height: 100%;
      top: 3em;
      left: 1.7em; }
    div#siteGlobal #conteudo #vale-responsivo .listaNumerada li:last-of-type::after {
      content: none; }
  div#siteGlobal #conteudo #vale-responsivo .listaNumerada.verde li::before {
    background-color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo .listaNumerada.vermelho li::before {
    background-color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo .listaNumerada.laranja li::before {
    background-color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo .listaNumerada.azul li::before {
    background-color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo .listaNumerada.amarelo li::before {
    background-color: #ebb11f; }

/*********************** FIM NÚMEROS DESTAQUE ***********************/
/*********************** CARTÃO ***********************/
div#siteGlobal #conteudo #vale-responsivo .cartao {
  background-color: #fdfdfd;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19);
  padding-bottom: 0.1em;
  margin: 1em 0; }
  div#siteGlobal #conteudo #vale-responsivo .cartao .cabecalho {
    color: white !important;
    font: 21px 'CaeciliaLTStd-Light';
    margin: 0;
    border-radius: 5px 5px 0 0;
    padding: 0.4em; }
  div#siteGlobal #conteudo #vale-responsivo .cartao .texto {
    border: 1px dotted lightgrey;
    border-radius: 5px;
    background-color: white;
    overflow: hidden;
    margin: 1em;
    padding: 1em; }
    div#siteGlobal #conteudo #vale-responsivo .cartao .texto > img {
      width: 40%;
      float: left;
      margin-right: 3%; }
      @media screen and (max-width: 515px) {
        div#siteGlobal #conteudo #vale-responsivo .cartao .texto > img {
          float: none;
          width: 100%;
          margin-bottom: 1em; } }
  div#siteGlobal #conteudo #vale-responsivo .cartao.verde .cabecalho {
    background-color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo .cartao.verdeClaro .cabecalho {
    background-color: #7ac042; }
  div#siteGlobal #conteudo #vale-responsivo .cartao.vermelho .cabecalho {
    background-color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo .cartao.laranja .cabecalho {
    background-color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo .cartao.azul .cabecalho {
    background-color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo .cartao.amarelo .cabecalho {
    background-color: #ebb11f; }

/*********************** FIM CARTÃO ***********************/
/*********************** LEIA MAIS ***********************/
div#siteGlobal #conteudo #vale-responsivo .leiamais h3 {
  font-size: 23px;
  font-family: 'CaeciliaLTStd-Light';
  margin-bottom: 15px; }
div#siteGlobal #conteudo #vale-responsivo .leiamais a {
  padding: 1.3em 1em 1.3em 3em;
  border-bottom: 1px dotted lightgray;
  display: block;
  position: relative;
  transition: 0.2s all; }
  div#siteGlobal #conteudo #vale-responsivo .leiamais a::before {
    content: "\e9cb";
    font-family: "vale";
    position: absolute;
    top: 38%;
    left: 1em; }
  div#siteGlobal #conteudo #vale-responsivo .leiamais a:hover {
    text-decoration: underline;
    font-size: 13px !important; }
  div#siteGlobal #conteudo #vale-responsivo .leiamais a:first-of-type {
    border-top: 1px solid lightgray; }
  div#siteGlobal #conteudo #vale-responsivo .leiamais a:last-of-type {
    border-bottom: 1px solid lightgray; }
div#siteGlobal #conteudo #vale-responsivo .leiamais.verde a {
  color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo .leiamais.verde a:hover {
    background-color: rgba(0, 127, 123, 0.05); }
div#siteGlobal #conteudo #vale-responsivo .leiamais.vermelho a {
  color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo .leiamais.vermelho a:hover {
    background-color: rgba(187, 19, 62, 0.05); }
div#siteGlobal #conteudo #vale-responsivo .leiamais.laranja a {
  color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo .leiamais.laranja a:hover {
    background-color: rgba(245, 128, 37, 0.05); }
div#siteGlobal #conteudo #vale-responsivo .leiamais.azul a {
  color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo .leiamais.azul a:hover {
    background-color: rgba(48, 110, 197, 0.05); }
div#siteGlobal #conteudo #vale-responsivo .leiamais.amarelo a {
  color: #ebb11f; }
  div#siteGlobal #conteudo #vale-responsivo .leiamais.amarelo a:hover {
    background-color: rgba(235, 177, 31, 0.05); }

/*********************** FIM LEIA MAIS ***********************/
/*********************** ABAS ***********************/
div#siteGlobal #conteudo #vale-responsivo .abas {
  display: inline-block;
  width: 100%;
  margin: 0.5em 0; }
  div#siteGlobal #conteudo #vale-responsivo .abas .controle {
    overflow: hidden; }
    div#siteGlobal #conteudo #vale-responsivo .abas .controle .aba {
      display: block;
      float: left;
      font-size: 15px;
      font-family: "CaeciliaLTStd-Light","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
      text-align: center;
      cursor: pointer;
      box-sizing: border-box;
      padding: 20px;
      border-top: 1px;
      border-left: 1px;
      border-right: 0;
      border-bottom: 3px;
      border-style: solid;
      transition: all 0.2s; }
      div#siteGlobal #conteudo #vale-responsivo .abas .controle .aba:hover, div#siteGlobal #conteudo #vale-responsivo .abas .controle .aba.active {
        font-weight: bold;
        color: white; }
      div#siteGlobal #conteudo #vale-responsivo .abas .controle .aba:last-of-type {
        border-right: 1px solid !important; }
    div#siteGlobal #conteudo #vale-responsivo .abas .controle.a1 .aba {
      width: 100%; }
    div#siteGlobal #conteudo #vale-responsivo .abas .controle.a2 .aba {
      width: 50%; }
    div#siteGlobal #conteudo #vale-responsivo .abas .controle.a3 .aba {
      width: 33.32%; }
    div#siteGlobal #conteudo #vale-responsivo .abas .controle.a4 .aba {
      width: 25%; }
      @media screen and (max-width: 515px) {
        div#siteGlobal #conteudo #vale-responsivo .abas .controle.a4 .aba {
          width: 50%; }
          div#siteGlobal #conteudo #vale-responsivo .abas .controle.a4 .aba:nth-child(2) {
            border-right: 1px solid; }
          div#siteGlobal #conteudo #vale-responsivo .abas .controle.a4 .aba:nth-child(3), div#siteGlobal #conteudo #vale-responsivo .abas .controle.a4 .aba:nth-child(4) {
            border-top: 0; } }
    div#siteGlobal #conteudo #vale-responsivo .abas .controle.a5 .aba {
      width: 20%; }
      @media screen and (max-width: 515px) {
        div#siteGlobal #conteudo #vale-responsivo .abas .controle.a5 .aba:nth-child(1), div#siteGlobal #conteudo #vale-responsivo .abas .controle.a5 .aba:nth-child(2) {
          width: 50%; }
        div#siteGlobal #conteudo #vale-responsivo .abas .controle.a5 .aba:nth-child(2) {
          border-right: 1px solid; }
        div#siteGlobal #conteudo #vale-responsivo .abas .controle.a5 .aba:nth-child(3), div#siteGlobal #conteudo #vale-responsivo .abas .controle.a5 .aba:nth-child(4), div#siteGlobal #conteudo #vale-responsivo .abas .controle.a5 .aba:nth-child(5) {
          border-top: 0;
          width: 33.3%; }
        div#siteGlobal #conteudo #vale-responsivo .abas .controle.a5 .aba:nth-child(5) {
          border-right: 1px solid; } }
  div#siteGlobal #conteudo #vale-responsivo .abas .corpo {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 3px solid;
    border-color: lightgray; }
    div#siteGlobal #conteudo #vale-responsivo .abas .corpo .conteudo {
      box-sizing: border-box;
      padding: 1em 2em 2em 2em;
      display: none; }
      div#siteGlobal #conteudo #vale-responsivo .abas .corpo .conteudo:first-of-type {
        display: block; }
  div#siteGlobal #conteudo #vale-responsivo .abas.verde .aba {
    color: #007f7b;
    border-color: #007f7b; }
    div#siteGlobal #conteudo #vale-responsivo .abas.verde .aba:hover, div#siteGlobal #conteudo #vale-responsivo .abas.verde .aba.active {
      background-color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo .abas.verde .corpo {
    border-bottom-color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo .abas.vermelho .aba {
    color: #bb133e;
    border-color: #bb133e; }
    div#siteGlobal #conteudo #vale-responsivo .abas.vermelho .aba:hover, div#siteGlobal #conteudo #vale-responsivo .abas.vermelho .aba.active {
      background-color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo .abas.vermelho .corpo {
    border-bottom-color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo .abas.laranja .aba {
    color: #f58025;
    border-color: #f58025; }
    div#siteGlobal #conteudo #vale-responsivo .abas.laranja .aba:hover, div#siteGlobal #conteudo #vale-responsivo .abas.laranja .aba.active {
      background-color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo .abas.laranja .corpo {
    border-bottom-color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo .abas.azul .aba {
    color: #306ec5;
    border-color: #306ec5; }
    div#siteGlobal #conteudo #vale-responsivo .abas.azul .aba:hover, div#siteGlobal #conteudo #vale-responsivo .abas.azul .aba.active {
      background-color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo .abas.azul .corpo {
    border-bottom-color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo .abas.amarelo .aba {
    color: #ebb11f;
    border-color: #ebb11f; }
    div#siteGlobal #conteudo #vale-responsivo .abas.amarelo .aba:hover, div#siteGlobal #conteudo #vale-responsivo .abas.amarelo .aba.active {
      background-color: #ebb11f; }
  div#siteGlobal #conteudo #vale-responsivo .abas.amarelo .corpo {
    border-bottom-color: #ebb11f; }

/*********************** FIM ABAS ***********************/
/*********************** CARROSSEL ***********************/
div#siteGlobal #conteudo #vale-responsivo .carrossel {
  width: 100%;
  max-width: 693px;
  position: relative; }
  div#siteGlobal #conteudo #vale-responsivo .carrossel img {
    width: 100%; }
  div#siteGlobal #conteudo #vale-responsivo .carrossel .cardfoto {
    box-shadow: none; }
  div#siteGlobal #conteudo #vale-responsivo .carrossel .slick-arrow {
    position: absolute;
    border: 0;
    z-index: 999999;
    background: white;
    opacity: 0.7;
    font-size: 0;
    width: 4rem;
    height: 5rem;
    cursor: pointer; }
  div#siteGlobal #conteudo #vale-responsivo .carrossel .slick-prev {
    top: 50%;
    left: 0 !important;
    border-radius: 0 10px 10px 0; }
    div#siteGlobal #conteudo #vale-responsivo .carrossel .slick-prev::before {
      content: "\e902" !important;
      font-family: "vale" !important;
      position: absolute !important;
      height: 100% !important;
      line-height: 5rem !important;
      font-size: 4rem !important;
      color: black !important;
      top: 0 !important;
      left: 0 !important; }
  div#siteGlobal #conteudo #vale-responsivo .carrossel .slick-next {
    top: 50%;
    right: 0 !important;
    border-radius: 10px 0 0 10px; }
    div#siteGlobal #conteudo #vale-responsivo .carrossel .slick-next::before {
      content: "\e901" !important;
      font-family: "vale" !important;
      position: absolute !important;
      height: 100% !important;
      line-height: 5rem !important;
      font-size: 4rem !important;
      color: black !important;
      top: 0 !important;
      right: 0 !important; }

/*********************** FIM CARROSSEL ***********************/
/*********************** CORES DE BACKGROUND E FONTE ***********************/
div#siteGlobal #conteudo #vale-responsivo {
  /* FONTES */
  /* BACKGROUND */ }
  div#siteGlobal #conteudo #vale-responsivo h1.verde, div#siteGlobal #conteudo #vale-responsivo h2.verde, div#siteGlobal #conteudo #vale-responsivo h3.verde, div#siteGlobal #conteudo #vale-responsivo h4.verde, div#siteGlobal #conteudo #vale-responsivo h5.verde, div#siteGlobal #conteudo #vale-responsivo p.verde, div#siteGlobal #conteudo #vale-responsivo span.verde, div#siteGlobal #conteudo #vale-responsivo a.verde {
    color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo h1.verdeClaro, div#siteGlobal #conteudo #vale-responsivo h2.verdeClaro, div#siteGlobal #conteudo #vale-responsivo h3.verdeClaro, div#siteGlobal #conteudo #vale-responsivo h4.verdeClaro, div#siteGlobal #conteudo #vale-responsivo h5.verdeClaro, div#siteGlobal #conteudo #vale-responsivo p.verdeClaro, div#siteGlobal #conteudo #vale-responsivo span.verdeClaro, div#siteGlobal #conteudo #vale-responsivo a.verdeClaro {
    color: #7ac042; }
  div#siteGlobal #conteudo #vale-responsivo h1.azul, div#siteGlobal #conteudo #vale-responsivo h2.azul, div#siteGlobal #conteudo #vale-responsivo h3.azul, div#siteGlobal #conteudo #vale-responsivo h4.azul, div#siteGlobal #conteudo #vale-responsivo h5.azul, div#siteGlobal #conteudo #vale-responsivo p.azul, div#siteGlobal #conteudo #vale-responsivo span.azul, div#siteGlobal #conteudo #vale-responsivo a.azul {
    color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo h1.azulClaro, div#siteGlobal #conteudo #vale-responsivo h2.azulClaro, div#siteGlobal #conteudo #vale-responsivo h3.azulClaro, div#siteGlobal #conteudo #vale-responsivo h4.azulClaro, div#siteGlobal #conteudo #vale-responsivo h5.azulClaro, div#siteGlobal #conteudo #vale-responsivo p.azulClaro, div#siteGlobal #conteudo #vale-responsivo span.azulClaro, div#siteGlobal #conteudo #vale-responsivo a.azulClaro {
    color: #00b4cc; }
  div#siteGlobal #conteudo #vale-responsivo h1.laranja, div#siteGlobal #conteudo #vale-responsivo h2.laranja, div#siteGlobal #conteudo #vale-responsivo h3.laranja, div#siteGlobal #conteudo #vale-responsivo h4.laranja, div#siteGlobal #conteudo #vale-responsivo h5.laranja, div#siteGlobal #conteudo #vale-responsivo p.laranja, div#siteGlobal #conteudo #vale-responsivo span.laranja, div#siteGlobal #conteudo #vale-responsivo a.laranja {
    color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo h1.vermelho, div#siteGlobal #conteudo #vale-responsivo h2.vermelho, div#siteGlobal #conteudo #vale-responsivo h3.vermelho, div#siteGlobal #conteudo #vale-responsivo h4.vermelho, div#siteGlobal #conteudo #vale-responsivo h5.vermelho, div#siteGlobal #conteudo #vale-responsivo p.vermelho, div#siteGlobal #conteudo #vale-responsivo span.vermelho, div#siteGlobal #conteudo #vale-responsivo a.vermelho {
    color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo h1.amarelo, div#siteGlobal #conteudo #vale-responsivo h2.amarelo, div#siteGlobal #conteudo #vale-responsivo h3.amarelo, div#siteGlobal #conteudo #vale-responsivo h4.amarelo, div#siteGlobal #conteudo #vale-responsivo h5.amarelo, div#siteGlobal #conteudo #vale-responsivo p.amarelo, div#siteGlobal #conteudo #vale-responsivo span.amarelo, div#siteGlobal #conteudo #vale-responsivo a.amarelo {
    color: #ebb11f; }
  div#siteGlobal #conteudo #vale-responsivo h1.branco, div#siteGlobal #conteudo #vale-responsivo h2.branco, div#siteGlobal #conteudo #vale-responsivo h3.branco, div#siteGlobal #conteudo #vale-responsivo h4.branco, div#siteGlobal #conteudo #vale-responsivo h5.branco, div#siteGlobal #conteudo #vale-responsivo p.branco, div#siteGlobal #conteudo #vale-responsivo span.branco, div#siteGlobal #conteudo #vale-responsivo a.branco {
    color: white; }
  div#siteGlobal #conteudo #vale-responsivo .bgVerde {
    background-color: #007f7b; }
  div#siteGlobal #conteudo #vale-responsivo .bgLaranja {
    background-color: #f58025; }
  div#siteGlobal #conteudo #vale-responsivo .bgVerdeClaro {
    background-color: #7ac042; }
  div#siteGlobal #conteudo #vale-responsivo .bgAzul {
    background-color: #306ec5; }
  div#siteGlobal #conteudo #vale-responsivo .bgVermelho {
    background-color: #bb133e; }
  div#siteGlobal #conteudo #vale-responsivo .bgAmarelo {
    background-color: #ebb11f; }

/********************* FIM CORES DE BACKGROUND E FONTE *********************/


/********************* INICIO CORES DE BACKGROUND E FONTE *********************/
.newsletter-link,
.newsletter-text { display: none; }



/********************* FIM CORES DE BACKGROUND E FONTE *********************/






/*# sourceMappingURL=responsive-main.css.map */