/*****************************************************
********************** BASIC SETUP START *************
*****************************************************/

body,td,th {
	color: #555555;
	font-family: Lato, Arial, Helvetica, sans-serif;
	line-height: normal;
	box-sizing: border-box;
}
body{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
	font-size: 11px;	
}
* {
	margin: 0;	
}
*:focus {
	outline: none;	
}
html, html a {
    -webkit-font-smoothing: antialiased !important;
}
a {	
	color: #4F4F4F;	
	text-decoration: none;	
}
hr {
	color: #E6E6E6;
}
p {
	font-size: 14px;		
}
br {
	font-size: 10px;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 13px;	
}
ul, ol, li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
img {
}
input {	
	font-size: 12px;
	color: #555555;
	border: 1px;
	border-style: solid;
	border-color:#516875;	
	padding: 2px 2px 2px 2px;
}
input.checkbox {
    background: none;
    height: 1.5em;
    margin: 0px 0px 0px 0px;
}
input.image {
    background: none;
    height: auto;
    margin: 0px 0px 0px 0px;
}
input.button {
    background: none;
    height: auto;
}
input.radio {
    background: none;
	border: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 1.5em;
}
input[type="text"] {
	font-size: 14px;
	color: #555555;	
	padding: 2px 2px 2px 2px;	
}
input[type="password"] {
	font-size: 14px;
	color: #555555;	
	padding: 2px 2px 2px 2px;	
}
check { 	 
	font-size: 9px; 
	color: #555555; 
	border: 0px;
	border-style: none;
	border-color:#516875;
}
select {	 
	font-size: 14px; 
	color: #4F4F4F;
	border: 1px;
	border-style: solid;
	border-color:#516875;		
	padding: 2px 2px 2px 2px;
}
input[type="submit"] {    
    font-size: 14px; 
	border: 1px;
	border-style: solid;
	border-color:#999999;		
	padding: 2px 5px 2px 5px;
}
.hiba {	
	box-sizing: border-box;
	font-size: 14px;
	padding: 10px;
	margin:20px;	
	color: #FF0000;
	border: thin solid #FF0000;
	align: center;
	border-radius: 5px;
	width: 94%;
	min-width: 300px;
}
.sikeres {	
	font-size: 12px;	
	padding: 3px;
	color: #009933;
	border: thin solid #555555;
	text-align: center;
	border-radius: 5px;
	max-width: 60%;
	min-width: 250px;
}
.nemlatszik {
	VISIBILITY: hidden
}
.latszik {
	VISIBILITY: visible
}
.disable {
	BACKGROUND: #999999; 
	COLOR: #ffffff
}
#content{				
	text-align: center;	
}
#wrapper{				
	text-align: center;	
	margin: 0 auto;	
}
.group_h1 {
	font-size: 24px;
	padding: 5px 0px 5px 0px;
}
.anchor {
	height: 0px;
}


.request_box { position: relative; display:inline-block; width: 80%; height: auto; border: 0px solid #bbbbbb; padding: 10px; margin: 0px 0px 5px 0px; box-sizing: border-box;}	
.request_block {padding:0px; }	
.label {position: relative; display: block; font-weight: bold; font-size: 13px; float: left; line-height: 31px; text-align: left; width: 100%; margin: 5px;}	
.label_normal {position: relative; display: block; font-weight: normal; font-size: 13px; float: left; line-height: 31px; text-align: left; width: 100%; margin: 5px;}	
.label50 {position: relative; display: block; font-weight: bold; font-size: 13px; float: left; line-height: 31px; text-align: left; width: 50%; min-width: 250px; margin: 5px;}
.label_medium {position: relative; display: block; font-weight: bold; font-size: 18px; float: left; line-height: 31px; text-align: left; width: 100%; margin: 5px;}
.label_small {position: relative; display: block; font-weight: bold; font-size: 13px; float: left; line-height: 20px; text-align: left; width: 100%; margin: 3px;}
.label_large {position: relative; display: block; font-weight: bold; font-size: 24px; line-height: 36px; text-align: center; width: 100%; margin: 5px;}
.notice {position: relative; display: block; font-size: 14px; float: left; line-height: 31px; text-align: left; width: 100%; margin: 5px;}    
.notice a{color: #0065b1;}   
.alert_text { position: relative; display: block;  float: left; color:#FF0000; padding: 0px; margin: 0px 10px 0px 0px; box-sizing: border-box;}	
.input_form {position: relative;  }            
.input_mezo {position: relative; font-size: 16px; float: left; line-height: 31px; text-align: left; width: 98%; height: 30px; border:1px solid #858585; padding: 2px; margin: 5px;}		
.input_mezo_print {position: relative; font-size: 10px; float: left; line-height: 18px; text-align: left; width: 98%; height: 18px; border:1px solid #858585; padding: 2px; margin: 5px;}	
.input_mezo_bold {position: relative; font-size: 16px; float: left; line-height: 31px; text-align: left; width: 98%; height: 30px; border:2px solid #000000; padding: 2px; margin: 5px;}		
.input_mezo_bold2 {position: relative; font-size: 18px; font-weight: bold; color:#333333; line-height: 31px; text-align: left; width: 49%; height: 30px; border:0px solid #858585; padding: 2px; margin: 0px;}
.input_mezo_red {position: relative; font-size: 16px; float: left; line-height: 31px; text-align: left; width: 98%; height: 30px; border:1px solid #FF0000; padding: 2px; margin: 5px;}	
.input_mezo_blue {position: relative; font-size: 16px; float: left; line-height: 31px; text-align: left; width: 98%; height: 30px; border:1px solid #2378c7; padding: 2px; margin: 5px;}	
/****************BUTTONS********************************/
.order_box {			
	width: 100px;		
	padding: 10px 20px 2px 20px;
	text-align:center;	
}
.order_more_less {		
	font-size: 14px;	
	border: 1px;
	border-style: solid;
	border-color:#516875;	
	background-color:#F4F4F4;
	padding: 2px 2px 2px 2px;
	width: 16px;	
	height: 23px;
	cursor: pointer;
	float: left;
	margin: 1px;	
}
.order_qty {
	font-size: 14px;
	float: left;
	margin: 1px;	
	width: 40px;
	height: 23px;
	text-align:center;
}
.order_unit {
	float: left;		
	width: 90px;	
	text-align:center;	
}
.kosarba{	
	cursor:pointer;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;	
	width: 150px;
	display: block;	
	background-image: url(../css/images/green1.png);
	padding: 5px 5px 5px 5px;
	text-align: center;	
}
.kosarba2{	
	cursor:pointer;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 26px;	
	width: 130px;
	display: block;	
	background-image: url(../css/images/green1_130.png);
	padding: 4px 4px 4px 4px;
	text-align: center;	
}
.bovebben{	
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height: 30px;	
	width: 150px;
	display: block;	
	background-image: url(../css/images/grey1.png);
	padding: 5px 5px 5px 5px;
	text-align: center;	
}
.bovebben:hover{			
	color: #FFFFFF;		
}
.vissza{		
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height: 30px;	
	width: 150px;
	display: block;	
	background-image: url(../css/images/grey1.png);
	padding: 5px 5px 5px 5px;
	text-align: center;	
}
.vissza:hover{			
	color: #009530;		
}
.vissza2{		
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;	
	width: 175px;
	display: block;	
	background-image: url(../css/images/vissza2.png);
	padding: 5px 5px 5px 5px;
	text-align: center;	
}
.vissza2:hover{			
	color: #009530;		
}
.tovabb{		
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;	
	width: 150px;
	display: block;	
	background-image: url(../css/images/green1.png);
	padding: 5px 5px 5px 5px;
	text-align: center;	
}
.tovabb:hover{			
	color: #009530;	
}
.tovabb_kicsi{		
	cursor:pointer;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	height: 20px;	
	width: 100px;
	display: block;	
	background-image: url(../css/images/green1_100.png);
	padding: 5px 5px 5px 5px;
	text-align: center;	
}
.tovabb_kicsi:hover{			
	color: #009530;	
}
.megse{		
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height: 30px;	
	width: 150px;
	display: block;	
	background-image: url(../css/images/grey2.png);
	padding: 5px 5px 5px 5px;
	text-align: center;	
}

.megse:hover{			
	color: #009530;	
}
.belep{		
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;	
	width: 150px;
	display: block;	
	background-image: url(../css/images/green1.png);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	text-align: center;	
}
.belep:hover{			
	color: #009530;		
}
.belep_mezo{			
	height: 40px;
	width: 140px;
	font-size:14px;	
}
.kilep{		
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height: 30px;	
	width: 150px;
	display: block;	
	background-image: url(../css/images/grey1.png);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	text-align: center;	
}
.kilep:hover{			
	color: #009530;		
}
.kuld{		
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	height: 24px;	
	width: 150px;
	display: block;	
	background-image: url(../css/images/reszletes_kereses_gomb.png);
	background-repeat: no-repeat;
	padding: 3px 3px 3px 3px;
	text-align: center;	
}
.kuld:hover{			
	color: #009530;		
}
.keres{		
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;	
	width: 150px;
	display: block;	
	background-image: url(../css/images/green1.png);
	padding: 5px 5px 5px 5px;
	text-align: center;	
}
.keres:hover{			
	color: #009530;		
}
.egyeb{		
	cursor:pointer;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	height: 30px;	
	width: 150px;
	display: block;	
	background-image: url(../css/images/white_100.png);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 5px;
	text-align: center;	
}
.egyeb:hover{			
	color: #009530;		
}
.nyomtat{		
	cursor:pointer;
	font-size: 10px;
	font-weight: normal;
	color: #555555;
	height: auto;	
	width: 150px;
	display: block;		
	padding: 5px 5px 5px 5px;
	text-align: center;		
	background-color: #FFFFFF;
	border: 1px;
	border-radius: 5px;
	border-style: solid;
	border-color:#516875;	
}
.nyomtat:hover{			
	color: #000000;		
}
.modosit{		
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color: #000000;	
	background-repeat: no-repeat;
	padding: 3px 3px 3px 3px;
	text-align: center;	
	background-color:#CCCCCC;		
}
.torol{		
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color: #000000;	
	background-repeat: no-repeat;
	padding: 3px 3px 3px 3px;
	text-align: center;	
	background-color:#CCCCCC;	
}
.megrendeles_gomb{
	width:150px;
}
.termek_ar{
	font-size:18px;	
	font-weight:700;
}
.termek_ar_akcios{
		font-size:16px;	
}
.sidenav {
		box-sizing: border-box;
		height: 100%;
		width: 0;
		max-width:50%;
		position: fixed;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: #111;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
	}	
	.sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 24px;
		color: #818181;
		display: block;
		transition: 0.3s;
	}	
	.sidenav a:hover {
		color: #f1f1f1;
	}	
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 0px;
		font-size: 36px;
		margin-right: 50px;
	}	
/*****************************************************
********************** BASIC SETUP END ***************
*****************************************************/

/*****************************************************
********************** HEADER START ******************
*****************************************************/
.title {
	font-size: 18px;
	font-weight:600;
	width: 100%;	
	padding: 4px 4px 4px 4px;
	box-sizing: border-box;
}
#header{		
	width: 100%;
	background-color: <?=$rekord_design[fej_szine]?>;
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;	
}
#icon2{
	text-align: left;
}
#fejlec_html{
	position:relative;	
}
#fejlec_background{	
	position: relative;
	display: block;	
	width: 100%;
	height: auto;
	z-index:1;
}
#toplinks{			
	height: 20px;	
	z-index: 1000;		
	background-position: left top;	
}
#toplinks_2016{			
	height: 30px;	
	z-index: 1000;		
	background-position: left top;	
}
#toplinks_background{			
	height: 30px;
	position: absolute;	
	left: 0px;	
	background-color: #6F6F6F;	
	background-repeat:no-repeat;
	background-position: left top;
	-khtml-opacity:.50; 
 	-moz-opacity:.70;
	-webkit-opacity:0.70; 	
 	-ms-filter:”alpha(opacity=70)”;	
 	filter:alpha(opacity=70);		
 	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.6);	*/
 	opacity: 0.70;
}
.top_menu_poz {
	position:relative;
	z-index: 10000;
}
#topmenu{				
	z-index: 10;		
	background-position: left top;		
}
#topmenu_background{			
	height: 40px;
	position: absolute;	
	left: 0px;	
	background-color: #999999;	
	background-repeat:no-repeat;
	background-position: left top;
	-khtml-opacity:.20; 
 	-moz-opacity:.20;
	-webkit-opacity:0.20; 	
 	-ms-filter:”alpha(opacity=20)”;	
 	filter:alpha(opacity=20);		
 	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);	*/
 	opacity: 0.20;
}
.textlink_feher{					
	color: #<?= $rekord_design[belep_betu_szine]?>; 			
}		
.textlink_feher:hover{		
	color: #<?= $rekord_design[belep_betu_szine]?>; 							
	-khtml-opacity:.7; 
 	-moz-opacity:.7;
	-webkit-opacity:0.7; 	
 	-ms-filter:alpha(opacity=70);	
 	filter:alpha(opacity=70);		
	opacity: 0.70;  
}
.topmenu_button{			
	position: relative; 
	left: 0px; 
	z-index: 5; 
	float: left; 	 
	display: block;
	background-repeat:no-repeat; 
}
	
#mainmenu{	
	position: relative; 	
	z-index: 5;	
}
#header_top {  
	display: block;
	position: relative;  
    width: 900px; height: 30px;	
	z-index: 1000;
}	
#header_top_hatter {
    background: #999999;
	position: absolute;
    top: 0; left: 0;
    height: 100%; width:100%;	
    -khtml-opacity:.5; 
 	-moz-opacity:.5;
	-webkit-opacity:0.5; 	
 	-ms-filter:”alpha(opacity=50)”;	
 	filter:alpha(opacity=50);		
 	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);	*/
 	opacity: 0.50;    	 
}
#header_top_text {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
}
.toplinks_poz{
	z-index: 1500;
	position: absolute;
	top: 3px;
	left: 30px;
	width: 650px;
	height: 25px;
	float: left;
	text-align: left;	
}
.toplinks_poz_2016{
	z-index: 1500;
	position: absolute;
	top: 3px;
	left: 5px;
	width: 40%;
	height: 25px;
	float: left;
	text-align: left;	
}
.toplinks2_poz{
	z-index: 12;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 30%;	
	height: 25px;
	float: right;
	text-align: right;		
}
.toplinks2_poz_2016{
	z-index: 12;
	position: absolute;
	top: 3px;
	right: 3px;
	width: 50px;	
	height: 25px;
	float: right;
	text-align: right;		
}
.login_field{
	position: absolute;
	z-index: 2500;
	top: 50px; 
}
.kereso3_poz{
	z-index: 900;
	position: absolute;
	left: 0px;
	top: 21px;
	width: 300px;
}
.kereso5_poz{
	z-index: 900;
	position: absolute;
	left: 0px;
	top: 20px;
	width: 400px;
}
.kereso5_poz_2016{
	z-index: 900;
	position: absolute;
	right: 16.67%;
	top: 30px;
	width: 33.33%;
}
/*****************************************************/
/*****************************************************/
#head_wrapper {
	width:100%; 
	position:relative;
	height:40px;	
	cursor: pointer;
}
.head_menu_icon{
	z-index: 2000;
	position: absolute;
	left: 30px;
	top: 0px;
	width: 30px;
	height: 40px;
	font-size: 24px; 
	margin-top:5px;
}
.head_home{
	z-index: 900;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height:40px;
	font-size: 24px;
	margin-top:5px;
}
.head_user{
	z-index: 2000;
	position: absolute;
	left: 60px;
	top: 0px;
	width: 30px;
	height: 40px;
	font-size: 24px;
	margin-top:5px;
}
.head_products_menu{
	z-index: 900;
	position: absolute;
	left: 16.67%;
	top: 0px;
	width: 300px;
	height: 40px;
	display:none;
}
.head_wish{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	font-size: 18px;
	margin-top:8px;
}
.head_compare{
	position: absolute;
	right: 40px;
	top: 0px;
	width: 40px;
	height: 40px;
	font-size: 18px;
	margin-top:8px;
}
.head_search{
	z-index: 900;
	position: absolute;
	right: 250px;
	top: 0px;
	width: 300px;
	height: 40px;
}
.head_lang{
	z-index: 900;
	position: absolute;
	right: 550px;
	top: 0px;
	width: 50px;
	height: 40px;
}
.head_cart{
	z-index: 900;
	position: absolute;
	right: 100px;
	top: 0px;
	width: 150px;
	height: 40px;
}
.head_home:hover, .head_user:hover, .head_menu_icon:hover, .head_wish:hover, .head_compare:hover{		
	color: #999999; 							
	-khtml-opacity:.9; 
 	-moz-opacity:.9;
	-webkit-opacity:0.9; 	
 	-ms-filter:alpha(opacity=90);	
 	filter:alpha(opacity=90);		
	opacity: 0.90;  
}
/*****************************************************/
.dropdown_select_hover {	
	z-index: 3000;
	display: block;		
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: background-color, color, box-shadow, opacity;
	transition-timing-function: ease;
	cursor: pointer;
} 
.dropdown_select_hover:hover .dropdown_select_menu {
	display: block ; 				
}   	
 .dropdown_select_menu {	
 	z-index: 5000;
	display: none ;		
	background-color:#3399FF;
	transition-delay: 0s;
	transition-duration:  0.3s;
	transition-property: background-color, color, box-shadow, opacity;
	transition-timing-function: ease;		
} 

.lang_select_poz{
	z-index: 5000;
	position: absolute;
	right: 26%;
	top: 20px;
	height: 40px;	
	width: 30px;	
}
.lang_select_poz_2016{
	z-index: 5000;
	position: absolute;
	right: 95px;
	top: 0px;
	height: 30px;	
	width: 30px;	
}
.cur_select_poz{
	z-index: 5000;
	position: absolute;
	right: 22%;
	top: 20px;
	height: 40px;	
	width: 35px;	
}
.cur_select_poz_2016{
	z-index: 5000;
	position: absolute;
	right: 55px;
	top: 0px;
	height: 30px;	
	width: 35px;	
}
.country_select_poz{
	display: none;
	z-index: 5000;
	position: absolute;
	right: 17.5%;
	top: 23px;
	height: 40px;	
	width: 25px;			
}
.country_select_poz_2016{
	display: none;
	z-index: 5000;
	position: absolute;
	right: 17.5%;
	top: 33px;
	height: 40px;	
	width: 25px;			
}
.delivery_icon_poz{
	display: none;
	z-index: 800;
	position: absolute;
	right: 16.67%;
	top: 28px;
	height: 40px;	
	width: 50px;	
	color: #FFFFFF;
}
.delivery_icon_poz_2016{
	display: none;
	z-index: 800;
	position: absolute;
	right: 16.67%;
	top: 38px;
	height: 40px;	
	width: 50px;	
	color: #FFFFFF;
}
.specialis_kereso_poz{
	position: absolute;
	left: 750px;
	top: 15px;	
}
.felirat_poz{
	position: absolute;
	left: 0px;	
}
.menu_poz{	
	position: absolute;
	left: 0px;
	top: 100px;		
}
.kosar_poz{
	position: absolute;
	z-index: 1200;
	top: 20px;	
	right: 0px;
	float: right;
	display: block;
	width: 16.67%;
}
.kosar_poz_2016{
	position: absolute;
	z-index: 1200;
	top: 30px;	
	right: 0px;
	float: right;
	display: block;
	width: 16.67%;
}
.termekek_poz{
	display: none;
}
.home_poz{
	display: none;
}
.products_menu{		
	text-align: center;		
}
#languages {		
	display: none;		 	 
}
.lang_actual {	
	cursor:pointer;	
	z-index: 200;	
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	top: 0px;
	height: 25px;	
	width: auto;
	display: block;
	background-color: #828282;	
	-khtml-opacity:.5; 
 	-moz-opacity:.5;
	-webkit-opacity:0.5; 	
 	-ms-filter:”alpha(opacity=50)”;	
 	filter:alpha(opacity=50);		
 	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);	*/
 	opacity: 0.50;    	 
	padding: 15px 5px 0px 5px;
	text-align: left;		   	 
}
.lang_actual_2016 {	
	cursor:pointer;	
	z-index: 200;	
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	top: 0px;
	height: 20px;	
	width: auto;
	display: block;
	background-color: #e8e8e8;	
	-khtml-opacity:.5; 
 	-moz-opacity:.5;
	-webkit-opacity:0.5; 	
 	-ms-filter:”alpha(opacity=50)”;	
 	filter:alpha(opacity=50);		
 	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);	*/
 	opacity: 0.50;    	 
	padding: 5px 5px 0px 5px;
	text-align: left;		   	 
}
.lang_select {	
	cursor:pointer;	
	z-index: 200;	
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	height: 16px;	
	width: auto;
	display: block;
	background-color: #FFFFFF;	
	padding: 2px 4px 2px 4px;
	text-align: left;		   	 
}
#currencies {		
	display: none;		 	 
}
.cur_actual {	
	cursor:pointer;	
	z-index: 200;	
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	top: 3px;
	height: 25px;	
	width: auto;
	display: block;
	background-color: #828282;	
	-khtml-opacity:.5; 
 	-moz-opacity:.5;
	-webkit-opacity:0.5; 	
 	-ms-filter:”alpha(opacity=50)”;	
 	filter:alpha(opacity=50);		
 	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);	*/
 	opacity: 0.50;
	padding: 15px 5px 0px 5px;
	text-align: right;		   	 
}
.cur_actual_2016 {	
	cursor:pointer;	
	z-index: 200;	
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	top: 3px;
	height: 20px;	
	width: auto;
	display: block;
	background-color: #e8e8e8;	
	-khtml-opacity:.5; 
 	-moz-opacity:.5;
	-webkit-opacity:0.5; 	
 	-ms-filter:”alpha(opacity=50)”;	
 	filter:alpha(opacity=50);		
 	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);	*/
 	opacity: 0.50;
	padding: 5px 5px 0px 5px;
	text-align: right;		   	 
}
.cur_select {	
	cursor:pointer;	
	z-index: 1200;	
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	height: 16px;	
	width: auto;
	display: block;
	background-color: #FFFFFF;	
	padding: 2px 4px 2px 4px;
	text-align: right;		   	 
}
#countries {		
	display: none;		 	 
}
.country_actual_link {		
	color: #E6E6E6;		
}
.country_actual {	
	cursor:pointer;	
	z-index: 200;	
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;		
	height: 25px;	
	width: auto;
	display: block;	
	padding: 8px 4px 4px 0px;
	text-align: left;		   	 
}
.country_select {	
	cursor:pointer;	
	z-index: 1200;	
	font-size: 10px;
	font-weight: bold;
	color: #000000;	
	height: 16px;	
	width: auto;
	display: block;
	background-color: #FFFFFF;	
	padding: 6px 4px 2px 4px;
	text-align: left;		   	 
}
#kereso4 {	
	position: relative;
	z-index: 1000;	
	font-size: 9px;
	font-weight: bold;
	color: #4F4F4F;
	top: 2px;
	height: 25px;	
	width: 530px;	
	padding: 0px 0px 0px 0px;
	text-align: center;		
}
#keres_text4 {		
	font-size: 9px;
	font-weight: bold;
	color: #4F4F4F;
	height: 25px;	
	width: 300px;
	display: block;	
	padding: 2px 2px 2px 2px;
}
#kereso4 input.keres_mezo{	
	position: absolute;
	left: 0px;		
	top: 0px;	
	font-size: 10px;
	font-weight: bold;
	color: #4F4F4F;
	height: 25px;	
	width: 300px;	
	background-color: #FFFFFF;	
	padding: 6px 4px 4px 4px;
	text-align: left;	
}
#kereso4 input.kategoria_mezo{	
	position: absolute;
	left: 300px;
	top: 0px;		
	font-size: 10px;
	font-weight: bold;
	color: #4F4F4F;
	height: 25px;	
	width: 200px;	
	background-color: #EFEFEF;	
	padding: 6px 4px 4px 4px;
	text-align: left;	
}
#kereso4 input.ok_gomb{	
	position: absolute;
	right: 0px;			
	top: 0px;		
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;	
	width: 42px;	
	background-image: url(../css/images/search_b.png);
	padding: 4px 4px 4px 4px;
	text-align: right;		
	cursor: pointer;	
}
#kereso4 button.search_gomb{	
	position: absolute;
	right: 0px;			
	top: 0px;		
	font-size: 18px;	
	color: #FFFFFF;
	background-color:#000000;	
	height: 25px;	
	width: 42px;		
	padding: 2px 2px 2px 2px;
	text-align: center;	
	cursor:pointer;
	border: none; 
}
#kereso4 input.wishlist_gomb{	
	position: absolute;
	left: 620px;	
	top: 5px;		
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;	
	width: 40px;	
	background-image: url(../css/images/wishlist.png);
	padding: 4px 4px 4px 4px;
	text-align: right;	
	cursor:pointer;
}
#kereso4 input.compare_gomb{	
	position: absolute;
	left: 660px;	
	top: 5px;		
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;	
	width: 40px;	
	background-image: url(../css/images/compare.png);
	padding: 4px 4px 4px 4px;
	text-align: right;	
	cursor:pointer;
}
#kereso4 input.reszletes_gomb{	
	position: absolute;
	left: 200px;		
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;	
	width: 150px;	
	background-image: url(../css/images/green2.png);
	padding: 5px 5px 5px 5px;
	text-align: center;	
	cursor:pointer;
}
#kereses4 {
	position: absolute;	
	left: 0px;	
	height: 25px;	
	width: 480px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #4F4F4F;
	z-index: 10;
	padding: 4px 4px 4px 4px;	
}

#kereso5 {	
	position: relative;
	z-index: 1000;	
	font-size: 14px;
	font-weight: bold;
	color: #4F4F4F;
	top: 0px;
	height: 40px;	
	width: 100%;	
	padding: 0px 0px 0px 0px;
	text-align: center;		
}
#keres_text5 {		
	font-size: 14px;
	font-weight: bold;
	color: #4F4F4F;
	height: 40px;		
	width: 100%;
	display: block;	
	padding: 2px 2px 2px 2px;
}
#kereso5 input.keres_mezo{	
	position: absolute;
	left: 0px;		
	top: 0px;	
	font-size: 14px;
	font-weight: normal;
	color: #4F4F4F;
	height: 40px;		
	width: 100%;	
	background-color: #FFFFFF;	
	padding: 6px 4px 4px 4px;
	text-align: left;
	box-sizing: border-box;
}
#kereso5 button.search_gomb{	
	position: absolute;
	right: 0px;			
	top: 0px;		
	font-size: 20px;	
	color: #FFFFFF;
	background-color: transparent;
	height: 40px;		
	width: 40px;		
	padding: 2px 2px 2px 2px;
	text-align: center;	
	cursor: pointer;
	border: none; 
}
#kereses5 {
	position: absolute;	
	left: 0px;	
	height: 40px;	
	width: 80px;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	color: #4F4F4F;
	z-index: 10;
	padding: 4px 4px 4px 4px;		
}

#navigator_bar {	
	position: relative;
	z-index: 1;
	width: 100%;
	height: 25px;					
	padding: 0px;
	border: 0px solid #999999;
 	vertical-align: 0px;
	font-size: 12px; 
	font-weight: normal; 
	color: #555555; 
	display: block;
}
.szoveg_mezo1 {	
	color: #4F4F4F;
	text-decoration: none;
	height: 28px;		
	display: block;
	background-color: #FFFFFF;	
	padding: 4px 4px 4px 4px;
	text-align: left;	
	font-size:14px;
	border: 1px;
	border-style: solid;
	border-color:#999999;	
	float: left;	
	width: 90%;
}
.szoveg_mezo2 {	
	color: #4F4F4F;
	text-decoration: none;
	height: 28px;		
	display: block;
	background-color: #FFFFFF;	
	padding: 4px 4px 4px 4px;
	text-align: left;	
	font-size:14px;
	border: 1px;
	border-style: solid;
	border-color:#999999;	
	float: left;	
	width: 50%;
}
.szoveg_mezo3 {	
	color: #4F4F4F;
	text-decoration: none;
	height: 28px;		
	display: block;
	background-color: #FFFFFF;	
	padding: 4px 4px 4px 4px;
	text-align: left;	
	font-size:14px;
	border: 1px;
	border-style: solid;
	border-color:#999999;	
	float: left;	
}
.topmenu_icon_poz{						
	z-index: 2000;
	position: absolute;
	top: 3px;	
	left: 3px; 
	display: block;	
	float: left;	
	text-align:center;
} 				
.topmenu_icon_poz_2016{	
	display: none;	
}

#kosar {	
	cursor:pointer;	
	z-index: 1800;	
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	height: 40px;	
	width: 17%;
	display: block;	
	padding: 0px 0px 0px 0px;
	text-align: right;	
	float: right;	
}
#kosarban {	
	position: absolute;
	cursor:pointer;
	z-index: 2000;
	top: 10px;
	left: 30px;
	z-index: 200;	
	height: 40px;	
	width: 30px;	
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;	
	float: left;
}
.kosar_kiir {		
	position: absolute; 
	left: 0px;
	top: 0px;
	z-index: 200;
}		
#kosar input.gomb{	
	cursor:pointer;	
	position: absolute;
	left: 0px;	
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 40px;					
	padding: 0px 10px 0px 10px;
	align: right;
	text-align: right;	
	z-index: 200;	
}
.kosar_icon{		
	position: absolute;
	width: 30px;	
	height: 28px;	
	left: 3px;	
	z-index: 1000;
}
#kosar_icon{		
	position: absolute;
	width: 30px;	
	height: 28px;
	left: 0px;	
	top: 5px;
	color: #FFFFFF;
	z-index: 1000;
	font-size: 24px;
}
.kosar_db{		
	color: #FFFFFF;	
	cursor:pointer;
}
#ShoppingCart{			
	position: absolute; 
	z-index: 1500; 
	align: right; 
	top: 30px; 
	right: 0px; 
	cursor:pointer;
}
#kosar_legordulo{		
	width: 300px;	
	font-size: 12px;	
	color: #FFFFFF;
	display: block;	
	padding: 2px 2px 2px 2px;
	align: center;
	text-align: left;
	clip: rect(0px,40px,40px,0px);
}
.kosar_legordulo_mezo{	
	width: 290px;	
	font-size: 10px;
	font-weight: bold;
	background-color: #F1F1F3;		
	padding: 3px 3px 3px 3px;			
}
.kosar_kep{	
	position: relative;
	float: left;
	width: 45px;
	height: 40px;
	background-color:#FFFFFF;
}
.kosar_megnevezes{	
	position: relative;
	float: left; 
	height: 40px;
	width: 120px;
	margin-left:30px;
}
#kereso {	
	position: relative;
	z-index: 100;	
	font-size: 9px;
	font-weight: bold;
	color: #4F4F4F;
	height: 25px;	
	width: 300px;
	display: block;	
	padding: 2px 2px 2px 2px;
	text-align: center;	
}
#keres_text {		
	font-size: 9px;
	font-weight: bold;
	color: #4F4F4F;
	height: 25px;	
	width: 260px;
	display: block;	
	padding: 2px 2px 2px 2px;
}
#kereso input.keres_mezo{	
	position: absolute;
	left: 0px;		
	font-size: 13px;
	font-weight: bold;
	color: #4F4F4F;
	height: 25px;	
	width: 260px;
	display: block;
	background-color: #FFFFFF;	
	padding: 4px 4px 4px 4px;
	text-align: left;	
}
#kereso input.ok_gomb{	
	position: absolute;
	left: 260px;	
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;	
	width: 40px;
	display: block;
	background-image: url(../css/images/search.png);
	padding: 4px 4px 4px 4px;
	text-align: right;	
	cursor:pointer;
}
#kereso input.reszletes_gomb{	
	position: absolute;
	left: 300px;		
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 25px;	
	width: 150px;
	display: block;	
	background-image: url(../css/images/green2.png);
	padding: 5px 5px 5px 5px;
	text-align: center;	
	cursor:pointer;
}
#kereses {
	position: absolute;	
	left: 0px;	
	height: 25px;	
	width: 300px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #4F4F4F;
	z-index: 10;
	padding: 4px 4px 4px 4px;
}
#search_suggest {
	float: left;
	z-index: 8000;
	position: absolute; 
	left: 0px;
	top: 40px;
	width: 100%;	
	color: #000000;
	background-color: #cccccc;	
	text-align: left; 		
	height: auto;
	font: 14px;
	background:transparent !important;
}
.suggest_link {
	height: 30px;	
	color: #4F4F4F;
	background-color: #FFFFFF;
	padding: 5px 30px 5px 2px;	
	border-bottom: solid 1px #000000;
}
.suggest_link_over {
	height: 30px;
	color: #009530;
	padding: 5px 30px 5px 2px;
	background-color: #F5F5F5;	
}
.rollmenu {				
	position: absolute;
	z-index: 100;
	float: left;			
	color: #000000;
	border: 1px; 
	border-style: solid; 
	border-color:#4F4F4F; 
	background-color: #F4F4F4; 		
	display: none;	
	overflow: hidden; 
	text-align: left;	
}	
.rollmenu:hover {			
	color: #000000;
}
a.rollmenu_text {		
	font-size: 12px;	
}	
a.rollmenu_text:hover {			
	font-weight: bold;
}
.ajanlo {
	cursor:pointer;	
	font-size: 11px;
	font-weight: bold;
	color: #555555;
	height: auto;
	width: auto;
	display: block;
	background-color: #E7E7E7;
	padding: 8px 5px 8px 5px;
	text-align: center;
	background-image: url(../css/images/stilusok/bgr10.jpg);
	background-repeat: repeat;	
}
.cella1 {
	BORDER-RIGHT: #efefef 1px solid; BORDER-TOP: #efefef 1px solid; BORDER-LEFT: #efefef 1px solid; BORDER-BOTTOM: #efefef 1px solid;
}
.cella2 {
	BORDER-RIGHT: #efefef 0px solid; BORDER-TOP: #efefef 2px solid; BORDER-LEFT: #efefef 0px solid; BORDER-BOTTOM: #efefef 0px solid;
}
/*****************************************************
********************** HEADER END ********************
*****************************************************/

/*****************************************************
********************** LOGIN START ******************
*****************************************************/
#belepo {  
	display: block;
	position: relative;      
	width: 100%
	z-index: 1500;
	text-align: center;
	top: 5px; 
	left: 5px;
}	
#belepo_hatter {
    background: #CACDD2;
	position: absolute;   
    height: 100%; 
	width:100%;
	padding: 5px;
	
    -khtml-opacity:.85; 
 	-moz-opacity:.85;
	-webkit-opacity:0.85; 	
 	-ms-filter:”alpha(opacity=85)”;	
 	filter:alpha(opacity=85);		
 	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);	*/
 	opacity: 0.85;    	 
}
.belepo_mezo {
	position: relative;
	float: left; 
	background-color:#333333; 
	width:40%; 
	height: 100%; 
	left: 5px; 
	top: 5px; 
	border: 0; 
	text-align: center; 
	padding: 5px 5px 5px 5px;
}
#login{	
	z-index: 500;
	background-repeat:no-repeat;	
}
#iw {text-align:left; padding: 2; margin: 0; border-top: 0px #fff solid; width:140px;}
#iw .on {display:block;}
#iw .off {display:none;}
#iw .clear{clear:both;}
#iw #iw_undiv, #iw #iw_pwdiv {position:absolute; top:auto; padding:4px 4px 4px 4px; height:30px; font-size:10px; color:#999; white-space:nowrap; width:140px;}
#belepes {text-align:left; padding: 0; margin: 0; border-top: 0px #fff solid; width:10px;}

#iw2 {text-align:left;padding: 2; margin: 0; border-top: 0px #fff solid; width:140px;}
#iw2 .on {display:block;}
#iw2 .off {display:none;}
#iw2 .clear{clear:both;}
#iw2 #iw_undiv, #iw2 #iw_pwdiv {position:absolute; top:auto; padding:4px 4px 4px 4px; height:30px; font-size:10px; color:#999; white-space:nowrap; width:140px;}
#belepes2 {text-align:left; padding: 0; margin: 0; border-top: 0px #fff solid; width:10px;}

/*****************************************************
********************** LOGIN END *********************
*****************************************************/



/*****************************************************
********************** MAIN START ********************
*****************************************************/
#main{			
	position: relative;	
	clear:both;
}
#leftside{	
	position: relative;			
	z-index: 1;
	vertical-align:top;	
	display: table-column;
}
#center{	
	position: relative;		
	
}
#rightside{	
	position: relative;	
}
/******************** LISTING ***********************/
.main_group_icon {
	float:left;	
	height:300px;
	text-align: center;
	background-color:#FFFFFF;	
	border: 1px solid #F5F5F5; 
	padding: 10px 0px 5px 0px;
	margin: 0.3%;
}
.main_group_icon_image {
	
}
.lapoz {	
	text-align: center;
	padding: 30px 10px 30px 10px;
	float: left;
}

#listing{	
	background-repeat:no-repeat;	
}
.navigator_home{
	z-index: 1;
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;	
	padding: 4px 0px 4px 0px;
	text-align:left;
	float: left;	
	
	border-style: solid;
	border-width:thin 0px thin 0px;
	border-color:#CCCCCC;
	
}
#navigator_home_icon{	
	text-align:left;
	float: left;
	font-size: 14px;
	padding: 0px 0px 0px 4px;
}
.navigator_home_links{	
	text-align:left;
	float: left;	
	padding: 0px 0px 0px 14px;
}
.navigator_links{
	z-index: 5;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 250px;	
	padding: 5px 5px 5px 5px;
	float: right;	
	text-align: right;
}
.navigator1 {	
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #999999;
 	vertical-align: 18px;
}
.navigator1:hover {
	color: #000000;
	background-color: #999999;	
}
.navigator2 {	
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	padding: 5px;
	border: 1px solid #999999;
 	vertical-align: 18px;
}
.navigator2:hover {
	color: #000000;
	background-color: #CC00000;			
}
.lista {	
	position: relative;
}
.lista_kategoria {
	font-size: 11px;
	color: #555555;	
}
.lista_kategoria:hover {
	color: #000000;
}
.lista_megnevezes {font-size: 11px; color: #000000; }
.lista_ref_no {font-size: 11px; color: #000000; }
.lista_leiras { font-size: 11px; color: #000000; }
.lista_ar {font-size: 11px; color: #000000; }
.lista_akcios_ar {font-size: 11px;  color: #D60025; }
.lista_megnevezes_ertek {font-weight: bold; font-size: 11px; color: #000000; }
.lista_ref_no_ertek {font-size: 11px; color: #000000; }
.lista_leiras_ertek { font-size: 11px; color: #000000; }
.lista_ar_ertek {font-size: 11px; color: #000000; }
.lista_akcios_ar_ertek {font-size: 11px;  color: #D60025; }
.description{font-size: 11px; height: 40px; overflow:hidden;}
.lista_kosarba1 {			
	position: relative;
	height: 150px;	
	width: 140px;	
	float: center;	
	top: -20px;
	background-repeat: no-repeat; 
	background-color: <?=$rekord_design[rendel_szine]?>;
	padding: 2px 2px 2px 2px;
}
.lista_fejlec {			
	position: relative;
	z-index: 1;
	height: 32px;				
	background-repeat: no-repeat;
	padding: 1px;
	border: 0px solid #EFEFEF;
	border-bottom-width:1px;
 	vertical-align: 0px;
	font-size: 10px; 
	font-weight: normal; 
	color: #555555; 
	box-sizing: border-box;
}
.lista_fejlec_szoveg {	
	font-size: 10px;
	color: #555555; 
	padding: 1px;	
 	vertical-align: 14px;
}
.megrendeles_gombok {
	position: relative;
	width: 100%; 
	text-align:center;
	padding: 10px;	
	box-sizing: border-box;
	min-height: 50px;
}
.gomb_bal{
	position: absolute;		
	left:0px;
	margin-left: 40px;
}
.gomb_jobb{
	position: absolute;	 	 	
	right:0px;
	margin-right: 40px;
}
.gomb_kozepso{
	position: absolute;	
	left: calc(50% - 100px);		
}
.gomb_nyomtat{
	width: 100%;
	position: absolute;		
	left: calc(50% - 75px);
}
.gomb_vissza{
	position: relative;
	z-index: 1;
	overflow:hidden;
	width: 200px;
}
.dropdown_filter {	
	position: absolute;
	z-index:100;
	font-size: 14px;
	color: #EFEFEF; 
	padding: 3px 0px 3px 0px;	
	text-align: center;
 	margin: 2px;
	border: 1px solid #EFEFEF;
	background-color: #FFFFFF;	
	width: 20%;
	min-width: 200px;
	float: left;
	display: block;		
	box-sizing: border-box;
	transition-delay: 0s;
	transition-duration: 0.3s;
	transition-property: background-color, color, box-shadow, opacity;
	transition-timing-function: ease;
} 
.dropdown_filter:hover {	
	color: #000000;	
	background-color: #EFEFEF;					
} 
.dropdown_filter:hover .filter_menu {
	z-index:100;
	display: block ;				
}  
.filter_menu {		
	position: relative;
	z-index:100;
	display: none ;
	padding: 1px;	
	width: 100%;
	background-color:#EFEFEF;	
	transition-delay: 0s;
	transition-duration:  0.3s;
	transition-property: background-color, color, box-shadow, opacity;
	transition-timing-function: ease;	
	box-sizing: border-box;
} 
.lista_rendezes{
	z-index: 1;
	position: relative;
	left: 5px;
	top: 0px;
	width: 30%;	
	height: 24px;	
	font-size: 10px;
	padding: 4px 4px 4px 4px;
	text-align: left;
	float: left;
	box-sizing: border-box;
}
.lista_price_select{	
	position: relative;
	cursor:pointer;	
	z-index: 1;	
	font-size: 10px;
	font-weight: bold;	
	top: 1px;
	height: 28px;	
	width: 30%;
	display: block;
	background-color: #E8E8E8;	
	padding: 3px 3px 3px 3px;
	text-align: center;		
	left:5px; 
	float: left;	
	box-sizing: border-box; 
}
.lista_talalatok{
	z-index: 1;
	position: relative;
	right: 0px;
	top: 0px;
	width: 15%;	
	font-size: 10px;
	padding: 4px 4px 4px 4px;
	text-align: center;
	float: right;
	box-sizing: border-box;
}
.lista_oldalak{
	z-index: 1;
	position: relative;
	right: 0px;
	top: 0px;
	width: 15%;	
	font-size: 10px;
	padding: 4px 4px 4px 4px;
	text-align: center;
	float: right;
	box-sizing: border-box;
}
.lista_oldalak_navigator1 {	
	font-size: 10px;
	font-weight: bold;
	color: #000000;	
	padding: 1px;	
 	vertical-align: 14px;
}
.lista_oldalak_navigator1:hover {
	color:  #009530;
	
}
.lista_oldalak_navigator2 {	
	font-size: 10px;
	font-weight: bold;
	color:  #009530;	
	padding: 1px;	
 	vertical-align: 14px;
}
.lista_oldalak_navigator2:hover {
	color:  #009530;			
}
.lista_shortlist{
	z-index: 5;
	position: relative;	
	left: 10px;
	width: 130px;	
	text-align: center;
	float: center;
}

.lista_shortlist_item{
	z-index: 5;
	position: relative;
	height: 20px;	
	width: 125px;	
	text-align: left;
	float: center;
}
.lista_termek_keret{	
	position: relative;	
	left:5px;
	padding: 5px 5px 5px 5px;
	float: left;
	z-index:1;
}
.lista_termek_keret:hover{	
	z-index:5000;
}
.lista_termek{	
	position: relative;	
	border: 1px; 
	border-style: solid; 
	border-color:#f0f0f0;
	background: white;
	float: left;
	padding: 3px 3px 3px 3px;
	text-shadow:Navy;	
	min-width: 200px;		
}
.lista_termek:hover{
	z-index: 2000;
	border: 1px; 	
	border-style: solid; 
	border-color:#555555; 
	box-shadow: 3px 3px 5px #999999;
	-webkit-box-shadow: 3px 3px 5px #999999;
	-moz-box-shadow: 3px 3px 5px #999999;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#999999, offX=3, offY=3, positive=true);
	background: white;	
}
.lista_ar_csillag{			
	text-align:center;		
	background-repeat:no-repeat;
}
.termek_megnevezes {	
	font-size: 13px; 	
}
.kosarba_tesz{
	display:none;
	width: 100%;
	text-align: center;	
}
.fekete_apro { font-size: 12px; color: #000000; }
.sszurke_apro {font-size: 12px; font-weight: normal;  color: #555555; }
.sszurke_16_bold {font-size: 16px; font-weight: bold;  color: #555555; text-decoration: none; }

/********************** FILTERING *******************/
filter {
	position: relative;
	left: -30px;
	z-index: 3;	
}
.filter_hatter {		
	background-color: #ECECEC;	
	border: thin solid #E7E7E7;
}
a.filter_option {	
	cursor:pointer;	
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	height: auto;
	width: auto;
	display: block;	
	padding: 10px 5px 10px 30px;
	text-align: left;			
	background-color: #FFFFFF;
}
a.filter_off {	
	cursor:pointer;	
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	height: auto;
	width: auto;
	display: block;	
	padding: 3px 3px 3px 30px;
	text-align: left;
	background-image: url(../css/images/checked1.png);
	background-repeat: repeat;
}
a.filter_on {	
	background-image: url(../css/images/checked2.png);
	background-repeat: repeat;
	cursor:pointer;	
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	height: auto;
	width: auto;
	display: block;	
	padding: 3px 3px 3px 30px;
	text-align: left;			
}
.filter_nev{		
	cursor:pointer;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 16px;	
	display: block;		
	background-color: #555555;
	background-repeat: no-repeat;	
	padding: 3px 0px 3px 0px;
	text-align: center;		
}
.vissza2:hover{			
	color: #009530;		
}
a.checked_out {	
	cursor:pointer;	
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	height: auto;
	width: 100px;
	display: block;	
	padding: 3px 3px 3px 30px;
	text-align: left;
	background-image: url(../css/images/checked1.png);
	background-repeat: no-repeat;
}
a.checked_in {
	width: 100px;
	background-image: url(../css/images/checked2.png);
	background-repeat: no-repeat;
	cursor:pointer;	
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	height: auto;
	width: auto;
	display: block;	
	padding: 3px 3px 3px 30px;
	text-align: left;
}
a.checked {	
	position: absolute;	
	left: 0px;
	cursor:pointer;
	width: 20px;
	height: 20px;	
	display: block;	
	padding: 3px 3px 3px 3px;
	text-align: left;
	background-image: url(../css/images/checked.png);
	background-repeat: no-repeat;
}
a.unchecked {
	position: absolute;	
	left: 0px;
	cursor:pointer;
	width: 20px;		
	height: 20px;	
	display: block;	
	padding: 3px 3px 3px 3px;
	text-align: left;
	background-image: url(../css/images/unchecked.png);
	background-repeat: no-repeat;
}
a.checked_out_text {	
	position: absolute;	
	left: 25px;
	height: 20px;
	width: 100px;
	font-size: 10px;
	font-weight: normal;
	color: #333333;	
	display: block;	
	padding: 3px 3px 3px 3px;
	text-align: left;		
}
a.checked_in_text {
	position: absolute;	
	left: 25px;
	height: 20px;
	width: 100px;		
	cursor:pointer;	
	font-size: 10px;
	font-weight: normal;
	color: #333333;	
	display: block;	
	padding: 3px 3px 3px 3px;
	text-align: center;
	background-image: url(../css/images/white_100.png);
	background-repeat: no-repeat;
}
/******************** GENERAL ***********************/
.micro_gomb{		
	height: auto;	
	width: 100%;	
	background-color: #EFEFEF;				
	text-align: center;	
}
.micro_gomb:hover{				
	background-color: #414046;		
	color: #FFFFFF;		
}
a.feher_textlink {
	font-size: 12px; 
	color: #FFFFFF;
	}
a.feher_textlink:hover {
	color: #000000;
	}
.fekete_apro { font-size: 12px; color: #000000; }
.fekete_kicsi { font-size: 14px; color: #000000; font-weight: normal;}
.fekete_cim { font-size: 20px; color: #000000; }
.fekete_kicsi_bold { 
	font-size: 14px; 
	color: #000000; 
	font-weight: bold; 
}
.fekete_kicsi_bold:hover { 
	color: #555555; 
}
.fekete_nagybetu_bold {text-decoration: none; font-weight: bold;  font-size: 18px; color: #000000; }
.fekete_nagybetu_bold:link {text-decoration: none; color: #000000; }
.fekete_nagybetu_bold: hover {text-decoration: none; color: #000000; }
.fekete_nagybetu_bold: visited {text-decoration: none; color: #000000; }
.fekete_nagybetu {text-decoration: none; font-weight: normal;  font-size: 18px; color: #000000; }
.fekete_nagybetu:link {text-decoration: none; color: #000000; }
.fekete_nagybetu: hover {text-decoration: none; color: #000000; }
.fekete_nagybetu: visited {text-decoration: none; color: #000000; }
.vszurke_kicsi {font-size: 14px;  color: #91A7B2; }
.vszurke_nagybetu {font-size: 18px; font-weight: normal;  color: #91A7B2; }
.sszurke_apro {font-size: 12px; font-weight: normal;  color: #555555; }
.sszurke_11_bold {font-size: 11px; font-weight: bold;  color: #555555; text-decoration: none; }
.sszurke_14_bold {font-size: 14px; font-weight: bold;  color: #555555; text-decoration: none; }
.fekete_11_bold {font-size: 11px; font-weight: bold;  color: #000000; text-decoration: none; }
.sszurke_kicsi {font-size: 14px; font-weight: normal;  color: #555555; text-decoration: none;}
.sszurke_kicsi:link {font-size: 14px; font-weight: normal;  color: #555555;}
.sszurke_kicsi:hover{font-size: 14px; font-weight: normal;  color: #000000; }
.sszurke_kicsi:visited {font-size: 14px; font-weight: normal;  color: #555555; }
.sszurke_nagybetu { font-size: 18px;   color: #555555; }

.sajat_nagybetu {font-size: 18px; color: #FF9900; }
.feher_cim {font-size: 20px;  color: #FFFFFF; }
.feher_kisbetu {font-size: 14px; font-weight: normal;  color: #FFFFFF; }
.feher_nagybetu {font-size: 18px;  color: #FFFFFF; }
.feher_kisbetu {font-size: 14px; font-weight: normal;  color: #FFFFFF; }
.feher_vastagkisbetu {font-size: 14px; font-weight: bold;  color: #FFFFFF; }
.feher_vastagapro {font-size: 12px; font-weight: bold;  color: #FFFFFF; }
.feher_apro {font-size: 12px;  color: #FFFFFF; }

.piros_cim {font-size: 20px;  color: #D60025; }
.piros_kisbetu {font-size: 14px;  color: #D60025; text-decoration: none; }
.piros_nagybetu {font-size: 18px;  color: #D60025; }
.piros_apro {font-size: 11px;  color: #D60025; }
.piros_nagybetu_kerettel {
	font-size: 18px;
	color: #D60025;
	background-color: #FFFFFF;
	padding: 5px;
	height: 30px;
	width: auto;
}
.textlink {	
	font-size: 12px;
	color: #000000;
}
.textlink:hover {
	color: #FE000D;
}
.textlink_piros {	
	font-size: 11px;
	color: #D60025;
}
.textlink_piros:hover {
	color: #FE000D;
}
.textlink_zold {	
	font-size: 13px;
	color: #00A235;
}
.textlink_zold:hover {
	color: #00A235;
}
.textlink_szurke {	
	font-size: 13px;
	color: #555555;
}
.textlink_szurke:hover {
	color: #000000;
}
.textlink_fekete {	
	font-size: 13px;
	color: #000000;
}
.textlink_fekete:hover {
	color: #555555;
}
.textlink_feher {	
	font-size: 13px;
	color: #FFFFFF;
}
.textlink_feher:hover {
	color: #000000;
}
.link_piros {	
	font-size: 13px;
	color: #D60025;
}
.link_piros:hover {
	color: #993300;
}
.link_sima {	
}
.link_sima:link {	
}
.link_sima:hover {	
}
.link_sima:visited {	
}
.meretez_szurke {
	font-size: 14px;
	font-weight: normal;
	color: #555555;
	text-align: left;
	width: 570px;
}
.grey50 {	
	background-color: #555555;	
	-khtml-opacity:.50; 
 	-moz-opacity:.50; 
 	-ms-filter:”alpha(opacity=50)”;
 	 filter:alpha(opacity=50);
 	 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
 	 opacity:.50;
}
/*****************************************************
********************** MAIN END **********************
*****************************************************/

/*****************************************************
********************** FOOTER START ******************
*****************************************************/
#footer{				
}
/*****************************************************
********************** FOOTER END ********************
*****************************************************/


#wishlist_icon{	
	position: absolute;
	left: 620px;	
	top: 5px;		
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;	
	width: 40px;
	display: block;
	background-image: url(../css/images/wishlist.png);
	padding: 0px 0px 0px 0px;
	text-align: center;	
	cursor:pointer;
}
#compare_icon{	
	position: absolute;
	left: 660px;	
	top: 5px;		
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;	
	width: 40px;
	display: block;
	background-image: url(../css/images/compare.png);
	padding: 0px 0px 0px 0px;
	text-align: right;	
	cursor:pointer;
}
.termek_menu{		
	width: 100%; 
	left: 0px;	
}	

.termek_kicsi {	
	min-width: 170px; 
	width:24%; 
	min-height: 350px; 
	float: left; 
	border: thin;
	border-style: solid;
	border-color:#F5F5F5;
	margin:2px;		
}
#megrendeles_lista1{
	display: none;
}
#megrendeles_lista2{
	display: none;
}
/*****************************************************
********************** MOBILE ************************
*****************************************************/
@media screen and (max-width: 890px) {
	/*****************************************************/
	input[type="text"] {
		font-size: 18px;			
	}
	.sidenav {max-width:50%;}
	#head_wrapper {		
		height:100px;
	}
	.head_menu_icon{		
		left: 0px;
		top: 0px;
		width: 16.67%;
		height: 50px;
		font-size: 36px; 
		margin-top:2px;
	}
	.head_home{		
		left: 0px;
		top: 50px;
		width: 16.67%;
		height:50px;
		font-size: 36px;
		margin-top:2px;
		display:none;
	}
	.head_user{		
		left: 0px;
		top: 50px;
		width: 16.67%;
		height: 50px;
		font-size: 36px;
		margin-top:2px;
	}
	.head_products_menu{		
		z-index: 12000;
		left: 16.67%;
		top: 0px;
		width: 66.66%;
		height: 50px;
		display: block;
	}
	.head_icons{
		display: none;
	}
	
	.head_search{				
		right: 0px;
		top: 50px;
		width: 83.33%;
		height: 50px;
	}
	.head_cart{
		right: 0px;
		top: 0px;
		width: 16.67%;
		height: 50px;
	}
	.head_wish{	
		right: 0px;
		top: 0px;
		width: 0px;	
		display:none;
	}
	.head_compare{			
		width: 0px;	
		display:none;
	}
	/*****************************************************/

	#fejlec_background{				
		position:relative;
		height: auto;
	}	
	#icon2{
		text-align: center;
	}
	.kereso3_poz{	
		clear: left;
		top: 50px;
		left: 12%;			
		text-align: center;	
		width: 88%;			
	}	
	#kereso4 {	
		display: inline-block;			
		z-index: 1000;	
		font-size: 13px;		
		top: 0px;
		height: 50px;			
		width: 100%;		
		padding: 0px 0px 0px 0px;
		text-align: center;			
	}
	#keres_text4 {		
		font-size: 9px;
		font-weight: bold;
		color: #4F4F4F;
		height: 50px;	
		width: 90%;			
		padding: 2px 2px 2px 2px;
	}
	#kereso4 input.keres_mezo{			
		font-size: 13px;
		font-weight: bold;		
		height: 50px;			
		width:83%;					
	}
	#kereso4 input.kategoria_mezo{			
		display: none;
	}
	#kereso4 input.ok_gomb{			
		height: 50px;	
		width: 17%;		
		background-image: url(../css/images/search_w.png);		
		background-repeat:no-repeat;
		background-color:#000000;		
		text-align: right;	
		cursor:pointer;
	}	
	#kereso4 button.search_gomb{			
		right: 0px;			
		top: 0px;		
		font-size: 30px;			
		background-color: transparent;
		height: 50px;	
		width: 17%;				
	}
	
	.kereso5_poz{	
		clear: left;
		top: 50px;
		left: 12%;			
		text-align: center;	
		width: 88%;			
	}	
	.kereso5_poz_2016{
		clear: left;
		top: 50px;
		left: 12%;			
		text-align: center;	
		width: 88%;			
}
	#kereso5 {	
		display: inline-block;			
		z-index: 1000;	
		font-size: 14px;		
		top: 0px;
		height: 50px;			
		width: 100%;		
		padding: 0px 0px 0px 0px;
		text-align: center;			
	}
	#keres_text5 {		
		font-size: 14px;
		font-weight: bold;
		color: #4F4F4F;
		height: 50px;	
		width: 90%;			
		padding: 2px 2px 2px 2px;
	}
	#kereso5 input.keres_mezo{			
		font-size: 14px;
		font-weight: bold;		
		height: 50px;			
		width:80%;					
	}		
	#kereso5 button.search_gomb{			
		right: 0px;			
		top: 0px;		
		font-size: 30px;			
		background-color: transparent;
		height: 50px;	
		width: 20%;		
		cursor: pointer;
	}
	
	#search_suggest {		
		z-index: 2000;		
		top: 50px;		
		width: 83%;			
		font: 14px;
	}
	.product_name{
		display: none;
		position: absolute;
		z-index: 10;
		left: 200px;
		top: 0px;
		width: 400px;
		text-align:
		right; color:#CCCCCC;
	}	
	#topmenu{			
		height: 50px;	
		z-index: 10;	
		top: 50px;	
		background-position: left top;		
	}
	#toplinks{			
		height: 50px;		
	}
	#toplinks_2016{			
		display: none;
	}
	#toplinks_background{			
		height: 50px;		
	}
	#topmenu_background{			
		height: 56px;					
		top: 50px;	
	}
	.topmenu_button{			
		position: relative; 
		left: 0px; 
		z-index: 5; 
		float: left; 
		width: 175px;	 
		display: block;
		background-repeat:no-repeat; 
	}
	#mainmenu{			
		display: none;		
	}
	#navigator_bar {			
		display: block;
		top:0px;
	}
	#new_items {			 
		display: none;		
	}
	#leftside {			 
		display: none;				 
	}
	#center{	
		width: 100%;
	}
	.lista_talalatok {
		display: none;
	}			
	.toplinks_poz{
		display: none;
		left: 30px;
	}
	.toplinks_poz_2016{
		display: none;
	}
	.toplinks2_poz{		
		display: none;
	}
	.toplinks2_poz_2016{		
		display: none;
	}	
	.lang_select_poz{	
		display: none;
	}
	.lang_select_poz_2016{	
		display: none;
	}
	.cur_select_poz{		
		display: none;
	}
	.cur_select_poz_2016{		
		display: none;
	}
	.country_select_poz{			
		display: none;
	}
	.country_select_poz_2016{			
		display: none;
	}
	.delivery_icon_poz{			
		display: none;
	}	
	.delivery_icon_poz_2016{			
		display: none;
	}	
	.home_icon{		
		height: 50px;
		width: 60px;				
	}	
	.login_field{
		position: absolute;
		z-index: 2500;
		top: 80px; 
	}	
	.topmenu_icon_poz{			
		z-index: 2000;
		position: absolute;
		top: 5px;	
		left: 0px; 
		display: block;	
		width: 12%;			
		text-align: center;				
	}
	.topmenu_icon_poz_2016{			
		z-index: 2000;
		position: absolute;
		top: 5px;	
		left: 0px; 
		display: block;	
		width: 12%;			
		text-align: center;				
	}
	#home_icon{		
		position: absolute;
		width: 100%;	
		height: 50px;
		left: 0px;	
		top: 5px;
		color: #FFFFFF;		
		font-size: 36px;
	}	
	#top_menu_icon{		
		top: 5px;	
		font-size:36px; 	
		height: 50px;	 
	}
	.felirat_poz{
		position: absolute;
		left: 0px;	
	}
	.home_poz{
		position: absolute;
		display: block;
		top: 50px;
		left:0px;
		width: 12%;
		z-index: 5;
	}
	.menu_poz{	
		position: absolute;
		left: 0px;
		top: 100px;		
	}
	.kosar_poz{
		position: absolute;
		z-index: 1800;
		top: 0px;	
		right: 0px;
		width: 15%
	}	
	.kosar_poz_2016{
		position: absolute;
		z-index: 1800;
		top: 0px;	
		right: 0px;
		width: 15%
	}	
	#kosar {		
		height: 50px;	
		width: 15%;	
	}	
	.kosar_icon{		
		position: absolute;
		width: 60px;	
		height: 50px;
		left: 0px;
		top:0px;
		z-index: 1000;
	}
	#kosar_icon{	
		top: 3px;	
		left: 2px;	
		font-size: 36px;
	}
	#kosarban {			
		top: 8px;
		left: 45px;		
		height: 42px;	
		width: 30px;	
		font-size: 30px;		
	}
	.kosar_kiir {		
		display: none;		
	}
	#ShoppingCart{			
		position: absolute; 
		z-index: 1500; 
		align: right; 
		top: 50px; 
		right: 0px; 
		cursor:pointer;
	}
	.termekek_poz{
		position: absolute;
		top: 0px;
		left: 12%;	
		z-index: 5000;	
		width: 73%;
		display: block;		
		cursor:pointer;
	}	
	.main_group_icon {		
		width:48%;			
		height:320px;
	}		
	.products_block {		
		display: inline-block;
		width: 100%;
	}
	.szoveg_mezo1 {	
		height: 50px;					
		font-size:24px;	
	}
	.szoveg_mezo2 {			
		height: 50px;					
		font-size:24px;		
	}
	.szoveg_mezo3 {	
		height: 50px;					
		font-size:24px;			
	}
	.sszurke_11_bold {
		font-size: 20px;
		font-weight:normal;
	}
	.lista_price_select{	
		display: none;
	}
	.termek_kicsi {	
		width:49%;
	}
	.piros_apro {font-size: 14px; }
}
@media screen and (max-width: 768px) {
	
	#kosar_legordulo{
		width: 320px;
	}
	.kosar_legordulo_mezo{	
		width: 310px;			
	}	
	.kosar_megnevezes{					
		
	}
	.order_box {			
		width: 220px;	
		padding: 2px 60px 2px 60px;
		text-align:center;
	}
	.megrendeles_gomb{
		width:200px;
	}
	.order_more_less {		
		font-size: 24px;				
		padding: 4px 4px 4px 4px;
		width: 32px;	
		height: 35px;
		margin: 2px;
	}
	.order_qty {
		font-size: 24px;
		float: left;
		margin: 2px;	
		width: 100px;
		height: 39px;
		text-align:center;
	}
	.order_unit {
		width: 100%;
	}	
	.termek_kicsi {	
		width:100%;
		min-height: 400px; 
	}
	.termek_megnevezes {	
		font-size: 18px; 	
	}
	.description{font-size:14px;}
	input[type="submit"] { 			
		min-height:50px;
		font-size:20px;
	}
	.termek_ar{
		font-size:28px;	
	}
	.termek_ar_akcios{
		font-size:32px;	
	}
	.piros_apro {font-size: 18px; }
	.fekete_apro { font-size: 14px; }
	.textlink_szurke { font-size: 14px; }
	a.menugomb4 {		
			height: 30px;		
			width: 300px;
			display: block;
			font-size:20px;
	}
	.sidenav {max-width:100%;}
	.navigator1 {	
		font-size: 24px;		
	}
	.navigator2 {	
		font-size: 24px;		
	}	
	.lista_kategoria {
		font-size: 12px;		
	}
	.megrendeles_gombok {		
		min-height: 210px;
	}
	.gomb_bal{
		text-align:center;
		width:100%;	
		top: 150px;
		left: 0px;
		margin-left: 0px;
	}
	.gomb_jobb{
		text-align:center;
		width:100%;
		top:  10px;
		left: 0px;
		margin-right: 30px;
	}
	.gomb_kozepso{
		text-align:center;
		width:100%;	
		top: 80px;
		left: 0px;
	}
	.gomb_nyomtat{
		text-align:center;
		width:100%;		
	}
	.gomb_vissza{		
		width: 100%;
	}
	.request_box { position: relative; display:inline-block; width: 90%;}
}				

@media screen and (max-width: 480px) {
	#fejlec_html{
		height:<?= $rekord_design[fejlec_meret]+50 ?>px;						
	}
	.termek_megnevezes {	
		font-size: 24px; 	
	}	
	
	#navigator_bar {		
		top:0px;
	}	
	.sidenav {padding-top: 15px; max-width:100%;}
	.sidenav a {font-size: 18px;}	
}
/*******************************************************************************/
/* JS SLIDER kezdodik */
/* bullet */
.jssorb05 {
     position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
     position: absolute;
                /* size of bullet elment */
     width: 32px;
     height: 16px;
     background: url(../banners/SLIDER_ENGINE_JO/b13.png) no-repeat;
     overflow: hidden;
     cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
/* navigator */
.jssora12l, .jssora12r {
      display: block;
      position: absolute;
                /* size of arrow element */
      width: 30px;
      height: 46px;
      cursor: pointer;
      background: url(../banners/SLIDER_ENGINE_JO/a10.png) no-repeat;
      overflow: hidden;
}
.jssora12l { background-position: -16px -37px; }
.jssora12r { background-position: -75px -37px; }
.jssora12l:hover { background-position: -136px -37px; }
.jssora12r:hover { background-position: -195px -37px; }
.jssora12l.jssora12ldn { background-position: -296px -90px; }
.jssora12r.jssora12rdn { background-position: -315px -37px; }
/*****************************************************************************/