.tela{ width: 800px; height: 600px; }

#interatividade, #interatividade .atividade{ background: url(img/bg.png) no-repeat 0 0 }

#interatividade .atividade .item{
	position: absolute;
	cursor: pointer;
	transform-origin:center center;
	-webkit-transition: scale .5s linear;
	-moz-transition: scale .5s linear;
	transition: scale .5s linear;
	transform:scale(1);
}
#interatividade .atividade .item.ui-draggable-dragging{ transform:scale(1.1); }

#interatividade .atividade .drop .fumaca{
	position: absolute;
	width: 127px;
	height: 113px;
	top:50%;
	left: 50%;
	background: url(img/fumaca.png) no-repeat 0 0;
}

#atividade1 .sacola{
	position: absolute;
	width: 194px;
	height: 243px;
	top:187px;
	left: 50%;
}
#atividade1 .sacola[data-id=kalunga]{ background: url(img/sacola_produtos.png) no-repeat right bottom; margin-left:-220px; }
#atividade1 .sacola[data-id=outro]{ 	background: url(img/sacola_outros.png) no-repeat right bottom; margin-left:-13px; }
#atividade1 .sacola .fumaca{ margin: -26.5px 0 0 -43.5px; }

#atividade1 .item[data-id=item1]{
	background: url(img/amendoa1.png) no-repeat 0 0;
	width: 127px;
	height: 170px;
    top: 28px;
    left: 67px;
}
#atividade1 .item[data-id=item2]{
	background: url(img/amendoa2.png) no-repeat 0 0;
	width: 129px;
	height: 135px;
    top: 37px;
    left: 332px;
}
#atividade1 .item[data-id=item3]{
	background: url(img/amendoa3.png) no-repeat 0 0;
	width: 135px;
	height: 157px;
    top: 27px;
    left: 625px;
}
#atividade1 .item[data-id=item4]{
	background: url(img/amendoa4.png) no-repeat 0 0;
	width: 140px;
	height: 105px;
    top: 470px;
    left: 59px;
}
#atividade1 .item[data-id=item5]{
	background: url(img/amendoa5.png) no-repeat 0 0;
	width: 133px;
	height: 153px;
    top: 439px;
    left: 339px;
}
#atividade1 .item[data-id=item6]{
	background: url(img/amendoa6.png) no-repeat 0 0;
	width: 142px;
	height: 184px;
    top: 392px;
    left: 610px;
}

#atividade2 .moldura{
	position: absolute;
	width: 230px;
	height: 321px;
	top: 22px;
	left: 50%;
}
#atividade2 .moldura[data-id=tamandua]{ 	background: url(img/box_tamandua.png) no-repeat center 0; margin-left:-336px; }
#atividade2 .moldura[data-id=lobo]{ background: url(img/box_lobo.png) no-repeat center 0; margin-left:-89px; }
#atividade2 .moldura[data-id=onca]{ 	background: url(img/box_onca.png) no-repeat center 0; margin-left:153px; }
#atividade2 .item{ width: 173px; height: 191px; top: 374px; }
#atividade2 .item[data-id=tamandua]{ background: url(img/tamandua.png) no-repeat 0 0; left: 93px; }
#atividade2 .drop .item[data-id=tamandua]{ top: 69px; left: 33px; }
#atividade2 .item[data-id=lobo]{ background: url(img/lobo.png) no-repeat 0 0; left: 578px; }
#atividade2 .drop .item[data-id=lobo]{ top: 69px; left: 24px; }
#atividade2 .item[data-id=onca]{ background: url(img/onca.png) no-repeat 0 0; left: 336px; }
#atividade2 .drop .item[data-id=onca]{ top: 69px; left: 29px; }

#atividade3 .ficheiro{
	position: absolute;
	width: 258px;
	height: 207px;
	top:15px;
	left: 50%;
	background: url(img/ficheiro.png) no-repeat 0 0;
	margin-left:-129px;
}
#atividade3 .ficheiro .fumaca{ margin: -36.5px 0 0 -65.5px; }
#atividade3 .item{ width: 231px; height: 177px; }
#atividade3 .item[data-id=item1]{ background: url(img/foto1.png) no-repeat 0 0; }
#atividade3 .item[data-id=item2]{ background: url(img/foto2.png) no-repeat 0 0; }
#atividade3 .item[data-id=item3]{ background: url(img/foto3.png) no-repeat 0 0;  }
#atividade3 .item[data-id=item4]{ background: url(img/foto4.png) no-repeat 0 0; }
#atividade3 .item[data-id=item5]{ background: url(img/foto5.png) no-repeat 0 0; }
#atividade3 .item[data-id=item6]{ background: url(img/foto6.png) no-repeat 0 0;}
#atividade3 .item.pos0{ top: 231px; left: 35px; }
#atividade3 .item.pos1{ top: 231px; left: 286px; }
#atividade3 .item.pos2{ top: 231px; left: 537px; }
#atividade3 .item.pos3{ top: 416px; left: 35px; }
#atividade3 .item.pos4{ top: 416px; left: 286px; }
#atividade3 .item.pos5{ top: 416px; left: 538px; }