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

@font-face {
  font-family: "OpenSans-ExtraBold";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/OpenSans-ExtraBold.ttf");
  }
@font-face {
  font-family: "OpenSans-Bold";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/OpenSans-Bold.ttf");
  }
@font-face {
  font-family: "OpenSans-Semibold";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/OpenSans-Semibold.ttf");
  }
@font-face {
  font-family: "OpenSans-Regular";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/OpenSans-Regular.ttf");
  }
@font-face {
  font-family: "OpenSans-Light";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/OpenSans-Light.ttf");
  }  
@font-face {
  font-family: "Courier-Prime-Bold";
  src: url("https://s3.amazonaws.com/cdn.infografiaepoca.com.br/siteEpoca/fonts/Courier-Prime-Bold.ttf");
  }

body { 
  margin:0 auto;
  padding:0;
  border:none;
  background:#000;
  overflow: hidden;
}

::-webkit-scrollbar-track {
    background-color: #fff;
}
::-webkit-scrollbar {
    width: 25px;
    /*height:10px;*/
    background: #F4F4F4;
}
::-webkit-scrollbar-thumb {
    background-color: #000;
    border:5px solid #fff;
}


/*
.tudooo{
  width:1440px;
  height:800px;
}
@media screen and (max-width: 1280px) {
.tudooo{
  width:1280px;
  height:711px;
}
}
@media screen and (max-width: 1024px) {
.tudooo{
  width:1024px;
  height:569px;
}
}
@media screen and (max-width: 800px) {
.tudooo{
  width:800px;
  height:444px;
}
}
*/

.fundooo{
  margin:0;
  position:absolute;
  top:0;
  left:-4px;
  z-index:-1;
  width:1440px;
  height:800px;
}
@media screen and (max-width: 1280px) {
.fundooo{
  width:1280px;
  height:711px;
}
}
@media screen and (max-width: 1024px) {
.fundooo{
  width:1024px;
  height:569px;
}
}
@media screen and (max-width: 800px) {
.fundooo{
  width:800px;
  height:444px;
}
}

.content{
  overflow:auto;
  position:relative;
  top:25px;
  left:1038px;
  z-index:100000;
  height:600px;
  color:#fff;
  font-size:2.5em;
  font-family:'OpenSans-Regular';
  letter-spacing: -1px;
  padding-right: 25px;
}
@media screen and (max-width: 1280px) {
.content{
  left:911px;
  height:554px;
}
}
@media screen and (max-width: 1024px) {
.content{
  top:29px;
  left:724px;
  height:411px;
}
}
@media screen and (max-width: 800px) {
.content{
  left:563px;
  height:324px;
  top:-3px;
}
}


.bonecos-setoresss{
  position:absolute;
  top:270px;
  left:77px;
  z-index:100000;
}
@media screen and (max-width: 1280px) {
.bonecos-setoresss{
  width:170px;
  height:231px;
}
}
@media screen and (max-width: 1024px) {
.bonecos-setoresss{
  width:140px;
  height:190px;
  top:212px;
}
}
@media screen and (max-width: 800px) {
.bonecos-setoresss{
  width:120px;
  height:163px;
  top:132px;
  left:61px;
}
}

.setorrr, .setorrr2{
  color:#fff;
  font-size:0.9em;
  font-family:'OpenSans-Regular';
  text-transform:uppercase;
  width:21%;
  position:absolute;  
  z-index:100000;  
}
.setorrr{
  top:178px;
  left:66px;
}
@media screen and (max-width: 1280px) {
.setorrr{
  top:178px;
  left:66px;
}
}
@media screen and (max-width: 1024px) {
.setorrr{
  top:134px;
  left:66px;
}
}
@media screen and (max-width: 800px) {
.setorrr{
  top:52px;
  left:41px;
  width:27%;
}
}

.setorrr2{
  top:-52px;
  left:1058px;
}
@media screen and (max-width: 1280px) {
.setorrr2{
  top:-52px;
  left:934px;
}
}
@media screen and (max-width: 1024px) {
.setorrr2{
  top:-60px;
  left:744px;
}
}
@media screen and (max-width: 800px) {
.setorrr2{
  top:-72px;
  left:580px;
  width:27%;
}
}

.areaaa, .areaaa2{
  width: 300px;
  color:yellow;
  font-size:1.2em;
  font-family:'OpenSans-Bold';
  position:absolute;
  z-index:100000;
}
.areaaa{
  top:207px;
  left:64px;
}
@media screen and (max-width: 1280px) {
.areaaa{
  top:201px;
  left:64px;
}
}
@media screen and (max-width: 1024px) {
.areaaa{
  font-size:0.9em;
  top:168px;
  left:64px;
  width:231px;
}
}
@media screen and (max-width: 800px) {
.areaaa{
  font-size:0.7em;
  top:88px;
  left:39px;
}
}
.areaaa2{
  top:-23px;
  left:1058px;
}
@media screen and (max-width: 1280px) {
.areaaa2{
  top:-23px;
  left:934px;
}
}
@media screen and (max-width: 1024px) {
.areaaa2{
  font-size:0.9em;
  top:-15px;
  left:744px;
  width:231px;
}
}
@media screen and (max-width: 800px) {
.areaaa2{
  font-size:0.7em;
  top:-35px;
  left:580px;
}
}

.lobistasss {
  color:yellow;
  font-size:3.5em;
  font-family:'OpenSans-Light';
  position:absolute;  
  z-index:100000;
  top:514px;
  left:53px;
}
@media screen and (max-width: 1280px) {
.lobistasss{
  font-size:3.0em;
  top:456px;
}
}
@media screen and (max-width: 1024px) {
.lobistasss{
  font-size:2.5em;
  top:368px;
}
}
@media screen and (max-width: 800px) {
.lobistasss{
  font-size:2.0em;
  top:269px;
}
}


.titleee{
  color:#fff;
  font-size:2.5em;
  font-family:'OpenSans-ExtraBold';
  line-height:0.9em;
  text-align:left;
  text-transform:uppercase;
  width:15%;
  height:auto;
  position:absolute;
  top:8px;
  left:31px;
  padding-left:15px;
  letter-spacing:-1px;
  z-index:100000;  
}
@media screen and (max-width: 1280px) {
.titleee{
  width:20%;
  font-size:2.8em;
  top:-12px;
}
}
@media screen and (max-width: 1024px) {
.titleee{
  width:20%;
  font-size:2.0em;
  top:-1px;
}
}
@media screen and (max-width: 800px) {
.titleee{
  width:20%;
  font-size:1.8em;
  top:-7px;
  left:5px;
}
}

.subtitleee{
  color:#fff;
  font-size:1.8em;
  font-family:'OpenSans-Bold';
  line-height:27px;
  text-align:left;
  width:20%;
  height:auto;
  position:absolute;
  top:99px;
  left:31px;
  padding-left:15px;
  letter-spacing:0;
  z-index:100000;  
}
@media screen and (max-width: 1280px) {
.subtitleee{
  width:20%;
  font-size:1.7em;
  top:90px;
}
}
@media screen and (max-width: 1024px) {
.subtitleee{
  width:23%;
  font-size:1.5em;
  top:66px;
}
}
@media screen and (max-width: 800px) {
.subtitleee{
  width:26%;
  font-size:1.0em;
  top:62px;
  left:5px;
  line-height:1.0em;
}
}

a.linksss:link, a.linksss:visited {
  text-decoration: none
  }
a.linksss:hover { 
  color: #ccc
  }
a.linksss:active {
  text-decoration: none
  }

.linhasss0{
  display:block;
  position:relative;
  top:-610px;
  left:-9px;
}
@media screen and (max-width: 1280px) {
.linhasss0{
  top:90px;
}
}
@media screen and (max-width: 1024px) {
.linhasss0{
  top:46px;
}
}
@media screen and (max-width: 800px) {
.linhasss0{
  top:-460px;
  left:-35px;
}
}

.linhasss{
  display:none;
  position:relative;
  top:90px;
  left:-9px;
}
@media screen and (max-width: 1280px) {
.linhasss{
  top:90px;
}
}
@media screen and (max-width: 1024px) {
.linhasss{
  top:46px;
}
}
@media screen and (max-width: 800px) {
.linhasss{
  top:-36px;
  left:-35px;
}
}

.linhaaa1, .linhaaa2 {
  position:absolute;
  border: 0;
  background: #fff;
  width:270px;
  height:1px;
  z-index:100000;
}
@media screen and (max-width: 1280px) {
.linhaaa1, .linhaaa2{
  width:252px;
}
}
@media screen and (max-width: 1024px) {
.linhaaa1, .linhaaa2{
  width:236px;
}
}
@media screen and (max-width: 800px) {
.linhaaa1, .linhaaa2{
  width:181px;
}
}
.linhaaa3, .linhaaa4 {
  position:absolute;
  border: 0;
  background: #fff;
  width:324px;
  height:1px;
  z-index:100000;
}
@media screen and (max-width: 1280px) {
.linhaaa3, .linhaaa4{
  width:349px;
}
}
@media screen and (max-width: 1024px) {
.linhaaa3, .linhaaa4{
  width:236px;
}
}
@media screen and (max-width: 800px) {
.linhaaa3, .linhaaa4{
  width:222px;
}
}

.linhaaa1 {
  top:190px;
  left:56px;
}

.linhaaa2 {
  top:214px;
  left:56px;
}

.linhaaa3 {
  top:-40px;
  left:1048px;
}
@media screen and (max-width: 1280px) {
.linhaaa3{
  top:-44px;
  left:921px;
}
}
@media screen and (max-width: 1024px) {
.linhaaa3{
  top:-10px;
  left:734px;
  width:285px;
}
}
@media screen and (max-width: 800px) {
.linhaaa3{
  top:63px;
  left:601px;
}
}

.linhaaa4 {
  top:-16px;
  left:1048px;
}
@media screen and (max-width: 1280px) {
.linhaaa4{
  top:-16px;
  left:921px;
}
}
@media screen and (max-width: 1024px) {
.linhaaa4{
  top:24px;
  left:734px;
  width:285px;
}
}
@media screen and (max-width: 800px) {
.linhaaa4{
  top:91px;
  left:601px;
}
}

.nomeee{
  font-family:"OpenSans-Regular";
  font-size:0.9em;
  color:#fff;
  margin-top:2px;
  letter-spacing: 0;
}

.siglaaa{
  font-family:"OpenSans-Regular";
  font-size:0.9em;
  color:#fff;
  font-height:1.0em;
  text-transform:uppercase;
  margin:-10px 0 -3px 0;
}

.localll{
  font-family:"OpenSans-Regular";
  font-size:0.8em;
  color:#fff;
  font-height:1.0em;
  margin-top:5px;
  letter-spacing: 0;
}

.texto-botaooo2, .texto-botaooo3, .texto-botaooo4, .texto-botaooo5, .texto-botaooo6, .texto-botaooo7,
.texto-botaooo8, .texto-botaooo9, .texto-botaooo10, .texto-botaooo11, .texto-botaooo12, .texto-botaooo13, .texto-botaooo14{
  font-family:"OpenSans-Regular";
  font-size:0.8em;
  color:#fff;
  margin-top:5px;
  margin-left:13px;
}
@media screen and (max-width: 1280px) {
.texto-botaooo2, .texto-botaooo3, .texto-botaooo4, .texto-botaooo5, .texto-botaooo6, .texto-botaooo7,
.texto-botaooo8, .texto-botaooo9, .texto-botaooo10, .texto-botaooo11, .texto-botaooo12, .texto-botaooo13, .texto-botaooo14{
  font-size:0.8em;
  margin-top:5px;
  margin-left:10px;
}
}
@media screen and (max-width: 1024px) {
.texto-botaooo2, .texto-botaooo3, .texto-botaooo4, .texto-botaooo5, .texto-botaooo6, .texto-botaooo7,
.texto-botaooo8, .texto-botaooo9, .texto-botaooo10, .texto-botaooo11, .texto-botaooo12, .texto-botaooo13, .texto-botaooo14{
  font-size:0.8em;
  margin-top:0;
  margin-left:5px;
}
}
@media screen and (max-width: 800px) {
.texto-botaooo2, .texto-botaooo3, .texto-botaooo4, .texto-botaooo5, .texto-botaooo6, .texto-botaooo7,
.texto-botaooo8, .texto-botaooo9, .texto-botaooo10, .texto-botaooo11, .texto-botaooo12, .texto-botaooo13, .texto-botaooo14{
  font-size:0.6em;
  margin-top:1px;
  margin-left:4px;
}
}

.texto-botaooo1{
  font-family:"OpenSans-Regular";
  font-size:0.8em;
  color:#000;
  margin-top:5px;
  margin-left:13px;
}
@media screen and (max-width: 1280px) {
.texto-botaooo1{
  font-size:0.8em;
  margin-top:5px;
  margin-left:10px;
}
}
@media screen and (max-width: 1024px) {
.texto-botaooo1{
  font-size:0.8em;
  margin-top:0;
  margin-left:5px;
}
}
@media screen and (max-width: 800px) {
.texto-botaooo1{
  font-size:0.6em;
  margin-top:1px;
  margin-left:4px;
}
}

.numerooo1{
  font-family:"OpenSans-Extrabold";
  font-size:1.7em;
  color:#000;
  margin-top:-16px;
  margin-left:20px;
}
@media screen and (max-width: 1280px) {
.numerooo1{
  font-size:1.5em;
  margin-top:-18px;
  margin-left:18px;
}
}
@media screen and (max-width: 1024px) {
.numerooo1{
  font-size:1.3em;
  margin-top:-18px;
  margin-left:13px;
}
}
@media screen and (max-width: 800px) {
.numerooo1{
  font-size:1.0em;
  margin-top:-14px;
  margin-left:11px;
}
}

.numerooo2, .numerooo3, .numerooo4, .numerooo5, .numerooo6, .numerooo7, .numerooo8, .numerooo9{
  font-family:"OpenSans-Extrabold";
  font-size:1.7em;
  color:#fff;
  margin-top:-16px;
  margin-left:20px;
}
@media screen and (max-width: 1280px) {
.numerooo2, .numerooo3, .numerooo4, .numerooo5, .numerooo6, .numerooo7, .numerooo8, .numerooo9{
  font-size:1.5em;
  margin-top:-18px;
  margin-left:18px;
}
}
@media screen and (max-width: 1024px) {
.numerooo2, .numerooo3, .numerooo4, .numerooo5, .numerooo6, .numerooo7, .numerooo8, .numerooo9{
  font-size:1.3em;
  margin-top:-18px;
  margin-left:13px;
}
}
@media screen and (max-width: 800px) {
.numerooo2, .numerooo3, .numerooo4, .numerooo5, .numerooo6, .numerooo7, .numerooo8, .numerooo9{
  font-size:1.0em;
  margin-top:-14px;
  margin-left:11px;
}
}

.numerooo10, .numerooo11, .numerooo12, .numerooo13, .numerooo14{
  font-family:"OpenSans-Extrabold";
  font-size:1.7em;
  color:#fff;
  margin-top:-16px;
  margin-left:13px;
}
@media screen and (max-width: 1280px) {
.numerooo10, .numerooo11, .numerooo12, .numerooo13, .numerooo14{
  font-size:1.5em;
  margin-top:-18px;
  margin-left:11px;
}
}
@media screen and (max-width: 1024px) {
.numerooo10, .numerooo11, .numerooo12, .numerooo13, .numerooo14{
  font-size:1.3em;
  margin-top:-18px;
  margin-left:7px;
}
}
@media screen and (max-width: 800px) {
.numerooo10, .numerooo11, .numerooo12, .numerooo13, .numerooo14{
  font-size:1.0em;
  margin-top:-14px;
  margin-left:6px;
}
}


.trrr{
  border-bottom:1px solid #fff;
  border-top:1px solid #fff;
  display: block;
  z-index:1000000;
  width:290px;
  height:92px;
  margin-top:-2px;
}
@media screen and (max-width: 800px) {
.trrr{
  height:133px;
}
}

.tddd{
  color:#fff;
  width:290px;
  padding-top:4px;
  /*
  border:1px solid #fff;
  margin:0 0 -55px 0;
  width:958px;
  height:26px;
  padding-left:18px;
  */
}
@media screen and (max-width: 1024px) {
.tddd{
  width:251px;
}
}
@media screen and (max-width: 800px) {
.tddd{
  font-size:1.0em;
  margin-top:-14px;
  margin-left:6px;
  width:180px;
}
}

.legendaaa{
  color:#fff;
  font-size:14px;
  font-family:'OpenSans-Light';
  letter-spacing:0;
  position:absolute;
  top:677px;
  left:497px;
  z-index:1000;
}
@media screen and (max-width: 1280px) {
.legendaaa{
  top:602px;
  left:436px;
}
}
@media screen and (max-width: 1024px) {
.legendaaa{
  top:475px;
  left:339px;
}
}
@media screen and (max-width: 800px) {
.legendaaa{
  top:365px;
  left:251px;
  font-size:0.8em;
}
}
.legendaaa2{
  color:#fff;
  font-size:14px;
  font-family:'OpenSans-Light';
  letter-spacing:0;
  position:absolute;
  top:677px;
  left:805px;
  z-index:1000;
}
@media screen and (max-width: 1280px) {
.legendaaa2{
  top:602px;
  left:709px;
}
}
@media screen and (max-width: 1024px) {
.legendaaa2{
  top:475px;
  left:555px;
}
}
@media screen and (max-width: 800px) {
.legendaaa2{
  top:365px;
  left:428px;
  font-size:0.8em;
}
}

.fonteee{
  color:#fff;
  font-size:0.9em;
  font-family:'OpenSans-Regular';
  line-height:1.2em;
  text-align:left;
  width:300px;
  height:auto;
  position:absolute;
  top:1520px;
  left:45px;
  z-index:100000;
}

.brancooo{
  background-color:#fff;
  width:30px;
  height:30px;
  position:absolute;
  top:705px;
  left:46px;
}

.amarelooo{
  background-color:#000;
  width:270px;
  height:413px;
  position:absolute;
  top:192px;
  left:56px;
  z-index:10000;
  cursor:auto;
}
@media screen and (max-width: 1280px) {
.amarelooo{
  width:207px;
  height:316px;
}
}
@media screen and (max-width: 1024px) {
.amarelooo{
  top:150px;
  left:45px;
}
}
@media screen and (max-width: 800px) {
.amarelooo{
  top:150px;
  left:45px;
}
}





.ummm, .doisss, .tresss, .quatrooo, .cincooo, .seisss, .seteee, .oitooo, .noveee, .dezzz, .onzeee, .dozeee,
.trezeee, .quatorzeee{
  position:absolute;
  background-color:#fff000;
  border:1px solid #000;
}

.ummm:hover, .doisss:hover, .tresss:hover, .quatrooo:hover, .cincooo:hover, .seisss:hover, .seteee:hover, .oitooo:hover, .noveee:hover, .dezzz:hover, .onzeee:hover, .dozeee:hover,
.trezeee:hover, .quatorzeee:hover{
  background-color:#595959;
}

.ummm{
  width:496px;
  height:393px;
  top:41px;
  left:347px;
}

.doisss{
  width:279px;
  height:321px;
  top:436px;
  left:347px;
}

.tresss{
  width:215px;
  height:321px;
  top:436px;
  left:628px;
}

.quatrooo{
  width:265px;
  height:193px;
  top:41px;
  left:845px;
}

.cincooo{
  width:265px;
  height:182px;
  top:236px;
  left:845px;
}

.seisss{
  width:265px;
  height:169px;
  top:420px;
  left:845px;
}

.seteee{
  width:265px;
  height:166px;
  top:591px;
  left:845px;
}

.seteee{
  width:265px;
  height:166px;
  top:591px;
  left:845px;
}

.oitooo{
  width:176px;
  height:241px;
  top:41px;
  left:1112px;
}

.noveee{
  width:176px;
  height:146px;
  top:284px;
  left:1112px;
}

.dezzz{
  width:176px;
  height:128px;
  top:432px;
  left:1112px;
}

.onzeee{
  width:176px;
  height:104px;
  top:562px;
  left:1112px;
}

.dozeee{
  width:176px;
  height:89px;
  top:668px;
  left:1112px;
}

.trezeee{
  width:118px;
  height:112px;
  top:41px;
  left:1290px;
}

.quatorzeee{
  width:118px;
  height:98px;
  top:155px;
  left:1290px;
}


/*clicks*/

#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{
  cursor: pointer;
  position:absolute;
  background-color:#000;
  border:1px #CCC solid;
  width:59px;
  height:59px;
}
@media screen and (max-width: 1280px) {
#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{
  width:52px;
  height:52px;
}
}
@media screen and (max-width: 1024px) {
#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{
  width:40px;
  height:40px;
}
}
@media screen and (max-width: 800px) {
#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{
  width:31px;
  height:31px;
}
}

#click_um{
  cursor: pointer;
  position:absolute;
  background-color:#ffff00;
  border:1px #CCC solid;
  width:59px;
  height:59px;
  top:50px;
  left:426px;
}
@media screen and (max-width: 1280px) {
#click_um{
  top:44px;
  left:378px;
  width:52px;
  height:52px;
}
}
@media screen and (max-width: 1024px) {
#click_um{
  top:36px;
  left:302px;
  width:40px;
  height:40px;
}
}
@media screen and (max-width: 800px) {
#click_um{
  top:27px;
  left:235px;
  width:31px;
  height:31px;
}
}

#click_dois{
  top:115px;
  left:426px;
}
@media screen and (max-width: 1280px) {
#click_dois{
  top:102px;
  left:378px;
}
}
@media screen and (max-width: 1024px) {
#click_dois{
  top:82px;
  left:302px;
}
}
@media screen and (max-width: 800px) {
#click_dois{
  top:64px;
  left:235px;
}
}

#click_tres{
  top:180px;
  left:426px;
}
@media screen and (max-width: 1280px) {
#click_tres{
  top:160px;
  left:378px;
}
}
@media screen and (max-width: 1024px) {
#click_tres{
  top:128px;
  left:302px;
}
}
@media screen and (max-width: 800px) {
#click_tres{
  top:100px;
  left:235px;
}
}

#click_quatro{
  top:245px;
  left:426px;
}
@media screen and (max-width: 1280px) {
#click_quatro{
  top:218px;
  left:378px;
}
}
@media screen and (max-width: 1024px) {
#click_quatro{
  top:174px;
  left:302px;
}
}
@media screen and (max-width: 800px) {
#click_quatro{
  top:136px;
  left:235px;
}
}

#click_cinco{
  top:310px;
  left:426px;
}
@media screen and (max-width: 1280px) {
#click_cinco{
  top:275px;
  left:378px;
}
}
@media screen and (max-width: 1024px) {
#click_cinco{
  top:221px;
  left:302px;
}
}
@media screen and (max-width: 800px) {
#click_cinco{
  top:172px;
  left:235px;
}
}

#click_seis{
  top:375px;
  left:426px;
}
@media screen and (max-width: 1280px) {
#click_seis{
  top:333px;
  left:378px;
}
}
@media screen and (max-width: 1024px) {
#click_seis{
  top:267px;
  left:302px;
}
}
@media screen and (max-width: 800px) {
#click_seis{
  top:208px;
  left:235px;
}
}

#click_sete{
  top:440px;
  left:426px;
}
@media screen and (max-width: 1280px) {
#click_sete{
  top:391px;
  left:378px;
}
}
@media screen and (max-width: 1024px) {
#click_sete{
  top:314px;
  left:302px;
}
}
@media screen and (max-width: 800px) {
#click_sete{
  top:244px;
  left:235px;
}
}

#click_oito{
  top:50px;
  left:946px;
}
@media screen and (max-width: 1280px) {
#click_oito{
  top:44px;
  left:840px;
}
}
@media screen and (max-width: 1024px) {
#click_oito{
  top:36px;
  left:672px;
}
}
@media screen and (max-width: 800px) {
#click_oito{
  top:27px;
  left:524px;
}
}

#click_nove{
  top:115px;
  left:946px;
}
@media screen and (max-width: 1280px) {
#click_nove{
  top:102px;
  left:840px;
}
}
@media screen and (max-width: 1024px) {
#click_nove{
  top:82px;
  left:672px;
}
}
@media screen and (max-width: 800px) {
#click_nove{
  top:64px;
  left:524px;
}
}

#click_dez{
  top:180px;
  left:946px;
}
@media screen and (max-width: 1280px) {
#click_dez{
  top:160px;
  left:840px;
}
}
@media screen and (max-width: 1024px) {
#click_dez{
  top:128px;
  left:672px;
}
}
@media screen and (max-width: 800px) {
#click_dez{
  top:100px;
  left:524px;
}
}

#click_onze{
  top:245px;
  left:946px;
}
@media screen and (max-width: 1280px) {
#click_onze{
  top:218px;
  left:840px;
}
}
@media screen and (max-width: 1024px) {
#click_onze{
  top:174px;
  left:672px;
}
}
@media screen and (max-width: 800px) {
#click_onze{
  top:136px;
  left:524px;
}
}

#click_doze{
  top:310px;
  left:946px;
}
@media screen and (max-width: 1280px) {
#click_doze{
  top:275px;
  left:840px;
}
}
@media screen and (max-width: 1024px) {
#click_doze{
  top:221px;
  left:672px;
}
}
@media screen and (max-width: 800px) {
#click_doze{
  top:172px;
  left:524px;
}
}

#click_treze{
  top:375px;
  left:946px;
}
@media screen and (max-width: 1280px) {
#click_treze{
  top:333px;
  left:840px;
}
}
@media screen and (max-width: 1024px) {
#click_treze{
  top:267px;
  left:672px;
}
}
@media screen and (max-width: 800px) {
#click_treze{
  top:208px;
  left:524px;
}
}

#click_quatorze{
  top:440px;
  left:946px;
}
@media screen and (max-width: 1280px) {
#click_quatorze{
  top:391px;
  left:840px;
}
}
@media screen and (max-width: 1024px) {
#click_quatorze{
  top:314px;
  left:672px;
}
}
@media screen and (max-width: 800px) {
#click_quatorze{
  top:244px;
  left:524px;
}
}

/*display none*/

#zero{
  cursor: auto;
  display:block;
  position:absolute;
  top:90px;
  left:-10px;  
  z-index: 1000000;
  padding:10px;
}
@media screen and (max-width: 1280px) {
#zero{
  width:350px;
}
}
@media screen and (max-width: 1024px) {
#zero{
  width:288px;
}
}
@media screen and (max-width: 800px) {
#zero{
  width:218px;
}
}


#um, #dois, #tres, #quatro, #cinco, #seis, #sete, #oito, #nove, #dez, #onze, #doze, #treze, #quatorze{
  cursor: auto;
  display:none;
  position:absolute;
  top:90px;
  left:-10px;  
  z-index: 1000000;
  padding:10px;
}
@media screen and (max-width: 1280px) {
#um, #dois, #tres, #quatro, #cinco, #seis, #sete, #oito, #nove, #dez, #onze, #doze, #treze, #quatorze{
  width:350px;
}
}
@media screen and (max-width: 1024px) {
#um, #dois, #tres, #quatro, #cinco, #seis, #sete, #oito, #nove, #dez, #onze, #doze, #treze, #quatorze{
  width:288px;
}
}
@media screen and (max-width: 800px) {
#um, #dois, #tres, #quatro, #cinco, #seis, #sete, #oito, #nove, #dez, #onze, #doze, #treze, #quatorze{
  width:218px;
}
}


#fechar_um, #fechar_dois, #fechar_tres, #fechar_quatro, #fechar_cinco, #fechar_seis, #fechar_sete, #fechar_oito, #fechar_nove, #fechar_dez, #fechar_onze, #fechar_doze, #fechar_treze, #fechar_quatorze{
  position:absolute;
  top:0;
  left:0;
  background-color:#fff;
  width:1440px;
  height:800px;
  z-index:1000001;
}
.xisss{
  font-family: Arial, Helvetica, sans-serif;
  color:#000;
  font-weight:bold;
  position:absolute;
  top:-10px;
  left:10px;
  z-index:10003;
  cursor:pointer;
}