.map{
	display: block;
	margin: auto;
	width:200px;
	height: 200px;
	background: url(../img/mapa.png);
	background-size: cover;
	border-radius: 50%;
	box-shadow: -40px -30px 0 0 rgba(0,0,0,.15) inset;
  -webkit-animation:tierra-girando 5s infinite linear;
   -moz-animation:tierra-girando 5s infinite linear;


}
@-webkit-keyframes tierra-girando
{
  
	from{
       background-position: left center;
	}

	to { 
		background-position: -396px center;

	}
}



.estrellas{
    background: #fff;
	width:2px;
	height: 2px;
	position: absolute;
	top:20%;
	left:50%;
	border-radius: 50%;
	
	
}

.primera{
	top: 20%;
	left: 50%;
}

.segunda{
	top: 30%;
	left: 30%;
}

.tercera{
	top: 90%;
	left: 90%;
}

.cuarta{
	top: 80%;
	left: 20%;
}

.quinta{
	top: 20%;
	left: 50%;
}

.sexta{
	top: 35%;
	left: 45%;
}
.septima{
	top: 65%;
	left: 70%;
}
.octava{
	top: 15%;
	left: 50%;
}
.novena{
	top: 95%;
	left: 60%;
}
.decima{
	top: 77%;
	left: 25%;
}
.estrellas:nth-child(11){
        top: 5%;
        left: 30%;
}
.estrellas:nth-child(2n){
      -webkit-animation:estrella-par 2s infinite;

}

@-webkit-keyframes estrella-par{
     
       0% ,90%{
        box-shadow: 0 0 3px 3px rgba(255,255,255,.3);

       }

      100%{
         box-shadow: 0 0 16px 16px rgba(255,255,255,.3);

      }

}

.estrellas:nth-child(2n+1){
      -webkit-animation:estrella-impar 2s infinite;

}

@-webkit-keyframes estrella-impar{
     
       0%, 35% , 50%{
        box-shadow: 0 0 3px 3px rgba(255,255,255,.3);

       }

      45%{
         box-shadow: 0 0 16px 16px rgba(255,255,255,.3);

      }

}