@charset "utf-8";
/* CSS Document */
/* Configura Elementos */

.retorna{  
  position:absolute;
  top: 0;
  z-index: 0;
  left: 50%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);

}

.header {
  position: absolute;
  top: 200px;
  left: 50%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, -50%);
}

.premio10k {
  position: absolute;
  top: 370px; 
  left: 50%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  /* esconde elemento pre-animação */  
  visibility:hidden;
}

.sugestao {
  position: absolute;
  top: 370px; 
  left: 50%;
  padding-left:200px;
}

.premios {
  position: absolute;
  top: 430px; 
  left: 50%;
  padding-left:0px;
  /* compensa altura do footer para evitar sobreposição */
  padding-bottom: 50px;
  z-index: -1;
}

.dobra {
  position: absolute;
  top: 670px; 
  right: 50%;
  padding-right:0px;
  /* compensa altura do footer para evitar sobreposição */
  padding-bottom: 50px;
}

.cadastro-titulo {
  position: absolute;
  top: 370px; 
  left: 50%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 100px; 
}


.cadastro-sucesso {
  position: absolute;
  top: 370px; 
  left: 50%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 120px; 
}

.cadastro-form-bilhete {
  position: absolute;
  top: 480px; 
  left: 50%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 100px;

}

.regulamento-baixe {
  position: absolute;
  top: 400px; 
  left: 52%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 100px;

}

.regulamento-iconA {
  position: absolute;
  top: 470px; 
  left: 52%;
  padding-left: 0px;
  padding-bottom: 65px;
}

.regulamento-iconB {
  position: absolute;
  top: 530px; 
  left: 52%;
  padding-left: 52px;
  padding-bottom: 65px;
}

.sorteios-datas {
  position: absolute;
  top: 370px; 
  left: 52%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 0px;
}

.sorteios-data1 {
  position: absolute;
  top: 450px; 
  left: 52%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 0px;
}

.sorteios-data2 {
  position: absolute;
  top: 500px; 
  left: 52%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 0px;
}

.sorteios-data3 {
  position: absolute;
  top: 550px; 
  left: 52%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 0px;
}


.sorteios-data4 {
  position: absolute;
  top: 600px; 
  left: 52%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 0px;
}

.sorteios-data5 {
  position: absolute;
  top: 650px; 
  left: 52%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 0px;
}

.sorteios-data6 {
  position: absolute;
  top: 700px; 
  left: 52%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 0px;
}


.ganhadores-data1 {
  position: absolute;
  top: 400px; 
  left: 52%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 0px;
  
}

.comoparticipar-txt {
  position: absolute;
  top: 370px; 
  left: 52%;
  /* compensa tamanho da imagem */
  transform: translate(-50%, 0);
  padding-left: 55px;
  
}


/* Configura Menu */

#cadastro-cad {
  position: absolute;
  top: 370px; 
  right: 50%;
  margin-right:171px;
  width: 171px;
  height: 42px;
  display: inline-block;
}

#cadastro, #cadastro-reg, #cadastro-sor, #cadastro-gan, #cadastro-par {
  position: absolute;
  top: 370px; 
  right: 50%;
  margin-right:171px;
  width: 171px;
  height: 42px;
  background: url("../../img/menu-cadastro_off.png") no-repeat;
  display: inline-block;
}

#cadastro:hover, #cadastro-reg:hover, #cadastro-sor:hover, #cadastro-gan:hover, #cadastro-par:hover {
  background: url("../../img/menu-cadastro_on.png") no-repeat;
}

#comoparticipar, #comoparticipar-cad, #comoparticipar-sor, #comoparticipar-gan, #comoparticipar-reg {
  position: absolute;
  top: 430px; 
  right: 50%;
  margin-right:171px;
  width: 171px;
  height: 42px;
  background: url("../../img/menu-comoparticipar_off.png") no-repeat;
  display: inline-block;
}

#comoparticipar:hover, #comoparticipar-cad:hover, #comoparticipar-sor:hover, #comoparticipar-gan:hover, #comoparticipar-reg:hover, #comoparticipar-par:hover {
  background: url("../../img/menu-comoparticipar_on.png") no-repeat;
}

#comoparticipar-par {
  position: absolute;
  top: 430px; 
  right: 50%;
  margin-right:171px;
  width: 171px;
  height: 42px;
  display: inline-block;
}


#regulamento, #regulamento-cad, #regulamento-sor, #regulamento-gan, #regulamento-par {
  position: absolute;
  top: 490px; 
  right: 50%;
  margin-right:171px;
  width: 171px;
  height: 42px;
  background: url("../../img/menu-regulamento_off.png") no-repeat;
  display: inline-block;
}

#regulamento:hover, #regulamento-cad:hover, #regulamento-sor:hover, #regulamento-gan:hover, #regulamento-par:hover {
  background: url("../../img/menu-regulamento_on.png") no-repeat;
}

#regulamento-reg {
  position: absolute;
  top: 490px; 
  right: 50%;
  margin-right:171px;
  width: 171px;
  height: 42px;
  display: inline-block;
}

#sorteios, #sorteios-cad, #sorteios-reg, #sorteios-gan, #sorteios-par {
  position: absolute;
  top: 550px; 
  right: 50%;
  margin-right:171px;
  width: 171px;
  height: 42px;
  background: url("../../img/menu-sorteios_off.png") no-repeat;
  display: inline-block;
}

#sorteios:hover, #sorteios-cad:hover, #sorteios-reg:hover, #sorteios-gan:hover, #sorteios-par:hover {
  background: url("../../img/menu-sorteios_on.png") no-repeat;
}

#sorteios-sor {
  position: absolute;
  top: 550px; 
  right: 50%;
  margin-right:171px;
  width: 171px;
  height: 42px;
  display: inline-block;
}

#ganhadores, #ganhadores-cad, #ganhadores-reg, #ganhadores-sor, #ganhadores-par {
  position: absolute;
  top: 610px; 
  right: 50%;
  margin-right:171px;
  width: 171px;
  height: 42px;
  background: url("../../img/menu-ganhadores_off.png") no-repeat;
  display: inline-block;
}

#ganhadores:hover, #ganhadores-cad:hover, #ganhadores-reg:hover, #ganhadores-sor:hover, #ganhadores-par:hover {
  background: url("../../img/menu-ganhadores_on.png") no-repeat;
}

#ganhadores-gan {
  position: absolute;
  top: 610px; 
  right: 50%;
  margin-right:171px;
  width: 171px;
  height: 42px;
  display: inline-block;
}

#home {
  position: absolute;
  top: 670px; 
  right: 50%;
  margin-right:171px;
  width: 171px;
  height: 42px;
  background: url("../../img/menu-home_off.png") no-repeat;
  display: inline-block;
  padding-bottom: 125px;
}

#home:hover {
  background: url("../../img/menu-home_on.png") no-repeat;
  padding-bottom: 125px;
}


/* Configura Animações */

#premio10k {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  -ms-animation-delay: 1s;
}

#sugestao {
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  -ms-animation-delay: 1.3s;
}

#premios {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -o-animation-delay: 1.6s;
  -ms-animation-delay: 1.6s;
}

#cadastro, #cadastro-titulo, #cadastro-sucesso, #regulamento-baixe, #sorteios-datas, #ganhadores-data1 {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -o-animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
}

#comoparticipar, #cadastro-form-bilhete, #regulamento-iconA, #sorteios-data1 {
  -webkit-animation-delay: 2.8s;
  -moz-animation-delay: 2.8s;
  -o-animation-delay: 2.8s;
  -ms-animation-delay: 2.8s;
}

#regulamento, #regulamento-iconB, #sorteios-data2 {
  -webkit-animation-delay: 3.1s;
  -moz-animation-delay: 3.1s;
  -o-animation-delay: 3.1s;
  -ms-animation-delay: 3.1s;
}

#sorteios, #sorteios-data3 {
  -webkit-animation-delay: 3.4s;
  -moz-animation-delay: 3.4s;
  -o-animation-delay: 3.4s;
  -ms-animation-delay: 3.4s;
}

#ganhadores, #sorteios-data4 {
  -webkit-animation-delay: 3.7s;
  -moz-animation-delay: 3.7s;
  -o-animation-delay: 3.7s;
  -ms-animation-delay: 3.7s;
}

#dobra, #sorteios-data5 {
  -webkit-animation-delay: 4.0s;
  -moz-animation-delay:  4.0s;
  -o-animation-delay:  4.0s;
  -ms-animation-delay:  4.0s;
}


#sorteios-data6 {
  -webkit-animation-delay: 4.3s;
  -moz-animation-delay:  4.3s;
  -o-animation-delay:  4.3s;
  -ms-animation-delay:  4.3s;
}


#cadastro-cad, #cadastro-reg, #cadastro-sor, #cadastro-gan, #cadastro-par {
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  -ms-animation-delay: 1.3s;
}

#comoparticipar-cad, #comoparticipar-reg, #comoparticipar-sor, #comoparticipar-gan, #comoparticipar-par {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  -o-animation-delay: 1.6s;
  -ms-animation-delay: 1.6s;
}

#regulamento-cad, #regulamento-reg, #regulamento-sor, #regulamento-gan, #regulamento-par {
  -webkit-animation-delay: 1.9s;
  -moz-animation-delay: 1.9s;
  -o-animation-delay: 1.9s;
  -ms-animation-delay: 1.9s;
}

#sorteios-cad, #sorteios-reg, #sorteios-sor, #sorteios-gan, #sorteios-par {
  -webkit-animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  -o-animation-delay: 2.2s;
  -ms-animation-delay: 2.2s;
}

#ganhadores-cad, #ganhadores-reg, #ganhadores-sor, #ganhadores-gan, #ganhadores-par {
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  -o-animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
}

#home {
  -webkit-animation-delay: 2.8s;
  -moz-animation-delay: 2.8s;
  -o-animation-delay: 2.8s;
  -ms-animation-delay: 2.8s;
}

/* Configura Formulario */

.form-cad {
  background: #e7e7e6;
  font-family: "Goudy", Arial;
  color: #363334;
  font-size: 22px;
  padding: 20px 20px 20px 20px;
  border: solid #fff 2px;
  text-decoration: none;
}

.btn-form-cad {
  background: #ae3235;
  font-family: Arial;
  color: #fff;
  font-size: 12px;
  padding: 10px 10px 10px 10px;
  border: solid #ae3235 2px;
  text-decoration: none;
  margin-bottom: 120px;
}

.btn-form-cad:hover {
  background: #363334;
  font-family: Arial;
  color: #fff;
  font-size: 12px;
  padding: 10px 10px 10px 10px;
  border: solid #363334 2px;
  text-decoration: none;
  margin-bottom: 120px;
}

.btn-form-cad:disabled {
  background: #e63439;
  font-family: Arial;
  color: #fff;
  font-size: 12px;
  padding: 10px 10px 10px 10px;
  border: solid #fff 2px;
  text-decoration: none;
  margin-bottom: 120px;
}

.btn-modal {
  background: #ae3235;
  font-family: Arial;
  color: #fff;
  font-size: 12px;
  padding: 10px 10px 10px 10px;
  border: solid #ae3235 2px;
  text-decoration: none;
}

.btn-modal:hover {
  background: #363334;
  font-family: Arial;
  color: #fff;
  font-size: 12px;
  padding: 10px 10px 10px 10px;
  border: solid #363334 2px;
  text-decoration: none;
}

.aceito {
  width: 150px;
  position: relative;
  margin: 0px auto;
}
.aceito label {
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: absolute;
  top: -10px;
  left: 125px;
  background: #fcfff4;
  background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 0px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
.aceito label:after {
  content: '';
  width: 15px;
  height: 10px;
  position: absolute;
  top: 6px;
  left: 8px;
  border: 3px solid #333;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.aceito label:hover::after {
  opacity: 0.5;
}
.aceito input[type=checkbox] {
  visibility: hidden;
}
.aceito input[type=checkbox]:checked + label:after {
  opacity: 1;
}