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

#atividade{
	background: url(img/fundo.png) no-repeat 0 0;
}
#atividade .opt{
	position: absolute;
	background: url(img/pin.png) no-repeat 0 0;
	width: 60px;
	height: 60px;
	text-indent: -5000px;
	transform-origin:center center;
	animation: pulse 2s infinite;
	-webkit-animation: pulse 2s infinite;
}
#atividade .opt[data-status=active]{
	background: url(img/pin_active.png) no-repeat 0 0;
}
#atividade #opt1{
	left: 514px;
    top: 356px;
}
#atividade #opt2{
	left: 471px;
    top: 293px;
}
#atividade #opt3{
	left: 596px;
    top: 295px;
}
#atividade #opt4{
	left: 395px;
    top: 344px;
}

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