@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;color:#000;}

.ooo {
  z-index:-1;
  margin:0;
  margin-top:-102px;
  overflow:hidden;
}

#dividasss {
  width:560px;
  height:auto;
  overflow: hidden;
  padding:0;
  margin:0;
  background:#fff;
}
@media screen and (max-width: 480px) {
    #dividasss {
      width: 480px;
      height:auto;
    }
}
@media screen and (max-width: 375px) {
    #dividasss {
      width: 375px;
      height:auto;
    }
}
@media screen and (max-width: 360px) {
    #dividasss {
      width: 360px;
      height:auto;
    }
}
@media screen and (max-width: 320px) {
    #dividasss {
      width: 315px;
      height:auto;
    }
}

.titleee {
  font-family:"FoundersGrotesk-Bold", Arial;
  font-size: 2.6em;
  text-transform: uppercase;
  line-height: 25px;
  width: 560px;
  padding:20px 0 0 0;
  text-align:center;
  z-index:10000;
}
@media screen and (max-width: 480px) {
    .titleee {
      width: 480px;
      margin: 0 auto;
    }
}
@media screen and (max-width: 375px) {
    .titleee {
      width: 365px;
      font-size: 2.3em;
      line-height: 0.9em;
      margin: 0 auto;
    }
}
@media screen and (max-width: 360px) {
    .titleee {
      width: 350px;
      font-size: 2.0em;
      margin: 0 auto;
    }
}
@media screen and (max-width: 320px) {
    .titleee {
      font-size: 130%;
      width: 310px;
    }
}

.subbb {
  font-family:"FoundersGrotesk-Light";
  font-size: 1.7em;
  line-height: 1em;
  width: 485px;
  padding:10px;
  text-align:center;
  margin: 0 auto;
  z-index:10000;
}
@media screen and (max-width: 480px) {
    .subbb {
      font-size: 140%;
      width: 440px;
    }
}
@media screen and (max-width: 375px) {
    .subbb {
      font-size: 125%;
      width: 350px;
      margin-top: -8px;
    }
}
@media screen and (max-width: 360px) {
    .subbb {
      font-size: 122%;
      width: 331px;
      margin-top: -6px;
    }
}
@media screen and (max-width: 320px) {
    .subbb {
      font-size: 130%;
      width: 310px;
      margin-top: -7px;
      margin-left: -16px;
    }
}

.subtitleee2 {
  font-family:"FoundersGrotesk-Semibold";
  font-size: 1.3em;
  line-height: 1em;
  width: 528px;
  padding:10px;
  text-align:center;
  margin: 0 auto;
  z-index:10000;
  position: absolute;
  top: 751px;
  left: 5px;
}
@media screen and (max-width: 480px) {
    .subtitleee {
      font-size: 140%;
      width: 440px;
    }
}
@media screen and (max-width: 375px) {
    .subtitleee {
      font-size: 140%;
      width: 300px;
      margin-top: -16px;
    }
}
@media screen and (max-width: 360px) {
    .subtitleee {
      font-size: 140%;
      width: 350px;
      margin-top: -11px;
    }
}
@media screen and (max-width: 320px) {
    .subtitleee {
      font-size: 148%;
      width: 310px;
      margin-top: 0;
    }
}

.totalll {
  font-family:"FoundersGrotesk-Semibold";
  font-size: 1.4em;
  width: 485px;
  text-align:center;
  margin: 0 auto;
  z-index:10000;
}
@media screen and (max-width: 480px) {
    .totalll {
      font-size: 140%;
      width: 440px;
    }
}
@media screen and (max-width: 375px) {
    .totalll {
      font-size: 115%;
      width: 368px;
      margin-top: -5px;
    }
}
@media screen and (max-width: 360px) {
    .totalll {
      font-size: 112%;
      width: 350px;
      margin-top: -6px;
    }
}
@media screen and (max-width: 320px) {
    .totalll {
      font-size: 98%;
      width: 310px;
      margin-top: -12px;
    }
}

.valoresss001, .valoresss002, .valoresss001a, .valoresss002a, .valoresss01, .valoresss02 {
  font-family:"Knockout2";
  font-size: 1.6em;
  z-index:100000;
  position:absolute;
}

.valoresss1a, .valoresss2a, .valoresss1, .valoresss2, .valoresss2-esquerda, .valoresss1-mg, .valoresss2-mg {
  font-family:"Knockout2";
  font-size: 3.4em;
  z-index:100000;
  position:absolute;
}


.valoresss1-mg {
  top:138px;
  left:44px;
}
.valoresss2-mg {
  top:138px;
  left:155px;
}


/*
.valoresss1-bi, .valoresss2-bi {
  font-family:"Knockout2";
  font-size: 3.2em;
  z-index:100000;
  position:absolute;
}
.valoresss001 {
  top:215px;
  left:63px;
}
.valoresss002 {
  top:215px;
  left:171px;
}

.valoresss001a {
  top:216px;
  left:63px;
}
.valoresss002a {
  top:216px;
  left:171px;
}
.valoresss1a {
  top:138px;
  left:63px;
}
.valoresss2a {
  top:138px;
  left:171px;
}
*/

.valoresss01 {
  top:215px;
  left:63px;
}
.valoresss02 {
  top:215px;
  left:171px;
}
.valoresss1 {
  top:138px;
  left:60px;
}
.valoresss2 {
  top:138px;
  left:163px;
}

.pagamentosss01, .pagamentosss02 {
  font-family:"Knockout2";
  font-size: 1.8em;
  line-height:0.8em;
  text-transform:uppercase;
  text-align:center;
  width:90px;
  z-index:100000;
  position:absolute;
}
.pagamentosss01 {
  top:344px;
  left:51px;
}
.pagamentosss02 {
  top:344px;
  left:158px;
}

.bilhoesss01, .bilhoesss02, .bilhoesss1a, .bilhoesss2a, .bilhoesss1, .bilhoesss2 {
  font-family:"Knockout2";
  font-size: 1.8em;
  text-transform:uppercase;
  z-index:100000;
  position:absolute;
}
.bilhoesss01 {
  top:442px;
  left:73px;
}
.bilhoesss02 {
  top:442px;
  left:181px;
}
.bilhoesss1a {
  top:200px;
  left:58px;
}
.bilhoesss2a {
  top:200px;
  left:168px;
}
.bilhoesss1 {
  top:56px;
  left:39px;
}
.bilhoesss2 {
  top:56px;
  left:439px;
}


.valoresss {
  font-family: "Knockout2";
  font-size: 1.7em;
  letter-spacing: 1px;
  line-height: 0.9em;
  text-transform: uppercase;
  text-align: center;
  width: 179px;
  margin: 0 auto;
  position: absolute;
  top: 257px;
  left: 65px;
  z-index: 100000;
}
@media screen and (max-width: 480px) {
    .valoresss {
      margin-left:2px;
    }
}
@media screen and (max-width: 375px) {
    .valoresss {
      margin-left:-1px;
    }
}
@media screen and (max-width: 360px) {
    .valoresss {
      margin-left:-1px;
    }
}
@media screen and (max-width: 320px) {
    .valoresss {
      margin-left:8px;
    }
}

.caixaaa{
  display:none;
}

.semmm-divida {
  font-family: "Knockout2";
  font-size: 2.0em;
  letter-spacing: 1px;
  line-height: 0.9em;
  text-transform: uppercase;
  text-align: center;
  width: 179px;
  margin: 0 auto;
  position: absolute;
  background-color:#fff;
  top: 83px;
  left: 29px;
  z-index: 1000000;
  padding: 37px 10px 37px 10px;
}
@media screen and (max-width: 480px) {
    .semmm-divida {
      margin-left:5px;
    }
}
@media screen and (max-width: 375px) {
    .semmm-divida {
      margin-left:-1px;
    }
}
@media screen and (max-width: 360px) {
    .semmm-divida {
      margin-left:-1px;
    }
}
@media screen and (max-width: 320px) {
    .semmm-divida {
      margin-left:8px;
    }
}

.moedaaa{
  font-family:"Knockout2";
  text-transform:uppercase;
  font-size:1.5em;
  position: absolute;
  top: 311px;
  left: 120px;
  z-index: 100000;
}

.moedaaa2{
  font-family:"FoundersGrotesk-Semibold";
  font-size:1.3em;
  position: absolute;
  top: 811px;
  width: 560px;
  text-align: center;
  z-index: 100000;
}

.linha-verticalll{
  width: 2px;
  height: 143px;
  background-color: #000;
  position: absolute;
  top: 346px;
  left: 147px;
  z-index: 100000;
}

.linhaaa-ac, .linhaaa-al, .linhaaa-am, .linhaaa-ap, .linhaaa-ba, .linhaaa-ce, .linhaaa-df, .linhaaa-es, .linhaaa-go, 
.linhaaa-ma, .linhaaa-mg, .linhaaa-ms, .linhaaa-mt, .linhaaa-pa, .linhaaa-pb, .linhaaa-pe, .linhaaa-pi, .linhaaa-pr, 
.linhaaa-rj, .linhaaa-rn, .linhaaa-ro, .linhaaa-rr, .linhaaa-rs, .linhaaa-sc, .linhaaa-se, .linhaaa-sp, .linhaaa-to {
  display:block;
  width: 480px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: 708px;
  left: 18px;
  z-index: 100000;
}
@media screen and (max-width: 480px) {
    .linhaaa-ac, .linhaaa-al, .linhaaa-am, .linhaaa-ap, .linhaaa-ba, .linhaaa-ce, .linhaaa-df, .linhaaa-es, .linhaaa-go, 
    .linhaaa-ma, .linhaaa-mg, .linhaaa-ms, .linhaaa-mt, .linhaaa-pa, .linhaaa-pb, .linhaaa-pe, .linhaaa-pi, .linhaaa-pr, 
    .linhaaa-rj, .linhaaa-rn, .linhaaa-ro, .linhaaa-rr, .linhaaa-rs, .linhaaa-sc, .linhaaa-se, .linhaaa-sp, .linhaaa-to {
      top: 598px;
      left: -32px;
    }
}
@media screen and (max-width: 375px) {
    .linhaaa-ac, .linhaaa-al, .linhaaa-am, .linhaaa-ap, .linhaaa-ba, .linhaaa-ce, .linhaaa-df, .linhaaa-es, .linhaaa-go, 
    .linhaaa-ma, .linhaaa-mg, .linhaaa-ms, .linhaaa-mt, .linhaaa-pa, .linhaaa-pb, .linhaaa-pe, .linhaaa-pi, .linhaaa-pr, 
    .linhaaa-rj, .linhaaa-rn, .linhaaa-ro, .linhaaa-rr, .linhaaa-rs, .linhaaa-sc, .linhaaa-se, .linhaaa-sp, .linhaaa-to {
      top: 722px;
      left: -29px;
    }
}
@media screen and (max-width: 360px) {
    .linhaaa-ac, .linhaaa-al, .linhaaa-am, .linhaaa-ap, .linhaaa-ba, .linhaaa-ce, .linhaaa-df, .linhaaa-es, .linhaaa-go, 
    .linhaaa-ma, .linhaaa-mg, .linhaaa-ms, .linhaaa-mt, .linhaaa-pa, .linhaaa-pb, .linhaaa-pe, .linhaaa-pi, .linhaaa-pr, 
    .linhaaa-rj, .linhaaa-rn, .linhaaa-ro, .linhaaa-rr, .linhaaa-rs, .linhaaa-sc, .linhaaa-se, .linhaaa-sp, .linhaaa-to {
      top: 678px;
      left: -32px;
    }
}
@media screen and (max-width: 320px) {
    .linhaaa-ac, .linhaaa-al, .linhaaa-am, .linhaaa-ap, .linhaaa-ba, .linhaaa-ce, .linhaaa-df, .linhaaa-es, .linhaaa-go, 
    .linhaaa-ma, .linhaaa-mg, .linhaaa-ms, .linhaaa-mt, .linhaaa-pa, .linhaaa-pb, .linhaaa-pe, .linhaaa-pi, .linhaaa-pr, 
    .linhaaa-rj, .linhaaa-rn, .linhaaa-ro, .linhaaa-rr, .linhaaa-rs, .linhaaa-sc, .linhaaa-se, .linhaaa-sp, .linhaaa-to {
      top: 640px;
      left: -24px;
    }
}

.imagemmm1{
  position:absolute;
  top:940px;
  left:17px;
  width:526px;
  height:auto;
  z-index: 100000;
}
@media screen and (max-width: 480px) {
    .imagemmm1 {
      width:430px;
      height:auto;
    }
}
@media screen and (max-width: 375px) {
    .imagemmm1 {
      width:325px;
      height:auto;
      top:960px;
    }
}
@media screen and (max-width: 360px) {
    .imagemmm1 {
      width:310px;
      height:auto;
      top:1540px;
    }
}
@media screen and (max-width: 320px) {
    .imagemmm1 {
      width:270px;
      height:auto;
      top:1540px;
    }
}

/*
.imagemmm1b{
  display:none;
}
@media screen and (max-width: 480px) {
    .imagemmm1b {
      display:none;
    }
}
@media screen and (max-width: 375px) {
    .imagemmm1b {
      display:none;
    }
}
@media screen and (max-width: 360px) {
    .imagemmm1b {
      display:block;
      width:310px;
      height:auto;
      top:1540px;
    }
}
@media screen and (max-width: 320px) {
    .imagemmm1b {
      display:block;
      width:270px;
      height:auto;
      top:1540px;
    }
}
*/

.imagemmm2{
  position:absolute;
  top:840px;
  left:0;
  width:560px;
  height:auto;
  z-index: 10000;
}
@media screen and (max-width: 480px) {
    .imagemmm2 {
      width:480px;
      height:auto;
    }
}
@media screen and (max-width: 375px) {
    .imagemmm2 {
      width:375px;
      height:auto;
    }
}
@media screen and (max-width: 360px) {
    .imagemmm2 {
      width:360px;
      height:auto;
    }
}
@media screen and (max-width: 320px) {
    .imagemmm2 {
      width:320px;
      height:auto;
    }
}

.caixa-valoresss{
  width: 222px;
  height: 244px;
  border: 1px solid #ccc;
  border-top-style:none;
  position: absolute;
  top: 259px;
  left: 42px;
  z-index: 10000;
}

.legendaaa {
  font-family: "FoundersGrotesk-Regular";
  font-size: 1.1em;
  line-height: 1.0em;
  text-align: left;
  width: 530px;
  margin: 0 auto;
  z-index: 10000;
  position: absolute;
  top: 3646px;
  left: 19px;
}

.fonteee {
  font-family: "FoundersGrotesk-Regular";
  font-size: 1.1em;
  text-align: left;
  width: 530px;
  margin: 0 auto;
  z-index: 10000;
  position: absolute;
  top: 3681px;
  left: 19px;
}

.barraaa {
  width:404px;
  height:4px;
  position:absolute;
  top:3667px;
  left:20px;
  z-index:1000;
  background-color:#000;
}

.epocaaa {
  position:absolute;
  top:3651px;
  left:438px;
  z-index:1000;
  border:none;
}



@font-face {
  font-family: "NoticiaText-Regular";
  src: url("http://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/NoticiaText-Regular.ttf");
  }

@font-face {
  font-family: "Kina-Bold";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/Kina-Bold.otf");
  }

@font-face {
  font-family: "Oswald";
  src: url("http://fonts.googleapis.com/css?family=Oswald");
  }

  
@font-face {
  font-family: "FoundersGrotesk-Bold";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/FoundersGrotesk-Bold.otf");
}

@font-face {
  font-family: "FoundersGrotesk-Semibold";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/FoundersGrotesk-Semibold.otf");
}

@font-face {
  font-family: "FoundersGroteskCondensed-Semibold";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/FoundersGroteskCond-SmBd.otf");
}
  
@font-face {
  font-family: "FoundersGrotesk-Regular";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/FoundersGrotesk-Regular.otf");
}

@font-face {
  font-family: "FoundersGrotesk-Light";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/founders/FoundersGrotesk-Light.otf");
}

@font-face {
  font-family: "Knockout";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/KNOCKOUT-HTF66-FULLFLYWEIGHT.OTF");
}

@font-face {
  font-family: "Knockout2";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/KNOCKOUT-HTF26-JUNIORFLYWEIGHT.OTF");
}  

.thumbs{
	float:center;
	cursor: pointer;
  font-family: "Knockout";
  font-size:1.8em;
  text-align:center;
  width:45px;
  padding-bottom:2px;
}

/*clicks*/

#click_um{
  width: 143px;
  height: 25px; 
  z-index:1000;
  position:absolute;
  top:156px;
  left:38px;
  background-color:#ccc;
  border-radius: 2px;
  /*border:1px solid #cc0000;*/
}
@media screen and (max-width: 480px) {
    #click_um{
      width: 138px;
      left:34px;
    }
}
@media screen and (max-width: 375px) {
    #click_um {
      top:168px;
      width: 100px;
      left:8px;
    }
}
@media screen and (max-width: 360px) {
    #click_um {
      width: 100px;
      left:8px;
    }
}
@media screen and (max-width: 320px) {
    #click_um {
      width: 100px;
      left:8px;
    }
}





#click_dois{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#6d6fb3;
  top:156px;
  left:185px;
}
@media screen and (max-width: 480px) {
    #click_dois{
      width: 37px;
      left:175px;
    }
}
@media screen and (max-width: 375px) {
    #click_dois {
      top:168px;
      width: 23px;
      left:112px;
    }
}
@media screen and (max-width: 360px) {
    #click_dois {
      width: 23px;
      left:112px;
    }
}
@media screen and (max-width: 320px) {
    #click_dois {
      width: 23px;
      left:112px;
    }
}

#click_tres{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#71bfe7;
  top:156px;
  left:234px;
}
@media screen and (max-width: 480px) {
    #click_tres{
      width: 37px;
      left:217px;
    }
}
@media screen and (max-width: 375px) {
    #click_tres {
      top:168px;
      width: 23px;
      left:139px;
    }
}
@media screen and (max-width: 360px) {
    #click_tres {
      width: 23px;
      left:139px;
    }
}
@media screen and (max-width: 320px) {
    #click_tres {
      width: 23px;
      left:139px;
    }
}

#click_quatro{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#b0e4fa;
  top:156px;
  left:283px;
}
@media screen and (max-width: 480px) {
    #click_quatro{
      width: 37px;
      left:257px;
    }
}
@media screen and (max-width: 375px) {
    #click_quatro {
      top:168px;
      width: 23px;
      left:167px;
    }
}
@media screen and (max-width: 360px) {
    #click_quatro {
      width: 23px;
      left:167px;
    }
}
@media screen and (max-width: 320px) {
    #click_quatro {
      width: 23px;
      left:167px;
    }
}

#click_cinco{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#fff56e;
  top:156px;
  left:332px;
}
@media screen and (max-width: 480px) {
    #click_cinco{
      width: 37px;
      left:297px;
    }
}
@media screen and (max-width: 375px) {
    #click_cinco {
      top:168px;
      width: 23px;
      left:194px;
    }
}
@media screen and (max-width: 360px) {
    #click_cinco {
      width: 23px;
      left:194px;
    }
}
@media screen and (max-width: 320px) {
    #click_cinco {
      width: 23px;
      left:194px;
    }
}

#click_seis{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#4dd3f7;
  top:156px;
  left:381px;
}
@media screen and (max-width: 480px) {
    #click_seis{
      width: 37px;
      left:338px;
    }
}
@media screen and (max-width: 375px) {
    #click_seis {
      top:168px;
      width: 23px;
      left:222px;
    }
}
@media screen and (max-width: 360px) {
    #click_seis {
      width: 23px;
      left:222px;
    }
}
@media screen and (max-width: 320px) {
    #click_seis {
      width: 23px;
      left:222px;
    }
}

#click_sete{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#4dc6f4;
  top:156px;
  left:430px;
}
@media screen and (max-width: 480px) {
    #click_sete{
      width: 37px;
      left:379px;
    }
}
@media screen and (max-width: 375px) {
    #click_sete {
      top:168px;
      width: 23px;
      left:249px;
    }
}
@media screen and (max-width: 360px) {
    #click_sete {
      width: 23px;
      left:249px;
    }
}
@media screen and (max-width: 320px) {
    #click_sete {
      width: 23px;
      left:249px;
    }
}

#click_oito{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#6d6fb3;
  top:156px;
  left:479px;
}
@media screen and (max-width: 480px) {
    #click_oito{
      width: 37px;
      left:420px;
    }
}
@media screen and (max-width: 375px) {
    #click_oito {
      top:168px;
      width: 23px;
      left:276px;
    }
}
@media screen and (max-width: 360px) {
    #click_oito {
      width: 23px;
      left:276px;
    }
}
@media screen and (max-width: 320px) {
    #click_oito {
      width: 23px;
      left:276px;
    }
}

#click_nove{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#ffdd00;
  top:186px;
  left:38px;
}
@media screen and (max-width: 480px) {
    #click_nove{
      width:42px;
      left:34px;
    }
}
@media screen and (max-width: 375px) {
    #click_nove {
      width: 32px;
      left:7px;
      top:198px;
    }
}
@media screen and (max-width: 360px) {
    #click_nove {
      width: 32px;
      left:7px;
    }
}
@media screen and (max-width: 320px) {
    #click_nove {
      width: 32px;
      left:7px;
    }
}

#click_dez{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#b0e4fa;
  top:186px;
  left:87px;
}
@media screen and (max-width: 480px) {
    #click_dez{
      width:44px;
      left:81px;
    }
}
@media screen and (max-width: 375px) {
    #click_dez {
      width: 32px;
      left:42px;
      top:198px;
    }
}
@media screen and (max-width: 360px) {
    #click_dez {
      width: 32px;
      left:42px;
    }
}
@media screen and (max-width: 320px) {
    #click_dez {
      width: 32px;
      left:42px;
    }
}

#click_onze{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#4db3d9;
  top:186px;
  left:136px;
}
@media screen and (max-width: 480px) {
    #click_onze{
      width:42px;
      left:130px;
    }
}
@media screen and (max-width: 375px) {
    #click_onze {
      width: 32px;
      left:76px;
      top:198px;
    }
}
@media screen and (max-width: 360px) {
    #click_onze {
      width: 32px;
      left:76px;
    }
}
@media screen and (max-width: 320px) {
    #click_onze {
      width: 32px;
      left:76px;
    }
}

#click_doze{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#7cd9f8;
  top:186px;
  left:185px;
}
@media screen and (max-width: 480px) {
    #click_doze{
      width:37px;
      left:175px;
    }
}
@media screen and (max-width: 375px) {
    #click_doze {
      width: 23px;
      left:112px;
      top:198px;
    }
}
@media screen and (max-width: 360px) {
    #click_doze {
      width: 23px;
      left:112px;
    }
}
@media screen and (max-width: 320px) {
    #click_doze {
      width: 23px;
      left:112px;
    }
}


#click_treze{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#d8f0fc;
  top:186px;
  left:234px;
}
@media screen and (max-width: 480px) {
    #click_treze{
      width:37px;
      left:217px;
    }
}
@media screen and (max-width: 375px) {
    #click_treze {
      width: 23px;
      left:138px;
      top:198px;
    }
}
@media screen and (max-width: 360px) {
    #click_treze {
      width: 23px;
      left:138px;
    }
}
@media screen and (max-width: 320px) {
    #click_treze {
      width: 23px;
      left:138px;
    }
}

#click_quatorze{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#8ba2d0;
  top:186px;
  left:283px;
}
@media screen and (max-width: 480px) {
    #click_quatorze{
      width:37px;
      left:257px;
    }
}
@media screen and (max-width: 375px) {
    #click_quatorze {
      width: 23px;
      left:165px;
      top:198px;
    }
}
@media screen and (max-width: 360px) {
    #click_quatorze {
      width: 23px;
      left:165px;
    }
}
@media screen and (max-width: 320px) {
    #click_quatorze {
      width: 23px;
      left:165px;
    }
}

#click_quinze{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#6d6fb3;
  top:186px;
  left:332px;
}
@media screen and (max-width: 480px) {
    #click_quinze{
      width:37px;
      left:297px;
    }
}
@media screen and (max-width: 375px) {
    #click_quinze {
      width: 23px;
      left:194px;
      top:198px;
    }
}
@media screen and (max-width: 360px) {
    #click_quinze {
      width: 23px;
      left:194px;
    }
}
@media screen and (max-width: 320px) {
    #click_quinze {
      width: 23px;
      left:194px;
    }
}

#click_dezesseis{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#b0e4fa;
  top:186px;
  left:381px;
}
@media screen and (max-width: 480px) {
    #click_dezesseis{
      width:37px;
      left:338px;
    }
}
@media screen and (max-width: 375px) {
    #click_dezesseis {
      width: 23px;
      left:222px;
      top:198px;
    }
}
@media screen and (max-width: 360px) {
    #click_dezesseis {
      width: 23px;
      left:222px;
    }
}
@media screen and (max-width: 320px) {
    #click_dezesseis {
      width: 23px;
      left:222px;
    }
}


#click_dezessete{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#4dd3f7;
  top:186px;
  left:430px;
}
@media screen and (max-width: 480px) {
    #click_dezessete{
      width:37px;
      left:379px;
    }
}
@media screen and (max-width: 375px) {
    #click_dezessete {
      width: 23px;
      left:248px;
      top:198px;
    }
}
@media screen and (max-width: 360px) {
    #click_dezessete {
      width: 23px;
      left:248px;
    }
}
@media screen and (max-width: 320px) {
    #click_dezessete {
      width: 23px;
      left:248px;
    }
}


#click_dezoito{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#fff;
  top:186px;
  left:479px;
}
@media screen and (max-width: 480px) {
    #click_dezoito{
      width:37px;
      left:420px;
    }
}
@media screen and (max-width: 375px) {
    #click_dezoito {
      width: 23px;
      left:275px;
      top:198px;
    }
}
@media screen and (max-width: 360px) {
    #click_dezoito {
      width: 23px;
      left:275px;
    }
}
@media screen and (max-width: 320px) {
    #click_dezoito {
      width: 23px;
      left:275px;
    }
}

#click_dezenove{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#4db5e5;
  top:216px;
  left:38px;
}
@media screen and (max-width: 480px) {
    #click_dezenove{
      width:42px;
      left:34px;
    }
}
@media screen and (max-width: 375px) {
    #click_dezenove {
      width: 32px;
      left:7px;
      top:228px;
    }
}
@media screen and (max-width: 360px) {
    #click_dezenove {
      width: 32px;
      left:7px;
    }
}
@media screen and (max-width: 320px) {
    #click_dezenove {
      width: 32px;
      left:7px;
    }
}

#click_vinte{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#d71920;
  top:216px;
  left:87px;
}
@media screen and (max-width: 480px) {
    #click_vinte{
      width:42px;
      left:82px;
    }
}
@media screen and (max-width: 375px) {
    #click_vinte {
      width: 32px;
      left:41px;
      top:228px;
    }
}
@media screen and (max-width: 360px) {
    #click_vinte {
      width: 32px;
      left:41px;
    }
}
@media screen and (max-width: 320px) {
    #click_vinte {
      width: 32px;
      left:41px;
    }
}

#click_vinteum{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#4dc6f4;
  top:216px;
  left:136px;
}
@media screen and (max-width: 480px) {
    #click_vinteum{
      width:42px;
      left:131px;
    }
}
@media screen and (max-width: 375px) {
    #click_vinteum {
      width: 32px;
      left:76px;
      top:228px;
    }
}
@media screen and (max-width: 360px) {
    #click_vinteum {
      width: 32px;
      left:76px;
    }
}
@media screen and (max-width: 320px) {
    #click_vinteum {
      width: 32px;
      left:76px;
    }
}

#click_vintedois{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#4d8dc4;
  top:216px;
  left:185px;
}
@media screen and (max-width: 480px) {
    #click_vintedois{
      width:37px;
      left:175px;
    }
}
@media screen and (max-width: 375px) {
    #click_vintedois {
      width: 23px;
      left:112px;
      top:228px;
    }
}
@media screen and (max-width: 360px) {
    #click_vintedois {
      width: 23px;
      left:112px;
    }
}
@media screen and (max-width: 320px) {
    #click_vintedois {
      width: 23px;
      left:112px;
    }
}

#click_vintetres{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#6866a3;
  top:216px;
  left:234px;
}
@media screen and (max-width: 480px) {
    #click_vintetres{
      width:37px;
      left:217px;
    }
}
@media screen and (max-width: 375px) {
    #click_vintetres {
      width: 23px;
      left:138px;
      top:228px;
    }
}
@media screen and (max-width: 360px) {
    #click_vintetres {
      width: 23px;
      left:138px;
    }
}
@media screen and (max-width: 320px) {
    #click_vintetres {
      width: 23px;
      left:138px;
    }
}

#click_vintequatro{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#f7931e;
  top:216px;
  left:283px;
}
@media screen and (max-width: 480px) {
    #click_vintequatro{
      width:37px;
      left:257px;
    }
}
@media screen and (max-width: 375px) {
    #click_vintequatro {
      width: 23px;
      left:165px;
      top:228px;
    }
}
@media screen and (max-width: 360px) {
    #click_vintequatro {
      width: 23px;
      left:165px;
    }
}
@media screen and (max-width: 320px) {
    #click_vintequatro {
      width: 23px;
      left:165px;
    }
}

#click_vintecinco{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#ef4223;
  top:216px;
  left:332px;
}
@media screen and (max-width: 480px) {
    #click_vintecinco{
      width:37px;
      left:296px;
    }
}
@media screen and (max-width: 375px) {
    #click_vintecinco {
      width: 23px;
      left:194px;
      top:228px;
    }
}
@media screen and (max-width: 360px) {
    #click_vintecinco {
      width: 23px;
      left:194px;
    }
}
@media screen and (max-width: 320px) {
    #click_vintecinco {
      width: 23px;
      left:194px;
    }
}

#click_vinteseis{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#6d6fb3;
  top:216px;
  left:381px;
}
@media screen and (max-width: 480px) {
    #click_vinteseis{
      width:37px;
      left:337px;
    }
}
@media screen and (max-width: 375px) {
    #click_vinteseis {
      width: 23px;
      left:222px;
      top:228px;
    }
}
@media screen and (max-width: 360px) {
    #click_vinteseis {
      width: 23px;
      left:222px;
    }
}
@media screen and (max-width: 320px) {
    #click_vinteseis {
      width: 23px;
      left:222px;
    }
}

#click_vintesete{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#9e0b0f;
  top:216px;
  left:430px;
}
@media screen and (max-width: 480px) {
    #click_vintesete{
      width:37px;
      left:378px;
    }
}
@media screen and (max-width: 375px) {
    #click_vintesete {
      width: 23px;
      left:248px;
      top:228px;
    }
}
@media screen and (max-width: 360px) {
    #click_vintesete {
      width: 23px;
      left:248px;
    }
}
@media screen and (max-width: 320px) {
    #click_vintesete {
      width: 23px;
      left:248px;
    }
}

#click_vinteoito{
  width: 45px;
  height: 25px;
  z-index:1000;
  position:absolute;
  border-radius: 2px;
  background-color:#fff;
  top:216px;
  left:479px;
}
@media screen and (max-width: 480px) {
    #click_vinteoito{
      width:37px;
      left:418px;
    }
}
@media screen and (max-width: 375px) {
    #click_vinteoito {
      width: 23px;
      left:275px;
      top:228px;
    }
}
@media screen and (max-width: 360px) {
    #click_vinteoito {
      width: 23px;
      left:275px;
    }
}
@media screen and (max-width: 320px) {
    #click_vinteoito {
      width: 23px;
      left:275px;
    }
}



#zero{
  display:block;
  position:absolute;
  top:251px;
  left:21px;
  width:518px;
  height:1500px;
  z-index: 1000;
}

#um{
  display:none;
  position:absolute;
  top:250px;
  left:21px;
  width:518px;
  height:1500px;
  z-index: 1000;
  background-color:#fff;
}
#um{
  display:none;
  position:absolute;
  top:251px;
  left:21px;
  width:518px;
  height:1588px;
  z-index: 1000;
  background-color:#fff;
}
@media screen and (max-width: 480px) {
    #um {
      width:460px;
      height:auto;
    }
}
@media screen and (max-width: 375px) {
    #um{
      width:355px;
      height:auto;
    }
}
@media screen and (max-width: 360px) {
    #um{
      width:340px;
      height:auto;
    }
}
@media screen and (max-width: 320px) {
    #um {
      width:300px;
      height:auto;
    }
}


#dois, #tres, #quatro, #cinco, #seis, #sete, #oito, #nove, #dez, #onze,
#doze, #treze, #quatorze, #quinze, #dezesseis, #dezessete, #dezoito, #dezenove, #vinte,
#vinteum, #vintedois, #vintetres, #vintequatro, #vintecinco, #vinteseis, #vintesete, #vinteoito{
  display:none;
  position:absolute;
  top:251px;
  left:21px;
  width:518px;
  height:1588px;
  z-index: 1000;
  background-color:#fff;
}
@media screen and (max-width: 480px) {
    #dois, #tres, #quatro, #cinco, #seis, #sete, #oito, #nove, #dez, #onze,
    #doze, #treze, #quatorze, #quinze, #dezesseis, #dezessete, #dezoito, #dezenove, #vinte,
    #vinteum, #vintedois, #vintetres, #vintequatro, #vintecinco, #vinteseis, #vintesete, #vinteoito {
      width:460px;
      height:auto;
    }
}
@media screen and (max-width: 375px) {
    #dois, #tres, #quatro, #cinco, #seis, #sete, #oito, #nove, #dez, #onze,
    #doze, #treze, #quatorze, #quinze, #dezesseis, #dezessete, #dezoito, #dezenove, #vinte,
    #vinteum, #vintedois, #vintetres, #vintequatro, #vintecinco, #vinteseis, #vintesete, #vinteoito{
      width:355px;
      height:auto;
    }
}
@media screen and (max-width: 360px) {
    #dois, #tres, #quatro, #cinco, #seis, #sete, #oito, #nove, #dez, #onze,
    #doze, #treze, #quatorze, #quinze, #dezesseis, #dezessete, #dezoito, #dezenove, #vinte,
    #vinteum, #vintedois, #vintetres, #vintequatro, #vintecinco, #vinteseis, #vintesete, #vinteoito{
      width:340px;
      height:auto;
    }
}
@media screen and (max-width: 320px) {
    #dois, #tres, #quatro, #cinco, #seis, #sete, #oito, #nove, #dez, #onze,
    #doze, #treze, #quatorze, #quinze, #dezesseis, #dezessete, #dezoito, #dezenove, #vinte,
    #vinteum, #vintedois, #vintetres, #vintequatro, #vintecinco, #vinteseis, #vintesete, #vinteoito {
      width:300px;
      height:auto;
    }
}

#fecharrr{
  position:absolute;
  top:8px;
  left:491px;
  cursor:pointer;
}

.linhasss0{
  position:absolute;
  top:-3px;
  left:-22px;
  z-index:10000;
}


.linhasss1{
  position:absolute;
  top:-2px;
  left:-22px;
  z-index:10000;
}

.linhasss2, .linhasss3, .linhasss4, .linhasss5, .linhasss6, .linhasss7, .linhasss8, .linhasss9,
.linhasss10, .linhasss11, .linhasss12, .linhasss13, .linhasss14, .linhasss15, .linhasss16, .linhasss17, .linhasss18, .linhasss19,
.linhasss20, .linhasss21, .linhasss22, .linhasss23, .linhasss24, .linhasss25, .linhasss26, .linhasss27, .linhasss28{
  display:none;
  position:absolute;
  top:-3px;
  left:-22px;
  z-index:10000;
}
@media screen and (max-width: 480px) {
    .linhasss0,.linhasss1,.linhasss2, .linhasss3, .linhasss4, .linhasss5, .linhasss6, .linhasss7, .linhasss8, .linhasss9,
    .linhasss10, .linhasss11, .linhasss12, .linhasss13, .linhasss14, .linhasss15, .linhasss16, .linhasss17, .linhasss18, .linhasss19,
    .linhasss20, .linhasss21, .linhasss22, .linhasss23, .linhasss24, .linhasss25, .linhasss26, .linhasss27, .linhasss28 {
      width:460px;
      height:auto;
    }
}
@media screen and (max-width: 375px) {
    .linhasss0,.linhasss1,.linhasss2, .linhasss3, .linhasss4, .linhasss5, .linhasss6, .linhasss7, .linhasss8, .linhasss9,
    .linhasss10, .linhasss11, .linhasss12, .linhasss13, .linhasss14, .linhasss15, .linhasss16, .linhasss17, .linhasss18, .linhasss19,
    .linhasss20, .linhasss21, .linhasss22, .linhasss23, .linhasss24, .linhasss25, .linhasss26, .linhasss27, .linhasss28{
      width:355px;
      height:auto;
      top: 264px;
    }
}
@media screen and (max-width: 360px) {
    .linhasss0,.linhasss1,.linhasss2, .linhasss3, .linhasss4, .linhasss5, .linhasss6, .linhasss7, .linhasss8, .linhasss9,
    .linhasss10, .linhasss11, .linhasss12, .linhasss13, .linhasss14, .linhasss15, .linhasss16, .linhasss17, .linhasss18, .linhasss19,
    .linhasss20, .linhasss21, .linhasss22, .linhasss23, .linhasss24, .linhasss25, .linhasss26, .linhasss27, .linhasss28{
      width:340px;
      height:auto;
      top: 236px;

    }
}
@media screen and (max-width: 320px) {
    .linhasss0,.linhasss1,.linhasss2, .linhasss3, .linhasss4, .linhasss5, .linhasss6, .linhasss7, .linhasss8, .linhasss9,
    .linhasss10, .linhasss11, .linhasss12, .linhasss13, .linhasss14, .linhasss15, .linhasss16, .linhasss17, .linhasss18, .linhasss19,
    .linhasss20, .linhasss21, .linhasss22, .linhasss23, .linhasss24, .linhasss25, .linhasss26, .linhasss27, .linhasss28 {
      width:300px;
      top:264px;
      height:auto;
    }
}