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


.animar
{
  animation-duration: 1s;
    animation-name: aumentar;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1s;
  -webkit-animation-name: aumentar;
  -webkit-animation-iteration-count: infinite;
}

@keyframes aumentar{
  50% { transform: scale(1.05);}
  100% {transform: scale(1);}
}

@-webkit-keyframes aumentar{
  50% { transform: scale(1.05);}
  100% {transform: scale(1);}
}

.botonCircular{
  background: #FFF;
  width:70px;
  height:70px;
  border-radius:50%;
  cursor:pointer;
  z-index: 5;
  position:absolute;
}

.botonCircular:active{
  transform:scaleY(0.8);
}

.celulaProcariotica{
	background:url(../img/S_G05_U03_L01_03_03_CELULAPROCARIOTA.png) no-repeat;
	background-size:100%;
	  width: 528px;
  height: 577px;
  position: absolute;
  top: 168px;
  left: 136px;
}

.celulaEucariotica{
	background:url(../img/S_G05_U03_L01_03_03_CELULAEUCARIOTICA.png) no-repeat;
	background-size:100%;
	  width: 390px;
  height: 402px;
  position: absolute;
  top: 343px;
  left: 701px;
}

.globoProcariotica{
	background:url(../img/S_G05_U03_L01_03_03_GLOBO1.png) no-repeat;
	background-size:100%;
	  width: 322px;
  height: 411px;
  position: absolute;
  top: 334px;
  left: 14px;
}

.globoEucariotica{
	background:url(../img/S_G05_U03_L01_03_03_GLOBO2.png) no-repeat;
	background-size:100%;
	  width: 322px;
  height: 411px;
  position: absolute;
  top: 279px;
  left: 1024px;
}