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

#fundo {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  width:560px;
  height:auto;
}


.fundooo, .telas {
  width:560px;
  height:auto;
  z-index:-1;
  position:absolute;
  top:0;
  left:0;
}
/*
@media screen and (max-width: 560px) {
    .fundooo, .telas {
      width: 100%;
      height:auto;
    }
}
*/
@media screen and (max-width: 480px) {
    .fundooo, .telas {
      width: 480px;
      height:auto;
    }
}
@media screen and (max-width: 414px) {
    .fundooo, .telas {
      width: 414px;
      height:auto;
    }
}
@media screen and (max-width: 375px) {
    .fundooo, .telas {
      width: 375px;
      height:auto;
    }
}
@media screen and (max-width: 360px) {
    .fundooo, .telas {
      width: 360px;
      height:auto;
    }
}
@media screen and (max-width: 320px) {
    .fundooo, .telas {
      width: 320px;
      height:auto;
    }
}


/*clicks*/

#click_um, #click_dois, #click_tres, #click_quatro, #click_cinco, #click_seis, #click_sete, #click_oito, 
#click_nove, #click_dez, #click_onze, #click_doze, #click_treze, #click_quatorze, #click_quinze, 
#click_dezesseis, #click_dezessete, #click_dezoito, #click_dezenove, #click_vinte, #click_vinteum {
  position:absolute;
  width:20px;
  height:20px;
  border-radius:50%;
  /*background-color:red;*/
  opacity: 0;
  filter: alpha(opacity=0); /* For IE8 and earlier */
  z-index:10000;
}


#click_um {
  top:385px;
  left:269px;
}
/*
@media screen and (max-width: 560px) {
    #click_um {
      top:376px;
      left:262px;
    }
}
*/
@media screen and (max-width: 480px) {
    #click_um {
      width:16px;
      height:16px;
      top: 332px;
      left: 232px;
    }
}
@media screen and (max-width: 414px) {
    #click_um {
      width:16px;
      height:16px;
      top: 283px;
      left: 200px;
    }
}
@media screen and (max-width: 375px) {
    #click_um {
      width: 12px;
      height: 12px;
      top: 259px;
      left: 181px;
    }
}
@media screen and (max-width: 360px) {
    #click_um {
      width: 12px;
      height: 12px;
      top: 248px;
      left: 174px;
    }
}
@media screen and (max-width: 320px) {
    #click_um {
      width:10px;
      height:10px;
      top: 221px;
      left: 155px;
    }
}

#click_dois {
  top:391px;
  left:303px;
}

@media screen and (max-width: 480px) {
    #click_dois {
      width:16px;
      height:16px;
      top: 335px;
      left: 260px;
    }
}
@media screen and (max-width: 414px) {
    #click_dois {
      width:16px;
      height:16px;
      top: 287px;
      left: 223px;
    }
}
@media screen and (max-width: 375px) {
    #click_dois {
      width: 12px;
      height: 12px;
      top: 262px;
      left: 203px;
    }
}
@media screen and (max-width: 360px) {
    #click_dois {
      width: 12px;
      height: 12px;
      top: 251px;
      left: 195px;
    }
}
@media screen and (max-width: 320px) {
    #click_dois {
      width:10px;
      height:10px;
      top: 224px;
      left: 174px;
    }
}

#click_tres {
  top:404px;
  left:336px;
}

@media screen and (max-width: 480px) {
    #click_tres {
      width:16px;
      height:16px;
      top: 348px;
      left: 289px;
    }
}
@media screen and (max-width: 414px) {
    #click_tres {
      width:16px;
      height:16px;
      top: 297px;
      left: 248px;
    }
}
@media screen and (max-width: 375px) {
    #click_tres {
      width: 12px;
      height: 12px;
      top: 272px;
      left: 226px;
    }
}
@media screen and (max-width: 360px) {
    #click_tres {
      width: 12px;
      height: 12px;
      top: 260px;
      left: 216px;
    }
}
@media screen and (max-width: 320px) {
    #click_tres {
      width:10px;
      height:10px;
      top: 232px;
      left: 193px;
    }
}

#click_quatro {
  top:427px;
  left:361px;
}

@media screen and (max-width: 480px) {
    #click_quatro {
      width:16px;
      height:16px;
      top: 367px;
      left: 310px;
    }
}
@media screen and (max-width: 414px) {
    #click_quatro {
      width:16px;
      height:16px;
      top: 314px;
      left: 267px;
    }
}
@media screen and (max-width: 375px) {
    #click_quatro {
      width: 12px;
      height: 12px;
      top: 287px;
      left: 243px;
    }
}
@media screen and (max-width: 360px) {
    #click_quatro {
      width: 12px;
      height: 12px;
      top: 275px;
      left: 233px;
    }
}
@media screen and (max-width: 320px) {
    #click_quatro {
      width:10px;
      height:10px;
      top: 245px;
      left: 208px;
    }
}

#click_cinco {
  top:456px;
  left:380px;
}

@media screen and (max-width: 480px) {
    #click_cinco {
      width:16px;
      height:16px;
      top: 392px;
      left: 326px;
    }
}
@media screen and (max-width: 414px) {
    #click_cinco {
      width:16px;
      height:16px;
      top: 336px;
      left: 281px;
    }
}
@media screen and (max-width: 375px) {
    #click_cinco {
      width: 12px;
      height: 12px;
      top: 307px;
      left: 255px;
    }
}
@media screen and (max-width: 360px) {
    #click_cinco {
      width: 12px;
      height: 12px;
      top: 293px;
      left: 244px;
    }
}
@media screen and (max-width: 320px) {
    #click_cinco {
      width:10px;
      height:10px;
      top: 262px;
      left: 218px;
    }
}

#click_seis {
  top:490px;
  left:388px;
}

@media screen and (max-width: 480px) {
    #click_seis {
      width:16px;
      height:16px;
      top: 420px;
      left: 333px;
    }
}
@media screen and (max-width: 414px) {
    #click_seis {
      width:16px;
      height:16px;
      top: 361px;
      left: 287px;
    }
}
@media screen and (max-width: 375px) {
    #click_seis {
      width: 12px;
      height: 12px;
      top: 329px;
      left: 261px;
    }
}
@media screen and (max-width: 360px) {
    #click_seis {
      width: 12px;
      height: 12px;
      top: 316px;
      left: 250px;
    }
}
@media screen and (max-width: 320px) {
    #click_seis {
      width:10px;
      height:10px;
      top: 281px;
      left: 223px;
    }
}

#click_sete {
  top:523px;
  left:388px;
}

@media screen and (max-width: 480px) {
    #click_sete {
      width:16px;
      height:16px;
      top: 448px;
      left: 333px;
    }
}
@media screen and (max-width: 414px) {
    #click_sete {
      width:16px;
      height:16px;
      top: 386px;
      left: 287px;
    }
}
@media screen and (max-width: 375px) {
    #click_sete {
      width: 12px;
      height: 12px;
      top: 351px;
      left: 261px;
    }
}
@media screen and (max-width: 360px) {
    #click_sete {
      width: 12px;
      height: 12px;
      top: 336px;
      left: 250px;
    }
}
@media screen and (max-width: 320px) {
    #click_sete {
      width:10px;
      height:10px;
      top: 299px;
      left: 223px;
    }
}


#click_oito {
  top:558px;
  left:375px;
}

@media screen and (max-width: 480px) {
    #click_oito {
      width:16px;
      height:16px;
      top: 479px;
      left: 322px;
    }
}
@media screen and (max-width: 414px) {
    #click_oito {
      width:16px;
      height:16px;
      top: 412px;
      left: 278px;
    }
}
@media screen and (max-width: 375px) {
    #click_oito {
      width: 12px;
      height: 12px;
      top: 375px;
      left: 252px;
    }
}
@media screen and (max-width: 360px) {
    #click_oito {
      width: 12px;
      height: 12px;
      top: 360px;
      left: 241px;
    }
}
@media screen and (max-width: 320px) {
    #click_oito {
      width:10px;
      height:10px;
      top: 320px;
      left: 215px;
    }
}

#click_nove {
  top:588px;
  left:355px;
}

@media screen and (max-width: 480px) {
    #click_nove {
      width:16px;
      height:16px;
      top: 504px;
      left: 304px;
    }
}
@media screen and (max-width: 414px) {
    #click_nove {
      width:16px;
      height:16px;
      top: 433px;
      left: 261px;
    }
}
@media screen and (max-width: 375px) {
    #click_nove {
      width: 12px;
      height: 12px;
      top: 394px;
      left: 237px;
    }
}
@media screen and (max-width: 360px) {
    #click_nove {
      width: 12px;
      height: 12px;
      top: 378px;
      left: 227px;
    }
}
@media screen and (max-width: 320px) {
    #click_nove {
      width:10px;
      height:10px;
      top: 337px;
      left: 203px;
    }
}

#click_dez {
  top:608px;
  left:324px;
}

@media screen and (max-width: 480px) {
    #click_dez {
      width:16px;
      height:16px;
      top: 521px;
      left: 279px;
    }
}
@media screen and (max-width: 414px) {
    #click_dez {
      width:16px;
      height:16px;
      top: 447px;
      left: 239px;
    }
}
@media screen and (max-width: 375px) {
    #click_dez {
      width: 12px;
      height: 12px;
      top: 408px;
      left: 218px;
    }
}
@media screen and (max-width: 360px) {
    #click_dez {
      width: 12px;
      height: 12px;
      top: 391px;
      left: 209px;
    }
}
@media screen and (max-width: 320px) {
    #click_dez {
      width:10px;
      height:10px;
      top: 348px;
      left: 186px;
    }
}

#click_onze {
  top:618px;
  left:293px;
}

@media screen and (max-width: 480px) {
    #click_onze {
      width:16px;
      height:16px;
      top: 530px;
      left: 251px;
    }
}
@media screen and (max-width: 414px) {
    #click_onze {
      width:16px;
      height:16px;
      top: 456px;
      left: 216px;
    }
}
@media screen and (max-width: 375px) {
    #click_onze {
      width: 12px;
      height: 12px;
      top: 415px;
      left: 197px;
    }
}
@media screen and (max-width: 360px) {
    #click_onze {
      width: 12px;
      height: 12px;
      top: 397px;
      left: 188px;
    }
}
@media screen and (max-width: 320px) {
    #click_onze {
      width:10px;
      height:10px;
      top: 354px;
      left: 168px;
    }
}

#click_doze {
  top:618px;
  left:260px;
}

@media screen and (max-width: 480px) {
    #click_doze {
      width:16px;
      height:16px;
      top: 531px;
      left: 224px;
    }
}
@media screen and (max-width: 414px) {
    #click_doze {
      width:16px;
      height:16px;
      top: 456px;
      left: 192px;
    }
}
@media screen and (max-width: 375px) {
    #click_doze {
      width: 12px;
      height: 12px;
      top: 415px;
      left: 175px;
    }
}
@media screen and (max-width: 360px) {
    #click_doze {
      width: 12px;
      height: 12px;
      top: 398px;
      left: 168px;
    }
}
@media screen and (max-width: 320px) {
    #click_doze {
      width:10px;
      height:10px;
      top: 354px;
      left: 150px;
    }
}


#click_treze {
  top: 609px;
  left: 227px;
}

@media screen and (max-width: 480px) {
    #click_treze {
      width:16px;
      height:16px;
      top: 523px;
      left: 195px;
    }
}
@media screen and (max-width: 414px) {
    #click_treze {
      width:16px;
      height:16px;
      top: 450px;
      left: 167px;
    }
}
@media screen and (max-width: 375px) {
    #click_treze {
      width: 12px;
      height: 12px;
      top: 409px;
      left: 153px;
    }
}
@media screen and (max-width: 360px) {
    #click_treze {
      width: 12px;
      height: 12px;
      top: 392px;
      left: 146px;
    }
}
@media screen and (max-width: 320px) {
    #click_treze {
      width:10px;
      height:10px;
      top: 349px;
      left: 130px;
    }
}

#click_quatorze {
  top: 591px;
  left: 197px;
}

@media screen and (max-width: 480px) {
    #click_quatorze {
      width:16px;
      height:16px;
      top: 506px;
      left: 170px;
    }
}
@media screen and (max-width: 414px) {
    #click_quatorze {
      width:16px;
      height:16px;
      top: 436px;
      left: 144px;
    }
}
@media screen and (max-width: 375px) {
    #click_quatorze {
      width: 12px;
      height: 12px;
      top: 396px;
      left: 133px;
    }
}
@media screen and (max-width: 360px) {
    #click_quatorze {
      width: 12px;
      height: 12px;
      top: 380px;
      left: 127px;
    }
}
@media screen and (max-width: 320px) {
    #click_quatorze {
      width:10px;
      height:10px;
      top: 338px;
      left: 113px;
    }
}


#click_quinze {
  top: 563px;
  left: 174px;
}

@media screen and (max-width: 480px) {
    #click_quinze {
      width:16px;
      height:16px;
      top: 483px;
      left: 150px;
    }
}
@media screen and (max-width: 414px) {
    #click_quinze {
      width:16px;
      height:16px;
      top: 416px;
      left: 128px;
    }
}
@media screen and (max-width: 375px) {
    #click_quinze {
      width: 12px;
      height: 12px;
      top: 378px;
      left: 117px;
    }
}
@media screen and (max-width: 360px) {
    #click_quinze {
      width: 12px;
      height: 12px;
      top: 362px;
      left: 112px;
    }
}
@media screen and (max-width: 320px) {
    #click_quinze {
      width:10px;
      height:10px;
      top: 323px;
      left: 100px;
    }
}


#click_dezesseis {
  top: 532px;
  left: 161px;
}

@media screen and (max-width: 480px) {
    #click_dezesseis {
      width:16px;
      height:16px;
      top: 456px;
      left: 138px;
    }
}
@media screen and (max-width: 414px) {
    #click_dezesseis {
      width:16px;
      height:16px;
      top: 393px;
      left: 119px;
    }
}
@media screen and (max-width: 375px) {
    #click_dezesseis {
      width:12px;
      height:12px;
      top: 357px;
      left: 108px;
    }
}
@media screen and (max-width: 360px) {
    #click_dezesseis {
      width:12px;
      height:12px;
      top: 342px;
      left: 103px;
    }
}
@media screen and (max-width: 320px) {
    #click_dezesseis {
      width:10px;
      height:10px;
      top: 305px;
      left: 92px;
    }
}


#click_dezessete {
  top: 500px;
  left: 158px;
}

@media screen and (max-width: 480px) {
    #click_dezessete {
      width:16px;
      height:16px;
      top: 429px;
      left: 135px;
    }
}
@media screen and (max-width: 414px) {
    #click_dezessete {
      width:16px;
      height:16px;
      top: 369px;
      left: 117px;
    }
}
@media screen and (max-width: 375px) {
    #click_dezessete {
      width:12px;
      height:12px;
      top: 335px;
      left: 106px;
    }
}
@media screen and (max-width: 360px) {
    #click_dezessete {
      width:12px;
      height:12px;
      top: 321px;
      left: 101px;
    }
}
@media screen and (max-width: 320px) {
    #click_dezessete {
      width:10px;
      height:10px;
      top: 286px;
      left: 91px;
    }
}


#click_dezoito {
  top: 464px;
  left: 163px;
}

@media screen and (max-width: 480px) {
    #click_dezoito {
      width:16px;
      height:16px;
      top: 399px;
      left: 141px;
    }
}
@media screen and (max-width: 414px) {
    #click_dezoito {
      width:16px;
      height:16px;
      top: 343px;
      left: 120px;
    }
}
@media screen and (max-width: 375px) {
    #click_dezoito {
      width: 12px;
      height: 12px;
      top: 312px;
      left: 110px;
    }
}
@media screen and (max-width: 360px) {
    #click_dezoito {
      width: 12px;
      height: 12px;
      top: 299px;
      left: 105px;
    }
}
@media screen and (max-width: 320px) {
    #click_dezoito {
      width:10px;
      height:10px;
      top: 266px;
      left: 94px;
    }
}

#click_dezenove {
  top: 434px;
  left: 181px;
}

@media screen and (max-width: 480px) {
    #click_dezenove {
      width:16px;
      height:16px;
      top: 371px;
      left: 155px;
    }
}
@media screen and (max-width: 414px) {
    #click_dezenove {
      width:16px;
      height:16px;
      top: 319px;
      left: 132px;
    }
}
@media screen and (max-width: 375px) {
    #click_dezenove {
      width:12px;
      height:12px;
      top: 290px;
      left: 122px;
    }
}
@media screen and (max-width: 360px) {
    #click_dezenove {
      width:12px;
      height:12px;
      top: 279px;
      left: 117px;
    }
}
@media screen and (max-width: 320px) {
    #click_dezenove {
      width:10px;
      height:10px;
      top: 248px;
      left: 104px;
    }
}

#click_vinte {
  top: 409px;
  left: 204px;
}

@media screen and (max-width: 480px) {
    #click_vinte {
      width:16px;
      height:16px;
      top: 351px;
      left: 176px;
    }
}
@media screen and (max-width: 414px) {
    #click_vinte {
      width:16px;
      height:16px;
      top: 301px;
      left: 150px;
    }
}
@media screen and (max-width: 375px) {
    #click_vinte {
      width:12px;
      height:12px;
      top: 275px;
      left: 137px;
    }
}
@media screen and (max-width: 360px) {
    #click_vinte {
      width:12px;
      height:12px;
      top: 263px;
      left: 132px;
    }
}
@media screen and (max-width: 320px) {
    #click_vinte {
      width:10px;
      height:10px;
      top: 235px;
      left: 118px;
    }
}

#click_vinteum {
  top: 391px;
  left: 237px;
}

@media screen and (max-width: 480px) {
    #click_vinteum {
      width:16px;
      height:16px;
      top: 337px;
      left: 203px;
    }
}
@media screen and (max-width: 414px) {
    #click_vinteum {
      width:16px;
      height:16px;
      top: 288px;
      left: 174px;
    }
}
@media screen and (max-width: 375px) {
    #click_vinteum {
      width:12px;
      height:12px;
      top: 263px;
      left: 159px;
    }
}
@media screen and (max-width: 360px) {
    #click_vinteum {
      width:12px;
      height:12px;
      top: 253px;
      left: 152px;
    }
}
@media screen and (max-width: 320px) {
    #click_vinteum {
      width:10px;
      height:10px;
      top: 225px;
      left: 136px;
    }
}

/*display none*/

#um, #dois, #tres, #quatro, #cinco, #seis, #sete, #oito, 
#nove, #dez, #onze, #doze, #treze, #quatorze,#quinze, 
#dezesseis, #dezessete, #dezoito, #dezenove, #vinte, #vinteum {
  display:none;
  position:absolute;
  top:0;
  left:0;
  z-index: 1;
}