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

/*GAMBA SX*/

@-webkit-keyframes gamba_sx {
    0% {-webkit-transform:rotate(0deg);}
    30% {-webkit-transform:rotate(-60deg); left:183px; top:310px; -webkit-animation-timing-function: ease-in;}
	40% {-webkit-transform:rotate(-60deg); left:183px; top:310px;}
	65% {-webkit-transform:rotate(0deg); left:136px; top:355px; -webkit-animation-timing-function: ease-in;}
    100% {-webkit-transform:rotate(0deg); left:136px; top:355px;}
}

@-moz-keyframes gamba_sx {
	0% {-moz-transform:rotate(0deg);}
    30% {-moz-transform:rotate(-60deg); left:183px; top:310px; -moz-animation-timing-function: ease-in;}
	40% {-moz-transform:rotate(-60deg); left:183px; top:310px;}
	65% {-moz-transform:rotate(0deg); left:136px; top:355px; -moz-animation-timing-function: ease-in;}
    100% {-moz-transform:rotate(0deg); left:136px; top:355px;}   
}

@keyframes gamba_sx {
	0% {transform:rotate(0deg);}
    30% {transform:rotate(-60deg); left:183px; top:310px; animation-timing-function: ease-in;}
	40% {transform:rotate(-60deg); left:183px; top:310px;}
	65% {transform:rotate(0deg); left:136px; top:355px; animation-timing-function: ease-in;}
    100% {transform:rotate(0deg); left:136px; top:355px;}  
}



@-o-keyframes gamba_sx {
	0% {-o-transform:rotate(0deg);}
    30% {-o-transform:rotate(-60deg); left:183px; top:310px; -o-animation-timing-function: ease-in;}
	40% {-o-transform:rotate(-60deg); left:183px; top:310px;}
	65% {-o-transform:rotate(0deg); left:136px; top:355px; -o-animation-timing-function: ease-in;}
    100% {-o-transform:rotate(0deg); left:136px; top:355px;}   
}

@-ms-keyframes gamba_sx {
	0% {-ms-transform:rotate(0deg);}
    30% {-ms-transform:rotate(-60deg); left:183px; top:310px; -ms-animation-timing-function: ease-in;}
	40% {-ms-transform:rotate(-60deg); left:183px; top:310px;}
	65% {-ms-transform:rotate(0deg); left:136px; top:355px; -ms-animation-timing-function: ease-in;}
    100% {-ms-transform:rotate(0deg); left:136px; top:355px;}    
}



/*GAMBA DX*/

@-webkit-keyframes gamba_dx {
    0% {-webkit-transform:rotate(0deg); left:69px; top:355px;}
	10% {-webkit-transform:rotate(0deg); left:69px; top:355px; -webkit-animation-timing-function: ease-in; z-index:0;}
    28% {z-index:10;}
	30% {-webkit-transform:rotate(-60deg); left:160px; top:340px; z-index:10;}
	35% { z-index:10;}
	40% {z-index:0;}
	50% {z-index:0;}
    60% {-webkit-transform:rotate(0deg); left:69px; top:355px; z-index:10;}
}

@-moz-keyframes gamba_dx {
	0% {-moz-transform:rotate(0deg); left:69px; top:355px;}
	10% {-moz-transform:rotate(0deg); left:69px; top:355px; -moz-animation-timing-function: ease-in; z-index:0;}
    28% {z-index:10;}
	30% {-moz-transform:rotate(-60deg); left:160px; top:340px; z-index:10;}
	35% { z-index:10;}
	40% {z-index:0;}
	50% {z-index:0;}
    60% {-moz-transform:rotate(0deg); left:69px; top:355px; z-index:10;}   
}

@keyframes gamba_dx {
	0% {transform:rotate(0deg); left:69px; top:355px;}
	10% {transform:rotate(0deg); left:69px; top:355px; animation-timing-function: ease-in; z-index:0;}
    28% {z-index:10;}
	30% {transform:rotate(-60deg); left:160px; top:340px; z-index:10;}
	35% { z-index:10;}
	40% {z-index:0;}
	50% {z-index:0;}
    60% {transform:rotate(0deg); left:69px; top:355px; z-index:10;}  
}



@-o-keyframes gamba_dx {
	0% {-o-transform:rotate(0deg); left:69px; top:355px;}
	10% {-o-transform:rotate(0deg); left:69px; top:355px; -o-animation-timing-function: ease-in; z-index:0;}
    28% {z-index:10;}
	30% {-o-transform:rotate(-60deg); left:160px; top:340px; z-index:10;}
	35% { z-index:10;}
	40% {z-index:0;}
	50% {z-index:0;}
    60% {-o-transform:rotate(0deg); left:69px; top:355px; z-index:10;}   
}

@-ms-keyframes gamba_dx {
	0% {-ms-transform:rotate(0deg); left:69px; top:355px;}
	10% {-ms-transform:rotate(0deg); left:69px; top:355px; -ms-animation-timing-function: ease-in; z-index:0;}
    28% {z-index:10;}
	30% {-ms-transform:rotate(-60deg); left:160px; top:340px; z-index:10;}
	35% { z-index:10;}
	40% {z-index:0;}
	50% {z-index:0;}
    60% {-ms-transform:rotate(0deg); left:69px; top:355px; z-index:10;}    
}

/*CORPO SEME*/


@-webkit-keyframes corpo_seme {
    0% {top:0;}
	10% {top:0;}
    28% {top:-5px;}
	30% {top:-5px;}
	35% {top:-5px;}
	40% {top:-5px;}
	50% {top:0;}
    60% {top:0;}
}

@-moz-keyframes corpo_seme {
	 0% {top:0;}
	10% {top:0;}
    28% {top:-5px;}
	30% {top:-5px;}
	35% {top:-5px;}
	40% {top:-5px;}
	50% {top:0;}
    60% {top:0;}   
}

@keyframes corpo_seme {
   0% {top:0;}
	10% {top:0;}
    28% {top:-5px;}
	30% {top:-5px;}
	35% {top:-5px;}
	40% {top:-5px;}
	50% {top:0;}
    60% {top:0;}
}



@-o-keyframes corpo_seme {
	 0% {top:0;}
	10% {top:0;}
    28% {top:-5px;}
	30% {top:-5px;}
	35% {top:-5px;}
	40% {top:-5px;}
	50% {top:0;}
    60% {top:0;}   
}

@-ms-keyframes corpo_seme {
	 0% {top:0;}
	10% {top:0;}
    28% {top:-5px;}
	30% {top:-5px;}
	35% {top:-5px;}
	40% {top:-5px;}
	50% {top:0;}
    60% {top:0;}    
}

/*CLACK*/

@-webkit-keyframes clack {
    0% {opacity:0;}
	10% {opacity:0;}
    28% {opacity:0;}
	30% {opacity:0;}
	35% {opacity:100;}
	40% {opacity:0;}
	50% {opacity:0;}
    60% {opacity:0;}
}

@-moz-keyframes clack {
	0% {opacity:0;}
	10% {opacity:0;}
    28% {opacity:0;}
	30% {opacity:0;}
	35% {opacity:100;}
	40% {opacity:0;}
	50% {opacity:0;}
    60% {opacity:0;}
}

@keyframes clack {
	0% {opacity:0;}
	10% {opacity:0;}
    28% {opacity:0;}
	30% {opacity:0;}
	35% {opacity:100;}
	40% {opacity:0;}
	50% {opacity:0;}
    60% {opacity:0;}
}



@-o-keyframes clack {
	0% {opacity:0;}
	10% {opacity:0;}
    28% {opacity:0;}
	30% {opacity:0;}
	35% {opacity:100;}
	40% {opacity:0;}
	50% {opacity:0;}
    60% {opacity:0;}
}

@-ms-keyframes clack {
  0% {opacity:0;}
	10% {opacity:0;}
    28% {opacity:0;}
	30% {opacity:0;}
	35% {opacity:100;}
	40% {opacity:0;}
	50% {opacity:0;}
    60% {opacity:0;}
}



.seme_forte_wrapper {
    width: 248px;
    height: 452px;
    background-image:url(../img_animazioni/seme_forte/acqua.png);
	background-repeat:no-repeat;
    position: relative;
	/*-webkit-animation:example 4s infinite;
animation:example 4s infinite;	
	-o-animation:example 4s infinite;
	-moz-animation:example 4s infinite;
	-ms-animation:example 4s infinite;*/
}

.corpo_seme_forte {
	width:245px;
	height:367px;
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../img_animazioni/seme_forte/corpo_seme_forte.png);
	z-index:10;
	animation:corpo_seme 4s infinite;
	-webkit-animation:corpo_seme 4s infinite;
	-moz-animation:corpo_seme 4s infinite;
	-o-animation:corpo_seme 4s infinite;
	-ms-animation:corpo_seme 4s infinite;
}

.gamba_dx {
	width:34px;
	height:68px;
	position:absolute;
	left:69px;
	top:355px;
	background-image:url(../img_animazioni/seme_forte/gamba_dx.png);
	animation:gamba_dx 4s infinite;
	-webkit-animation:gamba_dx 4s infinite;
	-moz-animation:gamba_dx 4s infinite;
	-o-animation:gamba_dx 4s infinite;
	-ms-animation:gamba_dx 4s infinite;
	z-index:0;
}

.gamba_sx {
	width:34px;
	height:68px;
	position:absolute;
	left:136px;
	top:355px;
	background-image:url(../img_animazioni/seme_forte/gamba_sx.png);
	animation:gamba_sx 4s infinite;
	-webkit-animation:gamba_sx 4s infinite;
	-moz-animation:gamba_sx 4s infinite;
	-o-animation:gamba_sx 4s infinite;
	-ms-animation:gamba_sx 4s infinite;
	z-index:15;
}

.sun_wrapper {
	width:141px;
	height:138px;
	position:absolute;
	left:512px;
	top:48px;
}

.clack {
	width:15px;
	height:23px;
	position:absolute;
	background-image:url(../img_animazioni/seme_forte/clack.png);
	left:230px;
	top:370px;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-o-opacity:0;
	-ms-opacity:0;
	background-size:100%;
	animation:clack 4s infinite;
	-webkit-animation:clack 4s infinite;
	-moz-animation:clack 4s infinite;
	-o-animation:clack 4s infinite;
	-ms-animation:clack 4s infinite;
}
