/* LESS v1.4 */
	
	/* psd 6     - 25px css */
	/* psd 5.28 - 22px css */
	/* psd 4,56 - 19px css */
	/* psd 4.32 - 18px css */
	/* psd 4.08 - 17px css */
	/* psd 3.84 - 16px css */
	/* psd 3.6 -  15px css */
	/* psd 3.36 - 14px css */
	/* psd 3.12 - 13px css */
	/* psd 2,88 - 12px css */
	/* psd 2,64 - 11px css */
	
	@white: #ffffff;
	@black: #282828;
	@link:  #000000;
	@blue: #bd4a35;
	
	.openSans() { font-family: 'openSans'; }	
	
	.font( @size , @metric:px ){ 
		font-size: ~"@{size}@{metric}"; 
	}	
		
	.maxTextWidth( ){ 
		max-width: 800px;
	}
		
/* CSS */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary, time, mark, audio, video 
	{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	
	main{
		p{
			.font(13);
			line-height: 1.2;
		}
	}
				
				
	.productItem {
		margin-left: -4px;
	}
	
	input[type="radio"] { vertical-align: middle; }
	
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
	{ display: block;}
	
	body { line-height: 1; font-family: "Tahoma"; max-width: 990px; margin: 0 auto; position: relative;
		 background-color: #EBEBDF;
	}
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	
	body .goToTop{
		position: fixed;
		bottom: 15px;
		left: 10px;
		width: 32px;
		height: 32px;
		background-image: url('/themes/mobil/images/up.png');
		cursor: pointer;
		z-index: 20;
	}
	
/* FONTS */

	@font-face {
		font-family: 'Fuji';
		src: url('fonts/FUJIN.EOT');
		src: url('fonts/FUJIN.EOT?#iefix') format('embedded-opentype'),
		 url('fonts/FUJIN.TTF') format('truetype');
		 font-weight: bold;
	}	
			
/* DEFAULT SPACEING AND STYLES */

	/* Teszt */
		.redBorder{border: 1px solid red;}
		
	/* Megjelenítés */
		.link{text-decoration: none;}
		.imgLink{border: 0px;}
		.bold{font-weight: bold;}
		.noBold{font-weight: normal !important;}
		.cPointer{cursor:pointer;}
		a:hover, a:visited, a {text-decoration: none; color: @link;}
		a.black, a.black:hover, a.black:visited {color: @link;}
		a.pdf{
			background: url(/themes/default/img/icon/icon_pdf.gif) left no-repeat;
			padding-left:30px;
			padding-bottom:2px;
			padding-top:1px;
			background-position:5px 0px;;
			background-repeat:no-repeat;
		}
		.textJustify{text-align:justify;}
		.textCenter{text-align:center;}
		.textLeft{text-align:left;}
		.textRight{text-align:right;}
		.colorTrans{ color: transparent; }
		.backTrans{ background: transparent; }
	
	/* Doboz modell */
		.hidden{visibility: hidden;}
		.displayBlock{display: block;}
		i, .displayIB{display: inline-block; zoom: 1; *display: inline; }
		.displayNone{display: none;}
		.floatleft, .floatLeft{float:left}
		.floatright, .floatRight{float:right}
		.clearer{clear:both;}
		.mCenter {  margin: 0 auto; }
		.noMargin{margin: 0px !important; }
		.noPadding{padding: 0px !important; }
		.halfWidth{width: 50%;}
		.fullWidth {width: 100%;}
		
		.fire-result,
		.fire-kosarba,
		#fire-kosarba,
		.btn{	
			background-color: transparent;
			border: 0px;
			cursor: pointer;
			margin-left: -2px;
			padding: 0;
			width: 100%;
			position: relative;
			margin-bottom: 20px;
		}
			.fire-result .tovabb,	
			.fire-kosarba .intocart,	
			#fire-kosarba .intocart,	
			.btn .tovabb {
				padding-left: 30px;
				float: none !important;
				height: 38px;
				line-height: 38px;
				background-color: @blue;
				.font(17);
				font-weight: bold;
				color: #fff;
				text-align: left;
				margin-right: 5px;
				font-family: "Tahoma";
			}
				
				.fire-result .tovabb,	
				.fire-kosarba .intocart,
				#fire-kosarba .intocart{
					font-weight: normal;
					height: 45px;
					line-height: 45px;
					padding-left: 20px;
				}
				
			.fire-result .bluecont,
			.fire-kosarba .bluecont,
			#fire-kosarba .bluecont,
			.btn .bluecont {
				height: 38px;
				width: 42px;
				line-height: 38px;
				background-color: @black;
				position: absolute;
				top: 1px; 
				right: 0px;
			}
			
				.fire-result .bluecont,
				.fire-kosarba .bluecont,
				#fire-kosarba .bluecont{
					height: 45px;
					line-height: 45px;
					width: 32px;
				}
			
			.fire-kosarba .bluecont,
			#fire-kosarba .bluecont{
				top: 0px;
			}

				
				.fire-result .bluecont .cartpng,
				.fire-kosarba .bluecont .cartpng,
				#fire-kosarba .bluecont .cartpng{
					background-image: url('/themes/mobil/images/cartpng.png');
					width: 32px;
					height: 45px;
					display: block;
				}
			
			.btn .bluecont .arrow {
				background-image: url('/themes/default/img/small_arrow.png');
				width: 17px;
				height: 11px;
				margin: 15px auto;	
				display: block;
			}		
		
		#fire-kosarba{
			width: 135px;
		}
	
		.megrendeles #kosarform .btn,
		#villamrendeles .btn{
			width: 208px;
			margin: 10px  0 10px 35px;
			display: block;
		}
		
		
		#ajanlatkeresform .btn{
			display: block; width: 48%;
		}
		
		#ajanlatkeresform .btn .tovabb, 
		.megrendeles #kosarform .btn .tovabb, 
		#villamrendeles .btn .tovabb{	background-color: @black; }
		
		#ajanlatkeresform .btn .bluecont,
		.megrendeles #kosarform .btn .bluecont,
		#villamrendeles .btn .bluecont{ background-color: @blue; }
		
	/* Header */
	
	header #langswitcher{
		float: right;
		margin-right: 10px;
	}	
	
	header #langswitcher [name="langswap"]{
		width: 24px;
		height: 24px;
		border: 0px;
		color: transparent;
		background-color: transparent;
		cursor: pointer;
	}
		
	header #langswitcher [name="langswap"][value="hu"]{ background-image: url('/themes/default/images/flags/hu_grey.png'); }
		header #langswitcher [name="langswap"][value="hu"]:hover{ background-image: url('/themes/default/images/flags/hu.png'); }
	header #langswitcher [name="langswap"][value="en"]{ background-image: url('/themes/default/images/flags/en_grey.png'); }
		header #langswitcher [name="langswap"][value="en"]:hover{ background-image: url('/themes/default/images/flags/en.png'); }
	header #langswitcher [name="langswap"][value="de"]{ background-image: url('/themes/default/images/flags/de_grey.png'); }
		header #langswitcher [name="langswap"][value="de"]:hover{ background-image: url('/themes/default/images/flags/de.png'); }
	
		
		.globMess {
			font-size: 14px;
		/* 	height: 20px; */
			line-height: 20px;
			text-align: center;
			width: 100%;
			margin-top: -10px;
			margin-bottom: -10px;
			box-sizing: border-box;
		}
		
		.globMess{
			position: relative;
			padding: 10px;
		}
		
		#content{
			padding-top: 10px;
		}
		
		section,
		header{
			display: block;
		}	
	
		header .title{ 
			background-color: #3a3a3a; 
			.font(17);
			color: @white !important;
			height: 35px;
			line-height: 35px;
			padding-left: 10px;			
		}
		
			.start_contact .telefon a,
			.footer p a,
			header .title a{
				color: @white !important;
			} 
			
			header .title a.loginlink{
				
				color: @blue !important;
			}
		
		header .content{
			background-color: @black;
			height: 42px;
			padding-top: 20px;
			text-align: center;
		}
		
			header .content .navIcon{
				width: 26px;
				height: 22px;
				margin-left: 10px;
				float:left;
				background-image: url('/themes/mobil/images/menu.png');
				position: relative;
				z-index: 10;
				
			}	
				header .content .navIcon.tablet{
					color: #fff !important;
					line-height: 22px;
					.font(15);
					padding-left: 30px;
					font-style: normal;
					background-repeat: no-repeat;
				}
				
			header .logo{
				margin: 0 auto;	
				margin-top: -5px;
				width: 200px;
			}
			
				header .logoPic{
					background-image: url("/themes/mobil/images/logo.png");
					height: 22px;
					margin: 0 5px 0 0;
					width: 22px;
				}
				
				header .website{
					font-family: "Tahoma";
					.font(26);
					color: @white;
					display: inline;
				}
				
			header .content .cartIcon{
				width: 26px;
				height: 26px;
				margin-left: 10px;
				float:right;
				background-image: url('/themes/mobil/images/cart.png');
				margin-right: 10px;
			}
			
			
			header .content .cartNumLink{ 
				background-color: @blue;
				font-family: Verdana, Geneva, sans-serif;
				font-weight: bold;
				.font(17);
				color: #fff;
				min-width: 22px;
				padding: 0 3px;
				line-height: 26px;
				text-align: center;
				height: 28px;
				margin: 0 10px;
				display:block;
				float: right;
			}
			
			header .content .searchIcon{
				width: 26px;
				height: 26px;
				margin-left: 10px;
				float:right;
				background-image: url('/themes/mobil/images/search.png');
			}
			
			header .searchBox {
				height: 35px;
				background-color: @black;
				display: none;
				position: relative;
			}
			
			#gyorskereso_lista {
				position: absolute;
				top: 30px;
				left: 50%;
				margin-left: -155px;
				background: #fff;
				width: 310px;
				z-index: 15;		
				display: none;
				-webkit-box-shadow: 0 1px 5px 1px #000;
				box-shadow: 0 1px 5px 1px #000;
				overflow: hidden;
				z-index:9996;
			}
			
			.tablet #gyorskereso_lista {
				margin-left: -145px;
			}


			#gyorskereso_lista .head {
				background-color: #e5e5e5;
				margin: 10px 0 0 0;
				height: 20px;
				line-height: 20px;
				font-weight: bold;
				.font(12);
				color:#000;
				padding: 0 0 0 10px;
			}

			#gyorskereso_lista  .talalat {
				padding: 0px 5px;
				margin: 0px;
			}

			#gyorskereso_lista .forkey {
					background: rgb(242,242,242); /* Old browsers */
					/* IE9 SVG, needs conditional override of 'filter' to 'none' */
					background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
					background: -moz-linear-gradient(left,  rgba(242,242,242,1) 0%, rgba(230,230,230,1) 0%, rgba(230,230,230,1) 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,242,242,1)), color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(230,230,230,1))); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(left,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 0%,rgba(230,230,230,1) 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(left,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 0%,rgba(230,230,230,1) 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(left,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 0%,rgba(230,230,230,1) 100%); /* IE10+ */
					background: linear-gradient(to right,  rgba(242,242,242,1) 0%,rgba(230,230,230,1) 0%,rgba(230,230,230,1) 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e6e6e6',GradientType=1 ); /* IE6-8 */
			}	

			#gyorskereso_lista hr {
				border:0px;
				color: #e5e5e5;
				height: 1px;
				background-color: #e5e5e5;
				width: 300px;
			}

			#gyorskereso_lista  .talalat .kep, 
			#gyorskereso_lista  .talalat .kep img {
				width: 80px;
				height: 80px;
			}
			
			#gyorskereso_lista  .talalat .kep {
				width: 80px;
				.font(10);
				margin: 5px 10px 0 0;
			}

			#gyorskereso_lista  .talalat .text {
				color: #000;
				padding-top: 5px;
				width: 210px;
			}

			#gyorskereso_lista  .talalat .text  .termeknev {
				font-weight: bold;
				.font(12);
				margin: 5px 0;
			}

			#gyorskereso_lista  .talalat .text .leiras {
				.font(12);
			}

			#gyorskereso_lista  .talalat .text .ar {
				margin: 10px 0 0;
				text-align: right;
				color: #bd4a35;
				font-weight: bold;
				.font(14);
			}
			
			.searchfield {
				position: relative;
				width: 255px;
				z-index: 9997;
				margin: 0 auto;
			}
			
			.searchfield .inputback {
				position:relative;
				width: 255px;
				z-index: 0;
				background-color: #fff;
				height: 28px;
				box-sizing: border-box;
				padding: 0 5px;
			}
			
			.searchfield .inputfield {
				width: 170px;
				border: 0 none;
				color: #a9a9a9;
				font-family: "Trebuchet MS",Helvetica,sans-serif;
				.font(12);
				height: 26px;
				line-height: 1.688em;
				outline: 0 none;
			}
			
			.searchfield .smallbtn {
				position:absolute;
				z-index: 1;
				right: 0px;
				top: 0px;
				height: 28px;
				margin: 0;
				padding: 0 10px;				
			}
			
			.searchfield .bluebutton, 
			.searchBox .bluebutton {
				background-color: #bd4a35;
				border: 0 none;
				color: #fff;
				cursor: pointer;
				.font(12);
				text-transform: uppercase;
				width: auto;
			}
			
			.searchfield .inputLabel{
				.font(13);
				margin: 10px 0;
				display: block;
			}
			
			.inputback.small{
				width: 45% !important;
				box-sizing: border-box;
				
				.inputfield{
					width: 100%;
				}
			}
			
			.priceSeparator{
				width: 10%;
				height: 28px;
				line-height: 28px;
				text-align: center;
			}
			
			
			.inputholder{
				margin: 10px 0;
				font-size: 13px;
			}
			 
				.inputholder [type="checkbox"]{
					vertical-align: text-top;
				}
			
	

	/* \Header */
	
	/* Footer */
		
		footer{
			display: block;
		}
		
		footer .footerMenu {
			text-align: center;
		}
		
			footer .footerMenu .text{
				color: @black;
				.font(14); 
				display: inline;
				height: 10px;
				line-height: 10px;
			}
			
				
			footer .footer{
				color: #fff;
				background-color: @black;
				border-top: 6px solid @blue;
				height: 81px;
				margin-top: 20px;
				position: relative;
			}

				footer .footer p{			
					text-align: right;
					.font(12);
					margin: 10px;
				}
				
			footer .goTo{
				cursor: pointer;
				position: absolute;
				top: 8px;
				z-index: 0;
				width: 150px;
				left: 0;
				text-align: center;
				font-size: 14px;
				
			}
	/* \Footer */
	
	/* Content */
	
		.landing strong{
			font-weight: bold;
		}
		
		.landing em{
			font-style: italic;
		}
		
		.landing .picdiv{
			margin-right: 10px; 
			width: 50%;
			max-width: 245px;
			
			img{
				width: 100%;
			}
		}
		
		.landing p{
			text-align: justify;
		}
		
		.wpmd1401{
			ul li{
				.font(14);
				margin: 10px 0 10px 20px;
				list-style: outside none square;
				color: #bd4a35;
				line-height: 1.2;
			}
			
			ul li a{
				color: @blue;
			}
		}
	
		main {
			margin: 10px;
			display: block;
				
			.pagination{
				margin: 10px auto;
				text-align: center;
				
				span,
				a{
					width: 20px;
					height: 20px; 
					display: inline-block;
					zoom: 1;
					*display: inline;
					text-align:center;
					line-height: 20px;
					font-size: 13px;
					border: 1px solid #cacac4;
					margin-right: 5px;
					margin-left: -4px;
					margin-bottom: 10px;
				}
				
				a:hover{
					color: @blue;
					border: 1px solid @blue;
				}
				
				.activePage{
					background-color: @blue;
					color: @white;
					border: 1px solid @blue;
				}
			}
			
			.tablet.pagination{
				span,
				a{
					width: 25px;
					height: 25px;
					line-height: 25px;
				}
			}
		}
		
		.main{
			display: block;
			margin: 15px 0;
		}
			
			/* Menü */
			#lista, 
            main .menu{
				display: none;
				overflow: hidden;
			}
			
			#lista {display: block;}
            #lista .focsop{
				overflow: hidden;
			}
			
				#lista .lfocsop,
                main .menu .mainMenu{
					display: block;
					background-color: @blue;
					color: @white;
					padding: 10px;
					.font(17);
					position: relative;
					z-index: 2; 
					cursor: pointer;
				}
				
				main .menu .icon{  
					background-image: url(/themes/mobil/images/menu_arrows.png);
					background-repeat: no-repeat;
					width: 21px;
					height: 21px;
					position: absolute;
					top: 50%;
					margin-top: -10.5px;
					right: 10px;
					
				}
				main .menu .mainMenu .icon{ background-position: -5px -36px; }
				main .menu .subMenu .icon{ background-position: -5px -5px; }

				main .menu .ujCimke{
					display: block;
					position: absolute;
					top: 50%;
					margin-top: -8px;
					.font(12);					
					right: 30px;
					background: url(/themes/default/images/katalog_uj.jpg) no-repeat;
					width: 25px;
					height: 21px;
					line-height: 16px;
					display: block;
					text-align:center;
					color: white;
				}
				
				#lista .kategoria,
                main .menu .subMenuContainer{
					display: none;
					background-color: #e6e6e6;
					/* padding-top: 10px;
					margin-top: -10px;
					margin-bottom: 10px; */
					position: relative;
					z-index: 1;
				}	
					#lista .lkat,
                    main .menu .subMenuContainer .subMenu{
						display: block;
						.font(17);
						color: @black;
						/* padding: 10px; */
						padding: 10px 60px 10px 10px;;
						position: relative;
						cursor: pointer;
					}
					
					.subMenuContainer .subMenuContainerOpened{
						margin-left: 10px;
					}
					
						.subMenuContainerOpened .lastlevel.subMenu{
							color: @blue !important;
						}
					
					main .menu .thisURL {
						font-style: italic;
						color: @blue !important;
					}
					
					main .menu .subMenuContainer .closed .icon{
						
					}
					
					main .menu .subMenuContainer .opened .icon{
						background-image: url(/themes/mobil/images/katalogusarrows.png);
						background-position: -5px -87px;
						right: 15px;
					}
					
					#lista .lcsop{
						.font(17);
						border-bottom: 1px solid #e9e9e9;
						background-color: #fff;
						min-height: 27px;
						line-height: 27px;
						padding: 5px 0;
					}
					
					#lista .katcsoport.floatleft{
						float: none;
						padding-left: 47px;
					}
				
					#lista .csoport  .lcsop:last-child{
						border:0px;
					}
					
					.checkboxes{
						float:left;
						margin-left: 10px;
					}
				
					#lista .csoport{
						display: none;
					}
					
			/* \Menü*/
			
			/* Márkák*/
			
			.brands .alogo{
				display: inline-block;
				zoom: 1;
				*display: inline;
				vertical-align: middle;
			}
			
			.brands.mobil{
				text-align: center;
				padding-top: 10px;
			
				.alogo{
					margin: 0 3% ;
					
					.brand{
						width: 100%;
					}
					
				}
			}
			
			.brands.tablet{
				max-width: 80%;
				margin: 0 auto;
				.alogo{
					padding: 0 1%;
					width: 23%;
					margin-left: -4px;
					.brand{
						width: 100%;
					}
				}
			}
			/* Márkák */
		
			/* Rotátor */
				
				#rotator{
				
					padding-top: 10px;
					
					img {
						width: 100%;
						border: 0px;
						padding: 0px;
						margin: 0px;
					}
					
				/* 	p{
						text-align: center;
						margin-top: 10px;
					}	 */
					
					li{
						position: relative;
					}
					
					.text{
						position: absolute; 
						top: 10px;
						right: 0px;
						width: 40%;
						text-align: left;
						color: #fff;
						z-index: 2;
						font-weight: bold;
						.font(17);
					
						.subtitle{
							.font(14);
							margin-top: 5px;
						} 
						
						.lead{
							.font(12);
							font-weight: normal;
							margin-top: 10px;
						}
					}
					
					.rot-grad
					{
						position: absolute;
						top:0px;
						height: 100%;
						width: 100%;
						/* Ide kell kerülnie a rotátor gradiensének... */
						background: -moz-linear-gradient(left,  rgba(40,40,40,1) 1%, rgba(0,0,0,0) 70%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(40,40,40,1)), color-stop(70%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(left,  rgba(40,40,40,1) 1%,rgba(0,0,0,0) 70%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(left,  rgba(40,40,40,1) 1%,rgba(0,0,0,0) 70%); /* Opera 11.10+ */
						background: -ms-linear-gradient(left,  rgba(40,40,40,1) 1%,rgba(0,0,0,0) 70%); /* IE10+ */
						background: linear-gradient(to right,  rgba(40,40,40,1) 1%,rgba(0,0,0,0) 70%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
						z-index: 1;
					}	
				}
			
				
			/* \Rotátor */
		
			/* User refrence */
			main .usr_ref 
			{
				width: 100%;
				margin: 0;
			}
			
			main .tablet .usr_ref{
				width: 48%;
				margin: 0 1%;
				float: left;
			}
			
			main .usr_ref .person
			{
				width: 143px;
				margin-bottom: 10px;
			}
			
				main .usr_ref .person .name
				{
					font-weight: bold;
					font-style: italic;
					.font(14); 
					line-height: 15px;
					margin-top: 15px;
				}
				
				main .usr_ref .person .job
				{
					font-style: italic;
					.font(12);
					line-height: 15px;
				}
			
			main .usr_ref .pic
			{
				width: 78px;
				height: 78px;
				padding: 4px;
				margin: 5px;
				position:relative;
			}

				main .usr_ref .pic img
				{
					margin-top: 2px;
					width: 82px;
					height: 82px;
				}
			
			main .usr_ref .pickeret
			{
				position: absolute;
				top: 0px;
				left: -4px;
				background-image: url('/themes/default/img/refkeret.png');
				z-index: 10;
				width: 95px;
				height: 95px;
			} 
			
			main .usr_ref .comment
			{
				position:relative;
				width: auto;
				margin-left: 143px;
				min-height: 108px;
				padding: 5px;
				color: #fff;
				.font(11); 
				line-height: 15px;
				background-color: @blue;
				margin-top: 5px;
				text-align: justify;
			}
			/* \User refrence */
			
			/* User reference original */
				.origin .refContainer{
					width: 50%;
					float: left;
				}
			
				.origin .usr_ref 
				{
					width: 100%;
					margin: 10px 0 0 0px;
				}
				
				.origin .refContainer .usr_ref{
					width: 98%;
					margin: 10px 1% 0 1%; 
				}
				
				.origin .usr_ref_fst
				{
					margin: 10px 0 0 0;
				}
				
				.origin .usr_ref .person
				{
					width: 143px;
					margin-bottom: 10px;
				}
				
				.origin .usr_ref .person .name
				{
					font-weight: bold;
					font-style: italic;
					.font(14);
					line-height: 15px;
					margin-top: 35px;
				}
				
				.origin .usr_ref .person .job
				{
					font-style: italic;
					.font(12);
					line-height: 15px;
				}
				
				.origin .usr_ref .pic
				{
					width: 78px;
					height: 78px;
					padding: 4px;
					margin: 5px;
					position:relative;
				}
				
				.origin .usr_ref .pickeret
				{
					position: absolute;
					top: 0px;
					left: -4px;
					background-image: url('/themes/default/img/refkeret.png');
					z-index: 10;
					width: 95px;
					height: 95px;
				}
				
				.origin .usr_ref .shadow
				{	
					background-image: url('/themes/default/img/ref_shadow.png');
					position: absolute; 
					bottom: -8px;
					width: 80px;
					height: 15px;
				}
				
				.origin .usr_ref .pic img
				{
					margin-top: 2px;
					width: 82px;
					height: 82px;
				}
				
				.origin .usr_ref .comment
				{
					position:relative;
					width: 96%;
					margin-left: 0px;
					height: 103px;
					padding: 5px 2%;
					color: #fff;
					.font(11);
					line-height: 15px;
					background-color: #bd4a35;
					margin-top: 25px;
					text-align: justify;
				}
				
				.origin .usr_ref .arrow
				{
					background-image: url('/themes/default/img/speakarrow.png');
					position: absolute;
					width: 16px;
					height: 15px;
					top: -15px;
					left: 165px;
					z-index: 20;
				}
				
				.reference{
					margin: 10px 0;
				}
				
				.oldaljelszo .text,
				.reference .text {
					background-image: url("/themes/default/img/pipa.png");
					background-position: 0 5px;
					background-repeat: no-repeat;
					margin: 0 20px;
					padding-left: 20px;
					.font(12);
					font-weight: bold;
					height: 22px;
					line-height: 29px;
				}
				
				.oldaljelszo{
					margin-top: 20px;
				}
				
				
			/* User reference original */
			
			/* Szak */
			
				.szak{
					background-color: #e9e9e9;
					margin: 30px 0 10px;
					padding: 10px;
				}
				
					.szak .szak-title{
						color: @blue; 
						.font(14);
						margin-bottom: 20px;
					}
					
					.szak .szak-lead{
						.font(14);
						text-align: justify;
						margin-bottom: 10px;
						line-height: 1.2;
					}
					
			/* \Szak */
			
			/* We help */
			main .start_contact{
				background-color: @blue;
				color: #fff;
				margin: 10px 0;
				width: 100%;
			}
				
				main .contactText{
					padding: 10px 3%;
					text-align: justify;
					.font(12);
				}
						
					main .mobil.contactText{
						.font(13);
						padding: 10px 1%;
					}
					
				main .contactText img{ margin-right: 10px; margin-left: -5px;}
			
				main .start_contact a {
					display: block;
					width: 100%;
					text-align: center;
				}
				
					main .start_contact a .map {
						width: 94%;
						border: 0px;
						margin: 10px 0;
					}
					
						main .start_contact.tablet a .map {
							width: 96%;
						}
					
						main .start_contact .telefon,
						main .start_contact .email{
							background-image: url('/themes/mobil/images/contact/cont_tel_mail.png');
							background-repeat: no-repeat;
						}
						
							main .start_contact .telefon{ background-position: -5px -5px; }
							main .start_contact .email{ background-position: -5px -32px; }
						
						main .start_contact.tablet .telefon,
						main .start_contact.tablet .email{
							.font(18); 
							padding-left: 27px;
							margin: 10px 0 0 5%;
						}
						
						main .start_contact.tablet .address,
						main .start_contact.tablet .open{
							background-image: url('/themes/mobil/images/contact/cont_open_map.png');
							background-repeat: no-repeat;
							padding-left: 35px;
							.font(13);
						}
						
							main .start_contact.tablet .addrContainer{ padding: 10px 3% 20px; }
							main .start_contact.tablet .open{margin-left: 25px;}
						
							main .start_contact.tablet .open{ background-position: -5px -5px; }
							main .start_contact.tablet .address{  background-position: -5px -40px; }
						
						main .start_contact .contact{
							padding: 10px 3%;
							float:left;
						}
							main .start_contact.mobil .telefon,
							main .start_contact.mobil .email{
								.font(13); 
								line-height: 17px;
								padding-left: 27px;
								margin: 0 0 10px 0;
							}
							
						main .start_contact.mobil .open{
							float:right;
							width: 40%;
							margin-top: 10px;
							.font(13);
							line-height: 15px;
						}
						
						main .start_contact.mobil .address{
							.font(13);
							line-height: 15px;
							padding: 0 3%;
						}
						
				main .start_contact.tablet.tcso .addrContainer{
					padding: 0px;
					padding-top: 20px;
					margin-top: 30px;
					margin-left: 2%;
				}
				
				main .start_contact.tablet.tcso .addrContainer .open{
					margin-left: 2%;
				}
				
				main .start_contact.tablet.tcso .map {
					display: none;
					margin-top: 0px;
				} 
				
				main .mapOpener{
					.font(16);
					padding: 20px 2%;
					cursor: pointer;
				}
				
					main .mapOpener .text{  padding-left: 35px;}
				
				.segitunkOkosan { 
					text-align: center;
					margin-bottom: 20px;
				}
				
					.segitunkOkosan .title{
						.font(17);
						margin: 20px 0;
						display: inline-block;
						zoom: 1;
						*display: inline;
					}
					
					.mobil .segitunkOkosan .title{
						margin-top: 0px;
					}
					
					.segitunkOkosan .telefon{
						position: relative;
						display: inline-block;
						zoom: 1;
						*display: inline;
						margin-right: 10px;
					}
					
					.segitunkOkosan .icons .base{
						left: 0px;
						top: 5px;
					}
					
					.segitunkOkosan .number{
						.font(22);
						padding-left: 40px;
					}
					
				.threequartbox {
					width: 100%;
				}
				
			/* \We help */	

			/* Cikkelosztó */
				main h3.blueTexts{
					margin: 10px 0 20px 0;
				}
			
				main h3.blueTexts a{
					.font(17);
					color: @blue;
				}
				
				main .acticleTitle{
					color: @black;
					.font(18);
					padding: 0 40px 20px 0;
				}
				
				main article.focikk p{
					.font(12);
					line-height: 1.2;
				}
				
				main .cikkElosztoIcon{
				    background-image: url('/themes/mobil/images/cikkeloszto.png');
					background-repeat: no-repeat;
					width: 38px;
					height: 38px;
					float:right;
					cursor: pointer;
				}
				
				main .tablet .cikkElosztoIcon{ 
					margin-top: -8px;
				}
				
				main .closedMainArticle{
					display: none;
				}
				
				main .cikkElosztoIcon.opened{ background-position: -5px -5px; }
				main .cikkElosztoIcon.closed{ background-position: -5px -53px; }
				
				main .tovabbiLinkek h4.blueTexts{
					color: @blue;
					padding: 10px 0;
				}
				main .tovabbiLinkek a {
					color: @blue;
					line-height: 1.3;
					.font(12);
				}
				
				main #moreArticles{
					margin-top: 20px;
				}
					main .tovabbiCikk{
						border-bottom: 1px dotted #d4d4d4;
						padding: 10px 0;
						line-height: 1.2;
						position: relative;
						min-height: 40px;
					}
						main .tovabbiCikk .cikkLink{ 
							position: absolute;
							width: 100%;
							height: 100%;
							top: 0px;
							left: 0px;
							display: block;
						}
						
						main .tovabbiCikk .acticleTitle{
							.font(12);
							color: @blue;
							font-weight: bold;
							padding: 0px;
						}
						
						main .tovabbiCikk .cikkElosztoIcon{
							margin: 0px;
							margin-top: -19px;
							top: 50%;
							right: 0%;
							position: absolute;
						}
						
						main .tovabbiCikk .lead{
							.font(12);
							color: @black;
							padding-right: 50px;
						}				
			/* \Cikkelosztó */
			
			/* Elérhetőségek */ 
			
			.mobil .tiercebox-center, 
			.mobil .tiercebox{ width: 100%; }
			
			.tablet .tiercebox-center, 
			.tablet .tiercebox{ width: 49%; margin-right: 1%; }
			.tablet .tiercebox-center{ margin: 0 0 0 1%; }			
			
			.tiercebox #kosarform { width: 100%; }
			
			.tablet .tiercebox-center h2,
			.tablet .tiercebox h2{
				background-color: transparent;
				color: @black;
			}
			
			.greybox {
				padding: 0 60px;
				height: 55px;
				background-color: #e5e5e5;
				margin-top: 10px;
				line-height: 55px;
				.font(12);
				font-weight: normal;
				position:relative;
			}
				
			.mobil .greybox,
			.tablet .greybox{
				padding-right: 55px;
			}
			
			.twoline { padding-top: 8px; height: 47px; line-height:20px; }
			
			.greybox .number { font-weight: bold; .font(17); }
			
			.wpmd1242 .ajanlatgomb { margin-top: 15px; }
			
			.wpmd1242 .brands { margin-top: 3px; *margin-top: 0px; }

				.wpmd1242 .brands .wilobrand { width: 128px; margin-left: 34px; height: auto; }
			
				.wpmd1242 .brands .lutzbrand { margin-left: 20px; width: 78px; height: auto; }
			
			.icons .base{ background-image: url('/themes/default/img/icons.png'); width: 35px; height: 35px; position: absolute; left: 18px; top: 11px;}
			
				.icons .fax{ background-position: 0 0;} 
				.icons .gar{ background-position: 0 -40px;} 
				.icons .mail{ background-position: 0 -80px;} 
				.icons .szerviz{ background-position: 0 -120px;} 
				.icons .tel{ background-position: 0 -160px;} 

			.wpmd1242 .address {
				padding: 10px 10px;
				background-color: #bd4a35;
				margin-top: 10px;
				color: #fff;
				.font(12);
				line-height: 16px;
			}
			
				.wpmd1242 .address .borderedbox {
					border: 1px solid #fff;
					width: 100%;
					height:407px;
					margin-top: 10px;
				}
				
				.wpmd1242.tablet .address .tiercebox-right  {
					width: 100%;
				}
				
					.wpmd1242.tablet .address .tiercebox-right  .borderedbox{
						height: auto;
					}
				
			
					.wpmd1242 .address .title { font-weight: bold; .font(15); line-height: 21px; }
					
					.wpmd1242 .address .kozlek { margin-top: 20px; }
						.wpmd1242 .address .kozlek .cim { font-weight:bold; }
						
			.kicsi_elvalaszt { width: 100%; display: block; height: 10px; }
			
			.elvalaszt { width: 100%; display: block; height: 20px; }
			
			/* Ürlapok */
			
			#ajanlatkeresform .th_input_back,
			.megrendeles #kosarform .th_input_back,
			#villamrendeles .th_input_back,
			.wpmd1242 .villamvasar .th_input_back {
				margin: 10px 0;
				background-image: url('/themes/default/img/inputback_small.png');
				background-size: 100% 26px;
				height: 26px;
			}
			
			.error,
			.error_small {
				background-image: url('/themes/default/img/inputerrsmall.png') !important;
			}
			
			.error input, 
			.error_small input{
				color: #ff0000 !important;
			}			

			#ajanlatkeresform, 	
			.villamvasar{
				background-color: #d2eaf9;
				margin-top: -10px;
				padding: 10px;
				position: relative; 
				z-index: 1;
			}
			
			.marginVasar{
				margin-top: 10px;
			}
			
			.megrendeles #kosarform .title,
			#villamrendeles .title{
				.font(22);
				font-weight: bold;
				margin-left: 2px;
			}
				
				.megrendeles #kosarform .title{
					margin-bottom: 20px;
				}
			
			#ajanlatkeresform .subtitle,
			.megrendeles #kosarform .subtitle,
			#villamrendeles .subtitle{
				.font(13); 
				margin: 10px 0 20px;
				margin-left: 2px;
			}
			
			.megrendeles #kosarform .map{
				margin: 5px;
				margin-left: 30px;
			}
			
			#ajanlatkeresform  input[type="text"],
			.megrendeles #kosarform input[type="text"],
			#villamrendeles input[type="text"],
			.villamvasar input[type="text"] {
				width: 96%;
				height: 26px;
				line-height: 26px;
				padding: 0 2%;
				.font(13);
				border: 0px;
				background-color: transparent;
				font-family: "Tahoma";
			}
			
			#ajanlatkeresform .megjegyzes,
			.megrendeles #kosarform .megjegyzes,
			#villamrendeles .megjegyzes,
			.wpmd1242 .villamvasar .megjegyzes  {
				width: 96%;
				background-image: url('/themes/default/img/small_textarea.png');
				background-size: 100% 100%;
				height: 76px;
				padding: 2%;
				margin: 10px 0;
			}
			
			#ajanlatkeresform .megjegyzes textarea,
			.megrendeles #kosarform .megjegyzes textarea,
			#villamrendeles .megjegyzes textarea,
			.wpmd1242 .villamvasar .megjegyzes textarea {
				width: 100%;
				height: 76px;
				border: 0px;
				background-color: transparent;
				font-family: "Tahoma";
				.font(12);
			}
			
			.wpmd1242 .villamvasar .radiobtn .textlabel { display: inline-block; height: 35px; }

			.wpmd1242 .villamvasar .radiobtn { margin-left: 65px; margin-top: -22px; width: 226px; }
			
			#ajanlatkeresform .radiobtn,
			.megrendeles #kosarform .radiobtn,
			#villamrendeles .radiobtn{
				margin: 10px 0; 
			}
			
			#ajanlatkeresform .textlabelmarg,
			.megrendeles #kosarform .textlabelmarg,
			#villamrendeles .textlabelmarg{ 
				margin-left: 25px; 
			}
			
			#ajanlatkeresform .textlabel,
			.megrendeles #kosarform .textlabel,
			#villamrendeles .textlabel{ margin: 10px 0; }
			
			#ajanlatkeresform .textlabel.textlabelmarg,
			.megrendeles #kosarform .textlabel.textlabelmarg,
			#villamrendeles .textlabel.textlabelmarg{
				margin: 10px 0;
				margin-left: 27px;
				display: block;
			}
			
			#ajanlatkeresform .textlabelmarg .small,
			.megrendeles #kosarform .textlabelmarg .small,
			#villamrendeles .textlabelmarg .small{
				margin-left: -1px; 
			}
			
			#ajanlatkeresform .radispan,
			.megrendeles #kosarform .radispan,
			#villamrendeles .radispan,
			.wpmd1242 .villamvasar .radiospan { margin-top: 3px; }
			
			
			#ajanlatkeresform .title,
			.megrendeles #kosarform .pointtitle,
			#villamrendeles .pointtitle{
				font-weight: bold;
				.font(14);
				margin-left: 2px;
			}
			
			#ajanlatkeresform  .text,
			.megrendeles #kosarform .text,
			#villamrendeles .text,
			#ajanlatkeresform small,
			.megrendeles #kosarform small,
			#villamrendeles small,
			.wpmd1242 .villamvasar .kapcslabel
			{ margin-top: 8px; .font(12); float:none; margin-left: 2px;}
			
			#ajanlatkeresform small,
			.megrendeles #kosarform small,
			#villamrendeles small{
				margin: 5px 0px 5px 2px;
			}
			
			#ajanlatkeresform .text, 
			.megrendeles #kosarform .text, 
			#villamrendeles .text { 
				margin-bottom: 10px; margin-top: 20px; 
			}
			
			#ajanlatkeresform .text a, 
			.megrendeles #kosarform .text a, 
			#villamrendeles .text a{ 
				text-decoration: underline;
			}
			
			.wpmd1242 .villamvasar label { width: 55px; }
			
			.wpmd1242 #kosarbancimke { background-color: #fff; }
			
			.wpmd1242 .pictext { margin-top: 10px; }
			
			.tabletVillamBtn{ width: 140px; margin : 10px 0;  }
			.mobilVillamBtn{ width: 50%; margin: 10px auto; }
			
				.tabletVillamBtn .btn .tovabb,
				.mobilVillamBtn .btn .tovabb{
					text-align: center;
					padding-left: 0 !important;
					padding-right: 42px;
					background-color: @black;
				}
				
				.tablet .ajanlatgomb{ margin-top: 9px; }
				
				.tablet .ajanlatgomb .bluecont,
				.tablet .ajanlatgomb .tovabb{ height: 55px; line-height: 55px; }
				
				.tablet .ajanlatgomb .arrow{ margin: 22px auto; }
				
				#ajanlatkeresform .bluecont,
				#ajanlatkeresform .tovabb{
					 height: 38px;
					 line-height: 38px;
				}
				
				#ajanlatkeresform .arrow{
					 margin: 15px auto;
				}
				
				.tabletVillamBtn .btn .bluecont,
				.mobilVillamBtn .btn .bluecont{ background-color: @blue; }
				
			.tablet .irjonnekunk{ width: 100%; padding: 0px; }
			
			.radiobtn.floatleft{ float: none; }
			
			.check .textlabel,
			.radiobtn .textlabel{ .font(12); }
			.wpmd1242 .villamvasar .radiobtn .textlabel{ width: auto; }
			
			/* Select & input */
			
				.selectBox-dropdown{
					min-width: 95% !important;
				}
				
				.tablet {
					.inputsmall{
						width: 78%;
						float:left;
					}
					
					.mertek{
						width: 21%;
						float:right;
					}
				}
				
				.mobil{
					.inputsmall{
						width: 68%;
						float:left;
					}
					
					.mertek{
						width: 31%;
						float:right;
					}
				}
				
			/* \Select & input  */
			
			
			/* Teljesítmény tábla */
			.teljtable
			{
				margin: 20px 0; 
				padding: 10px;
				border: 1px solid #cfcfcf;
				position:relative;
			}
			
			.teljtable .first
			{
				text-align: right;
			}
			
			.teljtable td
			{
				height: 20px;
				line-height: 20px;
				background-color: #e9e9e9;
				.font(12);
				font-weight: normal;
				width: 44%;
				padding: 0 3% 0 3%; 
			}
			
			.teljtable .paros td
			{
				background-color: #d1d1d1;
			}
			
			.teljtable .head td
			{
				.font(14); 
				font-weight: bold;
			}
			
			.data-shadow
			{
				position: absolute;
				bottom: -20px;
				width: 610px;
				height: 20px;
			}
				
			/* Megrendelés */
			
				.megrendeles #kosarform{
					margin-top: 40px;	
				}

				.kosart{
					width: 100%;
				}
				
				.kosart td{
					height: 29px;
					line-height: 29px;
					/* border-bottom: 1px dotted #a8bbc7; */
				}
				
				.kosart .osszegzes td {
					border:0px;
					color: @blue;
					.font(17);
					font-weight: bold;
					width: 50%;
					text-align: right;
				}
				
				.priceHolder{
					padding-left: 100px;
					box-sizing: border-box;
				}
				
				.kosart .osszeg{
					text-align: right;
					.font(12);
				}
				
				.kosart .cart-row .pic{
					margin-right: 0px;
				}
				
				.kosart .nev{
					color: @blue;
					font-weight: bold;
					.font(14);
					
					.text{
						padding-left: 20px;
					}
				}
				
				.kosart .nev.black{
					color: @black;
				}
				
				.tablet.megrendeles #kosarform .btn{
					margin-left: 0px;
					width: 49%;
					margin-right: 1%;
				}
				
				.megrendeles #kosarform .btn{
					float: left;
					position: relative;
				}
			
				.mobil.megrendeles #kosarform .btn{
					width: 100%;
					margin-left: 0%;
					margin-right: 0px;
				}
				
				
				.kosar.btn{
					margin-right: 0px;
					margin-left: 1%;
				}
				
				.kosar.btn.bottom{
					width: 100%; 
				}
				
				.kosarbtnDiv{
					margin: 30px 10px 0;
				}
				
				.tablet .btn.kosar .tovabb,
				.tablet .btn.kosar .bluecont{
					background-color: #b0c3cf !important;
				}
				
				.btn.kosar .tovabb,
				.btn.kosar .bluecont{
					background-color: #d4d4d4 !important;
					color: @black;
				}	
					
					.btn.kosar .bluecont .arrow{ 
						background-image: url('/themes/mobil/images/cart_black_arrow.png');
					}
					
				.kosartabla .title{
					.font(17) !important;
					margin-top: 20px;
				}				
				
				.kosarlink .tovabb{
					height: 39px;
					line-height: 39px;
				}
				
			/* \Megrendelés */
				
			.sorry{
				.font(14);
				line-height: 1.5;
			}

				.sorry p{ margin-left: 30px; }
				.sorry a{ color:  @blue; }
		
			/* Kosár  */ 
			
			.arak_kosar{
				position: relative;
			}
				
			.kosarbancimke-close, 
			#kosarbancimke-close 
			{
				background: url("/themes/default/img/kosarclose.png") no-repeat scroll right top transparent;
				cursor: pointer;
				height: 30px;
				position: absolute;
				right: -13px;
				top: -11px;
				width: 30px;
				z-index: 1; 
			}	
				
			.kosarbancimke,   
			#kosarbancimke   
			{
				z-index: 10;
				display: none;
				background-color: #D2EAF9;
				color: black;
				padding:8px;
				text-align:left !important;
				.font(12);
				line-height: 1em;
				margin-top:8px;
				position: absolute;
				top: -50px;
				right: 0px;
			}    
				
			.kosarbancimke a,
			.kosarbancimke a:visited,
			#kosarbancimke a,
			#kosarbancimke a:visited 
			{
				color: black !important;
				margin:0 !important;    
				font-weight: bold;    
			}    
			
			.kosarbancimke a:hover,
			#kosarbancimke a:hover
			{
				text-decoration:underline !important;
			}    
			
			/* Termék */ 
			
				.arak{
					float:left;
					width: 25%;
					margin: 12px;
					.font(12);
					line-height: 1.2;
					
					.osszeg{
						font-weight: bold;
						.font(15);
					}
				}
				
				.group-content-termekcsalad{
					float: left;
					width: 40%;
					margin: 10px;
					
					p{
						.font(15) !important;
						line-height: 1.2;
					}
				}	
				
				.megnez{
					width: 25%;
					display: block;
					margin-top: 10px;
					
					.tovabb{
						background-color: @black;
						height: 38px;
						.font(15);
						padding-left: 0px;
						line-height: 19px;
						text-align: center;
						padding-right: 42px;
					}
					
					.bluecont{
						background-color: @blue;
						margin-top: -1px;
					}
				}
					
				
				
				.mobil.megnez,
				.mobil.arak{
					width: 46%;
				}
				
				.megnez{
					float: right;
				}
				
				.mobil.group-content-termekcsalad{
					width: 100%;
					margin: 10px;
				}
				
				#fire-tartozek{
					color: @blue;
					margin-top: 10px;
					display: block;
					cursor: pointer;
				}
				
				.flexcarousel{
					margin: 0px auto !important;
				}
				
				.productItem .textdiv .text{
					line-height: 1.2;
				}
				
				.flexslider .slides .productItem img{
					border: 0px;
					width: 100%;
					margin-left: 0px;
				}
				
				.flexslider .slides .productItem{
					width: 100%;
				}
				
				div#fancy_outer{
					padding: 18px 12px 33px 2px !important;
				}
				
				main .starWrapper{
					margin-top: 10px !important;
				}
				
				main #ertekeles{
					position: relative;
				}
					
					main .ertekelok{ 
						position: absolute;
						top: 100%;
						left: 0px;
					}
					
				main .greytitle {
					font-weight: bold;
				}
				
				main #szallhat{
					line-height: 1.5;
				}
				
				main .ertekelok{
					font-style: italic;
					white-space: nowrap;
					margin: 5px 0;
				}
				
				main .btto .osszeg{
					font-weight: bold;
					.font(15);
				}
				
				main .btto{
					margin-top: 20px;
				}
				
				main .product{
					margin-top: 20px;
				}
				
				main .product-right,
				main .product-left{
					width: 50%;
					position: relative;
				}
				
				main .callfotogal{
					width: 100%;
				}
				
				main .callfotogal .bigpic{
					width: 100%;
					border: 0px;
				}
				
				main .tablet .callfotogal .bigpic{ width: 50%; } 
				
				main .smallpics{
					width: 100%;
					margin: 10px 0;
				}
				main .smallpics [rel="rel_gal"] {
					width: 50%;
					float:left;
				}
				main .smallpics [rel="rel_gal"] img{
					width: 100%;
				}
					
				
				main h1.termek{
					font-weight: bold;
					.font(15); 
				}
				
				
				main .katalogus .termek{
					border-bottom: 1px dotted @black;
					margin-bottom: 10px;
				
					.ar{
						font-weight: bold; 
						.font(16);
						text-align: right;
					}
					
					img{
						width: 49%;
					}
					
					.min_leiras{
						margin-top: 10px;
						line-height: 1.2;
						.font(13);
						
						strong{
							font-weight: bold;
						}
					}
				}
				
				
				main .katalogus .termek.tablet{
					width: 50%;
					display: inline-block;
					zoom: 1;
					*display: inline;
					margin-left: -4px;
					padding: 0 1%;
					box-sizing: border-box;
				}
				
				main .katalogus .termek.tablet.balTermek{
						border-right: 1px dotted @black; 
				}
				
				.termekLap {
					img{
						width: 49%;
					}
					
					.ar{
						font-weight: bold; 
						.font(16);
						text-align: right;
						margin: 20px 0 5px;
					}
					
					.center .tovabb{
						float:right;
					}
				} 
					
				main .messageHolder{
					display: block;
				}
				
				 .ErrorMessage{
					padding: 10px;
					background: #FFECEC;
					border: 1px solid #A60000;
					color: #A60000;
					margin-bottom: 10px;
					margin-top: 10px;
				}
				
				main .successMessage{
					background-color: #d6e9c6;
					border: 1px solid #3c763d;
					color: #3c763d;
				}
				
				main .cartMessage{
					position: absolute; 
					top: 20px;
					left: 0px;
					width: 100%;
					padding: 10px;
					box-sizing: border-box;
					height: auto;
					font-size: 12px;
				}
				
				main .productItem{ border-bottom: 1px dotted #292929; padding-top: 10px; position: relative;}
				
				main .productItem.last{
					border: 0px;
				}
				
					main .productItem a { position: absolute; z-index: 2; top: 0px; left: 0px; width: 100%; height: 100%; }
					
				main .productItem.mobil{ width: 100%; }
				/* main .productItem.tablet{ width: 50%; display:table-cell; vertical-align: top; padding-bottom: 71px; } */
				main .productItem.tablet{ width: 50%; display:inline-block; zoom: 1; *display: inline;; vertical-align: top; padding-bottom: 71px; } 
				
				
				.tabletBtnHalf{
					width: 50%;
				}
				.tabletBtn40{ width: 40%; padding: 10px 0; }
				.width40{ width: 40%; padding: 2% 0;}
				
				.tabletBtn60{ width: 56%; padding: 10px 2%; }
				.width60{ width: 56%; padding: 2%}
				
				main .productItem img{
					width: 100%;
					height: auto;
				}
				
				main .productItem .termeknev {
					.font(15);
					font-weight: bold;
					color: @black;
				}
				
				main .productItem .lead{
					.font(14) !important;
					color: @black;
					margin-top: 10px;
					line-height: 1.2;
				}
					
					main .productItem .lead u,
					main .productItem .lead span,
					main .productItem .lead p{
						.font(14) !important;
						line-height: 1.2;
						text-align: left !important;
					}
				
				main .productItem .ar{
					.font(15);
					text-align: center;
					font-weight: bold;
					line-height: 71px;
					margin-right: 2%;
				}
			
				main .submit,
				main .tovabb{
					cursor: pointer;
					border: 0px;
					background-color: @blue;
					color: @white;
					font-weight: normal;
					text-align:center;
					.font(17);
					line-height: 3;
					margin: 10px 0;
					width: 45%;
					float:left;
					display: block;
				}
				
				main .submit{
					float: right;
				}
				
				main .tovabbblack{
					cursor: pointer;
					background-color: @black;
					color: @white;
					font-weight: normal;
					text-align:center;
					.font(17);
					line-height: 3;
					margin: 10px 0;
					width: 45%;
					float:right;
					display: block;		
				}
				
				
				.kosartabla .tovabb,
				#kosarform .tovabb,
				#kosarform .tovabbblack{
					.font(13);
					border: 0px;
				}
					
						.kosartabla .tovabb,
						#kosarform .tovabb{
							float:right;
						}
						
						#kosarform .tovabbblack{
							float:left;
						}
				
				main .productItem.tablet .tovabb{
					position: absolute;
					bottom: 0px;
					right: 2%;
					width: 56%;
				}
				
				main .productItem.tablet .ar{
					position: absolute;
					bottom: 0px;
					left: -2%;
					width: 40%;
				}
				
				main .greytitle,
				main .szallit,
				main .prod_desc{
					.font(14); 
					margin-top: 10px;
				}
				
			
				main .links {
					margin-top: 10px;
				}
				
				main .links a{
					color: @blue;
					.font(14);
					font-weight: bold;
					line-height: 1.3;
				}

				.kategoria-cont a{
					color: @blue;
				}				
				
				main .cartinput {
					display: inline-block;
					zoom: 1;
					*display: inline;
				}
				
				main .cart-row .darab,
				main .cartinput #mennyiseg{
					.font(14);
					border: 1px solid @black;
					color: @black;
					height: 26px;
					line-height: 26px;
					width: 46px;
					text-align: center;
					background-color: #e9e9e9;
				}
				
				main .cartform{
					width: 100%;
				}

					main .product-right .cartform{
						margin-top: 30px;
					}
					
				main .carthalf{
					display: inline-block;
					zoom: 1;
					*display: inline;
					width: 49%;
				}
				
				.carthalf.textCenter{
					line-height: 45px;
				}
				
				main .carttext{
					.font(14);
					color: @black;
					height: 26px;
					line-height: 26px;
					margin: 0 10px;
					display: inline-block;
					zoom: 1;
					*display: inline;
				}
				
			/* \Termék */ 
			
			/* Kosár - Cart */
				
				#kosarform .blackTitle{
					margin-bottom:  10px;
				}
				
				.cart-row{
					padding: 20px 0;
					border-bottom: 1px dotted #292929;
					position: relative;
				}
				
				.cart-row .half{
					width: 50%;
					.font(17);
					color: @black;
					text-align: right;
					float: left;
				}
				
				.cart-row.last { border-bottom: 0;}
				
					.cart-row .termeknev{
						.font(15);
						font-weight: bold;
						line-height: 31px;
					}
				
				.cart-row .pic{
					width: 140px;
					margin-right: 20px;
				}
				
				.mobil.cart-row .pic{ width: 100px; }
				
				.cart-row .pic img{
					width: 100%;
				}
				
				.money .szorzo{
					line-height: 30px;
				}
					
					.money .bttoar { 
						.font(18);
						margin-top: 5px;
						margin-left: 5px;
						font-weight: bold;
						text-align: left;
					}
					
					.afa{
						text-align: right;
						.font(12);
						font-weight:normal;
					}
					
					.money .szorzo .origar { 
						margin-left: 5px;
						.font(12);
					}	
					
				.cart-row .textdiv {
					max-width: 640px;
					margin-top: 5px;
				}
				
				.tablet .money{
					margin-top: 10px;
					margin-left: -10px;
				}
				
				.mobil .money{ 
					margin-top: 10px;
				}

				.cart-row .textdiv .text{
					.font(12);
					font-style: italic;
					line-height: 1.5;
					list-style-type: disc;
					float:left;
					width: 26%;
				}
				
				.mobil.cart-row .textdiv .text{ float: none; width: auto; }
				
				.cart-row .money{
					clear: right;
				}
				
				.mobil.cart-row{
					padding-left: 48px;
				}
				
				.kosar-x{
					width: 31px;
					height: 31px;
					background-image: url('/themes/mobil/images/cartdel.png');
					display:block;
					cursor: pointer;
					position: absolute;
				}
				
				.mobil .kosar-x { 	top: 50%; left: 0px; margin-top: -15px; }
				.tablet .kosar-x { 	top: 50%; right: 0px;  margin-top: -15px; }
				
				.cart-szum{
					color: @blue;
					.font(17);
					font-weight: bold;
					height: 50px;
					line-height: 50px;
					padding: 0 10px;
					margin: 10px 0;
					position: relative;
				}
				
				.cart-osszesen-text {
					border-bottom: 1px dotted #292929;
					font-size: 16px;
					font-weight: bold;
					padding: 10px 0;
					margin-top: 10px;
				}
								
					.cart-szum .szumosszeg{
						position: absolute;
						top: 0px;
					}
					
					.szumosszeg #summa{
						.font(25);
					}
					
					.mobil.cart-szum .szumosszeg{
						right: 10px;
					}
					
					.tablet.cart-szum .szumosszeg{
						right: 0px;
						width: 175px;
					}
					
				.cart-deliv { margin-top: 20px; }
				
				.cart-deliv .lab{
					.font(17);
					font-weight: bold;
				}
				
				
				.cart-deliv #atvetel{
					float:right;
				}
				
				.mobil.cart-deliv #atvetel{ width: 200px; }
				
				.tablet.cart-deliv #atvetel{ width: 175px; }
				
				.cart_btns .btn{
					width: 49%;
					margin-left: 1%;
					float: left;
				}
				
				.cart_btns .btn .tovabb{  background-color: @black; font-weight: bold; .font(14); padding-left: 10px; }
				
				.cart_btns .btn .bluecont{ background-color: @blue } 
				
				.cart_btns .grey{
					width: 49%;
					margin: 0;
					margin-right: 1%;
				}
				
				.cart_btns .grey .arrow{
					background-image: url('/themes/mobil/images/cart_grey_arrow.png');
				}
				
				.cart_btns .grey .tovabb,
				.cart_btns .grey .bluecont{
					color: #a9a9a9;
					background-color: #e9e9e9;
				}
				
			/* \Kosár - Cart */
			
			/* Katalógus */ 
			
			
				#filter{
					margin-bottom: 10px;
				}
				
				#filter li{
					.font(17);
					border-bottom: 1px solid #e9e9e9;
					height: 27px;
					line-height: 27px;
					padding: 5px 0;
				}
				
				#filter .filter li:last-child{
					border:0px;
				}
				
				
				.szuresGombok{
					float:left;
				}
				
				.szuresGombok.tablet .katalogusBtn{
					width: 48%;
					padding: 10px 0;
				}
				
				.mobil.szuresGombok{ 
					width: 30%;
				}
				
				.mobil.szuresGombok .katalogusBtn{
					width: 90%; 
					padding: 0;
				}
				
				.mobil.szuresGombok.talalatok{
					width: 70%;
				}
				
				.szuresGombok.tablet .fire-result{
					width: 100%;
				}
				
				.katalogusBtn{
					border: 0px; 
					background-color: #d4d4d4; 
					.font(15);
					color: @black;
					font-family: "Tahoma";
					padding: 10px 20px;
					cursor: pointer;
					height: 46px;
				}
				
				.kbal .katalogpic {
					width: 30%;
					display:inline-block; 
					zoom: 1;
					*display: inline;
					margin: 0 1%;
					vertical-align: middle;
					margin: 10px 0;
				}
				
				.kbal {
					text-align: center;
				}

				.kbal .katalogpic.tablet {
					width: 18%;
				}
				
				.kbal .katalogpic img{ width: 100%;}

				.kjobb {
					float:none;
				}
				.kjobb .lead{
					.font(14);
					margin: 10px 0;
				}
				
				.kjobb .oldaljelszo{ 
					margin: 20px auto;
					/* width: 100%; */
				}
				
					.kjobb .oldaljelszo .text{
						margin: 0;
						width: 50%;
						float: left;
						margin-bottom: 10px;
					}
					
					.kjobb.mobil .oldaljelszo{ 
						width: 320px;
						margin: 20px 0;
					}
					
					.kjobb.tablet .oldaljelszo{ 
						width: 500px;
					}
					.kjobb.tablet .oldaljelszo .text{ 
						.font(19); font-weight: normal; 
						width: 230px;
					}
					.kjobb.mobil .oldaljelszo .text{ 
						.font(14); font-weight: normal;
						width: 160px;
					}
					
				.kategoria-cont,	
				.kjobb .leiras{
					.font(14);;
					.maxTextWidth();
					margin: 0 auto;
				}
				
				.kategoria-cont{
					margin-top: 20px;
				}
				
				.katalogBtn{
					cursor: pointer;
					height: 45px;
					text-align:center;
					background-color: @blue;
					color: #fff;
					border: 0px;
					margin: 10px 2% 10px 0;
					display: inline-block;
					zoom: 1;
					.font(13);
					*display: inline;
					vertical-align: middle;
				}
				
				.katalogBtn.mobil.small{
					width: 26%;
					.font(17);
					line-height: 45px;
				}	

				.tabletBtnHalf .katalogBtn.tablet.small{
					width: 97%;
					.font(17);
					text-align: left;
				}
				
				.tabletBtn40 .katalogBtn.tablet.big{ 
					width: 94%;
					text-align: left;
					margin: 0;
					margin-left:2%;  
				}
				
				
				.katalogBtn.mobil.big{	
					width: 34%;
					text-align: left;
				}
				
				.tabletBtn60 .katalogBtn.tablet.big{ 
					width: 97%;
					text-align: center;
					background-color: @black;
					margin: 0;
				}
				
				.katalogBtn.mobil.big.black{ 
					background-color: @black;	
					width: 30%;
				}
				
				.katalogBtn.big.black{
					text-align: center;
					line-height: 45px;
					padding: 0 2% ;
					cursor: default;
				}
				
				.katalogBtn.big.black.ketsoros{ line-height: 22.5px; }
				
				h2.inactive,
				.katalogBtn.big.inactive{
					color: #8a8a8a !important; 
					background-color: #efefef !important;
				}
				
				.katalogBtn.tablet.big.black{ 
					width: 93%;
				}
				
				.katalogusIcon{
					position: absolute; 
					right: 10px;
					top: 3px;
					width: 31px;
					height: 31px;	
					background-position: -5px -46px;					
					background-image: url('/themes/mobil/images/katalogusarrows.png');
				}
				
				.lfocsop.act .katalogusIcon{ background-position: -5px -5px; }
				.lkat .katalogusIcon{ background-position: -5px -128px; }
				.lkat.act .katalogusIcon{  background-position: -5px -87px;  }
				
			/* \Katalógus */ 
			
			/* Ajánlatkérés */
				
			#ajanlatkeresform{
				margin: 20px auto;
			}
					
			#ajanlatkeresform p,
			#ajanlatkeresform span.radio,
			#ajanlatkeresform label
			{
				.font(12);
			}
			
			#ajanlatkeresform span.radio,
			#ajanlatkeresform label{
				margin-left: 2px;
			}
			
				#ajanlatkeresform label{
					display: block;
				}
			
			.mobil #ajanlatkeresform .ajanlatgomb {
				width: 100%;
				margin-left: 0px;
			}
			
			#ajanlatkeresform p{
				margin: 10px 0;
				text-align: justify;
				line-height: 1.2;
			}
	
			.folyalmat .text{
				
				display: block;
				font-weight: bold;
				.font(12);
				text-align: center;
				line-height: 1.2;
				width: 180px;
				margin: 0px auto;
				padding: 10px 0;
				 
				
				.folyamatPic{
					background-image: url('/themes/mobil/images/ajanlatkeres.png');
					background-repeat: no-repeat;
					background-position: -5px -5px;
					margin: 0px auto 10px;
					width: 113px;
					height: 113px;
					display: block;
				}
					
				&.second .folyamatPic{
					background-position: -5px -128px;
				}
				
				&.third .folyamatPic{
					background-position: -5px -251px;
				}
			}
			
			.tablet .folyalmat {
			
				text-align: center;
			
				.text {
					margin-left: 5px;
					margin-right: 5px;
					display: inline-block;
					vertical-align: top;
					zoom: 1;
					*display: inline;
				}
			}
			
			.tablet .segitunkOkosan {
				
				.telefon,
				.title {
					display: inline-block;
					vertical-align: middle;
					zoom: 1;
					*display: inline;
					width: 49%;
					margin: 0px;
					text-align: left;
				}
			
				.title .text{
					padding-left: 10px;
				}
				
				.number{
					padding-left: 50px;
				}
			}
				
				
			/* /Ajánlatkérés */
			
			/* TCSO */ 
				
				.series .tabs h2{
					font-weight: bold;
					color: @black;
					.font(15);
					background-color: #e9e9e9;
					width: 46%;
					height: 43px;
					padding: 0 2%;
					margin:  10px 0px 0;
					display: inline-block;
					zoom: 1; 
					*display: inline;
					cursor: pointer;
					vertical-align: middle;
					
					span{
						display: table-cell;
						height: 43px; 
						vertical-align: middle;
						min-width: 120px;
					}
				}
				
					.series .tabs.tablet h2{ 
						line-height: 43px;
						text-align: left;
					}					
					
					.series .tabs.mobil h2{ 
						text-align: center;
						width: 40%;
						padding: 0 5%;
						line-height: 21.5px;
						vertical-align: center;
					}
					
					.series .tabs .active{
						background-color: @black;
						color: #fff;
					}
					
					.series .group-content{
						float: none;
						margin: 0;
						width: auto;
					}
					
				.series .alcsopRow,	
				.series .alcsopHead,	
				.series .termleiras {
					background-color: #e9e9e9;
					.font(13);
					padding: 10px;
				}			

				.series .termleiras .links{
					margin-top: 20px;
				}
					
					.series .alcsopRow,
					.series .alcsopHead {
						margin: 20px 0;
					}
					
					.series .alcsopHead.first{	
						margin-top: 0px; 
					}
				
					.series .alcsopHead .title { font-weight: bold; .font(15) !important; line-height: 1.3; margin-bottom: 20px;} 
					.series .alcsopHead p {	.font(13) !important; line-height: 1.3; .maxTextWidth(); } 
					.series .termleiras p { 	.font(13) !important; line-height: 1.3; padding: 10px 0; .maxTextWidth(); }
					
				.alcsopBtns{
					position: relative;
				}
				
				.tablet.alcsopBtns{
					float: left;
					width: 20%;
				}
				
					.muvbtn{
						display: block;
						width: 100%;
						background-color: #d1d1d1;
						height: 45px;
						line-height: 45px;
						.font(17);
					}
					
						.tablet .muvblack{
							margin-top: 21px;
						}
						
						.tablet .muvbtn span.text{
							padding-left: 20px;
						}
						
						.muvbtn a {
							display: block;
						}
					
						.keszletenCimke{
							background-color: #c4e984;
							color: #000;
							font-weight: bold;
							padding: 3px 0;
							position: absolute;
							top: 0px;
							.font(12);
							width: 100%;
							text-align: center;
							right: 0px;
							font-weight: bold;
						}
						
						.greenbox{
							background-color: #c4e984;
							padding: 0 3px;
						}
						
						.mobil .keszletenCimke{ 
							position: relative;
							margin-top: 10px;
							margin-bottom: -10px;
						}
				
				.mobil .muvbtn{
					width: 48%;
					margin-right: 2%;
					float: left;
					margin-top: 20px;
					text-align: center;
				}	
					
				
				.fire-kosarba.muvbtn{
					padding-left: 0;
					margin: 0px;
					margin-top: 20px;
					margin-left: 2%;
				}
				
				.tablet .fire-kosarba.muvbtn{
					margin-top: 16px;
				}
				
				.alcsopTable .boldRow td{
					font-weight: bold;
					.font(14);
				}
				
					.alcsopTable.mobil table{
						width: 100%;
					}
				
					.alcsopTable .boldRow.blue td.akcios{
						color: @blue;
					}
					
				.tablet.alcsopTable{
					width: 75%;
					margin-right: 5%;
					float: left;
				}
					.tablet.alcsopTable table{ width: 100%;}
				
				.alcsopTable td{
					.font(12);
					height: 21px;
					line-height: 21px;
				}
				
				.alcsopTable tr.even td{
					background-color: #d1d1d1;
				}
				
				.alcsopTable .adatcim{
					width: 40%;
					text-align: right;
					padding-right: 3%;
				}
				
				.alcsopTable .adat{
					padding-left: 3%;
					width: 54%;
				}
			/* \TCSO*/ 
			
			/* Landing */ 
				.land-tartalom{
					line-height: 1.2;
					.font(14);
				}
				
				.szallitas p{
					line-height: 1.2;
					.font(14);
				}
				
				.land-tartalom p{
					max-width: 100%;
					white-space: wrap;
				}
				
				.land-promo .oldaljelszo{
					margin: 10px 0 10px;
				}
			/* Landing */ 
			
			/*
				Kezdőlap rotátor
			*/
			
				#brands{
					margin-top: 40px;
					display: block;
				}	
				
				#brands.flexslider .slides .alogo{
					display:block;
				}
				#brands.flexslider .slides img{
					border:0px;
				}
				
				#brands.flexslider.tablet .slides img{
					width: 60%;
					margin: 0 auto;
				}
				
				#brands li {
					display: inline-block !important;
					zoom: 1;
					float: none !important;
					*display: inline;
					vertical-align: middle;
					margin-left: -4px;
				}
			
		.wpmd3501_page h1,
		.wpmd1230 h1,
		.termekLap h1,
		.land-tartalom h1,
		.group-content h1,
		.product-group h1,
		.wpmd1242.tablet h1,
		#filter .kezelo-subtitle,
		main .blackTitle, h2,
		.tablet .irjonnekunk h2
		{
			.font(20);
			color: @blue;
			font-weight: bold;
			line-height: 28px;
			margin: 20px 0;
			position: relative;
			z-index: 2;
		}
		
		h2 a{
			color: @blue !important;
		}
		
		.wpmd1201 .group-content p{
			.font(14) !important;
			line-height: 1.5;
		}
		
		.wpmd1201 .group-content h2{
			background-color: transparent;
			color: @blue;
			padding-left: 0px;
		}
		
		.wpmd1201 .group-content strong{
			font-weight: bold;
		}
		
		fieldset{
			width: 290px;
			margin: 0 auto;
			display: block;
		
			label{
				margin: 5px auto;
				font-size: 13px;
				width: 100%;
			}
		
			input[type="password"],
			input[type="text"]{
				border: 1px solid #cacac4;
				margin: 10px auto;
				width: 100%;
			}
		
			legend{
				margin-top: 0px !important;
				font-weight: bold;
				width: 100%; 
				margin-bottom: 10px;
			}
		
		}
		
		.md0010,
		.loginBox {
			width: 290px; 
			margin: 0 auto;
			
			p {
				.font(13);
				margin: 5px 0; 
				
				a{
					color: @blue;
				}
			}
			
			.elfelejtett_jelszo{
				float:left;
				margin-top: 10px;
			}
		}
		
		
		.red{
			color: @blue;
		}
		
	/* \Content */
			
	/* 770px */
	@media only screen and (min-width: 770px) { 
		
		.brands.tablet{
			max-width: 70%;
			margin: 0 auto;
			
			.alogo{
				padding: 0;
			}
		}
	}
	
	@media only screen and (min-width: 420px) { 
		.kbal .katalogpic.mobil{
			width: 23%;
		}
		
	}
	
	/* 360px */
	@media only screen and (max-width: 360px) { 
		.kjobb .oldaljelszo .text{
			.font(11) !important;
		}
	}
	@media only screen and (max-width: 320px) { 
		body{
			width: 320px !important;
		}
		
		main{
			width: 300px;
		}
	}
	 input[placeholder], [placeholder], *[placeholder] {
				line-height: normal !important;
		   }
		   
	/* Webkit hack */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		   .talalatok .bluecont,
		   .btn .bluecont{
				top: 0px;
		   }
		    
		   .megnez  .bluecont{
				top: 1px;
		   }
		   
		   
		  
    }