/*¶¨Ò嶯»­*/
@keyframes animateTop{
				0% 		{ -webkit-transform:translateY(0px); opacity: 1; }
				25% 	{ -webkit-transform:translateY(-48px); opacity: 1;}
				50% 	{ -webkit-transform:translateY(20px); opacity: 1;}
				75% 	{ -webkit-transform:translateY(-24px); opacity: 1;}
				100% 	{ -webkit-transform:translateY(-0px); opacity: 1;} 
}
@-webkit-keyframes animateTop{
				0% 		{ -webkit-transform:translateY(0px); opacity: 1; }
				25% 	{ -webkit-transform:translateY(-48px); opacity: 1;}
				50% 	{ -webkit-transform:translateY(20px); opacity: 1;}
				75% 	{ -webkit-transform:translateY(-24px); opacity: 1;}
				100% 	{ -webkit-transform:translateY(-0px); opacity: 1;} 
}

@-moz-keyframes animateTop{
				100% 	{ -moz-transform:translateY(-48px); opacity: 1;} 
				0% 		{ -moz-transform:translateY(0px); opacity: 1; }
				25% 	{ -moz-transform:translateY(-48px); opacity: 1;}
				50% 	{ -moz-transform:translateY(20px); opacity: 1;}
				75% 	{ -moz-transform:translateY(-24px); opacity: 1;}
				100% 	{ -moz-transform:translateY(-0px); opacity: 1;} 
				
}
  
@keyframes animateTop2{
				0% 		{ -webkit-transform:translateY(0px); opacity: 1; }
				25% 	{ -webkit-transform:translateY(1px); opacity: 1;}
				50% 	{ -webkit-transform:translateY(0px); opacity: 1;}
				75% 	{ -webkit-transform:translateY(1px); opacity: 1;}
				100% 	{ -webkit-transform:translateY(0px); opacity: 1;} 
}
@-webkit-keyframes animateTop2{
				0% 		{ -webkit-transform:translateY(0px); opacity: 1; }
				25% 	{ -webkit-transform:translateY(1px); opacity: 1;}
				50% 	{ -webkit-transform:translateY(0px); opacity: 1;}
				75% 	{ -webkit-transform:translateY(1px); opacity: 1;}
				100% 	{ -webkit-transform:translateY(0px); opacity: 1;} 
}

@-moz-keyframes animateTop2{
				0% 		{ -moz-transform:translateY(0px); opacity: 1; }
				25% 	{ -moz-transform:translateY(1px); opacity: 1;}
				50% 	{ -moz-transform:translateY(0px); opacity: 1;}
				75% 	{ -moz-transform:translateY(1px); opacity: 1;}
				100% 	{ -moz-transform:translateY(0px); opacity: 1;} 
				
} 

.secondProductImage a:hover  img{
				animation: animateTop .4s;
				-webkit-animation: animateTop .4s;
				-moz-animation: animateTop .4s;	
}
 


.otherImage a:hover  img{
				animation: animateTop2 .2s     alternate  ; 
				-webkit-animation: animateTop2   .2s      alternate ;
				-moz-animation: animateTop2  .2s      alternate;
}

 




@keyframes fristMenuMove{
	0%   {  transform: translateY(0); }
	100% {  transform: translateY(-4px); }
}
@-webkit-keyframes fristMenuMove{
	0%   { -webkit-transform: translateY(0); }
	100% { -webkit-transform: translateY(-4px); }
}
@-moz-keyframes fristMenuMove{
	0%   { -moz-transform: translateY(0); }
	100% { -moz-transform: translateY(-4px); }
}
  
.fristMenu  a:hover   {
	-webkit-animation: fristMenuMove .2s .1s infinite alternate;
	animation: fristMenuMove .2s .1s infinite alternate;   
	-moz-animation: fristMenuMove .2s .1s infinite alternate; 
}




@keyframes logImage{
	0%   {  transform:scale(0.8,0.8);
	 }
	100% {  transform:scale(1,1);
	}
}
@-webkit-keyframes logImage{
	0%   {  transform:scale(0.8,0.8);
	 }
	100% {  transform:scale(1,1);
	}
}
@-moz-keyframes logImage{
	0%   {  transform:scale(0.8,0.8);
	 }
	100% {  transform:scale(1,1);
	}
}

.logImage   {
	-webkit-animation: logImage 5s .1s infinite alternate;
	animation: logImage 5s .1s infinite alternate;   
	-moz-animation: logImage 5s .1s infinite alternate;   
}


@keyframes allImage{
	0%   {  transform:scale(0.9,0.9);
	 }
	100% {  transform:scale(1,1);
	}
}
@-webkit-keyframes allImage{
	0%   {  transform:scale(0.9,0.9);
	 }
	100% {  transform:scale(1,1);
	}
}
@-moz-keyframes allImage{
	0%   {  transform:scale(0.9,0.9);
	 }
	100% {  transform:scale(1,1);
	}
}

.animateImage img:hover   {
	animation: allImage .4s    ;   
	-webkit-animation: allImage .4s    ;
	-moz-animation: allImage .4s    ;   
}

@keyframes newsImage{
	0%    {  transform:rotate(0deg);  }
	10%   {  transform:rotate(4deg);  }
	20%   {  transform:rotate(0deg);  }
	30%   {  transform:rotate(-4deg); }
	40%   {  transform:rotate(0deg);  }
	50%   {  transform:rotate(3deg);  }
	60%   {  transform:rotate(0deg);  }
	70%   {  transform:rotate(-3deg); }
	80%   {  transform:rotate(0deg);  }
	90%   {  transform:rotate(2deg);  }
	100%  {  transform:rotate(0deg);  }
}
@-webkit-keyframes newsImage{
	0%    {  transform:rotate(0deg);  }
	10%   {  transform:rotate(4deg);  }
	20%   {  transform:rotate(0deg);  }
	30%   {  transform:rotate(-4deg); }
	40%   {  transform:rotate(0deg);  }
	50%   {  transform:rotate(3deg);  }
	60%   {  transform:rotate(0deg);  }
	70%   {  transform:rotate(-3deg); }
	80%   {  transform:rotate(0deg);  }
	90%   {  transform:rotate(2deg);  }
	100%  {  transform:rotate(0deg);  }
}
@-moz-keyframes newsImage{
	0%    {  transform:rotate(0deg);  }
	10%   {  transform:rotate(4deg);  }
	20%   {  transform:rotate(0deg);  }
	30%   {  transform:rotate(-4deg); }
	40%   {  transform:rotate(0deg);  }
	50%   {  transform:rotate(3deg);  }
	60%   {  transform:rotate(0deg);  }
	70%   {  transform:rotate(-3deg); }
	80%   {  transform:rotate(0deg);  }
	90%   {  transform:rotate(2deg);  }
	100%  {  transform:rotate(0deg);  }
}

.newsImage1:hover   {
	animation: newsImage .5s    ;    
	-webkit-animation: newsImage .5s    ;
	-moz-animation: newsImage .5s    ; 
	background: #e1e1e1;   
}
.newsImage:hover   {
	-webkit-transform: scale(1.04)  translateY(-10px); 
	-webkit-transition: .5s;
}
.newsImage   {
	-webkit-transform: scale(1.0)   translateY(0px);
	-webkit-transition: .5s;
}

@keyframes productsImage{
	0%   {  transform: scale(1,1);
	 }
	25%   {  transform: scale(0.96,0.96);
	 }
	 50%   {  transform: scale(1,1);
	 }
	 75%   {  transform: scale(0.96,0.96);
	 }
	100% {  transform:   scale(1,1);
	}
}
@-webkit-keyframes productsImage{
	0%   {  transform: scale(1,1);
	 }
	25%   {  transform: scale(0.96,0.96);
	 }
	 50%   {  transform: scale(1,1);
	 }
	 75%   {  transform: scale(0.96,0.96);
	 }
	100% {  transform:   scale(1,1);
	}
}
@-moz-keyframes productsImage{
	0%   {  transform: scale(1,1);
	 }
	25%   {  transform: scale(0.96,0.96);
	 }
	 50%   {  transform: scale(1,1);
	 }
	 75%   {  transform: scale(0.96,0.96);
	 }
	100% {  transform:   scale(1,1);
	}
}
.productsImage a:hover  img{
				animation: productsImage .4s;
				-webkit-animation: productsImage .4s;
				-moz-animation: productsImage .4s;	
}


.fristMenuActive   {
	font-weight: bolder;
}



.defaultWidth{
	width: 80%;
	margin-left:10%
}