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

/*CADUTA SEME*/	
@keyframes seme_cade {
	from, to  {
	top:63px;
    animation-timing-function:ease-in;
  }
  20%  {
   top:63px;
    animation-timing-function:ease-in;
  }
  40% {
	top:103px;
    animation-timing-function:ease-in;
  }
  60% {
	top:186px;
    animation-timing-function:ease-in;
  }
  80% {
	top:277px;
    animation-timing-function:ease-in;
  }
   100% {
	top:400px;
    animation-timing-function:ease-in;
  }

}

@-webkit-keyframes seme_cade {
 from, to  {
	top:63px;
    -webkit-animation-timing-function:ease-in;
  }
  20%  {
   top:63px;
    -webkit-animation-timing-function:ease-in;
  }
  40% {
	top:103px;
    -webkit-animation-timing-function:linear;
  }
  60% {
	top:186px;
    -webkit-animation-timing-function:linear;
  }
  80% {
	top:277px;
    -webkit-animation-timing-function:linear;
  }
   100% {
	top:400px;
    -webkit-animation-timing-function:linear;
  }
}

@-o-keyframes seme_cade {
	from, to  {
	top:63px;
    -o-animation-timing-function:ease-in;
  }
  20%  {
   top:63px;
    -o-animation-timing-function:ease-in;
  }
  40% {
	top:103px;
    -o-animation-timing-function:ease-in;
  }
  60% {
	top:186px;
    -o-animation-timing-function:ease-in;
  }
  80% {
	top:277px;
    -o-animation-timing-function:ease-in;
  }
   100% {
	top:400px;
    -o-animation-timing-function:ease-in;
  }

}

@-moz-keyframes seme_cade {
	from, to  {
	top:63px;
    -moz-animation-timing-function:ease-in;
  }
  20%  {
   top:63px;
    -moz-animation-timing-function:ease-in;
  }
  40% {
	top:103px;
    -moz-animation-timing-function:ease-in;
  }
  60% {
	top:186px;
    -moz-animation-timing-function:ease-in;
  }
  80% {
	top:277px;
    -moz-animation-timing-function:ease-in;
  }
   100% {
	top:400px;
    -moz-animation-timing-function:ease-in;
  }
 
}

@-ms-keyframes seme_cade {
	from, to  {
	top:63px;
    -ms-animation-timing-function:ease-in;
  }
  20%  {
   top:63px;
    -ms-animation-timing-function:ease-in;
  }
  40% {
	top:103px;
    -ms-animation-timing-function:ease-in;
  }
  60% {
	top:186px;
    -ms-animation-timing-function:ease-in;
  }
  80% {
	top:277px;
    -ms-animation-timing-function:ease-in;
  }
   100% {
	top:400px;
    -ms-animation-timing-function:ease-in;
  }
 
}


/*SPOSTAMENTO LATERALE SEME*/
@keyframes seme_sposta {
	from, to  {
    left: 0px;
    animation-timing-function:ease-out;
  }
  20%  {
    left: 0px;
    animation-timing-function:ease-out;
  }
  40% {
    left: 86px;
    animation-timing-function:ease-out;
  }
  60% {
    left: 110px;
    animation-timing-function:ease-out;
  }
  80% {
    left: 110px;
    animation-timing-function:ease-out;
  }
   100% {
    left: 110px;
    animation-timing-function:ease-out;
  }

}

@-webkit-keyframes seme_sposta {
 from, to  {
    left: 0px;
    -webkit-animation-timing-function:ease-out;
  }
  20%  {
    left: 0px;
    -webkit-animation-timing-function:ease-out;
  }
  40% {
    left: 86px;
    -webkit-animation-timing-function:ease-out;
  }
  60% {
    left: 110px;
    -webkit-animation-timing-function:ease-out;
  }
  80% {
    left: 110px;
    -webkit-animation-timing-function:ease-out;
  }
   100% {
    left: 110px;
    -webkit-animation-timing-function:ease-out;
  }
}

@-o-keyframes seme_sposta {
	from, to  {
    left: 0px;
    -o-animation-timing-function:ease-out;
  }
  20%  {
    left: 0px;
    -o-animation-timing-function:ease-out;
  }
  40% {
    left: 86px;
    -o-animation-timing-function:ease-out;
  }
  60% {
    left: 110px;
    -o-animation-timing-function:ease-out;
  }
  80% {
    left: 110px;
    -o-animation-timing-function:ease-out;
  }
   100% {
    left: 110px;
    -o-animation-timing-function:ease-out;
  }

}

@-moz-keyframes seme_sposta {
	from, to  {
    left: 0px;
    -moz-animation-timing-function:ease-out;
  }
  20%  {
    left: 0px;
    -moz-animation-timing-function:ease-out;
  }
  40% {
    left: 86px;
    -moz-animation-timing-function:ease-out;
  }
  60% {
    left: 110px;
    -moz-animation-timing-function:ease-out;
  }
  80% {
    left: 110px;
    -moz-animation-timing-function:ease-out;
  }
   100% {
    left: 110px;
    -moz-animation-timing-function:ease-out;
  }
 
}

@-ms-keyframes seme_sposta {
	from, to  {
    left: 0px;
    -ms-animation-timing-function:ease-out;
  }
  20%  {
    left: 0px;
    -ms-animation-timing-function:ease-out;
  }
  40% {
    left: 86px;
    -ms-animation-timing-function:ease-out;
  }
  60% {
    left: 110px;
    -ms-animation-timing-function:ease-out;
  }
  80% {
    left: 110px;
    -ms-animation-timing-function:ease-out;
  }
   100% {
    left: 110px;
    -ms-animation-timing-function:ease-out;
  }
 
}


/*MASCHERA TRAIETTORIA SEME*/
@keyframes traiettoria_seme {
	 from, to  {
   width:0px;
   height:0px;
    animation-timing-function:ease-out;
  }
  20%  {
    width:10px;
	height:10px;
    animation-timing-function:ease-out;
  }
  40% {
    width:90px;
	height:40px;
    animation-timing-function:ease-in;
  }
  60% {
    width:125px;
	height:115px;
    animation-timing-function:ease-in;
  }
  80% {
    width:120px;
	height:220px;
    animation-timing-function:ease-in;
  }
   100% {
    width:120px;
	height:220px;
    animation-timing-function:ease-in;
  }

}

@-webkit-keyframes traiettoria_seme {
 from, to  {
   width:0px;
   height:0px;
    -webkit-animation-timing-function:ease-out;
  }
  20%  {
    width:10px;
	height:10px;
    -webkit-animation-timing-function:ease-out;
  }
  40% {
    width:90px;
	height:40px;
    -webkit-animation-timing-function:linear;
  }
  60% {
    width:125px;
	height:115px;
    -webkit-animation-timing-function:linear;
  }
  80% {
    width:120px;
	height:220px;
    -webkit-animation-timing-function:linear;
  }
   100% {
    width:120px;
	height:220px;
    -webkit-animation-timing-function:linear;
  }
}

@-o-keyframes traiettoria_seme {
	 from, to  {
   width:0px;
   height:0px;
    -o-animation-timing-function:ease-out;
  }
  20%  {
    width:10px;
	height:10px;
    -o-animation-timing-function:ease-out;
  }
  40% {
    width:90px;
	height:40px;
    -o-animation-timing-function:ease-in;
  }
  60% {
    width:125px;
	height:115px;
    -o-animation-timing-function:ease-in;
  }
  80% {
    width:120px;
	height:220px;
    -o-animation-timing-function:ease-in;
  }
   100% {
    width:120px;
	height:220px;
    -o-animation-timing-function:ease-in;
  }

}

@-moz-keyframes traiettoria_seme {
	 from, to  {
   width:0px;
   height:0px;
    -moz-animation-timing-function:ease-out;
  }
  20%  {
    width:10px;
	height:10px;
    -moz-animation-timing-function:ease-out;
  }
  40% {
    width:90px;
	height:40px;
    -moz-animation-timing-function:ease-in;
  }
  60% {
    width:125px;
	height:115px;
    -moz-animation-timing-function:ease-in;
  }
  80% {
    width:120px;
	height:220px;
    -moz-animation-timing-function:ease-in;
  }
   100% {
    width:120px;
	height:220px;
	-moz-animation-timing-function:ease-in;
  }
 
}

@-ms-keyframes traiettoria_seme {
	 from, to  {
   width:0px;
   height:0px;
    -ms-animation-timing-function:ease-out;
  }
  20%  {
    width:10px;
	height:10px;
    -ms-animation-timing-function:ease-out;
  }
  40% {
    width:90px;
	height:40px;
    -ms-animation-timing-function:ease-in;
  }
  60% {
    width:125px;
	height:115px;
    -ms-animation-timing-function:ease-in;
  }
  80% {
    width:120px;
	height:220px;
    -ms-animation-timing-function:ease-in;
  }
   100% {
    width:120px;
    -ms-animation-timing-function:ease-in;
  }
 
}



/* styles for the stage and animated elements */



#seme_cade {
  position: absolute;
  width: 17px;
  height: 13px;
  left:180px;
  top:63px;
  background-image:url(../img_animazioni/seme_uccellino/seme_uccellino.png);
  background-size:100%;
  -webkit-animation-name: seme_cade;
  -webkit-animation-iteration-count: infinite;
  /*-webkit-animation-timing-function:ease-out;*/
  -webkit-animation-duration: 2.8s;
  -ms-animation-name: seme_cade;
  -ms-animation-iteration-count: infinite;
  -ms-animation-duration: 2.8s;
  -moz-animation-name: seme_cade;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 2.8s;
  -o-animation-name: seme_cade;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 2.8s;
  animation-name: seme_cade;
  animation-iteration-count: infinite;
  animation-duration: 2.8s;
  z-index:20;
}

#seme_sposta {
  position: absolute;
  width: 17px;
  height: 13px;
  -webkit-animation-name: seme_sposta;
  -webkit-animation-iteration-count: infinite;
  /*-webkit-animation-timing-function:ease-out;*/
  -webkit-animation-duration: 2.8s;
  -ms-animation-name: seme_sposta;
  -ms-animation-iteration-count: infinite;
  -ms-animation-duration: 2.8s;
  -moz-animation-name: seme_sposta;
  -moz-animation-iteration-count: infinite;
  -moz-animation-duration: 2.8s;
  -o-animation-name: seme_sposta;
  -o-animation-iteration-count: infinite;
  -o-animation-duration: 2.8s;
  animation-name: seme_sposta;
  animation-iteration-count: infinite;
  
  animation-duration: 2.8s;
}


.uccellino {
width:217px;
height:166px;
position:relative;
left:0px;
top:0px;
background-image:url(../img_animazioni/seme_uccellino/uccellino.png);
background-size:100%;
z-index:10;
}


.uccellino_container {
	width:307px;
	height:290px;
	background-color:#F7D160;
	/*overflow:hidden;
	border-radius:248px;*/
	position:absolute;
	left:0px;
}

#traiettoria_seme {
	width:118px;
	height:213px;
	position:absolute;
	left:185px;
	top:66px;
	background-image:url(../img_animazioni/seme_uccellino/traiettoira.png);
	background-repeat:no-repeat;
	z-index:15;
	-webkit-animation-name: traiettoria_seme;
	-webkit-animation-iteration-count: infinite;
	/*-webkit-animation-timinag-function:ease-out;*/
	-webkit-animation-duration: 2.8s;
	-ms-animation-name: traiettoria_seme;
	-ms-animation-iteration-count: infinite;
	-ms-animation-duration: 2.8s;
	-moz-animation-name: traiettoria_seme;
	-moz-animation-iteration-count: infinite;
	-moz-animation-duration: 2.8s;
	-o-animation-name: traiettoria_seme;
	-o-animation-iteration-count: infinite;
	-o-animation-duration: 2.8s;
	animation-name: traiettoria_seme;
	animation-iteration-count: infinite;
	
	animation-duration: 2.8s;
}