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

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

#atividade .opt{
	position: absolute;
	width: 62px;
	height:62px;
	text-indent: -5000px;
	background: url(img/destaque.png) no-repeat 0 0;
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
}
#atividade .opt[data-status=visited]{
	background: url(img/destaque_visited.png) no-repeat 0 0;
}

#atividade #bt1{ 
	top: 261px;
	left:463px;
}
#atividade #bt2{ 
	top: 92px;
	left:40px;
}
#atividade #bt3{ 
	top: 436px;
	left:711px;
}
#atividade #bt4{ 
	top: 230px;
	left:374px;
}
#atividade #bt5{ 
	top: 474px;
	left:507px;
}
#atividade #bt6{ 
	top: 62px;
	left:308px;
}

@-webkit-keyframes pulse { 0% { transform: scale(1); } 25% { transform: scale(.8); } 50% { transform: scale(1); } 75% { transform: scale(.8); } 100% { transform: scale(1); } }
@keyframes pulse { 0% { transform: scale(1); } 25% { transform: scale(.8); } 50% { transform: scale(1); } 75% { transform: scale(.8); } 100% { transform: scale(1); } }