.contener_slideshow 
{
 width: 100%; 
 height:330px; 
 margin:0;
 overflow: hidden;
 position: relative;

}
.slide_1, .slide_2
{
	position: absolute;
	height: 350px;
}

.slide_1
{
	left: 5px;
	width: 950px;
} 

.slide_2
{
	left: 925px;
	width: 700px;
}

.contener_slide
{
 top:0px; 
 width: 100%;
 height: 330px;
 left:0px;
 position: absolute;

 -webkit-animation-duration: 12s; /*a különböző böngészők miatt kénytelen vagyunk a 4-es definiálást használni...*/
 -webkit-animation-iteration-count:infinite; /*animáció időtartam, elnevezés illetve végtelen rotáció*/
 -webkit-animation-name: slideing;

 -moz-animation-duration: 12s;
 -moz-animation-iteration-count:infinite;
 -moz-animation-name: slideing;

 -ms-animation-duration: 12s;
 -ms-animation-iteration-count:infinite;
 -ms-animation-name: slideing;

 animation-duration: 12s;
 animation-iteration-count:infinite;
 animation-name: slideing;
}
@-webkit-keyframes slideing /*keyframe-ek definiálása, az eltolt képeket balra mozgatjuk a futószalagon.*/
{ /* szintén a böngészők miatt 4 változat.*/
	0% {left:0px;}
	22% {left:-100px;}
	42% {left:-200px;}
	62% {left:-300px;}
	82% {left:-350px;}
}

@-moz-keyframes slideing
{
	0% {left:0px;}
	22% {left:-100px;}
	42% {left:-200px;}
	62% {left:-300px;}
	82% {left:-350px;}
}

@-ms-keyframes slideing
{
	0% {left:0px;}
	22% {left:-100px;}
	42% {left:-200px;}
	62% {left:-300px;}
	82% {left:-350px;}
}

@keyframes slideing
{
	0% {left:0px;}
	22% {left:-100px;}
	42% {left:-200px;}
	62% {left:-300px;}
	82% {left:-350px;}
}

/*
@keyframes slideing
{
 0% {left:0px;}
 12% {left:0px;}
22% {left:-175px;}
 32% {left:-350px;}
 42% {left:-525px;}
 52% {left:-700px;}
62% {left:-875px;}
}*/



