/*

A CSS szerzői jogvédelem alatt áll. Ha fel szeretnéd használni kérlek küldj egy levelet. Mondjuk elég gány lett, de segíteni tudok hogy működik.

*/

.move-header {
	height: 234px;
	max-width: 1014px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: url(images/header_new.jpg);
}

.move-header-night {
	height: 234px;
	max-width: 1014px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	background: url(images/header_new_night.jpg);
}



.move-header > div {
	position: absolute;
	top: 0;
	left: 0;
}
.move-header-night > div {
	position: absolute;
	top: 0;
	left: 0;
}


/* Bhv-> */
.move-header .mover-1 {
	margin-top: 201px;
	margin-left: -932px;
	height: 30px;
	width: 432px;
	animation: move1 120s infinite ease-in-out;
	background: url(images_move/train_bhvinga.png) left center/100% 100% no-repeat !important;
}

.move-header-night .mover-1-night {
	margin-top: 201px;
	margin-left: -932px;
	height: 30px;
	width: 533px;/*432px;*/
	animation: move1 120s infinite ease-in-out;
	background: url(images_move/train_bhvinga_night.png) left center/100% 100% no-repeat !important;
}


/* <-Bz*/
.move-header .mover-2 {
	margin-top: 203px;
	margin-left: -712px;
	height: 28px;
    width: 212px;
	animation: move2 120s infinite ease-in-out;
	background: url(images_move/train_bz.png) left center/100% 100% no-repeat !important;
}

.move-header-night .mover-2-night {
	margin-top: 201px;
	margin-left: -712px;
	height: 30px;
    width: 284px;/*212px;*/
	animation: move2 120s infinite ease-in-out;
	background: url(images_move/train_bz_night.png) left center/100% 100% no-repeat !important;
}


/* Teher-> */
.move-header .mover-3 {
	margin-top: 201px;
	margin-left: -1053px;
	height: 30px;
    width: 553px;
	animation: move3 120s infinite ease-in-out;
	background: url(images_move/train_teher.png) left center/100% 100% no-repeat !important;
}

.move-header-night .mover-3-night {
	margin-top: 201px;
	margin-left: -1053px;
	height: 30px;
    width: 638px;
	animation: move3 120s infinite ease-in-out;
	background: url(images_move/train_teher_night.png) left center/100% 100% no-repeat !important;
}


/* Bz-> */
.move-header .mover-4 {
	margin-top: 203px;
	margin-left: -712px;
	height: 28px;
    width: 212px;
	animation: move4 120s infinite ease-in-out;
	background: url(images_move/train_bz.png) left center/100% 100% no-repeat !important;
}

.move-header-night .mover-4-night {
	margin-top: 201px;
	margin-left: -712px;
	height: 30px;
    width: 284px;
	animation: move4 120s infinite ease-in-out;
	background: url(images_move/train_bz_night_v.png) left center/100% 100% no-repeat !important;
}


/* <-Bhv */
.move-header .mover-5 {
	margin-top: 201px;
	margin-left: -932px;
	height: 30px;
	width: 432px;
	animation: move5 120s infinite ease-in-out;
	background: url(images_move/train_bhvinga.png) left center/100% 100% no-repeat !important;
}

.move-header-night .mover-5-night {
	margin-top: 201px;
	margin-left: -1053px;
	height: 30px;
    width: 553px;
	animation: move5 120s infinite ease-in-out;
	background: url(images_move/train_bhvinga_night_v.png) left center/100% 100% no-repeat !important;
}


/* <-Teher */
.move-header .mover-6 {
	margin-top: 201px;
	margin-left: -1053px;
	height: 30px;
    width: 553px;
	animation: move6 120s infinite ease-in-out;
	background: url(images_move/train_teher2.png) left center/100% 100% no-repeat !important;
}

.move-header-night .mover-6-night {
	margin-top: 201px;
	margin-left: -1053px;
	height: 30px;
    width: 638px;
	animation: move6 120s infinite ease-in-out;
	background: url(images_move/train_teher2_night.png) left center/100% 100% no-repeat !important;
}


@keyframes move1 {
	0%    { left:0px;    top:0px;}
    10%   { left:1257px; top:0px;}
    15%   { left:1257px; top:0px;}
	25%   { left:2946px; top:0px;}
	100%  { left:2946px; top:0px;}
}

@keyframes move2 {
	0%    { left:2226px; top:0px;}
	4%    { left:2226px; top:0px;}
    14%   { left:1113px; top:0px;}
    17%   { left:1113px; top:0px;}
	27%   { left:0px;    top:0px;}	
	100%  { left:0px;    top:0px;}		
}

/*teher*/
@keyframes move3 {
	0%    { left:0px;    top:0px;}
	23%   { left:0px;    top:0px;}	
	55%   { left:2567px; top:0px;}
	100%  { left:2567px; top:0px;}	
}

@keyframes move4 {
	0%    { left:0px;    top:0px;}	
	48%   { left:0px;    top:0px;}
    58%   { left:1113px; top:0px;}
    65%   { left:1113px; top:0px;}
	75%   { left:2946px; top:0px;}
	100%  { left:2946px; top:0px;}
}

@keyframes move5 {
	0%    { left:2226px; top:0px;}	
	54%   { left:2226px; top:0px;}
    64%   { left:1257px; top:0px;}
    67%   { left:1257px; top:0px;}
	77%   { left:0px;    top:0px;}	
	100%  { left:0px;    top:0px;}		
}

/*teher*/
@keyframes move6 {
	0%    { left:2567px; top:0px;}
	75%   { left:2567px; top:0px;}	
	100%  { left:0px;    top:0px;}	
}



/*@keyframes move2 {
	0%   { left:2226px; top:0px;}
	9%   { left:2226px; top:0px;}
    29%  { left:1113px; top:0px;}
    34%  { left:1113px; top:0px;}
	54%  { left:0px; top:0px;}	
    74%  { left:1113px; top:0px;}
	85%  { left:1113px; top:0px;}
    100% { left:2226px; top:0px;}
}*/

.move-header-night .light-white,
.move-header .light-white {
	margin-top: 201px;
	margin-left: 676px;
	height: 30px;
    width: 17px;
	animation: light_withe 120s infinite linear;	
	background: url(images_move/light_white.png) left center/100% 100% no-repeat !important;
}

.move-header-night .light-red-l,
.move-header .light-red-l {
	margin-top: 201px;
	margin-left: 674px;
	height: 30px;	
    width: 17px;
	animation: light_red_l 120s infinite linear;		
	background: url(images_move/light_red.png) left center/100% 100% no-repeat !important;
}

.move-header-night .light-red-r,
.move-header .light-red-r {
	margin-top: 201px;
	margin-left: 678px;
	height: 30px;
	animation: light_red_r 120s infinite linear;		
    width: 17px;	
	background: url(images_move/light_red.png) left center/100% 100% no-repeat !important;
}

@keyframes light_withe {
	0%    { opacity: 0;}
	1%    { opacity: 1;}	
	2%    { opacity: 0;}
	3%   { opacity: 1;}	
	4%    { opacity: 0;}
	18%    { opacity: 0;}	
	19%    { opacity: 1;}
	20%    { opacity: 0;}
	21%    { opacity: 1;}
	22%    { opacity: 0;}
	23%    { opacity: 1;}
	24%    { opacity: 0;}
	25%    { opacity: 1;}
	26%    { opacity: 0;}
	27%    { opacity: 1;}
	28%    { opacity: 0;}
	29%    { opacity: 1;}
	30%    { opacity: 0;}
	31%    { opacity: 1;}
	32%    { opacity: 0;}
	43%    { opacity: 0;}
	44%    { opacity: 1;}	
	45%    { opacity: 0;}
	46%    { opacity: 1;}
	47%    { opacity: 0;}
	48%    { opacity: 1;}
	49%    { opacity: 0;}
	50%    { opacity: 1;}
	51%    { opacity: 0;}
	52%    { opacity: 1;}	
	53%    { opacity: 0;}	
	70%    { opacity: 0;}
	71%    { opacity: 1;}
	72%    { opacity: 0;}	
	73%    { opacity: 1;}
	74%    { opacity: 0;}	
	75%    { opacity: 1;}
	76%    { opacity: 0;}	
	77%    { opacity: 1;}
	78%    { opacity: 0;}	
	79%    { opacity: 1;}
	80%    { opacity: 0;}	
	88%    { opacity: 0;}
	90%    { opacity: 1;}
	91%    { opacity: 0;}
	92%    { opacity: 1;}
	93%    { opacity: 0;}	
	94%    { opacity: 1;}
	95%    { opacity: 0;}	
	96%    { opacity: 1;}
	97%    { opacity: 0;}
	98%    { opacity: 1;}
	99%    { opacity: 0;}		
	100%   { opacity: 1;}	
}

@keyframes light_red_l {
	0%     { opacity: 0;}
	4%     { opacity: 0;}	
	5%     { opacity: 1;}
	6%     { opacity: 0;}	
	7%     { opacity: 1;}
	8%     { opacity: 0;}	
	9%     { opacity: 1;}
	10%    { opacity: 0;}	
	11%    { opacity: 1;}
	12%    { opacity: 0;}	
	13%    { opacity: 1;}
	14%    { opacity: 0;}	
	15%    { opacity: 1;}
	16%    { opacity: 0;}	
	17%    { opacity: 1;}	
	18%    { opacity: 0;}		
	31%    { opacity: 0;}
	32%    { opacity: 1;}	
	33%    { opacity: 0;}
	34%    { opacity: 1;}	
	35%    { opacity: 0;}
	36%    { opacity: 1;}	
	37%    { opacity: 0;}
	38%    { opacity: 1;}	
	39%    { opacity: 0;}
	40%    { opacity: 1;}	
	41%    { opacity: 0;}
	42%    { opacity: 1;}	
	43%    { opacity: 0;}
	52%    { opacity: 0;}
	53%    { opacity: 1;}	
	54%    { opacity: 0;}
	55%    { opacity: 1;}	
	56%    { opacity: 0;}
	57%    { opacity: 1;}	
	58%    { opacity: 0;}
	59%    { opacity: 1;}	
	60%    { opacity: 0;}
	61%    { opacity: 1;}	
	62%    { opacity: 0;}
	63%    { opacity: 1;}	
	64%    { opacity: 0;}
	65%    { opacity: 1;}	
	66%    { opacity: 0;}	
	67%    { opacity: 1;}	
	68%    { opacity: 0;}
	69%    { opacity: 1;}	
	70%    { opacity: 0;}
	80%    { opacity: 0;}
	81%    { opacity: 1;}	
	82%    { opacity: 0;}
	83%    { opacity: 1;}	
	84%    { opacity: 0;}
	85%    { opacity: 1;}	
	86%    { opacity: 0;}
	87%    { opacity: 1;}	
	88%    { opacity: 0;}
	89%    { opacity: 1;}
	90%    { opacity: 0;}
	100%   { opacity: 0;}		
}

@keyframes light_red_r {
	0%     { opacity: 0;}
	5%     { opacity: 0;}	
	6%     { opacity: 1;}
	7%     { opacity: 0;}	
	8%     { opacity: 1;}
	9%     { opacity: 0;}
	10%    { opacity: 1;}
	11%    { opacity: 0;}
	12%    { opacity: 1;}
	13%    { opacity: 0;}
	14%    { opacity: 1;}
	15%    { opacity: 0;}
	16%    { opacity: 1;}
	17%    { opacity: 0;}	
	18%    { opacity: 1;}
	19%    { opacity: 0;}		
	32%    { opacity: 0;}	
	33%    { opacity: 1;}
	34%    { opacity: 0;}	
	35%    { opacity: 1;}
	36%    { opacity: 0;}	
	37%    { opacity: 1;}
	38%    { opacity: 0;}	
	39%    { opacity: 1;}
	40%    { opacity: 0;}	
	41%    { opacity: 1;}
	42%    { opacity: 0;}	
	43%    { opacity: 1;}
	44%    { opacity: 0;}
	53%    { opacity: 0;}
	54%    { opacity: 1;}
	55%    { opacity: 0;}
	56%    { opacity: 1;}
	57%    { opacity: 0;}
	58%    { opacity: 1;}
	59%    { opacity: 0;}
	60%    { opacity: 1;}
	61%    { opacity: 0;}
	62%    { opacity: 1;}
	63%    { opacity: 0;}
	64%    { opacity: 1;}
	65%    { opacity: 0;}
	66%    { opacity: 1;}
	67%    { opacity: 0;}
	68%    { opacity: 1;}
	69%    { opacity: 0;}
	70%    { opacity: 1;}
	71%    { opacity: 0;}	
	81%    { opacity: 0;}	
	82%    { opacity: 1;}
	83%    { opacity: 0;}	
	84%    { opacity: 1;}
	85%    { opacity: 0;}	
	86%    { opacity: 1;}
	87%    { opacity: 0;}	
	88%    { opacity: 1;}
	89%    { opacity: 0;}
	100%   { opacity: 0;}		

}

.move-header .cross {
	margin-top: 200px;
	margin-left: 680px;
	height: 33px;
    width: 9px;	
	background: url(images_move/cross.png) left center/100% 100% no-repeat !important;
}

.move-header-night .cross-night{
	margin-top: 200px;
	margin-left: 680px;
	height: 33px;
    width: 9px;	
	background: url(images_move/cross_night.png) left center/100% 100% no-repeat !important;
}


.move-header .car1 {
	margin-top: 206px;
	margin-left: 625px;
	height: 25px;
    width: 33px;	
	animation: car1 120s infinite linear;	
	background: url(images_move/car1.png) left center/100% 100% no-repeat !important;
}

.move-header-night .car1-night {
	margin-top: 206px;
	margin-left: 619px;
	height: 31px;
    width: 47px;	
	animation: car1-night 120s infinite linear;	
	background: url(images_move/car1_night.png) left center/100% 100% no-repeat !important;
}

@keyframes car1 {
	0%    { transform: scale(0.1); opacity: 0; margin-top: 218px;}
	25%    { transform: scale(0.1); opacity: 0; margin-top: 218px;}
	35%    { transform: scale(0.5); opacity: 1; margin-top: 213px;}
	43%    { transform: scale(0.5); opacity: 1; margin-top: 213px;}	
	50%    { transform: scale(0.9); opacity: 1; margin-top: 206px;}
	52%    { transform: scale(1); opacity: 0; margin-top: 206px;}
	100%   { opacity: 0; }		
}

@keyframes car1-night {
	0%     { transform: scale(0.1); opacity: 0; margin-top: 215px;}
	25%    { transform: scale(0.1); opacity: 0; margin-top: 215px;}
	35%    { transform: scale(0.5); opacity: 1; margin-top: 212px;}
	43%    { transform: scale(0.5); opacity: 1; margin-top: 212px;}	
	50%    { transform: scale(0.9); opacity: 1; margin-top: 206px;}
	52%    { transform: scale(1); opacity: 0; margin-top: 206px;}
	100%   { opacity: 0; }	
}
	


.move-header-night .tree1,
.move-header .tree1 {
	margin-top: 173px;
	margin-left: 170px;
	height: 60px;
    width: 40px;	
	background: url(images_move/tree1.png) left center/100% 100% no-repeat !important;
}

.move-header-night .tree2,
.move-header .tree2 {
	margin-top: 203px;
	margin-left: 910px;
	height: 30px;
    width: 35px;	
	background: url(images_move/tree2.png) left center/100% 100% no-repeat !important;
}

.move-header-night .tree2_2,
.move-header .tree2_2 {
	margin-top: 208px;
	margin-left: 748px;
	height: 25px;
    width: 29px;	
	background: url(images_move/tree2.png) left center/100% 100% no-repeat !important;
}

.move-header-night .tree3,
.move-header .tree3 {
	margin-top: 168px;
	margin-left: 760px;
	height: 65px;
    width: 42px;	
	background: url(images_move/tree3.png) left center/100% 100% no-repeat !important;
}

.move-header .bush {
	margin-top: 190px;
	margin-left: 0px;
	height: 44px;
    width: 1014px;	
	background: url(images_move/bush.png) left center/100% 100% no-repeat !important;
}

.move-header-night .bush{
	margin-top: 190px;
	margin-left: 0px;
	height: 44px;
    width: 1014px;	
	background: url(images_move/bush_night.png) left center/100% 100% no-repeat !important;
}