/* ------- Responsive részek ------- */
	/* célszerű méretek:  	980	650	480 */
	/* Ez a 800-as csak a termék táblázat miatt van ideiglenesen */
@media all and (max-width: 800px) {
	 .block_and_none_if_width_less_than_800 {
		display: none !important;
	 }
	 .none_and_block_if_width_less_than_800 {
		display: block !important;
	 }	 
	 .table-cell_and_none_if_width_less_than_800 {
		display: none !important;
	 }
	 .none_and_table-cell_if_width_less_than_800 {
		display: table-cell !important;
	 }
	 
	 .table-row_and_none_if_width_less_than_800 {
		display: none !important;
	 }	 
	 .inline_and_none_if_width_less_than_800 {
		display: none !important;
	 }
	 .none_and_inline_if_width_less_than_800 {
		display: inline;
	 }	 
}
	 .block_and_none_if_width_less_than_800 {
		display: block;
	 }
	 .none_and_block_if_width_less_than_800 {
		display: none;
	 }	 	 
	 .table-cell_and_none_if_width_less_than_800 {
		display: table-cell;
	 }
	 .none_and_table-cell_if_width_less_than_800 {
		display: none;
	 }
	 .table-row_and_none_if_width_less_than_800 {
		display: table-row;
	 }	 	 
	 .inline_and_none_if_width_less_than_800 {
		display: inline;
	 }	 
	 .none_and_inline_if_width_less_than_800 {
		display: none !important;
	 }	 	 

@media all and (max-width: 640px) {
	 .block_and_none_if_width_less_than_640 {
		/*display: none !important;*/
	 }
	 
			.menu_left_init {
				display: none !important;
			}
	 
			.menu_left_mobile_show {
					width: 100% !important;
					z-index: 10;
					position: absolute;
					animation: show 1000ms ease;
					animation-fill-mode: forwards;
			}
			.menu_left_mobile_hide  {
					width: 100% !important;
					position: absolute;
					animation: hide 1000ms ease;
					animation-fill-mode: forwards;			
			}	 

	#banner_fejlec { width: 100% !important; 	          overflow-x: scroll !important; overflow-y: hidden !important;  /*overflow-y: hidden !important; overflow-x: !important;*/ }
	#fejlec_banner { 							          overflow-x: scroll !important; overflow-y: hidden !important; /*overflow-y: hidden !important; overflow-x: !important;*/ }
	#banner_fejlec_navigacios_gombok { display: block !important; 	}
}

	.block_and_none_if_width_less_than_640 {
		display: block;
	 }

			#mobile_menu_icon{	 
				transition: transform .5s ease-out;
			}
			#mobile_menu_icon:HOVER {
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
				transition: transform .5s ease-out;
			}
			
	#banner_fejlec { width: calc(100% - 272px);	overflow-x: hidden; overflow-y: hidden ; }
	#fejlec_banner { 							overflow-x: hidden;  overflow-y: hidden ; }

@keyframes show {
    0% {
        display: none;
        opacity: 0;
		left: -250px;
    }
    1% {
        display: block;
    }
    100% {
        display: block;
        opacity: 1;
		left: 0px;
    }
}
@keyframes hide {
    0% {
        display: block;
        opacity: 1;
		left: 0px;
    }
    99% {
        display: block;
    }
    100% {
        display: none !important;		/*elméletileg nem működik a css animációkban*/
		z-index: -1;				/*hátha ez elrakja*/
        opacity: 0;
		width: 230px;		/* vagy a fix width */
		left: -250px;
    }
}
			
@media all and (max-width: 480px) {
	 body {
	 /*
	  background: url("/wp/wp-content/uploads/2013/03/snowball.png") !important;
	 */
	 }
	 .block_and_none_if_width_less_than_480 {
		display: none !important;
	 }
	 .none_and_block_if_width_less_than_480 {
		display: block !important;
	 }
	 
	 .none_if_width_less_than_480 {
		display: none !important;
	 }	 
	/*
	#minden_container	{
		display: block;
		width: 750px !important;
		margin: 0px auto;
		padding: 0;	
	}
		
	#minden_container #container		{
		display: block;
		width: 750px !important;
	}
	*/
}
	 .block_and_none_if_width_less_than_480 {
		display: block;
	 }
	 .none_and_block_if_width_less_than_480 {
		display: none;
	 } 
	 
	 
/*  Mobil kiegészítő stílusok */	 
@media all and (max-width: 480px) {
	input#search {
		/*width: 57px !important;*/
		/*width: 100%;*/
	}
	#live_search { 
		width: 87px;
		transition: width 1000ms ease;
	}
	#live_search:focus { 
	/*
		background-color: yellow;
		position: absolute !important;
		width: auto !important;
		margin-left: 25px;
		*/
	}
	.live_search_wide {
		/*background-color: yellow;*/
		/*position: absolute !important;*/
		width: 90% !important;
		/*margin-left: 30px;	
		margin-right: 25px;*/
	}
	/*.live_search_wide::after {
		content: ' ';
		display: block;
		position: absolute;
		right: -20px;
		width: 20px;
		border: 2px solid red;
	}*/
	.live_search_wide_menuright_hide {
		/*display: none !important;*/
		
		position: absolute; right: 0px;
		opacity: 0	!important;
		transition: opacity 1000ms ease;
	}
}

@media all and (min-width: 480px) {
	input#search {
		/*width: 193px;*/
		/*width: 100%;*/
	}
	#live_search {
		width: 222px;
	}
	#live_search:focus { 
		/*background-color: yellow;*/
		/*position: absolute !important;	
		width: 100% !important;*/
	}	
}

/* ---------- NORMÁL styleok ------- */			
html	{
	display: block;
	margin: 0px auto;
}
body {
	/*normál*/
		/*dark blue*/
	/*background-color:#101030;*/			/*kell a kép is az animációkhoz*/
	background: #101030 url('../design/darkblue.jpg') top center no-repeat fixed;
	/*jeges*/
	/*background: #000103 url('../design/banner_background/background_ice3.jpg') top center no-repeat fixed;*/
	
	
			-webkit-transition: background-color 3s linear;
			-moz-transition: background-color 3s linear;
			-o-transition: background-color 3s linear;
			-ms-transition: background-color 3s linear;
			transition: background-color 3s linear;
			
			-webkit-transition: background-image 3s ease-in-out;
			transition: background-image 3s ease-in-out;
	
	
	/*fekete*/
	/*background-color: black;*/
	
			
	/*background-position: top, bottom;*/
	
	/*background-color:#101015; */
	/*background-color:#FFF015;*/
	
	/*
	background-position: left;
	background-repeat: no-repeat;	
	width:100%; height:100%;
	*/
	/*
	background: #ccd3e5 url(/design/backgrounds/laser-engraving-machine.jpg) no-repeat top center;
	background-attachment: fixed;
	background-size: cover; 
	*/

	/*	
	background-position:top center;
	background-attachment:fixed;
	background-image: url("./design/background_globe.jpg");
	
	background-color: #f0f0f0;
	background-image: url("./design/background_stars.png");
	background-position: left;
	background-repeat: repeat-y;*/
	margin: 0;
	padding: 0;
	/*width: 800px;*/
}
	.body_black_friday {
	
		/*
		background-color: black !important;
		*/
			-webkit-transition: background-color 3s linear;
			-moz-transition: background-color 3s linear;
			-o-transition: background-color 3s linear;
			-ms-transition: background-color 3s linear;
			transition: background-color 3s linear;
		
		/*
			background: url('../design/black_friday/top.jpg'),    url('../design/black_friday/bottom.jpg');
			background-position: top left fixed, bottom right fixed;
			background-repeat: no-repeat, no-repeat;
		*/
	
		/* black friday - egy képes*/
		/*background: black url('../design/black_friday/bottom.jpg') bottom center no-repeat fixed;*/
		background: url('../design/black_friday/bottom.jpg') bottom center no-repeat fixed;
			-webkit-transition: background-image 3s ease-in-out;
			transition: background-image 3s ease-in-out;
	}
	
	.body_transformers {
			background-color: black !important;		
			background: url('../design/banner_background/transformers.jpg') bottom center no-repeat fixed;
			background-position: top center;
			background-repeat: no-repeat;
			background-attachment:fixed;
			/*background-position: calc(10%-10px) calc(50% - 300px), calc(10%-10px) calc(50% + 300px);*/
			/*
			background-repeat: no-repeat, no-repeat;		
			background-attachment:fixed, fixed;			
			/*
			calc(50% - 50px) 50%;
			*/
			
			/*
			background:  url('../design/banner_background/transformers_left.jpg'),  url('../design/banner_background/transformers_right.jpg');
			background-position: top left, top right;*/
			/*background-position: calc(10%-10px) calc(50% - 300px), calc(10%-10px) calc(50% + 300px);*/
			/*
			background-repeat: no-repeat, no-repeat;		
			background-attachment:fixed, fixed;
			*/
	}
	.body_3dprinter {
			background: #101030 url('../design/banner_background/3dprinter.jpg') top center no-repeat fixed;
	}
	.body_drone {
		background: #101030 url('../design/banner_background/drone.jpg') top center no-repeat fixed;
	}

#minden_container	{
	display: block;
	/*width: 1000px;*/
	/*width: 1000px;	max-width: 100%;*/	/*Responsive*/
	width: 100%;	max-width: 1000px;	/*Responsive*/
	margin: 0px auto;
	/*margin: 30px auto 0px auto;*/
	padding: 0;
	/*border-right: solid 20px #666666;*/
}
	
#minden_container #container
	{
/*	border: 1px #ff0000 solid; */
/*	min-height: 750px;*/
	display: block;
/*	float: left;*/
	/*width: 1000px;*/
	/*width: 1000px;	max-width: 100%;*/	/*Responsive*/
	margin: 0px auto;
	padding: 0;
/*	overflow: hidden;*/
	}	

		.req {
			color: #FF0000;
			font-weight: normal;
		}	
	
.hatter1{
	/*background-color: #FF5555;*/
	background: #0056FF url("design/hatter_kek_vizszintes_hosszu.jpg") repeat-y;
}
.hatter2 {
	/*background-color: #5555FF;*/
	background: #F22A2A url("design/hatter_piros_vizszintes_hosszu.jpg") repeat-y;
}

.hatter3 {
	/*background-color: #5555FF;*/
/*	background-color: #9853CA; */
	background: #ffffff url("design/bg_purple_long.gif") repeat-x;
}
.hatter3_inverse {
	background: #ffffff url("design/bg_purple_inverse.gif") repeat-x;
}
.city {
	background: #ffffff url("design/city.jpg") no-repeat;
}
.blog {
	background: #ffffff url("design/city_line.jpg") repeat-y;
}

#fejlec_csik {
	display: block;
	/*overflow: hidden;*/
	float: left;
	text-align: center;
	width: 1000px;
}
#felso_menu
	{
	display: block;
	/*
	overflow: hidden;
	*/
	float: left;
	text-align: center;
	width: 100%;
	/*
	height:27px;
	*/
	border: 2px #000000 solid;
	background-color: #05059A;

	margin: 0px auto;
	padding: 0;
	}

#felso_menu #top
	{
	display: block;
	/*
	overflow: hidden;
	*/
	float: left;
	width: 1000px;
	/*
	height: 27px;
	*/
	margin: auto;
	padding: 0;
	/*background-color: #afafaf;*/
	}


/*#felso_menu #top ul*/
#felso_menu #top .menu_ul
	{
	/*float: center;*/
	list-style-type: none;
	padding: 0;
	margin: 7px 0 0 0;
	}

/*#felso_menu #top ul li*/
#felso_menu #top .menu_ul li
	{
	display: inline;
	list-style-type: none;
	padding: 0;
	margin: 1px 0 0 0;
	}

#felso_menu #top .menu_ul li a
/*#felso_menu #top ul li a*/
	{
	overflow: hidden;
	margin: 10px 5px 0px 8px;
	margin-top: 30px;
	text-align: center;
	font-family: verdana;
	text-transform: uppercase;
	/*font-size: 15px;*/	/*kisebb lett mobilon, és különböző méretek*/
	font-size: 14px;
	text-decoration: none;
	color: #EEEEFF;
	font-weight: bold;
	}

#felso_menu #top .menu_ul li a:HOVER
/*#felso_menu #top ul li a:HOVER*/
	{
	color: #FFFFFF;
	text-decoration: underline;
	}


	
#menu_left	{
	/*display:block;*/ overflow:hidden; float:left;
	border: 0px #11EE11 solid;
	width: 250px; 	margin: 0px auto;"
}
	
	
		/*stat*/
			.stat_menu {
				font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #FDFDFD;
			}
	
		/*Login */
			.login_menu {
				font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
				/*font-size: 11px;*/
				/*font-size: 13px;*/
				font-size: 15px;
				color: #FDFDFD;
			}
			.login_menu a {
				color: #FDFDFD;
				text-decoration: none;
			}
			.login_menu a:HOVER
			{
				color: #FDFDFD;
				text-decoration: underline;
			}
				
		/*Box.ok menu-ből*/
			.menu_box  {
				font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #010101;			
			}
			.menu_box  input {
				font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #010101;
			}				
			
			
			
				/* Button style*/	
					input.btn {
						color:#FEFEFE;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font: bold 11px;
						border:1px solid;   
						border-color: #696 #363 #363 #696;   
						background-color: #0056FF;
						background-image: url(../design/button-background.png); 
						background-repeat: repeat-x;
						cursor: pointer;
					}
					input.btn:hover {
						color:#FF9999;
						border: #444444 1px solid
					}	
					
					
					
					
			/*Menü iconok, facebook, rss, kedvencek*/
			img.menu_icon {
				width: 32px;
				bottom: -5x;
			}
			img.menu_icon:hover {
				width: 48px;
				bottom: 0px;
			}
		
			
			
			/*wp-blog*/
				/*pinterest style ez működik: 
					http://osvaldas.info/responsive-jquery-masonry-or-pinterest-style-layout
					ezt nem próbáltam:
					http://cssdeck.com/labs/css-only-pinterest-style-columns-layout
					
					profi javascript rendezésre, layoutolásra: http://isotope.metafizzy.co/
					
					ez még I7-tel is megy: http://html5beta.com/html5/pinterest-style-columns-layout-demo/
					
				*/
				#pinstyle_blog_box_container
				{
					width: 100%;
					overflow: hidden;
					/*margin-bottom: -1.875em; */ /*30px */
					/*margin-bottom: 10px;*/
					margin-bottom: 0px;
					-webkit-column-count: 4;
					/*-webkit-column-gap: 1.875em; */
					-webkit-column-gap: 5px;
					-webkit-column-fill: auto;
					-moz-column-count: 4;
					/*-moz-column-gap: 1.875em; 30px */
					-moz-column-gap: 5px; 
					-moz-column-fill: auto;
					column-count: 4;
					/*column-gap: 1.875em;  30px */
					-moz-column-gap: 5px;
					column-fill: auto;
					
					height: 100%;
					
					border: 0px solid red;
				}
			
			/*blog*/
					/*
						div.blog_box:nth-child(even) {
						  float: right;
						  clear: right;
						}
						div.blog_box:nth-child(odd) {
						  float: left;
						  clear: left;
						}
					*/
					div.blog_box{					
						/* margin-bottom: 1.875em; */ /* 15px 30px */
						
						-webkit-column-break-inside: avoid;
						-moz-column-break-inside: avoid;
						column-break-inside: avoid;					
						
					
						/*box-sizing: border-box;*/
						display: inline-block;
						overflow: hidden;  float: left;
						width: 230px;
						height: 100%;
						
						background: #FFFFFF;
						
						margin-top: 5px;
						margin-bottom: 5px;
						
						margin-left: 5px;
						margin-right: 5px;

						padding: 0px;
						border: 0px solid #00FF00;
												
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 10px;
						font-style: normal;
						
						color: #AAAAAA;
						}
					div.blog_box_ h3 {
						font-size: 15px;
						margin:0;
						padding: 0 0 3px;
						/*background: #8800CC;*/
						background: #5502A7		url("design/bg_purple_kicsi2.gif") repeat-x;
						color: #FFFFFF;
						text-align: center;
						}
					div.blog_box h3 {
						font-size: 11px;
						margin: 0px;
						padding: 3px 0px 3px 13px;
						/*background: #8800CC;*/
						background: #CCCCCC		url("design/sqaure_gray.gif") no-repeat  3px 7px;
						color: #666666;
						text-align: left;
						}						
					div.blog_box p	{
						margin:0;
						padding: 5px 10px;
						line-height: 1.3;
						text-align: justify
					}
						.blog_box ul {
							overflow: hidden;						
							padding: 0px;
							margin: 0px;
							position: relative;
							clear:both;
						}
						.blog_box ul li {
							margin-left: 5px;	
							margin-top: 0px;
							padding: 1px 2px 5px 9px;		/*top, bottom, right, left */
							/*border-top: 1px solid #d9e0f0;*/
							/*border: 1px solid #00FF00;*/
							float: left;
							background: url(../design/arrow_full_red.jpg) 0px 3px no-repeat;
							line-height: 13px;
							display: block;
							overflow: hidden;
							clear:both;							
						}
						.blog_box ul li::first-child {
							border-top: 0px;
						}
							.blog_box A,
							.blog_box A:link,
							.blog_box A:visited {
								font-weight: normal;
								color: #000000;
								text-decoration:none;
							}
							.blog_box A:hover {
								text-decoration:underline;
							}	
							
					
			/*miért mi*/
				#klikk  {
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size: 10px;
						font-style: normal;
						color: #blue;				
				}
				#klikk h3 {
					font-size: 15px;
				}
				#klikk ul {
							overflow: hidden;						
							padding: 0px;
							margin: 0px;
							position: relative;
							clear:both;
						}					
				#klikk ul li {
							margin-left: 5px;	
							margin-top: 0px;
							padding: 1px 2px 5px 29px;		/*top, bottom, right, left */
							/*border-top: 1px solid #d9e0f0;*/
							/*border: 1px solid #00FF00;*/
							float: left;
							background: url(../design/icon_check.jpg) 0px 3px no-repeat;
							line-height: 20px;
							display: block;
							overflow: hidden;
							clear:both;		
							font-weight: bold;
						}	
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
								div.offer_item_box{
									display:block; overflow: hidden; float: left;	 	 
									margin-left: 0px;
									text-align: center;
									position: relative;
									}
									.offer_item_box.size_napi_akcio {	width: 140px; height: 120px;	}
									.offer_item_box.size_in_christmas_banner {	width: 140px; height: 110px;	}
								img.offer_image {
									border: 0px;
									display: block; border: 0px;
									margin: auto;
								}
									.offer_image.size_napi_akcio {	width: 130px; height: 85px;	}
									.offer_image.size_in_christmas_banner {	width: 100px; height: 75px; 	}									
								div.offer_text {
									background-image: url('design/semi_transparent_black_background.png');
									margin-left: 3px;
									margin-right: 3px;
									display: block;
									overflow: hidden; white-space: nowrap;
								}					
									.offer_text.size_napi_akcio {	width: 140px; height: 35px;	}
									.offer_text.size_in_christmas_banner {	width: 120px; height: 35px; 	}	
								.offer_text A:link {
									font-family: Arial;
									font-size: 13px;
									color: white;
									font-weight: normal;
									text-decoration: none;
									border-style: none;
								}
								.offer_text A:hover {
									font-family: Arial;
									font-size: 13px;
									color: white;
									font-weight: normal;
									text-decoration: underline;
									border-style: none;
								}
								.offer_text A:visited {
									font-family: Arial;
									font-size: 13px;
									color: white;
									font-weight: normal;
									text-decoration: none;
									border-style: none;
								}
								.offer_athuzott {
									font-size: 12px;
									text-decoration: line-through;
								}
								img.top {
									position: absolute;
									left: 0px; top: 0px;
									width: 48px; height: 48px;
									border: 0px;
								}
								img.bottom {
									position: absolute;
									right: -6px; bottom: -4px;
									width: 50px;
									border: 0px;
								}								
									.top.size_napi_akcio {	width: 48px; height: 48px;	}
									.top.size_in_christmas_banner {	width: 32px; height: 32px;	}
								img.ma {
									position: absolute;
									left: 0px; top: 0px;
									width: 48px; height: 48px;
									border: 0px;
								}
								div.kulonbseg {
									position: absolute;
									right: 0px; bottom: 0px;
									height: 12px;
									border: 0px;
									color: red;
									font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
									font-weight: bold;
									font-size: 12px;
								}										
								
							
							
							
							
			/*  admin menü képek: szürkeárnyalatos, ha egér rá->kiszinezi, megnöveli méreteét */

							img.grayscale_n_resize {
							  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
							  filter: gray; /* IE6-9 */
							  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
							}
							img.grayscale_n_resize:hover {
							  filter: none;
							  -webkit-filter: grayscale(0%);
							  -webkit-transform: scale(1.25,1.25);
							  -moz-transform:scale(1.25,1.25);
							}
							

/* kosár és registrációs formokhoz*/							

	
		.data_form {
			font-weight: bold;
			font-family: Verdana,Arial,Helvetica;
			font-size: 10px;
		}
	
						
						
/* --- Ezek nem tudom mik, de lehet kellenek ---- */
								div#main_images table {
										border: 0px;	margin: 0px;	padding: 0px;
								}
								div#main_images table tr {
									border: 0px;	margin: 0px;	padding: 0px;
								}
								div#main_images table tr td {
									border: 0px;	margin: 0px;	padding: 0px;
								}
								div#main_images a {
									border: 0px;	margin: 0px;	padding: 0px;
								}

											a.main_img img{												
												float: left;
												margin: 0px;
												
												border: 0px solid blue;
												padding: 2px;
											}
											a.main_img:hover img{
												border: 2px solid red;
												padding: 0px;
											}	
											

/* A Sykpe felrak egy 5*5 pixeles fehér ablakot a javascriptjével ha kirakjuk a skype gombot, ez elteszi szépen*/
#skypedetectionswf { position: fixed; top:0; left:-10px; } 




/*menu 2016 és responsive*/
.menu_new {
}
.menu_new ul {
	/*background-color: blue;*/
	color: white;
	
	background: #0056FF url("design/hatter_kek_vizszintes_hosszu.jpg") repeat-y  !important;
	background-size: 200% auto !important;	
}
.menu_new ul li {
	display: block; width: 100%; /*height: 40px; */    box-sizing: border-box;
	
	max-height: 1000px;
	transition: max-height 1s ease 0s;
	
	background-size: auto 24px !important;
	/*background-size: auto 30px !important;*/
	background-position: 2px 10px !important;
	
	margin: 0px !important;
	padding: 0px !important;
	/*padding: 15px 0px 15px 0px !important;*/
	
	border-bottom: 1px solid gray;	
	
	cursor: pointer;
	
    font-family: 'Exo','Open Sans',sans-serif !important;
    font-weight: 300 !important;
    font-style: normal;
    /*font-size: 2.30769em;*/
	font-size: 14px !important;
	color: white !important;
	}
.menu_new ul li label {
	display: block;
	/*border: 1px solid red;*/
	box-sizing: border-box;
		
    outline: 0;
			/*top, right, bottom, left */
    padding: 13px 16px 10px 33px !important;	/*  16: ezzel lesz az ::AFTER-es arrow-nak hely  */ /*33: ezzel lesz a bal iconnak hely*/
    margin: 0px 0px 0px 0px !important;	
	
	font-size: 14px !important;
	color: white !important;
	
	color: #EEEEFF !important;
	
	position: relative;

	cursor: pointer;
	
	overflow: hidden;	
	text-overflow: ellipsis;		/* kipontozások hosszú szövegnél */
	o-text-overflow: ellipsis;
	white-space: nowrap;
	/*width: 100%;*/
	/*border: 1px solid red;*/
	
	line-height: normal !important;
}
.menu_new ul li:HOVER {
	background-color: blue !important;
}

.menu_new ul li:HOVER label {
	color: #FFFFFF !important;
	text-decoration: none;
}

.menu_new ul li label::AFTER {
	z-index: 500;
	content: "";
	display: inline-block;
	position: absolute;
	right: 0px;
	/*top: -3px;*/
	top: 13px;
	width: 16px; height: 16px;
	background: url('design/arrow-right2.png') 0px 0px no-repeat;
	background-size: auto 16px;
	
	border-radius: 50%;
	-webkit-transition: -webkit-transform .5s ease-out;
	transition: transform .5s ease-out;
}

.menu_new ul li:HOVER  label::AFTER {
	content: "";
	display: inline-block;
	position: absoulte;
	right: 0px;
	/*top: -3px;*/
	top: 13px;
	width: 16px; height: 16px;
	background: url('design/arrow-right2_hover.png') 0px 0px no-repeat;
	background-size: auto 16px;
	
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);	
}
/*
.menu_new ul li label  {
	display: block; width: 100%; height: 100%;
	border: 1px solid red;
}
*/
.menu_new ul li label + input {		/* + jelentése: közvetlenül az li-ben lévő label után lévő input */
	display: block;		/* none-vel is megy, de IE8-ban akkor nem működik a labelje ha nem látszik */
	position:absolute;
	left:-9999px;
}
.menu_new ul li label + input + * {	/* és ezután minden */
}
.menu_new ul li label + input + .childMenu {	/* és ezután minden */
	/*display:none;*/
	/*visibility: hidden; */
	max-height: 0px;
	/*margin-top: -100%;*/
	transition: max-height 0.5s ease 0s;
}
.menu_new ul li label + input:checked + .childMenu {
  /*display:block !important;*/
  /*visibility: visible;*/
  max-height: 1000px;
  /*margin-top: 0;*/
  transition: max-height 2s ease 0s;
}


.menu_new ul li label + input.checked + .childMenu {		/* checked-polyfill.js megoldás régi IE böngészőkre pszeudó css class-okra mint a :chekced*/
/*   	max-height: 1000px;*/
}


.childMenu > ul {
	background: transparent !important;	/* => a hovernél látszik a főmenü hoverje*/
	
	padding: 0x 0px 0px 0px !important;
	margin: 0x 0px 0px 0px !important;
}
.childMenu > ul > li {
	/*border: 1px solid red;*/

	/*display: block;*/ width: 100%; height: 30px;     box-sizing: border-box;
	
	background-size: auto 20px !important;		/*kisebb icon*/
	background-position: 13px 3px !important;
	
	margin: 0px !important;
	/*padding: 15px 0px 0px 0px !important;*/
	padding: 0x 0px 0px 0px !important;
	
	border-bottom: 0px solid gray;	
	
	cursor: pointer;
}
.childMenu > ul > li:HOVER {
	/*border: 1px solid green;*/		/* ez vmiért még kisebb */
	/*display: block;*/ width: 100%; height: 30px;     box-sizing: border-box;
	margin: 0px !important;

	background: inherit !important;

	background-size: auto 20px !important;		/*kisebb icon*/
	background-position: 20px 6px !important;			/* mivel kisebb a :HOVER valamiért -> más pozició van */
	background-color: darkblue !important;
	
}
.childMenu ul li:HOVER  a {
	text-decoration: none;
	overflow: visible;
	text-overflow: clip;
}
.childMenu ul li a {
    /*padding: 0px 16px 0px 53px !important;*/	/*  16: ezzel lesz az ::AFTER-es arrow-nak hely  */ /*33: ezzel lesz a bal iconnak hely*/
	
	display: block;
	/*border: 1px solid red;*/
	box-sizing: border-box;
		
    outline: 0;
			/*top, right, bottom, left */
    /*padding: 10px 0px 5px 33px !important;	*/
	padding: 5px 8px 0px 33px !important;		/* 8- lesz jobbra az after-nek hely*/
    margin: 0px 0px 0px 0px !important;	
	
	font-size: 14px !important;
	color: white !important;
	
	color: #EEEEFF !important;
	
	position: relative;
	
	cursor: pointer;
	
	overflow: hidden;	
	text-overflow: ellipsis;		/* kipontozások hosszú szövegnél */
	o-text-overflow: ellipsis;
	white-space: nowrap;
	/*width: 100%;*/
	/*border: 1px solid red;*/
	
	line-height: normal !important;	
}
.childMenu ul li a {
	text-decoration: none;
}
.childMenu ul li .childMenuA::AFTER {
	z-index: 500;
	content: "";
	display: inline-block;
	position: absolute;
	right: 0px;
	/*top: -3px;*/
	top: 9px;
	width: 10px; height: 10px;
	background: url('design/arrow-right2.png') 0px 0px no-repeat;
	background-size: auto 10px;
	
	border-radius: 50%;
	-webkit-transition: -webkit-transform .5s ease-out;
	transition: transform .5s ease-out;
}
.childMenu ul li:HOVER  .childMenuA::AFTER {
	content: "";
	display: inline-block;
	position: absoulte;
	right: 0px;
	/*top: -3px;*/
	top: 9px;
	width: 10px; height: 10px;
	background: url('design/arrow-right2_hover.png') 0px 0px no-repeat;
	background-size: auto 10px;
	
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);	
}


.grandChildMenu li {
	display: block;
	font-size: 12px !important;
}



/* ************ Cimkék ***********/
.cimke {
	display: block; float:left; overflow: hidden; 
	/*width: auto;*/
	background-color: #1965BB;
	color: white;
	border: 1px solid white;
	padding: 0px 2px;
	margin-left: 5px;
	margin-top: 6px;
	font-weight: bold;
	font-size: 14px;
}
.cimke:HOVER {
	background-color: blue;
}
.cimke a {
	color: white;
	border: 0px;	padding: 0px;  margin: 0px;
	text-decoration: none;
}
.cimke a:HOVER {
	color: white;
}






/* ************ YOUTUBE -> mobilhoz - teljes szélesség ***********/

							.video_database_container {
								margin-top: 10px;
								
								position: relative;
								width: 100%;
								height: 0;
								padding-bottom: 56.25%;
							}
							.video_database {
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: 100%;
							}
							
							
/* ************ termék kép -> mobilhoz - teljes szélesség ***********/


/* Pulzálás */							
aaah1,aaah2{
  text-align:center;
}
aaah1{
  color:rgba(0, 250, 255, 299);
}
.PULSE {
   /* Chrome, Safari, Opera */
  -webkit-animation: PULSE 2s infinite; 
  
  /* Internet Explorer */
  -ms-animation: PULSE 2s infinite;
  
  /* Standard Syntax */
  animation: PULSE 2.5s infinite; 
}

/* Chrome, Safari, Opera */
@-webkit-keyframes PULSE{
   0%{color:rgba(0,0,255);}	
	110%{color: black;}
}

/* Internet Explorer */
@-ms-keyframes PULSE{
  0%{color:rgba(0,0,255);}	
	110%{color: black;}
}

/* Standard Syntax */
@keyframes PULSE{
  0%{color:rgba(0,0,255);}	
	110%{color: black;}
}