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

		#head{
			position: absolute;
			left: 725px;
			top: 347px;
			width: 224px;
			height: 224px;
			background-image:url('../images/s11/face-kolo.png');
			
			
			-webkit-animation: headRotation 1 3s ;
			-webkit-animation-delay: 2s;
			
		}
	
					@-webkit-keyframes headRotation{
					
					
						
							0%{	-webkit-transform:rotate(0deg);	}
						50%{-webkit-transform:rotate(180deg);}
						100%{-webkit-transform:rotate(360deg);}
					}
		
		#zebyBox{
			position: absolute;
			left: 795px;
			top: 478px;
			width: 79px;
			height: 32px;
			background: rgba(0,0,0, 0);
			overflow: hidden;
		}
		
		#zebygora{
			position: absolute;
			left: 0px;		/* 795px;	*/
			top: 0px;		/* 478px;	*/
			width: 78px;
			height: 14px;
			background-image:url('../images/s11/zeby-gora.png');
			/*		*/
			-webkit-animation: zebyGoraAnim 1 10s ;	
				
		}
					@-webkit-keyframes zebyGoraAnim{
						0%{	top:-15px;	}
						62%{top:-15px;  }
						65%{top:0px;}
						66%{top:-7px;}
						67%{top:0px;}
						68%{top:-7px;}
						69%{top:0px;}
						100%{top:0px; }
					}
		#zebydol{
			position: absolute;
			left: 0px;		/* 795px;	*/
			top: 13px;			/*	491px;	*/
			width: 79px;
			height: 19px;
			background-image:url('../images/s11/zeby-dol.png');
			
			/*		*/
			-webkit-animation: zebyDolAnim 1 10s ;	
		}
					@-webkit-keyframes zebyDolAnim{
						0%{	top:32px;	}
						62%{top:32px;  }
						65%{top:13px;}
						66%{top:20px;}
						67%{top:13px;}
						68%{top:20px;}
						69%{top:13px;}
						100%{top:13px; }
					}
		#jezykBox{
			position: absolute;
			left: 815px;
			top: 491px;
			width: 38px;
			height: 63px;
			background: rgba(0,0,0, 0);
			overflow: hidden;
		}
		#jezyk{
			position: absolute;
			left: 0px;
			top: 0px;
			width: 38px;
			height: 63px;
			background-image:url('../images/s11/jezyk.png');
			
			-webkit-animation: jezykAnim 1 10s ;
			/* animation-delay: 6s;	*/
		}
				@-webkit-keyframes jezykAnim{
						0%{	top:-65px;	}
						82%{top:-65px;  }
						85%{top:0px;}
						86%{top:-20px;}
						87%{top:0px;}
						88%{top:-20px;}
						89%{top:0px;}
						100%{top:0px; }
					}
		#dymek{
			position: absolute;
			left: 128px;
			top: 117px;
			width: 619px;
			height: 360px;

			background-image:url('../images/s11/dymek.png');
			
			opacity: 1;
			
			-webkit-animation: dymekAnim 1 20s ;
		}
					@-webkit-keyframes dymekAnim{
						0%{	opacity:0;	}
						50%{opacity:0;}
						75%{opacity:1;}
						100%{opacity:1; }
					}