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

#fundo{
	width:560px;
	height:831px;
}
@media screen and (max-width: 360px) {
    #fundo{
      width:360px;
      height:534px;
    }
}
@media screen and (max-width: 320px) {
    #fundo{
      width:300px;
      height:445px;
    }
}

.imagemmm0{
	width:560px;
	height:831px;
	z-index:0;
}
@media screen and (max-width: 360px) {
    .imagemmm0{
      width:360px;
      height:534px;
    }
}
@media screen and (max-width: 320px) {
    .imagemmm0{
      width:300px;
      height:445px;
    }
}

.imagemmm{
	width:560px;
	height:552px;
	position:absolute;
	top:246px;
	left:0;
}
@media screen and (max-width: 360px) {
    .imagemmm{
      width:360px;
      height:355px;
      top:158px;
      left:0;
    }
}
@media screen and (max-width: 320px) {
    .imagemmm{
      width:300px;
      height:296px;
      top:132px;
      left:0;
    }
}

.thumbs{
	float:left;
	cursor: pointer;
	background: rgb(0, 0, 0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.01)";
	-moz-opacity: 0.1;
	opacity: 0.1;
}

/*clicks*/

#click_um{
	cursor: pointer;
	position:absolute;
	width:76px;
	height:35px;
	top:210px;
	left:133px;
	z-index:2;
}
@media screen and (max-width: 360px) {
    #click_um{
      width:48px;
			height:23px;
			top:135px;
			left:86px;
    }
}
@media screen and (max-width: 320px) {
    #click_um{
      width:39px;
			height:19px;
			top:112px;
			left:72px;
    }
}
#click_dois{
	cursor: pointer;
	position:absolute;
	width:75px;
	height:35px;
	top:210px;
	left:209px;
	z-index:2;
}
@media screen and (max-width: 360px) {
    #click_dois{
      width:48px;
			height:23px;
			top:135px;
			left:134px;
    }
}
@media screen and (max-width: 320px) {
    #click_dois{
      width:41px;
			height:19px;
			top:112px;
			left:111px;
    }
}
#click_tres{
	cursor: pointer;
	position:absolute;
	top:210px;
	left:284px;
	width:74px;
	height:35px;
	z-index:2;
}
@media screen and (max-width: 360px) {
    #click_tres{
      width:48px;
			height:23px;
			top:135px;
			left:182px;
    }
}
@media screen and (max-width: 320px) {
    #click_tres{
      width:39px;
			height:19px;
			top:112px;
			left:153px;
    }
}
#click_quatro{
	cursor: pointer;
	position:absolute;
	top:210px;
	left:359px;
	width:75px;
	height:35px;
	z-index:2;
}
@media screen and (max-width: 360px) {
    #click_quatro{
      width:48px;
			height:23px;
			top:135px;
			left:231px;
    }
}
@media screen and (max-width: 320px) {
    #click_quatro{
      width:39px;
			height:19px;
			top:112px;
			left:193px;
    }
}
/*display none*/
#um{
	display:none;
	position:absolute;
	width:560px;
	height:831px;
	top:0;
	left:0;
	z-index: 1;
}
@media screen and (max-width: 360px) {
    #um{
      width:360px;
      height:534px;
      top:0;
			left:0;
    }
}
@media screen and (max-width: 320px) {
    #um{
      width:300px;
      height:455px;
      top:0;
			left:0;
    }
}

#dois{
	display:none;
	position:absolute;
	width:560px;
	height:552px;
	top:0;
	left:0;
	z-index: 1;
}
@media screen and (max-width: 360px) {
    #dois{
      width:360px;
      height:355px;
      top:0;
			left:0;
    }
}
@media screen and (max-width: 320px) {
    #dois{
      width:300px;
      height:296px;
      top:0;
			left:0;
    }
}


#tres{
	display:none;
	position:absolute;
	width:560px;
	height:552px;
	top:0;
	left:0;
	z-index: 1;
}
@media screen and (max-width: 360px) {
    #tres{
      width:360px;
      height:355px;
      top:0;
			left:0;
    }
}
@media screen and (max-width: 320px) {
    #tres{
      width:300px;
      height:296px;
      top:0;
			left:0;
    }
}
#quatro{
	display:none;
	position:absolute;
	width:560px;
	height:552px;
	top:0;
	left:0;
	z-index: 1;
}
@media screen and (max-width: 360px) {
    #quatro{
      width:360px;
      height:355px;
      top:0;
			left:0;
    }
}
@media screen and (max-width: 320px) {
    #quatro{
      width:300px;
      height:296px;
      top:0;
			left:0;
    }
}