html, body		{margin:0; padding:0;}
body			{font-family:'Open Sans', sans-serif, Arial, Tahoma, Verdana; font-size:13px; color:#444; line-height:20px;}
td, tr, table	{font-family:'Open Sans', sans-serif, Arial, Tahoma, Verdana;  font-size:100%; color:#444; padding:0; margin:0; border-spacing:0; border-collapse:collapse;}
a				{margin:0; padding:0; text-decoration:none; outline-color:invert; outline-style:none; outline-width:medium;}
a:visited,a:link{text-decoration:none; color:#444;}
a:hover			{text-decoration:underline;}
form			{word-spacing:0; text-indent:0; padding:0; margin:0;}
img, a img 		{margin:0; padding:0; border:0;}
input, select, 
textarea 		{font-family:Arial, Tahoma, Verdana; font-size:100%;}
label			{cursor:pointer; margin:0; padding:0; border:0;}
ul, li			{list-style-type:none; text-indent:0; margin:0; padding:0;}


table.adatk		{width:90%; margin:0 5%; border:1px solid #444; }
table.adatk td	{width:50%; background:#f5f5f5; padding:1px 5px;}


@font-face		{font-family:'dotsfont'; src:url('../font/dotsfont.eot'); src:url('../font/dotsfont.eot?#iefix') format('embedded-opentype'), url('../font/dotsfont.svg#font') format('svg'), url('../font/dotsfont.woff') format('woff'), url('../font/dotsfont.ttf') format('truetype'); font-weight:normal; font-style:normal;}
input#pwd1,input#pwd2,#pwd_old{font-family:dotsfont; font-size:10px; letter-spacing:-2px; min-height:18px;}


h1				{font-family:'Open Sans', sans-serif, Arial, Tahoma, Verdana; font-size:24px; color:#55509f; font-weight:normal; margin:0 0 6px 0; padding:0; line-height:32px;}
h1 span			{color:#55509f);}
h2				{font-family:'Open Sans', sans-serif, Arial, Tahoma, Verdana; font-size:18px; font-weight:normal; color:#55509f; margin:0; padding:0; line-height:24px;}
h2 span			{color:#55509f;}
h3				{font-family:Arial, Tahoma, Verdana; font-size:110%; color:#55509f; font-weight:bold; margin:6px 0 0 0; padding:0; line-height:20px;}

h2.h2_orange	{background:#f60; line-height:30px; color:#fff; font-weight:bold; padding:0 10px; margin-bottom:5px;}



.o_600, .c		{float:left; clear:left; width:100%;}
.o_980			{float:left; clear:left; width:100%;}
.c, .c_but		{text-align:center;}
.m, .m1, .m2	{margin:18px 0;}
.m1				{margin-bottom:0;}
.m2				{margin-top:0;}
span.e			{color:#f00; font-weight:bold;}
.button			{padding:2px 6px; margin:5px 0;}
.button_blue	{background:#55509f; color:#fff; font-weight:bold;}
input.cb		{width:18px !important; border:0 !important;}
ul li.elv		{padding:0 4px !important; color:#888 !important;}
.bold			{font-weight:bold;}

iframe			{border:0; margin:0; padding:0;}
iframe.zero		{width:1px; height:1px; max-height:1px !mportant; max-width:1px !mportant;}
link			{display:none;}




#the_head							{position:fixed; top:0; z-index:8990;}
#the_main							{margin-top:100px;}
#white_blank						{position:fixed; top:0; left:0; width:100%; height:60px; z-index:1; background:#fff;}

.header								{float:left; clear:left; width:100%; max-width:980px; margin-top:15px !important;}

.header	.logo						{float:left; width:16%;}
.header .logo a						{display:block; width:100%; height:auto; text-decoration:none !important;}
.header .logo a img					{float:left; max-width:100px; width:100%; max-height:42px; height:auto; background:url(../images/logo_100x42.png) no-repeat center center; background-size:100% auto;}

.header .question					{float:left; width:83%; padding-left:1%; text-align:right; margin-top:8px;}
.header .question .q				{float:right; width:40%; max-width:308px; border:1px solid #999; height:24px; overflow:hidden;}

.header .question .q .input_q		{float:left; width:80%; height:24px; line-height:24px; border:0; margin:0; padding:0 1%;}
.header .question .q .button_q		{float:right; width:18%; height:24px; padding:0; margin:0; border:0; background:#55509f url(../images/bg_button_q.png) no-repeat center center;}
.header .question .q .button_q:hover{cursor:pointer; background-color:#6766a7;}

.header .question .linkbar			{float:right; line-height:26px; padding-right:1%; width: calc(59% - 3px);}
.header .question .linkbar ul		{float:right; max-height:26px;}
.header .question .linkbar ul li	{float:left !important; margin:0; padding:0;}
.header .question .linkbar a		{float:left; margin-right:10px; padding:0 14px 0 10px; color:#444; text-decoration:none; border-right:1px solid #ccc;}
.header .question .linkbar a:hover	{color:#55509f;}
.header .question .linkbar a.basket	{background:transparent url(../images/ico_basket_2.png) no-repeat 6px 8px;}
.header .question .linkbar a.basket:hover{background-position:6px -42px;}
.header .question .linkbar a.user	{background:transparent url(../images/ico_user_2.png) no-repeat 6px 8px;}
.header .question .linkbar a.user:hover{background-position:6px -41px;}
.header .question .linkbar a b		{font-weight:normal;}
.header .question .linkbar a img	{width:20px; height:20px;}



.header .question .linkbar a.basket span#in_basket {color:#fff; background:#f00; line-height:12px; padding:0 2px; margin:0 0 0 2px; font-weight:bold;}
.header .question .linkbar a.basket:hover span#in_basket {background:#c00;}

.header .question .linkbar ul li .user_submenu		{display:none; position:absolute; z-index:9999; top:48px; width:auto; min-width:150px; margin-left:0; padding:10px; background:#f5f5f5; border-right:1px solid #ccc; border-bottom:1px solid #ccc; line-height:24px; text-align:left;}
.header .question .linkbar ul li:hover .user_submenu,
.header .question .linkbar ul li .user_submenu:hover{display:block;}
.header .question .linkbar ul li .user_submenu a	{clear:left; padding-left:10px; border:0;}	
.fixed .linkbar ul li .user_submenu {top:32px !important;}


#li_login:hover>a.user				{background-color:#f5f5f5;}


@media only screen and (max-width: 639px) {
	.header	.logo					{width:24%;}
	.header .question				{width:75%;}
	.header .question .linkbar		{width: calc(29% - 3px);}
	.header .question .linkbar a b	{display:none;}
	.header .question .linkbar a	{margin-right:8px; padding:0; border:0; background-position-x:0 !important;}
	/*.header .question .linkbar ul li .user_submenu,
	.header .question .linkbar ul li .user_submenu:hover {display:none !important;}*/
	
	.header .question .q			{width:70%; max-width:50vw;}
	/*#li_login:hover>a.user			{background-color:#fff;}*/
}

@media only screen and (max-width: 599px) {
	.header .question .q			{width:60%; max-width:50vw;}
	.header .question .linkbar		{width: calc(39% - 3px);}
}

@media only screen and (max-width: 359px) {
	.header .question .q			{width:50%; max-width:40vw;}
	.header .question .linkbar		{width: calc(49% - 3px);}
}


ul.auto-complete-list								{position:absolute; top:5px; border-top:1px solid #aaa; list-style-type:none; margin:0; padding:0; z-index:9000; max-height:480px; overflow:auto; font-size:90%;}
ul.auto-complete-list li							{list-style-type:none; margin:0; padding:1px 2px; background:#fff; border:1px solid #aaa; border-top:0; cursor:pointer;}
ul.auto-complete-list li.auto-complete-list-rollover{background:#e2e5eb; color:#000;}
ul.auto-complete-list .auto-complete-striped		{background-color:#d7eef9;}

.full	 							{float:left; width:100%; background:#fff !important;}
.center								{float:none; margin:0 auto; height:auto; max-width:980px; width:100%;}
.inner								{float:left; width:100%; max-width:980px; margin:15px 0; overflow-x:hidden;}
.fixed								{position:fixed; top:0; background:#fff url(../images/bg_main_menu_3px.gif) repeat-x 0 61px !important; -moz-box-shadow:2px 2px 15px 5px #fff; -webkit-box-shadow:2px 2px 15px 5px #fff; box-shadow:2px 2px 10px 4px #fff;}



ul#menu								{z-index:8999; float:left; display:block; position:relative; max-width:980px; width:100%; padding:0; list-style:none; background:url(../images/bg_main_menu.gif) repeat-x bottom; margin-top:8px;}
ul#menu ul							{float:left; list-style:none; margin:0; padding:0;}
ul#menu .submenu					{float:left; display:none; position:absolute; padding:1px 0; border-top:3px solid #f60; border-bottom:3px solid #f60; border-left:1px solid #ddd !important; border-right:1px solid #ddd !important; background:#fff;}
ul#menu li:hover>*					{display:block;}
ul#menu li:hover					{position:relative;}
ul#menu li							{float:left; display:block; margin:0;}
ul#menu>li, ul#menu li, ul#menu ul>li{margin:0;}
ul#menu a:active, ul#menu a:focus	{outline-style:none;}
ul#menu a							{display:block; vertical-align:middle; text-align:left; text-decoration:none; cursor:pointer; padding:5px 16px;}
ul#menu ul li						{float:none; margin:0; padding:0; min-width:162px;}
ul#menu ul a						{text-align:left; line-height:24px; padding:2px 7px; color:#000; text-decoration:none;}
ul#menu li:hover>a					{background:#f60; color:#fff; text-decoration:none;}
ul#menu ul li:hover>a				{background:#fff; text-decoration:none;}
ul#menu .topmenu>a					{border-bottom:4px solid #f60; margin:0 2px 1px 0; font-size:110%; font-weight:bold;}
ul#menu .topmenu:hover>a			{border-bottom-width:5px !important; margin-bottom:0 !important;}

ul#menu .topmenu a b				{display:none;}

ul#menu .kategoriak					{width:192px; background:#f0f0f0; padding:4px 0;}
ul#menu .kategoriak ul li a			{display:block; width:178px; color:#000 !important;}
ul#menu .kategoriak ul li a:hover	{color:#c00 !important; background:#fff !important;}

ul#menu .submenu .column			{float:left; width:162px;}

ul#menu .subsubmenu					{position:absolute; top:-3px; left:192px; height:100%; background:#fff;}
.menu_red .subsubmenu				{border-top:3px solid #c00; border-bottom:3px solid #c00; border-right:1px solid #ddd !important;}


.menu_red a							{color:#c00;}
.menu_orange a, .menu_orange ul li a i{color:#f60;}
.menu_yellow a, .menu_yellow ul li a i{color:#f90;} 
.menu_green a						{color:#0c6;} 
.menu_blue a						{color:#68e;} 
.menu_pink a						{color:#f3f;} 

.menu_orange ul li a:hover i, .menu_yellow ul li a:hover i {color:#fff;} 

.menu_red>a, .menu_red .submenu		{border-color:#c00 !important;}
.menu_orange>a, .menu_orange .submenu{border-color:#f60 !important;}
.menu_yellow>a, .menu_yellow .submenu{border-color:#f90 !important;}
.menu_green>a, .menu_green .submenu	{border-color:#0c6 !important;}
.menu_blue>a, .menu_blue .submenu	{border-color:#68e !important;}
.menu_pink>a, .menu_pink .submenu	{border-color:#f3f !important;}

.menu_red .submenu ul li a:hover,
.menu_red:hover>a					{background-color:#c00 !important;}
.menu_orange .submenu ul li a:hover,
.menu_orange:hover>a				{background-color:#f60 !important;}
.menu_yellow .submenu ul li a:hover,
.menu_yellow:hover>a				{background-color:#f90 !important;}
.menu_green .submenu ul li a:hover,
.menu_green:hover>a					{background-color:#0c6 !important;}
.menu_blue .submenu ul li a:hover,
.menu_blue:hover>a					{background-color:#68e !important;}
.menu_pink .submenu ul li a:hover,
.menu_pink:hover>a					{background-color:#f3f !important;}

ul#menu .subsub_container			{display:none; float:left;}
ul#menu .subsub_head 				{float:left; clear:left; max-width:730px; width:100%; /*<--nem fontos*/ margin:12px 25px 0 25px; padding:12px 0; font-size:90%; line-height:20px; border-bottom:1px dashed #bbb; color:#666;}
ul#menu .subsub_head h2				{color:#c00; font-weight:normal;}
ul#menu .subsub_columns				{float:left; clear:left; width:730px; padding:13px 25px;}
ul#menu .subsub_columns div			{float:left; width:182px;}
ul#menu .subsub_columns div ul		{list-style:none;}
ul#menu .subsub_columns div ul li	{clear:left; width:182px;}
ul#menu .subsub_columns div ul li a	{display:block; padding:2px 0;}
ul#menu .subsub_columns .subsub_right{width:160px; padding-left:22px; border-left:1px dashed #bbb; font-family:'Open Sans', sans-serif;}

.subsub_right a						{display:block; color:#444 !important; text-decoration:none !important; padding:0 !important; margin-top:4px;}
.subsub_right a img					{width:140px; height:140px; margin:0 0 4px 0;}
.subsub_right a:hover				{color:#000 !important;}
.subsub_right b						{font-size:110%; color:#55509f !important;}
.subsub_right a p					{font-size:120%; margin:0; padding:0; line-height:24px; font-weight:600; text-decoration:none !important; max-height:96px; overflow:hidden;}
.subsub_right a p.kor_nem			{font-size:90%; line-height:18px !important;  font-weight:300; margin:2px 0 6px 0;}
.subsub_right a p.pict				{text-align:center; font-size:95%; font-weight:300; max-height:144px;}
.subsub_right a img.akcios_ar		{background:url(../images/akcio2.png) no-repeat 0 0;}
.subsub_right span					{color:#f60; font-size:160%; font-weight:700;}
.subsub_right span s				{color:#888; font-weight:400 !important; font-size:48%;}

li#li_info_9, li#li_info_10			{display:none !important;}





@media only screen and (max-width: 979px) {
	ul#menu .subsub_columns .subsub_right{display:none;}
	ul#menu .subsub_columns			{width:546px;}
	ul#menu .subsub_head 			{max-width:546px;}
	ul#menu .submenu 				{overflow-y:auto !important; overflow-x:hidden; max-height: calc(100vh - 80px);}
}

@media only screen and (max-width: 799px) {
	ul#menu .subsubmenu				{display:none;}
	ul#menu .kategoriak				{background:#fff;}
}

@media only screen and (max-width: 767px) {
	 .submenu_column				{clear:left;}
	 .submenu 						{width:auto !important; max-width:240px;}
}

@media only screen and (max-width: 679px) {
	ul#menu .topmenu a b			{display:block;}
	ul#menu .topmenu a span			{display:none;}
}

@media only screen and (max-width: 639px) {
	ul#menu a#menu_1, ul#menu a#menu_2, ul#menu a#menu_3, ul#menu a#menu_4, ul#menu a#menu_5, ul#menu a#menu_6 {padding:5px 0; text-align:center;}
	ul#menu a#menu_1 				{width: calc((100vw - 17px) * 0.2);}
	ul#menu a#menu_2 				{width: calc((100vw - 17px) * 0.15);}
	ul#menu a#menu_3 				{width: calc((100vw - 17px) * 0.15);}
	ul#menu a#menu_4 				{width: calc((100vw - 17px) * 0.18);}
	ul#menu a#menu_5 				{width: calc((100vw - 17px) * 0.11);}
	ul#menu a#menu_6 				{width: calc((100vw - 17px) * 0.18);}
	ul#menu .menu_pink .submenu		{right:0 !important;}
	.submenu 						{}
	ul#menu 						{}
}

@media only screen and (max-width: 599px) {
	ul#menu a#menu_1, ul#menu a#menu_2, ul#menu a#menu_3, ul#menu a#menu_4, ul#menu a#menu_5, ul#menu a#menu_6 {font-size:100%;}
}

@media only screen and (max-width: 419px) {
	ul#menu a#menu_6				{display:none;}
	li#li_info_9, li#li_info_10		{display:block !important;}

	ul#menu a#menu_1 				{width: calc((100vw - 17px) * 0.24);}
	ul#menu a#menu_2 				{width: calc((100vw - 17px) * 0.19);}
	ul#menu a#menu_3 				{width: calc((100vw - 17px) * 0.18);}
	ul#menu a#menu_4 				{width: calc((100vw - 17px) * 0.21);}
	ul#menu a#menu_5 				{width: calc((100vw - 17px) * 0.14);}
	ul#menu .menu_blue .submenu		{right:0 !important;}
}

@media only screen and (max-width: 349px) {
	ul#menu a#menu_1, ul#menu a#menu_2, ul#menu a#menu_3, ul#menu a#menu_4, ul#menu a#menu_5, ul#menu a#menu_6 {font-size:85% !important;}
}



#flowpanes					{width:100%; max-width:980px; max-height:360px; height:360px; position:relative; overflow:hidden; clear:both; background-color:#f0f0f0; margin-top:20px;}
#flowpanes .promo			{float:left; position:relative; display:block; width:100%; max-width:980px; height:auto; color:#fff;}
#flowpanes .items			{left:-1960px; width:20000em; position:absolute; clear:both; margin:0; padding:0;}
#flowpanes .promo a			{display:block; float:left; text-decoration:none; width:100%;}
#flowpanes .promo a img		{width:100%; height:auto; background:url(../images/spacer.gif) no-repeat 0 0; background-size:100% 100%; }

#flowtabs					{clear:left; float:left; width: calc(100% - 1px); border-left:1px solid #ddd; height:100%;}
#flowtabs li				{float:left; height:100%; overflow:hidden; margin:0; padding:0; width:20%; height:100%; border-right:1px solid #ddd;}
#flowtabs li a				{display:block; height:40px; text-decoration:none; line-height:20px; padding:5px 10px 0 10px;  border-bottom:3px solid #fff;}
#flowtabs li a:hover		{color:#ccc;}
#flowtabs li a.current		{cursor:default; border-color:#f60;}
#flowtabs li a h1, 
#flowtabs li a h2			{font-size:100%; font-weight:bold; line-height:20px !important; color:#55509f; margin:0; padding:0;}
#flowtabs li a span			{font-weight:normal; display:none;}
#flowtabs li a.current h1,
#flowtabs li a.current h2	{color:#f60;}
#flowtabs li a b			{display:none;}

@media only screen and (max-width: 979px) {
	#flowpanes				{width:100%; height: calc((100vw - 17px) * 0.3675);}
	#flowpanes .promo		{width:100vw; height:100%;}
}

@media only screen and (max-width: 767px) {
	#flowtabs li a span		{display:none;}
	#flowtabs li a h1,
	#flowtabs li a h2		{font-size:90%; font-weight:normal;}
}

@media only screen and (max-width: 479px) {
	#flowtabs li a h1,
	#flowtabs li a h2,
	#flowtabs li a span		{display:none;}
	#flowtabs li a b		{display:block;}
	
	#flowtabs li			{float:left; margin:0; padding:0; border:0; width:auto;}
	#flowtabs li a			{display:block; margin-right:1px; height:8px; font-size:50%; min-width:40px; color:#000; font-size:11px !important; text-align:center; text-decoration:none; border-top:8px solid #ccc; border-bottom:0;}
	#flowtabs li a:hover	{color:#ccc; height:6px; border-width:10px;}
	#flowtabs li a.current	{cursor:default; background:#ccc; color:#f00 !important; display:block; float:left; border-color:#ccc;}
}



.one_prod 					{float:left; width:30%; height:310px; overflow:hidden; margin:12px 1.66%; background:url(../images/wait_4.gif) no-repeat center 54px;}
.one_prod div				{float:left; clear:left; width:100%; height:254px; overflow:hidden;}
.one_prod a					{display:block; text-decoration:none !important; color:#444 !important;}		
.one_prod a img				{width:140px; height:140px; margin:0 0 4px 0; font-size:60%; line-height:12px; color:#999;}
/*.one_prod a img				{max-width:140px; max-height:140px; width:100%; margin:0 0 4px 0; height:140px; font-size:60%; line-height:12px; color:#999;}*/
.one_prod a img.ico_akcios	{position:relative; top:-150px; left:-47px; width:45px !important; height:45px !important;}
.one_prod a:hover			{color:#55509f !important;}
.one_prod a p				{font-size:125%; margin:0; padding:0; line-height:24px; font-weight:600; text-decoration:none !important; max-height:72px; overflow:hidden;}
.one_prod a p.kor_nem		{font-size:95%; line-height:18px !important; font-weight:300; margin-top:2px;}
.one_prod a p.pict			{text-align:center !important; font-size:95%; font-weight:300; max-height:144px; width:100%;}
.one_prod div.ar			{height:30px; margin-top:4px; padding-bottom:9px; line-height:26px; color:#f60; font-size:160%; font-weight:700; border-bottom:1px solid #efefef;}
.one_prod div.ar s			{color:#888; font-weight:400 !important; font-size:48%;}
/*.one_prod a img.akcios_ar	{background:url(../images/akcio2.png) no-repeat 0 0;}*/

.one_prod div.ar a			{float:left; display:block; width:24px; height:24px; margin-right:12px; border:1px solid #f60; background:url(../images/ico_basket_orange.png) no-repeat center center; background-size:18px 12px;}
.one_prod div.ar a:hover	{background-size:20px 13px;}


@media only screen and (max-width: 979px) and (min-width: 768px), (max-width: 599px){
	.one_prod 				{width:46%; max-width:276px; margin:8px 2%;}
}
@media only screen and (max-width: 359px) {
	.one_prod 				{float:none; clear:left; width:90%; max-width:270px; margin:24px auto 0 auto; font-size:125%; border-bottom:1px dashed #444;}
	.one_prod div.ar		{border-bottom:0;}
}



.primary							{margin:20px 0; padding:1px 0;}
.primary .category					{float:left; padding:120px 0 10px 0; text-align:center; width:18%; max-width:180px; min-height:180px; height:100%; font-size:14px; background:url(../images/prim_cat_1.png) no-repeat center 10px; color:#fff;}
.primary .category h3				{font-size:24px; color:#fff; font-weight:600; line-height:32px; margin-bottom:10px; padding:0 1vw;}
.primary .cat1						{background-color:#f60; background-image:url(../images/prim_cat_1.png);}
.primary .cat2						{float:right; background-color:#090; background-image:url(../images/prim_cat_2.png);}
.primary .cat3						{background-color:#06f; background-image:url(../images/prim_cat_3.png);}

.primary .category ul				{margin:20px 0 0 0; padding:0; width:100%;}
.primary .category ul li			{display:inline-block; padding:0; margin:0 2px;}
.primary .category ul li a			{display:block; width:12px; height:12px; background:url(../images/prim_selector.png) no-repeat -58px 2px; text-decoration:none;}
.primary .category ul li a img		{width:10px; height:10px;}
.primary .category ul li a.f_current_1, .primary ul li a.f_current_2, .primary ul	li a.f_current_3, .primary .category ul li a:hover{background-position:2px 2px;}

.primary .ful						{float:left; width:2%; max-width:20px; height:180px;}
.primary .ful1						{background:url(../images/start_ful_1.png) no-repeat -3px 15px;}
.primary .ful2						{float:right; background:url(../images/start_ful_2.png) no-repeat 3px 15px;}
.primary .ful3						{background:url(../images/start_ful_3.png) no-repeat -3px 15px;}

.primary .container					{float:left; clear:none; position:relative; overflow:hidden; width:80% !important; max-width:780px; min-height:320px;}
.primary .container .one_prod		{box-sizing:border-box; margin:0; padding:0 10px; width:25%; max-width:195px;}
.primary .container .one_prod div.ar{border:0; font-size:180%;}

.primary .container .items 			{clear:left; position:absolute; left:-1960px; width:20000em; margin:0; padding:0; height:100%;}
.primary .container .items .item	{float:left; position:relative; display:block; max-width:780px; width:80% !important; margin:5px 0;}

.primary2 .one_prod div.ar			{color:#090;}
.primary3 .one_prod div.ar			{color:#06f;}


.primary .container .first			{padding:0 10px 0 0;}
.primary .container .last			{padding:0 0 0 10px;}

.primary a.meg_tobb					{font-weight:600; font-size:120%;}
.primary1 a.meg_tobb				{color:#f60;} 
.primary2 a.meg_tobb				{color:#090;} 
.primary3 a.meg_tobb				{color:#06f;}


@media only screen and (max-width: 979px) {
	.primary .container .one_prod	{width:calc((100vw - 17px) * 0.8 / 4); max-width:192px;}
}

@media only screen and (max-width: 799px) {
	.primary						{float:left; clear:left; width:100%; margin:20px 0; padding:1px 0;}
	.primary .category				{float:left; padding:10px 0; font-size:14px; min-height:50px; width:100%; max-width:none; text-align:left; background:url(../images/prim_cat_1.png) no-repeat 10px 10px; background-size:50px; color:#fff;}
	.primary .category h3			{font-size:24px; color:#fff; font-weight:600; line-height:32px; margin:0 0 0 70px; padding:0;}
	.primary .category p			{margin:0 0 0 70px;}
	.primary .cat1					{background-color:#f60; background-image:url(../images/prim_cat_1.png);}
	.primary .cat2					{background-color:#090; background-image:url(../images/prim_cat_2.png);}
	.primary .cat3					{background-color:#06f; background-image:url(../images/prim_cat_3.png);}
	.primary .container				{clear:left; position:static; width:100% !important; max-width:none;}
	.primary .category ul,
	.primary .category ul li,
	.primary .ful					{display:none;}
	.primary .container .one_prod	{float:left; padding:0 10px; width:25%; max-width:200px;}
	.primary .container .items 		{float:left; clear:left; position:static; left:0; width:100%; margin:0; padding:0; height:auto;}
	.primary .container .items .item{float:left; clear:left; position:static; height:300px !important; max-width:none; width:100% !important;}
	
	.primary .container .first		{padding:0 1.5vw 0 1vw;}
	.primary .container .last		{padding:0 1vw 0 1.5vw;}
}

@media only screen and (max-width: 719px) {
	.primary .container .one_prod	{float:left; padding:0 10px; width:33.3%; max-width:240px;}
	.primary .container .last		{display:none;}
	.primary .container .items .item{height:auto !important;}
	.primary .noshowthis 			{display:none !important;}

}

@media only screen and (max-width: 479px)  {
	.primary .container .one_prod	{float:left; padding:0 10px; width:50%; max-width:240px;}
	.primary .container .last		{display:block;}
}

@media only screen and (max-width: 359px) {
	.primary .container .one_prod	{float:left; clear:left; height:auto !important; padding:0 4px; width:100%; max-width:359px; margin:25px 0;}
	.primary .container .one_prod div{width:100%; height:auto !important;}
	.primary .container .last		{display:block;}
}


.hirek						{padding-top:60px; border-top:1px solid #ddd; background:#fff url(../images/bg_hirek.png) repeat-x top !important;}
.hirek .center div			{float:left; clear:left; width:100%; display:table-cell;}
.hirek .center div a		{float:left; display:block; width:46%; max-width: calc((100vw - 17px) * 0.46); text-decoration:none; background-repeat:no-repeat;}
.hirek .center .balos a		{padding:0 47% 0 7%; background-position:100% bottom;}
.hirek .center .jobbos a	{padding:0 7% 0 47%; background-position:2% bottom;}
.hirek .center div a h2		{font-size:200%;}
.hirek .center div a p		{line-height:30px; font-size:120%; padding:15px 0 0 0;  margin:0;}
.hirek .center div a p.ar	{font-size:140%; font-family:'Open Sans', sans-serif, Arial, Tahoma, Verdana; font-size:160%;}

@media only screen and (max-width: 979px) {
	.hirek .center div a	{background-size: calc((100vw - 17px) * 0.4), auto;}
	.top_products	{display:none;}
}

@media only screen and (max-width: 767px) {
	.hirek .center div a	{width:auto; max-width: calc((100vw - 17px) * 0.7); text-decoration:none; background-repeat:no-repeat;}
	.hirek .center .balos a	{padding:0 25% 0 5%; background-position:100% bottom;}
	.hirek .center .jobbos a{padding:0 5% 0 25%; background-position:2% bottom;}
	.hirek .center div a h2	{line-height:40px; padding-left:10px;}
	.hirek .center div a p	{background-color:rgba(255, 255, 255, 0.8); padding:0 10px;}
}

@media only screen and (max-width: 479px) {
	.hirek .center div a	{box-sizing:border-box; width:100%; max-width:100%; padding:0 12vw 40vw 12vw !important; background-size: calc((100vw - 17px) * 0.8), auto; background-position:center bottom !important;}
	.hirek .center div a p	{background-color:rgba(255, 255, 255, 0.8);}
}



.top_products				{border-top:1px dashed #444; border-bottom:1px dashed #444; padding:40px 0;}
.top_products .center div	{float:left; display:table-cell; overflow:hidden; width:120px; height:100%; margin:0 21px 0 22px;}
.top_products .center div a	{display:block; text-decoration:none; font-size:125%; line-height:26px;}
.top_products .center div a img {width:120px; height:120px; margin:0 0 15px 0; padding:0; border:0; background:#ddd url(../images/spacer.gif) no-repeat center top; background-size:100% 100%;}
.top_products .center div a span{font-weight:bold; font-size:100%;}
.top_products .center div a:hover{color:#55509f;}


.banner_container			{float:left; clear:left; padding:0 10px; width: calc(100% - 20px) !important; background:#f0f0f0;}

.banner						{float:left; clear:left; margin:10px 0; width:100%;}
.banner	a					{display:block; float:left; margin:0; padding:0;}
.banner	a img				{border:0; margin:0; padding:0; width:100%; height:auto;}



.video_line					{padding:40px 0; border-top:1px solid #ddd;}
.video_start				{float:left; width:63%; min-height:350px; padding:8px 1% 6px 1%; background:#000;}
.video_start iframe			{width:100%; height:350px;}
.banner_start				{float:right; clear:none; min-height:270px; margin-left:1%; width:34% !important; max-width:313px; padding:0 !important; background:#fff !important;}
.banner_start a				{color:#55509f;}

@media only screen and (max-width: 979px) {
	.banner_start			{display:none;}
	.video_start iframe		{height: calc((100vw - 17px) * 0.5625); }
	.video_start			{width: calc(100vw - 33px); padding:8px 8px 5px 8px !important; min-height: calc(100vw * 0.5625);}
}





.dupla								{float:left; clear:left; width:100%; max-width:980px; margin:10px 0; background:#fff /*url(../images/gray.gif) repeat-y 64.5%*/;}
.dupla .content						{float:left; width:62%; padding:0 5% 0 0; overflow-x:hidden;}
.dupla .content a					{color:#55509f; text-decoration:none;}
.dupla .content a:hover				{text-decoration:underline;}
.dupla .right						{float:right; width:33%; max-width:323px; text-align:center; overflow-x:hidden;}
.dupla .right div					{float:left; clear:left; width:100%; text-align:left;}
.dupla .content_start				{float:left; width:100%; max-width:980px; background:#fff;}

@media only screen and (max-width: 979px) {
	.dupla							{width:98%; padding:0 1%;}
}
@media only screen and (max-width: 767px) {
	.dupla							{background:#fff; }
	.dupla .right					{display:none;} 
	.dupla .content					{clear:left; width:98%;}	
}





.filter								{float:left; clear:left; width:100%; height:auto; margin-bottom:20px; background:#f0f0f0;}
.filter .close_filter				{display:none;}
.filter h3							{clear:left; width:94%; font-size:120%; padding:0 3%; line-height:30px; margin:0; text-transform:uppercase; background:#55509f; color:#fff; border-bottom:1px solid #fefefe}
.filter div							{float:left; clear:left; width:94% !important; padding:8px 3%;}
.filter div p						{clear:left; width:100%; margin:0; padding:0;}
.filter .results					{font-weight:bold; text-align:center; background:#ebebeb;}
.filter .results span				{font-size:250%; line-height:40px; color:#f60;}
.filter .terms						{border-top:1px solid #ddd;}
.filter .terms a					{clear:left; display:block; padding-left:20px; width: calc(100% - 20px);}
.filter .terms a:hover				{text-decoration:line-through !important; background:url(../images/but_close_2.png) no-repeat 0 1px;}
.filter .options					{border-top:1px solid #ddd;}
.filter .options ul					{float:left; clear:left; list-style:none; margin:0 0 10px 0; padding:0;}
.filter .options ul li				{margin-left:20px;}
.filter div a						{display:block; color:#55509f;}



.foot1								{background:#55509f url(../images/bg_purple.jpg) no-repeat center center !important; color:#fff; border-top:1px solid #ddd; padding:20px 0; line-height:26px;}
.foot1 .center div					{float:left; width:20%; padding-left:3%; overflow-x:hidden;}
.foot1 .center div b				{font-size:110%; color:#fff; line-height:34px; text-transform:uppercase;}
.foot1 .center div.bal				{width:31% !important; padding:0;}

.foot1 div.bal img					{vertical-align:middle; background-size:100% 100%; margin:0 1px;}
.foot1 div.bal #logo_mv				{width:82px; height:82px; background:url(../images/logo_magyar_vallalkozas.png) no-repeat 0 0;}
.foot1 div.bal #logo_2009			{width:113px; height:71px; background:url(../images/logo_2009_ota_4.png) no-repeat 0 0;}
.foot1 div.bal #logo_14nap			{width:76px; height:80px; background:url(../images/logo_14_nap_2.png) no-repeat 0 0;}
.foot1 div.bal #logo_ssl			{width:150px; height:62px; background:url(../images/biztonsagos_ssl_kapcsolat_360x150_feher.png) no-repeat 0 0; background-size:auto 100%}
.foot1 a							{clear:left; display:block; color:#fff; text-decoration:none; padding:0 10px;}
.foot1 a:hover						{background:#f60;}
.foot1 div div#a-k					{float:left; clear:left; width:100% !important; height:auto; margin:0 !important; padding:0 !important;}
.foot1 div div#a-k div				{float:left; clear:left; text-align:left !important; margin:0 !important; padding:0 !important; width:100% !important;}
.foot1 div div#a-k div a			{display:block; clear:left; float:left; width:100% !important; font-size:13px !important; font-family:'Open Sans', sans-serif, Arial, Tahoma, Verdana !important; line-height:26px !important; }

.foot2								{background:#5d5d5d !important; color:#fff; padding:25px 0 40px 0; border-top:1px solid #888; font-size:110%;}
.foot2 .center div					{float:left; width:78%; padding:0 0 0 1%;}
.foot2 .center div.f2_jobb			{width:20%; padding:0 1% 0 0; text-align:right;}
.f2_jobb a							{float:right; display:block; text-decoration:none; color:#fff; width:20px; height:20px; margin:0 2px;}
.f2_jobb a.my_fb_link				{background:#3d66c4 url(../images/logo_fb_8x17.png) no-repeat center center;}
.f2_jobb a.my_youtube_link			{background:#be272b url(../images/logo_youtube_9x11.png) no-repeat center center;}

.foot_bank							{background:#f6f6f6 !important; text-align:center; padding:15px 0; border-top:1px solid #ddd; line-height:24px;}
.foot_bank #bank					{display:inline; vertical-align:middle; max-width:504px; width:100%; height:auto;}
.foot_bank img#bank_borgun			{display:inline; vertical-align:middle; max-width:400px; width:94%; height:auto; margin:0 3%;}


@media only screen and (max-width: 767px) {
	.foot1 .center div				{width:24.66%; padding-left:2%;}
	.foot1 .center div.bal			{width:20% !important;}
	.foot1 div.bal img				{float:left; clear:left; background-size:contain !important; margin-bottom:10px;}
	.foot1 div.bal #logo_mv			{width:55px; height:55px;}
	.foot1 div.bal #logo_2009		{width:76px; height:47px;}
	.foot1 div.bal #logo_14nap		{width:51px; height:53px;}
	.foot1 div.bal #logo_ssl		{width:120px; height:50px;}
	.foot1 .center div a.no_show	{display:none;}
}
@media only screen and (max-width: 639px) {
	.foot1 .center div				{width:29.33% !important; padding:0 2%;}
	.foot1 .center div.bal			{clear:left; width:98% !important; margin:0 1% 4px 1%; padding:0 0 4px 0; border-bottom:1px solid #fff;}
	.foot1 div.bal img				{float:none; vertical-align:middle; clear:none !important; margin:0 10px;}
}
@media only screen and (max-width: 479px) {
	.foot1 .center div.bal,
	.foot1 .center div				{clear:left; width:98% !important; padding:5px 1% !important; margin:0 0 4px 0 !important;}
	.foot1 div.bal img				{float:none; vertical-align:middle;  clear:none !important; margin:0 10px;}
	.foot1 a						{padding:0 20px;}
	.foot1 div div#a-k				{}
}




.fixed .topmenu a 					{padding-top:2px !important; padding-bottom:2px !important;}
.fixed .topmenu>a 					{font-size:100% !important; border-bottom-width:3px !important; }
.fixed .topmenu:hover>a				{border-bottom-width:4px !important;}
.fixed .header						{height:30px; margin-top:2px !important; margin-bottom:5px;}
.fixed .header .logo a				{max-height:26px;}
.fixed .header .logo a img			{max-height:26px; background-size:auto 100%;}
.fixed ul#menu						{margin-top:0; background-image:none;}
.fixed ul#menu .topmenu:hover>a		{border-bottom-width:4px !important;}
.fixed ul#menu a.basket				{font-size:90% !important;}
.fixed .header .question			{margin-top:3px;}
.fixed .header .question .q			{height:20px;}
.fixed .header .question .q .input_q{height:20px; line-height:20px;}
.fixed .header .question .q .button_q{height:20px;}










.frm					{float:left; clear:left; width:100%; padding:3px 0 0 0;}
.frm .l					{float:left; width:23%; text-align:right; padding:0 2% 0 0; font-weight:bold;}
.frm .r					{float:left; width:75%;}
.frm .r input, .frm .r textarea, .frm .r select {width:95%; border:1px solid #55509f;}
.frm .r input.h, .frm .r textarea.h, .frm .r select.h, .jh select.h {background:#fee;}

@media only screen and (max-width: 359px) {
	.frm .l				{width:99%; padding:2px 0 0 1%; text-align:left;}
	.frm .r				{width:98%; padding:2px 1% 0 1%;}
	.frm .r input, .frm .r textarea, .frm .r select {width:98%;}
	input.bl    		{font-size:100%; width:120px;}
}


.frm2					{float:left; clear:left; width:100%; padding:3px 0;}
.frm2:hover				{color:#222;}
.frm2 .label			{float:left; width:20%; font-weight:bold; text-align:right;}
.frm2 .input			{float:left; width:36%; padding:0 0 0 4%; overflow:hidden;}
.frm2 .input input, .frm2 .input textarea, .frm2 .input select {width: calc(100% - 8px); border:1px solid #55509f; padding:2px; margin:0 1px; color:#444;}
.frm2 .error			{float:right; width: calc(40% - 4px); padding-left:4px; color:#9ee29e; font-weight:bold; font-size:90%;}
.frm2 .error span		{color:#f00 !important;}
.frm2 .error span.orange, .frm2 .error span.orange a{color:#f70 !important;}
.frm2 .comment			{float:right; width:76%; margin-bottom:5px; font-size:90%; color:#888; line-height:18px;}
.frm2 .input input.h	{border-color:#f00;}

.frm2 input#szla_irszam,
.frm2 input#szall_irszam{width:7%; min-width:40px;}
.frm2 input#korzet		{width:5%; min-width:30px;}
.frm2 input#szla_varos, 
.frm2 input#szall_varos	{width: calc(70% - 8px);}
.frm2 input#telefon		{width:50%;}
.frm2 input#csp_uzlet_varos{background:#f5f5f5;}

@media only screen and (max-width: 767px) {
	.frm2 .label		{width:26%;}
	.frm2 .input,
	.frm2 .comment,
	.frm2 .error		{width:70%;}
}

@media only screen and (max-width: 479px) {
	.frm2 .label		{clear:left; width:90%; padding-left:10%; text-align:left !important; margin-top:10px;}
	.frm2 .input		{clear:left; width:90%; padding-left:10%;}
	.frm2 .comment,
	.frm2 .error		{width:90%; padding-left:10%;}
	.apro				{width:90% !important; padding-left:10% !important; margin-top:5px;}

	.frm2_pm .label		{clear:none; width:10%; margin-top:0; padding-left:5%; text-align:right !important;}
	.frm2_pm .input		{clear:none; width:83%; padding-left:2%;}
	.frm2_pm .comment	{width:83%; padding-left:17%; margin-bottom:10px;}
}

@media only screen and (max-width: 359px) {
	.frm2 .input input, .frm2 .input textarea, .frm2 .input select {width:80%;}
	.frm2 input#szla_varos, 
	.frm2 input#szall_varos	{width:62%;}
	.frm2 input#telefon		{width:60%;}	
	}


.frm3					{float:left; clear:left; width:100%; padding:6px 0;}
.frm3:hover				{color:#222;}
.frm3 .label			{float:left; clear:left; width:100%; font-weight:bold;}
.frm3 .label span		{font-weight:normal !important;}
.frm3 .input			{float:left; width: calc(100% - 20px); padding:0 10px; overflow:hidden;}
.frm3 .input input, .frm3 .input textarea, .frm3 .input select{width:calc(100% - 28px); border:1px solid #55509f; padding:2px; margin:0 1px 2px 1px; color:#444;}
.frm3 .error			{float:left; clear:left; width:100%; color:#9ee29e; font-weight:bold; font-size:90%;}
.frm3 .error span		{color:#f00 !important;}
.frm3 .error span.orange, .frm3 .error span.orange a{color:#f70 !important;}
.frm3 .comment			{float:left; clear:left; width: calc(100% - 30px); padding-left:30px; font-size:90%; color:#888; line-height:18px;}

.frm2:hover .comment,
.frm3:hover .comment	{color:#444;}

.frm2:hover .input input, .frm2:hover .input textarea,
.frm3:hover .input input, .frm3:hover .input textarea {color:#000; border-color:#1c7bcc;}

.frm2:hover .input select,
.frm3:hover .input select {color:#000;}


.o_600 .bh .frm, .o_600 .jh .frm					{width:280px;}
.o_600 .bh .frm .l, .o_600 .jh .frm .l				{width:92px;}		
.o_600 .bh .frm .r, .o_600 .jh .frm .r				{width:180px;}
.o_600 .bh .frm .r input, .o_600 .jh .frm .r input	{width:172px;}
.o_600 .bh .frm .r select, .o_600 .jh .frm .r select{width:172px;}




div.e					{float:left; clear:left; width: calc(100% - 30px); padding:7px 14px; border:1px solid #f00; margin:15px 0; color:#f00; background:#fff9f9; font-weight:bold;}
div.e a					{color:#f00 !important; text-decoration:underline !important;}
div.ok					{float:left; clear:left; width: calc(100% - 20px); padding:4px 9px; border:1px solid #090; margin:15px 0; color:#090; background:#f2f7f2; font-weight:bold;}
div.ok_980				{}
div.e span, div.ok span	{font-weight:normal;}

ul.fs					{width:100%;}
ul.fs li				{clear:left; width: calc(100% - 30px); padding:2px 0 2px 30px; background:url(../images/bg_li.jpg) no-repeat 22px 11px;}
ul.fs li.act_stat		{background-color:#f0f0f0; color:#000; margin-top:4px; margin-bottom:4px;}



.navi					{float:left; clear:left; box-sizing:border-box; width:100%; text-align:center; background:#f0f0f0; margin-bottom:15px; padding:15px 10px;}
.navi ul				{float:left; list-style:none; width:100%; margin:0; padding:0;}
.navi ul li				{float:left; list-style:none; margin:0; padding:0; line-height:26px;}
.navi ul li a			{display:block; min-width:16px; padding:0 4px; margin:0 2px; background:#d9d9d9; color:#222 !important; text-decoration:none !important;}
.navi ul li a:hover		{background:#f60; color:#fff !important; }
.navi ul li.akt_lap		{background:#f60; color:#fff; min-width:16px; padding:0 4px; margin:0 1px; font-weight:bold;}
.navi ul li.ures		{background:#fff; color:#444; min-width:16px; padding:0 4px; margin:0 1px;}
.navi select			{float:right; min-width:140px; width:20%; max-width:200px; font-size:90%; height:24px; background:#fff;}

.navi_osszes			{float:left; clear:left; background:#f0f0f0; padding:15px 0 2px 0;}
.navi_osszes div		{float:left; padding:0 10px;}
.navi_osszes p			{background:#f60; color:#fff; margin:0; padding:4px 15px; font-weight:bold;}
.navi_osszes a			{float:left; display:block; color:#222 !important; background:#d9d9d9; text-decoration:none; padding:4px 15px; font-weight:bold; text-decoration:none !important;}
.navi_osszes a:hover	{background:#f60; color:#fff !important;}

@media only screen and (max-width: 359px) {
	.navi_osszes		{width:100%;}
	.navi_osszes div	{clear:left;}
	.navi_osszes a		{margin-top:3px;}
	.navi select		{float:left; clear:left; margin-top:3px;}
	}






.btb .one_prod				{width:18.4%; max-width:180px; margin:12px 0.8%;}
@media only screen and (max-width: 979px) {
	.btb .one_prod 			{width:23%; max-width:225px; margin:12px 1%;}
	.btb .otodik			{display:none;}
}
@media only screen and (max-width: 639px) {
	.btb 					{display:none;}
}





.egy_alkat				{float:left; max-width:180px; width:23.4%; padding:0 0.8%; margin:8px 0; height:248px; overflow:hidden;}
.egy_alkat a			{display:block; width:100%; text-decoration:none !important; color:#444 !important;}
.egy_alkat a img		{width:140px; height:140px; padding:0 0 4px 0; padding-left: calc((100% - 140px) / 2); padding-right: calc((100% - 140px) / 2); background:url(../images/wait_4.gif) no-repeat center center;}
.egy_alkat a b			{font-size:125%; font-weight:600; color:#444 !important; line-height:24px;}
.egy_alkat a:hover		{color:#55509f !important;}

@media only screen and (max-width: 979px) and (min-width: 768px), (max-width: 599px){
	.egy_alkat 			{width:29%; max-width:276px; padding:0 2.166%;}
}
@media only screen and (max-width: 449px) {
	.egy_alkat 			{width:48%; max-width:216px; padding:0 1%;}
}
@media only screen and (max-width: 299px) {
	.egy_alkat 			{width:90%; max-width:270px; padding:0 5%; margin:24px auto 0 auto;  font-size:125%; border-bottom:1px dashed #444;}
}






.orderbar2						{float:left; clear:left; overflow:hidden; width:100%; height:45px; margin:5px 0 15px 0; background:#eee;}
.orderbar2 div					{display:table-cell; vertical-align:bottom; overflow:hidden; color:#bbb; width:109px; height:40px; padding:0 0 5px 0; background:#eee;}
.orderbar2 div dd				{display:table-cell; vertical-align:bottom; height:40px; overflow:hidden; padding:0; text-transform:uppercase; font-weight:bold; font-size:85%; line-height:15px;}
.orderbar2 div dd b				{font-weight:bold; font-size:320%; margin:0 6px 0 3px;}
.orderbar2 div a 				{display:block; color:#444 !important; text-decoration:none !important;}
.orderbar2 div a:hover			{color:#55509f !important;}
.orderbar2 div.sep				{width:15px !important; padding:0; background:#eee url(../images/orderbar3.png) no-repeat -30px 0;}
.orderbar2 div.act				{color:#fff; background:#55509f;}
.orderbar2 div.act1				{background-position:0 0;}
.orderbar2 div.act2				{background-position:-15px 0;}

@media only screen and (max-width: 979px) {
	.orderbar2 div				{width:auto;}
	.orderbar2 div.act			{width:130px !important;}
	.orderbar2 .szov			{display:none;}
	.orderbar2 .act .szov		{display:table-cell;}
	}
	
@media only screen and (max-width: 359px) {
	.orderbar2 div dd b			{font-weight:bold; font-size:200%; margin:0 3px 0 1px;}
	.orderbar2 div.act			{width:120px !important;}
	}



.kosar					{float:left; clear:left; width:100%; max-width:608px; padding:4px 0; text-align:center; border-bottom:1px solid #eee;}
.kosar div				{float:left; overflow-x:hidden;}
.kosar .termek			{width:41%; text-align:left; font-weight:bold; padding-left:1%;}
.kosar .egysegar,
.kosar .osszeg			{width:18%; padding:0 1%;}
#fuvar, #kupon			{font-weight:normal !important;}
.termek_nagy,
#fuvar .termek,
#kupon .termek			{width:75% !important;}
#fuvar .termek select	{float:right; width:44%; min-width:140px; margin-right:8px;}
#fuvar .termek span, #fuvar .osszeg	{font-weight:bold;}
.kosar .menny			{width:14%;}
.kosar .menny input		{width:50%; min-width:25px; max-width:45px; text-align:right;}
.kosar .akcio			{width:4%;}
.kosar .termek a		{color:#444 !important; text-decoration:none !important;}

#kupon .termek input	{float:right; min-width:100px; max-width:90%; width:auto; margin-right:8px; text-transform:uppercase; font-weight:bold;}
.lablec .kupon_kerdes	{font-weight:normal !important; width:95%; padding-left:1%; text-align:left;}
.kupon_kerdes a.kk		{color:#55509f !important;}
.kupon_kerdes a.kk:hover{text-decoration:underline !important;}

div.hibas_kupon			{float:left; clear:left; width:90%; padding:3px 4%; text-align:center; color:#f00; font-weight:bold; border:1px solid #f00; background:#fff;}

.kosar .egysegar strike, .kosar .osszeg strike, .kosar .egysegar span, .kosar .osszeg span {color:#999;}
.lablec:hover, .fejlec:hover,
.lablec, .fejlec		{background:#e7ecec !important; font-weight:bold; }
.fejlec					{padding:6px 0;}
.lablec .vegosszeg		{background:#55509f; color:#fff; font-size:120%; width:20%; padding:6px 0 !important;}


@media only screen and (max-width: 599px) {
	.kosar .termek		{width:99%;}
	.kosar .egysegar,
	.kosar .osszeg		{width:30%; padding:0 2%;}
	.kosar .menny		{width:17%;}
	.kosar .akcio		{width:5%;}
	.kosar .egysegar	{margin-left:10%;}
	.termek_nagy,
	#fuvar .termek,
	#kupon .termek		{width:60% !important;}
	.lablec .vegosszeg  {width:34%}
	}

@media only screen and (max-width: 359px) {
	.kosar .termek		{width:99%;}
	.kosar .egysegar,
	.kosar .osszeg		{width:29%; padding:0 2%;}
	.kosar .menny		{width:20%;}
	.kosar .akcio		{width:6%;}
	.kosar .egysegar	{margin-left:8%;}
	.termek_nagy,
	#fuvar .termek,
	#kupon .termek		{width:60% !important;}
	.lablec .vegosszeg  {width:39%}
	}




.o_600 .bh	{float:left; width: calc(50% - 10px); padding:0 10px 0 0;}
.o_600 .jh	{float:left; width: calc(50% - 10px); padding:0 0 0 10px;}
@media only screen and (max-width: 359px) {.o_600 .bh, .o_600 .jh	{clear:left; width:100%; padding:0;}}


.reg_log span		{float:left; display:table; width: calc(100% - 40px);}
.reg_log span#bh_reg{width:40px; height:32px; margin-top:5px; background:url(../images/iconset.png) no-repeat 0 -128px;}
.reg_log span#jh_log{width:40px; height:32px; margin-top:5px; background:url(../images/iconset.png) no-repeat 0 -96px;} 
@media only screen and (max-width: 479px) {.reg_log .bh, .reg_log .jh	{clear:left; width:100%; padding:0;}}




textarea.big					{width: calc(100% - 10px); max-width:590px;}
input.big_input					{width: calc(100% - 10px); max-width:590px; border:1px solid #55509f; padding:2px; margin-bottom:10px; color:#444;}


.dijtablazat					{float:left; max-width:95%; border:1px solid #55509f; font-size:110%; margin-left:2%;}
.dijtablazat .row				{float:left; clear:left; width:100%; padding:2px 0;}
.dijtablazat .cimsor			{font-weight:bold; background:#55509f; color:#fff;}
.dijtablazat .row .tb			{float:left; width:38%; padding:0 1%;}
.dijtablazat .row .tj			{float:left; width:28%; padding:0 1%; text-align:center; font-weight:bold;}

@media only screen and (max-width: 479px) {
	.dijtablazat				{max-width:98%; margin-left:2%; font-size:90%;}
	}

@media only screen and (max-width: 359px) {
	.dijtablazat				{font-size:100%;}
	.dijtablazat .row			{padding:4px 0; border-top:1px solid #55509f;}
	.dijtablazat .row .tb		{width:98%; text-align:center;}
	.dijtablazat .row .tj		{width:48%;}	
	}




.history				{float:left; clear:left; width:100%; margin:15px 0; text-align:left; overflow-x:hidden;}
.history h3				{margin:0; color:#55509f;}
.history div			{float:left; clear:left; width:100%; padding:1px 0;}
.history a				{display:block; padding-left:35px; width: calc(100% - 37px); overflow-x:hidden; text-decoration:none !important; border:1px solid #fff; border-top-color:#eee; background:url(../fotok/0/mini.jpg) no-repeat 2px 2px;}
.history a b			{color:#55509f;}
.history a:hover		{background-color:#f7f8f8; border-color:#55509f;}
.history .mikor			{padding:1px 10px; background:#efefef; font-weight:bold;}
.s_hist, s_hist div		{width:100%;}
.s_hist a				{color:#444 !important;}



.e_rendeles 			{float:left; clear:left; width: calc(100% - 10px); padding:4px 5px; border-bottom:1px solid #eee;}
.e_rendeles:hover		{background:#f5f5f5;}
.e_rendeles div			{float:left; overflow:hidden; width:15%; padding:0 2%; text-align:center;}
.e_rendeles .sorsz		{width:19%; padding-left:0; text-align:left;}
.e_rendeles .szallit	{width:32%;}
.e_rendeles .osszeg		{width:19%; text-align:right;}
.e_rendeles .link		{padding-right:0; width:18%; text-align:right;}



.info					{float:left; clear:left; width: calc(100% - 10px); margin:15px 0; padding:0 5px; background:url(../images/bg_info.png) repeat-x bottom; line-height:24px;}
.info a					{float:left; display:block; padding:0 7px; margin:2px; color:#444 !important; border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff; border-bottom:0; text-align:center; text-decoration:none !important;}
.info a:hover			{color:#55509f !important; border-color:#55509f;}
.info a.selected		{margin:2px 1px 0 1px; font-weight:bold; border-bottom:2px solid #fff; border-left:2px solid #55509f !important; border-right:2px solid #55509f !important; border-top:2px solid #55509f !important; color:#55509f !important; background:#fff;}

@media only screen and (max-width: 979px) and (min-width: 768px), (max-width: 599px){
	.info				{max-width: calc(92% - 2px); margin:0 0 20px 8%; border-left:2px solid #55509f; background-image:none; padding:5px 0;}
	.info a				{clear:left; padding:0 10px; min-width:190px; border-left:0 !important; border-bottom:1px solid #fff; margin-left:0 !important;}
	.info a:hover		{}
	.info a.selected	{border-left:0 !important; border-bottom:2px solid #55509f;}
	}


.rendeles_fejlec				{float:left; clear:left; width:100%; padding-bottom:5px; border-top:1px solid #e7ecec; border-bottom:1px solid #e7ecec;}
.rendeles_fejlec div			{float:left;}
.rendeles_fejlec .rf1			{width:29%; padding:0 2%; overflow-x:hidden;}
.rendeles_fejlec .rf1 span		{color:#f00;}
.rend_head						{background:#e7ecec !important; font-weight:bold; padding:5px 0;}
.rend_head a					{float:left;}
@media only screen and (max-width: 359px) {
	.rend_head a				{float:right;}
}


a.modosit				{display:block; width:50px; height:20px; font-weight:normal; font-size:88%; margin-left:10px; padding:0 21px 0 4px; color:#999 !important; background:none; text-decoration:none !important;}
a.modosit:hover			{color:#000 !important; background:url(../images/img_set7.jpg) no-repeat -380px -60px;}




.ertek					{margin:5px 0;}
.ertek .foto			{float:left; width:140px;}
.ertek .foto img		{width:140px; height:140px;}
.ertek .prod			{float:left; width:440px; padding-left:10px;}
.ertek .prod div		{float:left; clear:left; width:450px;}
.ertek .prod textarea, .ertek .prod select, .ertek .prod input{width:440px; border:1px solid #55509f; padding:2px; margin:0 1px; color:#444;}
.ertek .prod select		{width:220px; margin-bottom:2px;}


.level	 				{float:left; clear:left; width: calc(100% - 42px); margin:10px 2px; border:1px solid #ccc; background:#fafafa; padding:10px 19px;}
.level div				{float:left; clear:left; width:100%;}
.level div.text			{font-family:Courier, Arial, Tahoma, Verdana; margin-top:8px; padding-top:7px; border-top:1px solid #ddd;}

.info_line				{float:left; clear:left; font-weight:bold; font-size:110%; width: calc(100% - 34px); margin:10px 2px 20px 2px; padding:5px 15px; background:#f60; color:#fff; text-align:center;}
.info_line a			{padding:0 5px; color:#fff !important; text-decoration:underline !important; font-weight:normal !important;}

.noscript				{float:left; clear:left; width: calc(100% - 20px); max-width:960px; border:1px solid #f00; padding:9px; margin:10px 0; color:#f00; text-align:center;}
.apro					{font-size:90%; color:#888; line-height:18px; padding:5px 0; border-top:1px solid #e7ecec;}
.input_captcha			{color:#000; font-weight:bold; font-size:125%; width:280px; padding:2px 6px; background:url(../images/kod/input.jpg) no-repeat center center;}
div.btb					{border-top:1px solid #55509f; border-bottom:1px solid #55509f; padding:10px 0; margin:25px 0;}
div#map					{float:left; clear:left; width:598px; height:450px; border:1px solid #444; margin:15px 0;}
img.torles				{width:16px; height:16px; background:url(../images/but_close_2.png) no-repeat 0 0;}
.szabadsag20			{float:left; clear:left; max-width:980px; width:100%; height:8.1vw; max-height:80px; text-align:center; font-weight:bold; font-size:120%; overflow:hidden; margin:5px 0; color:#fff; background:#369 url(../images/szabadsag-2020-08.jpg) no-repeat 0 0; background-size:100% auto; }
.szabadsag20 img		{border:0; padding:0; margin:0; width:100%; max-width:980px; max-height:80px; height:auto;}
img.captcha				{vertical-align:middle; width:100px; height:30px;}
input.bl				{font-size:125%; font-weight:bold; width:200px; padding:2px; margin:2px; border:1px solid #55509f;}
a.fb_link				{font-weight:normal !important; color:#3b5998 !important; padding-left:20px; background:url(../images/img_set7.jpg) no-repeat -766px 0;}
a.like					{display:inline; font-weight:normal !important; color:#3b5998 !important;}
a.like img				{vertical-align:middle; width:14px; height:14px; margin:0 5px 2px 0; background:url(../images/img_set7.jpg) no-repeat -462px -90px;}

@media only screen and (max-width: 480px) {
	.szabadsag20		{background:url(../images/szabadsag-mobil-2020-08.jpg) no-repeat 0 0; height:39.6vw; max-height:190px; max-width:480px; background-size:100% auto;}
	.szabadsag20 img 	{max-height:190px; }
}


.busket_alert			{background:#fff; display:none; width:350px; padding:15px; text-align:left; border:2px solid #333; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc;}
.busket_alert h2		{margin:0px; padding:10px 0; border-bottom:1px solid #333; font-size:20px;}


span.keszlet_0			{margin:6px 0; padding:2px 8px; background:#55509f; font-weight:bold; color:#fff;}
span.keszlet_1			{margin:6px 0; padding:2px 8px; font-size:110%; background:#2b7b00; font-weight:bold; color:#fff; border:2px solid #fff;}
.karacsonyi_info		{float:left; clear:left; width: calc(100% - 20px); background:#2b7b00; padding:6px 10px; text-align:center; color:#fff; font-weight:bold; font-size:125%; margin-bottom:10px;}
.karacsonyi_info a		{color:#fff; }




.fenykep		 		{position:absolute; width:100%; height:auto; text-align:center; overflow-x:hidden; background-color:#fff;}
.fenykep .cimsor		{float:left; clear:left; width:100%; height:30px; text-align:right; background:#fff; border-bottom:3px solid #eee; overflow:hidden;}
.fenykep .cimsor div	{float:left; height:26px; width:66px; margin:2px 0 0 5px; background:url(../images/logo_100x42.png) no-repeat center center; background-size:100% 100%;}
.fenykep .foto			{float:left; clear:left; width:100%; max-height:480px; height:auto; background:#fff url(../images/wait_4.gif) no-repeat center center;}
.fenykep .foto img		{vertical-align:bottom; max-width:480px; max-height:480px; width:100%; height:100%; background-size:100% 100% !important;}
.fenykep .lab			{float:left; clear:left; width:100%; line-height:32px; height:32px; overflow:hidden; font-size:125%; font-weight:bold; border-top:3px solid #eee; }
.fenykep .lab ul		{float:left;}
.fenykep .lab ul li		{float:left;}
.fenykep .lab ul li a.kisfoto{float:left; display:block; width:32px; height:32px; background:#eee url(../fotok/0/small.jpg) no-repeat 0 0; background-size:100% 100%; text-decoration:none; margin:0 1px;}


.apple_overlay			{display:none; position:absolute; z-index:9001; width:640px; left:50%; top:50%; margin:-275px 0 0 -320px; background:#fff url(../images/spacer.gif);  color:#444;}
.apple_overlay .close	{position:absolute; right:-15px; top:-15px; z-index:9002; cursor:pointer; background-image:url(../images/close.png); background-size:100% 100%; height:28px; width:28px;}
#foto_galeria .close	{right:1px; top:1px; background:#55509f url(../images/close_overlay.png) no-repeat center center;}
#foto_galeria .close:hover{background-color:#6766a7;}
#alert_kosarba .close	{display:none;}
.contentWrap			{overflow-y:auto;}

div#alert_kosarba		{width:400px; max-height:260px; height:auto; padding:20px; margin:-150px 0 0 -220px;}
div#alert_kosarba h2	{margin:0px; padding:10px 0; border-bottom:1px solid #333; font-size:20px; color:#55509f;}


.apple_overlay .col		{float:left; clear:left; width:100%; line-height:24px; margin:15px 0;}
.apple_overlay .leiras	{float:left; clear:left; width: calc(100% - 60px); padding:10px 10px 10px 50px; font-weight:bold; background:#f5f5f5 url(../images/spacer.gif) no-repeat 10px center; overflow:hidden;}
.apple_overlay .leiras strike{font-weight:normal; color:#666;}
.apple_overlay .c_info	{line-height:20px; color:#666; margin:5px 0 6px 0; border-top:1px solid #999;}
.apple_overlay .c_info a{color:#55509f !important;}
.apple_overlay .c_info2	{color:#666; margin:5px 0; border-top:1px solid #999;}
.c_info2 a				{display:block; float:left; margin-right:15px;}
.apple_overlay .button	{min-width:60px;}


@media only screen and (max-width: 420px) {
	div#alert_kosarba	{width:80%; padding:5%; margin:auto; left:5% !important; top:25% !important; max-height:320px;}
	.apple_overlay .col	{width:100%;}
	}



@media only screen and (max-width: 711px) {
	div#foto_galeria	{width:90%; height:auto; margin:auto; left:5% !important; top:25px !important;}
	.contentWrap		{height:auto;}
	}
@media only screen and (max-height: 639px) {
	div#foto_galeria	{margin-top:0; top:10px !important;}
	.fenykep			{overflow-y:auto; max-height:95vh;}
	.contentWrap		{height:auto;}
	.apple_overlay		{height:auto;}
	}


.gls_shop a					{color:#444 !important; display:block; text-decoration:none !important;}
.gls_shop a:hover			{color:#55509f !important;}
.gls_shop span,
.gls_shop a span			{font-weight:bold; color:#55509f !important;}
.gls_shop img.bk			{float:right; margin:3px 10px !important; padding:0; width:40px; height:70px;}
.gls_kereso					{width: calc(100% - 20px); padding:9px; background:#eee; border:1px solid #ddd;}
.gls_kereso input.city		{font-size:125%; font-weight:bold; max-width: calc(100% - 120px); width:100%; min-width:180px !important; border:1px solid #55509f;}


.csp_overlay				{display:none; position:absolute; z-index:9001; width:620px; max-height:500px; padding:30px 0 20px 20px; left:50%; top:50%; margin:-250px 0 0 -320px; background:#fff url(../images/spacer.gif); color:#444;}
.csp_overlay .close			{position:absolute; right:1px; top:1px; z-index:9002; cursor:pointer; height:28px; width:28px; background:#55509f url(../images/close_overlay.png) no-repeat center center;}
.csp_overlay .close:hover	{background-color:#6766a7;}
.csp_overlay .contentWrap	{height:500px; width: calc(100% - 10px); padding-right:10px;}
a#link_csp					{float:left; display:block; font-weight:bold; background:#55509f; color:#fff; height:21px; width:20px; text-align:center; text-decoration:none !important;}
.csp_overlay .gls_kereso	{width: calc(100% - 40px); margin-right:10px;}


@media only screen and (max-width: 711px) {
	.csp_overlay			{width:90%; margin:auto; left:5% !important; top:25px !important;}
	}
@media only screen and (max-width: 639px) {
	.csp_overlay			{margin-top:0; top:10px !important;}
	}


#pop_szukito			{max-width:400px; width:90%; height:90%; top:0; margin:5% auto; border:1px solid #aaa; background-color:#f0f0f0;}
#pop_szukito .close		{right:22px; top:2px;}
#pop_szukito .cwrap		{float:left; height:100%; width:100%; overflow-y:auto; border:1px solid #000;}

#exposeMask				{width:100% !important;}



.nem_rendelheto			{float:left; clear:left; width:300px !important; margin-top:15px; padding:7px 10px; background:#55509f; text-align:center; color:#fff; font-weight:normal !important;}
.nem_rendelheto b		{font-size:120%; text-transform:uppercase; margin-bottom:5px;}
.nem_rend, nem_rend h1,
.nem_rend a 			{color:#777 !important;}
.nr2					{background:#f70 !important;}

.padding-left-25		{padding-left:25px; width: calc(100% - 25px);}




.gi							{border-top:1px solid #ccc; font-size:85%; line-height:16px;}
.gi a						{color:#777 !important; text-decoration:none; }
.gi a:hover					{color:#55509f !important;}



.my_button					{display:inline-block; background:#6766a7; border:1px solid #444; color:#fff !important; margin:5px 0 15px 2px; min-width:100px; cursor:pointer; font-weight:bold; padding:4px 10px; text-decoration:none !important; -moz-box-shadow: 2px 2px 5px 1px #999; -webkit-box-shadow: 2px 2px 5px 1px #999; box-shadow: 2px 2px 5px 1px #999;}
.my_button:hover			{background:#55509f; border-color:#000;}
.my_button:active			{position:relative; top:1px;}

.my_gray_button				{background:#d4d0c8; color:#595959 !important;}
.my_gray_button:hover		{background:#cdc8bd; color:#444 !important;}

.my_fb_button				{background:#3d66c4 url(../images/logo_fb_8x17.png) no-repeat 8px 3px !important; color:#fff; width:180px; margin-bottom:10px; padding:3px 10px;}
.my_google_button			{background:#c5382b url(../images/logo_google_21x14.png) no-repeat 4px 3px !important; color:#fff; width:180px;  margin-bottom:10px; padding:3px 10px;}


.cc_banner-wrapper 			{text-align:center;}
.cc_banner 					{color:#000 !important; background-color:#fff !important; line-height:20px; padding-top:0; padding-bottom:0; font-family:'Open Sans', sans-serif, Arial, Tahoma, Verdana !important; font-size:13px !important; text-align:center !important; opacity:0.92; filter:alpha(opacity=92);}
.cc_more_info				{text-decoration:underline !important;} 
.cc_container				{background-color:#fff !important;  border-top:1px solid #444 !important; line-height:24px; padding:8px 50px !important;}
.cc_btn						{border:1px solid #000; border-radius:0 !important; padding:6px 15px !important; background-color:#fff !important; right:50% !important;}
.cc_btn:hover				{border-color:#0c0 !important; color:#0c0 !important;}
.cc_message					{padding:0; }
.cc_container--open			{}








.g_js						{max-height:1px; overflow:hidden;}

.gmaps_jatekbolt			{position:absolute; top:60px; left:10px; max-width:380px; width:45vw; padding:15px; background:#fff; opacity:0.85; z-index:99; line-height:24px; border:1px solid #ccc; overflow-x:hidden; overflow-y:auto;}
.gmaps_jatekbolt p.tovabbi	{line-height:20px; margin:5px 0; padding:0;}
.gmaps_jatekbolt p.tovabbi a{font-size:80%; color:#55509f;}
#map2						{width:100%; height:600px; background:rgb(229,227,223);}

@media only screen and (max-width: 639px) {#map2 {height:720px;}}
@media only screen and (max-width: 599px) {#map2 {height:800px;}}
@media only screen and (max-width: 479px) {#map2 {height:1000px;}}
@media only screen and (max-width: 359px) {#map2 {height:1200px;}}




.three_column				{float:left; width:100%;}
.three_column a				{float:left; display:block; width:29.3%; text-decoration:none; margin:0 2% 25px 2%; color:#444 !important;}
.three_column a span		{float:left; display:table; max-width:260px; width: calc(100% - 40px); height:100%;}
.three_column a span.tcp	{float:left; width:32px; height:32px; margin:8px 8px 0 0; background:url(../images/iconset.png) no-repeat 0 0; }
.three_column a span#tca_1	{background-position:0 0;}
.three_column a span#tca_2	{background-position:0 -32px;}
.three_column a span#tca_3	{background-position:0 -64px;}
.three_column a span#tca_4 	{background-position:0 -96px;}
.three_column a span#tca_5 	{background-position:0 -128px;}
.three_column a span#tca_6 	{background-position:0 -160px;}
.three_column a span#tca_7 	{background-position:0 -192px;}
.three_column a:hover span.tcp{background-image:url(../images/iconset_hover_2.png);}

@media only screen and (max-width: 639px) {
.three_column a				{clear:left; width:100%; margin:0 0 25px 0;}
.three_column a span		{float:none; max-width:495px; position:relative; width:auto; left:10px;}
.three_column a span.tcp	{left:0; margin:8px 0 0 0;}
	}



img.banner_600x90			{margin:0; padding:0; border:0; max-width:600px; width:100%; height:auto;}





.reszletes							{float:left; clear:left; max-width:980px; width:100%; background:#fff;}
.reszletes a						{color:#55509f;}
.reszletes a#link_pm_3d				{margin-bottom:20px;}
.reszletes .kep						{float:left; max-width:240px; width:24.5%; padding:0; text-align:center; height:auto;}

.reszletes .kep #picture			{float:left; clear:left; width:100%; max-width:240px; background:url(../images/spacer.gif) no-repeat center center; background-size:100% 100% !important;}
.reszletes .kep #picture a img		{border:0; padding:0; margin:0; width:100%; max-width:240px; max-height:240px;}
.reszletes .kep #picture a img.akcios{background:url(../images/akcio2.png) no-repeat 0 0;}

.reszletes .kep div 				{float:left; clear:left; width:100%;}
.reszletes .kep p.atlag_pont		{font-size:90%; color:#666; margin-bottom:20px;}
.reszletes .adat					{float:left; max-width:355px; width:35.5%; padding:0 4%; line-height:24px;}
.reszletes .adat h1					{margin:0;}
.reszletes .adat div				{float:left; clear:left; width:100%; font-weight:bold;}
.reszletes div.kat_link				{float:left; max-width:980px; width:100%; font-size:90%; margin-bottom:25px;}
.reszletes div.kat_link a			{font-weight:bold; color:#444 !important; padding-left:2px;}
.reszletes div.kat_link a:hover		{color:#55509f !important;}
.reszletes div.kat_link a.fokat		{padding-right:12px; background:url(../images/elagazas1.png) no-repeat right center;}
.reszletes div.kat_link div			{float:left;}
.reszletes div.kat_link div.jwa		{float:none; display:table-cell; vertical-align:middle; padding-right:12px; background:url(../images/elagazas1.png) no-repeat right center;}
.reszletes div.kat_link div#jwa_1	{height:20px;}
.reszletes div.kat_link div#jwa_2	{height:40px; background-image:url(../images/elagazas2.png);}
.reszletes div.kat_link div#jwa_3	{height:60px; background-image:url(../images/elagazas3.png);}
.reszletes .adat div.leiras			{font-weight:normal; padding:0 0 15px 0;}
.reszletes .adat div.leiras small	{line-height:16px; font-size:92%; color:#777;}
.reszletes .adat div.cikkszam		{font-weight:normal;}
.reszletes .adat div label			{float:left; display:block; cursor:auto !important; max-width:90px; width:26%; padding:0 3% 0 0; font-weight:normal;}

.vetelar							{vertical-align:middle; line-height:36px; height:36px; padding:4px 0;}
.vetelar span						{display:inline; vertical-align:middle; font-size:240%; font-weight:600; color:#f60;}
.vetelar s, .vetelar b				{display:inline; vertical-align:middle; color:#222; font-weight:300; font-size:120%; padding-top:10px; margin-left:15px;}

a.link_kosarba_nagy					{margin-top:20px; color:#fff; padding:3px 8px 3px 34px; font-size:120%; border:1px solid #222; text-decoration:none !important; background:#f60 url(../images/ico_basket_white.png) no-repeat 7px center; background-size:18px 12px;}
a.link_kosarba_nagy:hover			{background-size:20px 13px;}

.reszletes .harmadik				{float:left; max-width:310px; width:32%; text-align:center;}
.reszletes .info_keszlet			{float:left; width: calc(100% - 44px); border:2px dashed #55509f; padding:15px 20px; background:#f9f9f9; text-align:left;}
.reszletes .info_keszlet ul			{float:left; clear:left; list-style:none; margin:0; padding:0;}
.reszletes .info_keszlet ul li		{float:left; clear:left; margin:5px 0; padding:0 0 0 32px; background:url(../images/ico_fuvar.png) no-repeat 0 0;}
.reszletes .info_keszlet ul li#futar{background-position:0 4px;}
.reszletes .info_keszlet ul li#csp	{background-position:0 -146px;}
.reszletes .info_keszlet ul li#iroda{background-position:0 -296px;}
.reszletes .not_to_order			{border-color:#55509f; text-align:center; font-weight:normal !important;}
.reszletes .not_to_order b			{color:#55509f; font-size:120%; text-transform:uppercase; margin-bottom:5px;}
.reszletes .nto2					{border-color:#f60;}
.reszletes .nto2 b					{color:#f60;}
.reszletes .ec						{padding:0 20px;}
.reszletes .one_prod div.ar			{border-bottom:0;}
.reszletes .video					{float:left; clear:left; max-width:900px; width: calc(100% - 80px); height: calc((100vw - 97px) * 0.567) ; padding:25px 40px; background:#333; margin:20px 0; text-align:center;}

.felar								{float:left; clear:left; max-width:700px; width: calc(100% - 280px); min-height:63px; height:auto; padding:7px 0 0 280px; margin:20px 0; background:#fff url(../images/sulyfelar.jpg) no-repeat 0 0;}
.felar div							{float:left; clear:left; width:100%;}
.felar .blue						{background:#1c95cc; color:#fff; line-height:24px; font-weight:bold; font-size:120%; text-transform:uppercase;}
.felar div b						{color:#1c95cc; font-size:110%;}

@media only screen and (max-width: 599px) {
	.felar							{padding-left:220px; width: calc(100% - 220px); }
	
}
@media only screen and (max-width: 479px) {
	.felar							{padding-left:210px; width:65%; background-size:100% auto; padding-top:25px; padding-left:35%;}
	.felar .blue					{background:#fff; color:#1c95cc;}	
}
@media only screen and (max-width: 359px) {
	.reszletes div.kat_link div.jwa	{display:none;}
}


.h2_head							{float:left; clear:left; max-width:980px; width:100%; min-height:30px; height:auto; margin-top:30px; background:url(../images/pont_purple.gif) repeat-x 0 12px;}
.h2_head div						{float:left; clear:left; background:#fff; padding-right:10px;}
.velemenyek							{float:left; clear:left; max-width:980px; width:100%; margin:5px 0; padding:5px 0; border-bottom:1px solid #eee; color:#666;}
.velemenyek .szoveg					{float:left; max-width:856px; width: calc(100% - 124px); padding-left:30px;}
.v_pont								{float:left; width:92px; height:24px; background:url(../images/csillagok.png) no-repeat 0 -50px;}
.v_pont img							{float:left; width:92px; height:24px; background:url(../images/csillagok.png) no-repeat 0 0;}
.v_pont img.star_1					{width:19px;}
.v_pont img.star_2					{width:37px;}
.v_pont img.star_3					{width:56px;}
.v_pont img.star_4					{width:74px;}
.v_pont img.star_5					{width:92px;}
.reszletes .kep	.v_pont				{float:none; position:relative; width:92px; margin:0 auto; background-position:0 -40px;}
.reszletes .kep	.v_pont	img			{margin-top:10px;}

#fix_headline_basket				{display:none; position:fixed; top:61px; z-index:900; left:0; width:100%; height:50px; padding:5px 0; background:#fff; border-bottom:1px solid #ebebeb; overflow:hidden;}
#fix_headline_basket .center div	{display:table-cell; vertical-align:middle; overflow:hidden; max-height:50px; width:100%; line-height:50px;}
#fix_headline_basket h2				{float:left; line-height:50px; margin:0 20px; overflow:hidden;}
#fix_headline_basket img			{float:left; width:50px; height:50px; margin:0 0 0 20px; padding:0; border:0; background-size:100%;}
#fix_headline_basket .link_kosarba_nagy{float:left; line-height:24px; margin-top:9px; margin-left:61px;}
#fix_headline_basket .vetelar		{line-height:50px; height:50px; padding:0;}
#fix_headline_basket .vetelar span	{font-size:18px; font-weight:normal;}
.display_block						{display:block;}

#k_info								{margin-top:20px; background:rgb(0,204,0); color:#fff; font-weight:bold;}
#k_info_2							{margin-top:20px; background:#e00; color:#fff; font-weight:bold;}

@media only screen and (max-width: 979px) {
	.reszletes .kep					{}
	.reszletes .adat				{max-width:680px; width:69.5%; padding:0 0 0 6%;}
	.reszletes .harmadik			{clear:left; max-width:940px; width:96%; margin:15px 2%;}
	.reszletes .harmadik .banner	{display:none;}
	#fix_headline_basket .center div h2			{font-size:110%;}
	#fix_headline_basket .link_kosarba_nagy{margin-left: calc((24.5vw - 118px) / 2);}
}
@media only screen and (max-width: 799px) {
	#fix_headline_basket img,
	#fix_headline_basket .vetelar	{display:none !important;}
}
@media only screen and (max-width: 639px) {
	.reszletes .kep					{clear:left; float:none; margin:0 auto; width:auto; }
	.reszletes .adat				{clear:left; max-width:614px; width:96%; padding:0; margin:15px 2%;}
	.reszletes .harmadik			{}
	#fix_headline_basket .link_kosarba_nagy{float:none; margin:9px auto 0 auto;}
	#fix_headline_basket .center div h2{display:none;}
	#fix_headline_basket .center div{width:100% !important; text-align:center; display:block; }
}


img.login_ssl	{width:120px; height:50px; margin-top:15px; background:url(../images/biztonsagos_ssl_kapcsolat_360x150.png) no-repeat 0 0; background-size:auto 100%}



body#login_body						{background:#888;}

.login_form							{position:absolute; max-width:632px; min-height:480px; left:50%; top:50%; width:100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.login_form	a						{color:#55509f !important; text-decoration:none;}
.login_form a:hover					{text-decoration:underline;}
.login_form	h1, .login_form	h2		{font-size:24px; line-height:32px; border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:25px;}
.login_form	h2						{color:#444; border-bottom:1px solid #ddd;}

.login_form .head					{float:left; clear:left; max-width:640px; width:100%; padding:0;}
.login_form .head .logo				{float:left; width:78%;}
.login_form .head .logo img			{border:0; margin:0; padding:0; width:100px; height:42px;}
.login_form .head .help				{float:left; width:22%; height:42px; text-align:right;}
.login_form .head .help	div			{position:relative; right:0; width:100%;}
.login_form .head .help	div	a		{display:block; line-height:20px; margin-top:18px; color:#fff !important; text-decoration:none; font-weight:bold;}

.login_form .container				{float:left; clear:left; width:100%; height:auto !important; border:1px solid #ccc; margin:0; background:#f5f5f5 !important; line-height:24px;}
.login_form .container .bal			{display:table-cell; width:50%; padding:20px 3%; background:#fff; border-right:1px solid #ccc;}
.login_form .container .bal a		{font-size:90%;}
.login_form .container .bal em		{color:#090; font-style:normal;}
.login_form .container .bal em span	{color:#f00;}
.login_form .container .jobb		{display:table-cell; width:38%; height:100%; padding:20px 3%; line-height:30px;}
.login_form .foot					{float:left; clear:left; width:100%;}

.login_form	input.bl,
.login_form input#email, 
.login_form input#nev,
.login_form input#pwd1,
.login_form input#pwd2				{font-size:125%; font-weight:bold; min-width:100px; max-width:200px; width:75%; padding:2px; margin:0 2px 10px 2px; border:1px solid #aaa; min-height:20px;}   

.login_form input.h					{border-color:#f00 !important;}

.login_form input#pwd1,
.login_form input#pwd2				{font-size:12px; letter-spacing:-2px;}

.login_form	div.e					{width:100%; padding:5px 0; border:0; margin:0; color:#f00; background:#fff; font-weight:bold;}

@font-face {font-family:'dotsfont'; src:url('../font/dotsfont.eot'); src:url('../font/dotsfont.eot?#iefix') format('embedded-opentype'), url('../font/dotsfont.svg#font') format('svg'), url('../font/dotsfont.woff') format('woff'), url('../font/dotsfont.ttf') format('truetype'); font-weight:normal; font-style:normal;}
.login_form input[type=text]#pwd1,
.login_form input[type=text]#pwd2,
.login_form input[type=text]#pwd_old{font-family:dotsfont; font-size:10px; letter-spacing:-2px;}

.login_form input[type=password]#pwd1,
.login_form input[type=password]#pwd2,
.login_form input[type=password]#pwd_old{font-size:125%; letter-spacing:0;}


@media only screen and (max-height: 479px) {
	.login_form						{height:auto; top:0; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
	}

@media only screen and (max-width: 639px) {
	.login_form						{max-width:480px; width:90%; height:auto; top:10px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
	.login_form .container .bal		{float:left; clear:left; display:block; width:94%; border-right:0; border-bottom:1px solid #ccc;}
	.login_form .container .jobb	{float:left; clear:left; display:block; width:94%;}
	
	.login_form .head .logo			{width:57%;}
	.login_form .head .help			{width:43%;}
	.login_form .head .logo a img	{width:50%; max-width:80px; min-width:50px; height:auto;}
	.login_form .head .help	div	a	{margin-top:10px;}
	}




.img_bh			{width:100%; max-width:auto; height:auto;}








a.fb_share						{float:left; clear:left; display:table-cell; font-size:120%; padding:4px 0 4px 20px; margin:1px 0; line-height:20px !important; font-weight:400;}
a.fb_share img 					{float:left; width:20px; height:20px; margin:0 5px 0 0; vertical-align:middle; background:#ccc url(../images/logo_fb_8x17.png) no-repeat center center;}
a.fb_share:hover				{color:#3d66c4;}
a.fb_share:hover img 			{background-color:#3d66c4;}


.akcio_erv						{font-style:italic; color:#777;}



#osszes_velemeny div h2 b		{font-weight:600;}


span.no_span {font-weight:normal !important;}


img.kamp_felu	{width:100%; max-width:608px; height:auto;}

.katleiras						{background:#f5f5f5; padding:14px; width: calc(100% - 38px); border:1px solid #ddd;}
.katleiras img 					{float:right; width:140px; height:140px; margin-left:20px; background-color:#fff; border:1px solid #ddd;}

@media only screen and (max-width: 359px) {
	.katleiras img				{width:80px; height:80px; background-size:100%, auto;}	
}





a.info_koronavirus				{float:left; clear:left; display:block; width: calc(100% - 24px); text-align:center; padding:2px 10px; margin-top:15px !important; background:#fff; color:#f00 !important; border:2px dotted #f00; font-weight:bold; text-decoration:none !important; line-height:20px !important;}
a.info_koronavirus:hover		{background:#f00; color:#fff !important;}

ul.csuszasveszely				{font-weight:bold; padding:5px 10px !important; margin-top:10px; background:#f00 !important; color:#fff !important;}

b.garantalt						{font-weight:normal !important;}
b.nem_garantalt					{color:#f00; font-weight:bold  !important;}






.start_kategoriak				{display:table-cell; width:100%; max-width:980px; vertical-align:middle; padding:0; margin:0; border-spacing:0; border-collapse:collapse; text-align:justify; -ms-text-justify:distribute-all-lines; text-justify:distribute-all-lines;}
.start_kategoriak .skat			{display:inline-block; width:140px; height:140px; /*padding:0 10px;*/ margin:8px 10px; overflow:hidden; background-clip:content-box; background:#ccc no-repeat center top; background-image:url(../images/wait_4.gif), url(../images/spacer.gif); *display:inline; zoom:1;}
.start_kategoriak .skat a		{display:block; position:relative; width:100%; height:100%; text-decoration:none !important; text-align:left; font-weight:600; color:#444 !important;}
.start_kategoriak .skat a p		{position:absolute; margin:0; bottom:0; color:#000; display:inline;}
.start_kategoriak .skat a p	b	{background:#fff; opacity:0.75; padding:0 5px; font-size:110%; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone;}
/*.start_kategoriak .skat a img	{width:140px; height:140px; padding:0 0 4px 0; padding-left: calc((100% - 140px) / 2); padding-right: calc((100% - 140px) / 2); background:url(../images/spacer.gif) no-repeat center center;}*/
.start_kategoriak .skat a:hover	p {color:#55509f !important;}
.start_kategoriak .clear_div	{height:1px !important; line-height:1px !important; font-size:1px !important; background:#fff;}
@media only screen and (max-width: 939px) {.start_kategoriak .skat#cd5 {display:none;} }
@media only screen and (max-width: 799px) {.start_kategoriak .skat#cd4 {display:none;} }
@media only screen and (max-width: 639px) {.start_kategoriak .skat#cd3 {display:none;} }
@media only screen and (max-width: 499px) {.start_kategoriak .skat#cd2 {display:none;} }
@media only screen and (max-width: 339px) {.start_kategoriak .skat#cd1 {display:none;} }
@media only screen and (max-width: 479px) {.start_kategoriak {text-align:center !important;} }