@font-face {font-family:'Open Sans'; font-style:normal; font-weight:300; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OXOhpOqc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display:swap;}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:300; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN_r8OUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display:swap;}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:400; src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display:swap;}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:400; src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display:swap;}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:600; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOXOhpOqc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display:swap;}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:600; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display:swap;}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:700; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOXOhpOqc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; font-display:swap;}
@font-face {font-family:'Open Sans'; font-style:normal; font-weight:700; src: url(https://fonts.gstatic.com/s/opensans/v20/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; font-display:swap;}

html, body		{margin:0; padding:0;}
html			{scroll-behavior:smooth;}
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:'Open Sans', sans-serif, 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:15px 0; text-align:center;}



.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;}

input:focus, select:focus, textarea:focus{outline:none !important;}


#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;}
#big_blank		{display:none; position:fixed; top:-13px; left:0; width:100%; height:100%; z-index:9998; background:#000; opacity:.01; filter:alpha(opacity=1);}



.header								{float:left; clear:left; width:100%; max-width:980px; padding:0; margin-top:15px !important; height:auto; transition:margin .5s;}
.header .color_line					{float:left; clear:left; display:none; width:100%; height:5px !important; background:url(../images/menu_colors.jpg) no-repeat center bottom; background-size:100% 3px;}

.header .mobil_menu									{display:none; float:left; width:36px; margin:0 15px 0 5px;}
.header .mobil_menu ul li a#hambi img				{margin-top:3px; width:36px; height:30px; background:url(../images/menu2.png) no-repeat center center; background-size:66% auto;}
.header .mobil_menu ul li #ms						{display:none; position:absolute; z-index:9999; top:0; left:0; min-width:150px; width:auto; max-width:80vw; overflow-y:auto !important; overflow-x:hidden; max-height:98vh; padding:0 0 15px 0; background:#55509f url(../images/bg_purple_2.jpg) repeat-y top center !important; color:#fff;   -moz-box-shadow:5px 0 8px #444; -webkit-box-shadow:5px 0 8px #444; box-shadow: 5px 0 8px #444;}
.header .mobil_menu ul li #ms:hover					{display:block;}
.header .mobil_menu ul li #ms a						{clear:left; display:block; font-size:125%;}
.header .mobil_menu ul li #ms .mm_head				{position:sticky; top:0; height:45px; width: calc(100% - 30px); padding:0 15px; color:#fff; background:#55509f url(../images/bg_purple_2.jpg) no-repeat top center !important;}
.header .mobil_menu ul li #ms .mm_head div			{padding:10px 0 5px 0; width:100%; height:30px; border-bottom:1px solid #aaa;}
.header .mobil_menu ul li #ms .mm_head div a		{float:right; display:block; width:30px; height:30px; color:#fff !important;}
.header .mobil_menu ul li #ms .mm_head div a img	{width:30px; height:30px; background:url(../images/but_close_3.png) no-repeat center center; background-size:30px auto;}
.header .mobil_menu ul li #ms .mm_links 			{float:left; clear:left; width:100%; line-height:32px; color:#fff !important;}
.header .mobil_menu ul li #ms .mm_links a			{font-size:125%; line-height:250%; font-weight:bold; text-decoration:none; margin:1px 2px; padding:0 10px; border-left:3px solid #000 !important; color:#fff !important;}

.header .mobil_menu ul li #ms .mm_links p.elv2		{border-top:1px solid #aaa; line-height:12px; height:12px; width: calc(100% - 30px); margin:0 15px; padding:0;}
.header .mobil_menu ul li #ms .mm_links a.mm_pink	{margin-bottom:20px;}
.header .mobil_menu ul li #ms .mm_links a.mm_0		{border:none !important; font-weight:normal; margin-left:5px;}


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


.header .linkbar					{float:right; width: calc(100% - 120px); padding-left:20px; margin-top:8px; text-align:right; line-height:26px;}
.header .linkbar ul					{float:right; max-height:26px;}
.header .linkbar ul li				{float:left !important; margin:0; padding:0;}
.header .linkbar a					{float:left; margin-right:10px; padding:0 14px 0 10px; color:#444; text-decoration:none; border-right:1px solid #ccc;}
.header .linkbar a:hover			{color:#55509f;}
.header .linkbar a.basket			{background:transparent url(../images/ico_basket_2.png) no-repeat 6px 8px;}
.header .linkbar a.basket:hover		{background-position:6px -42px;}
.header .linkbar a.user				{background:transparent url(../images/ico_user_2.png) no-repeat 6px 8px;}
.header .linkbar a.user:hover		{background-position:6px -41px;}
.header .linkbar a.but_search		{background:#6766a7 url(../images/bg_button_q_white.png) no-repeat 6px center; background-size:16px auto; color:#fff !important; margin:0; border:none; padding:0 8px 4px 8px;} 
.header .linkbar a b				{font-weight:normal;}
.header .linkbar a img				{width:20px; height:20px;}

.header .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 .linkbar a.basket:hover span#in_basket	{background:#c00;}

.header .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 .linkbar ul li:hover .user_submenu,
.header .linkbar ul li .user_submenu:hover		{display:block;}
.header .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;}





.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; height:64px; 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;}


@media only screen and (max-width: 979px) {.full	{margin-left:5px; margin-right:5px; max-width: calc(100% - 10px) !important;}}



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; 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 .topmenu .col2				{width:324px;}
ul#menu .topmenu .col3				{width:486px;}
ul#menu .topmenu .col4				{width:648px;}
ul#menu .topmenu .col0				{width:816px;}


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








	
	
	
	
.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,		.header .mobil_menu ul li #ms .mm_links a.mm_red	{border-color:#c00 !important;}
.menu_orange>a,	.menu_orange .submenu,	.header .mobil_menu ul li #ms .mm_links a.mm_orange	{border-color:#f60 !important;}
.menu_yellow>a,	.menu_yellow .submenu,	.header .mobil_menu ul li #ms .mm_links a.mm_yellow	{border-color:#f90 !important;}
.menu_green>a,	.menu_green .submenu,	.header .mobil_menu ul li #ms .mm_links a.mm_green	{border-color:#0c6 !important;}
.menu_blue>a,	.menu_blue .submenu,	.header .mobil_menu ul li #ms .mm_links a.mm_blue	{border-color:#68e !important;}
.menu_pink>a,	.menu_pink .submenu,	.header .mobil_menu ul li #ms .mm_links a.mm_pink	{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;}


				@media only screen and (min-width: 767px) {
					ul#menu .menu_red .submenu .submenu_column	{width:100%;}
					ul#menu .menu_red .submenu ul		{display:table-cell;}
					ul#menu .menu_red .submenu ul li	{display:inline-block; vertical-align:top; text-align:center; width:160px;}
					ul#menu .menu_red .submenu ul li a	{text-align:center;}
				
					.menu_red .submenu ul li			{margin-top:12px !important; margin-bottom:12px !important;}
					.menu_red .submenu ul li a 			{display:block; padding-top:60px !important; background-image:url(../images/spacer.gif); background-position: center top !important; background-repeat:no-repeat !important; background-size:60px 60px; transition:background-size 0.1s;}
					.menu_red .submenu ul li a:hover	{color:#c00 !important; background-size:64px 64px !important; background-color:#fff !important;}
				}



@media only screen and (max-width: 979px) {
	ul#menu .submenu 				{overflow-y:auto !important; overflow-x:hidden; max-height: calc(100vh - 80px);}
	ul#menu .topmenu .col0			{width:652px;}
}

@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.15);}
	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;}
}

@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: 479px) {
	ul#menu							{display:none;}
	.header							{margin-top:8px !important;}
	.header .mobil_menu				{display:block; margin-top:3px;}
	.header .logo					{width:62px; margin-top:6px;}
	.header .logo img				{width:62px !important; height:26.04px !important;}
	.header .linkbar 				{width: calc(100% - 123px); padding-left:5px;}
	.header .linkbar a b			{display:none;}
	.header .linkbar a				{margin-right:0; padding:0 10px; border-right:none;}
	.header .linkbar a.but_search	{background-position: center center; background-size:16px auto; margin:0; padding:0 8px; width:26px;}
	.header .linkbar a.basket span#in_basket{margin:0;}
	.header .linkbar a.basket,
	.header .linkbar a.user			{margin-right:15px; background-position: 9px 8px !important;}
	.header .color_line				{display:block;}

	.header .linkbar ul li .user_submenu{font-size:125%; line-height:250%; top:44px; margin-left:-180px; width:200px; border-right:0; border-left:1px solid #ccc;}
	
	.fixed							{background-image:none !important; height:50px !important;}
	#the_main						{margin-top:60px;}
	#white_blank					{height:50px;}
}
@media only screen and (max-width: 359px) {
	.header .linkbar a.basket,
	.header .linkbar a.user			{margin-right:1px;}
	.header .linkbar ul li .user_submenu{margin:0 auto; left:10px; width:100%; max-width: calc(100% - 40px) !important;}
}
@media only screen and (max-width: 299px) {
	.header .mobil_menu				{width:30px; margin:0 5px 0 0;}
	.header .mobil_menu ul li a#hambi img{max-width:30px; width:30px; background-size:60% auto;}
	.header .linkbar 				{width: calc(100% - 102px);}
	.header .linkbar a.basket,
	.header .linkbar a.user			{padding:0 1px; background-position:0 8px !important;}
}



.display_block				{display:block !important;}
.display_none				{display:none !important;}





.one_prod 					{float:left; max-width:180px; width:18.4%; padding:0 0.8%; margin:8px 0; height:310px; overflow:hidden; 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.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 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) {
	.one_prod 				{width:22%; max-width:216px; padding:0 1.5%;}
	.btb .otodik			{display:none;}
}
@media only screen and (max-width: 739px) {
	.one_prod 				{width:30%; max-width:222px;}
	.btb .negyedik			{display:none;}
}
@media only screen and (max-width: 539px) {
	.one_prod 				{width:46%; max-width:248px; padding:0 2%;}
	.btb 					{display:none;}
}
@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;}
}







.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);}
}



/* ??? */
.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;}
.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; }
.dupla .content_start a				{color:#55509f; text-decoration:none;}
.dupla .content_start a:hover		{text-decoration:underline;}

@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_2.jpg) repeat-x top 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; max-height:60px; margin:0 3%;}
.foot_bank img#bank_simplepay		{display:inline; vertical-align:middle; max-width:482px; width:94%; height:auto; max-height:40px; 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;}
}




.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 .mobil_menu			{margin-top:0;}
.fixed .header .logo 				{margin-top:3px;}
.fixed .header .logo a				{max-height:26.04px;}
.fixed .header .logo a img			{max-height:26.04px; 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 .linkbar				{margin-top:3px;}


.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;}
	
	.frm_radio .label	{clear:none; width:10%; margin-top:0; padding-left:5%; text-align:right !important;}
	.frm_radio .input	{clear:none; width:83%; padding-left:2%;}
	.frm_radio .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.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;}
	}



.egy_alkat				{float:left; max-width:180px; width:18.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) {
	.egy_alkat 			{width:22%; max-width:216px; padding:0 1.5%;}
}
@media only screen and (max-width: 739px) {
	.egy_alkat 			{width:30%; max-width:222px;}
}
@media only screen and (max-width: 539px) {
	.egy_alkat 			{width:46%; max-width:248px; padding:0 2%;}
}
@media only screen and (max-width: 359px) {
	.egy_alkat 			{float:none; clear:left; width:90%; max-width:270px; margin:24px auto 0 auto; text-align:center; font-size:125%; border-bottom:1px dashed #444;}
}





.orderbar2						{float:left; clear:left; overflow:hidden; width:100%; height:45px; max-height:45px; margin:5px 0 15px 0; background:#eee;}
.orderbar2 div					{float:left; display:table-cell; vertical-align:bottom; overflow:hidden; color:#bbb; width:177px; 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; height:45px; 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				{max-width: calc(20% - 12px);}
	.orderbar2 div.sep			{width:15px !important; max-width:15px !important; }
	}

@media only screen and (max-width: 639px) {
	.orderbar2 div				{width:auto;}
	.orderbar2 div.act			{width:130px !important; max-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;}
	}





.orderbar_pm					{float:left; clear:left; overflow:hidden; width:100%; margin:10px 0 25px 0; font-weight:bold; line-height:30px;}
.orderbar_pm div				{float:left; text-align:center; vertical-align:bottom; color:#bbb; width: calc(25% - 30px); max-width:216px; padding:0 14px; margin:0 1px; border-bottom:3px solid #ccc;}
.orderbar_pm div a 				{display:block; color:#444 !important; text-decoration:none !important;}
.orderbar_pm div a:hover		{color:#55509f !important;}
.orderbar_pm div.act			{color:#55509f; border-bottom:5px solid #55509f;}
.orderbar_pm div.okes			{border-color:#55509f;}

@media only screen and (max-width: 979px) {
	.orderbar_pm div			{padding:0; max-width:none;}
	.orderbar_pm div#opm1		{width: calc(18% - 2px);}
	.orderbar_pm div#opm2		{width: calc(40% - 2px);}
	.orderbar_pm div#opm3		{width: calc(16% - 2px);}
	.orderbar_pm div#opm4		{width: calc(26% - 2px);}

	.orderbar_pm .act .szov		{display:table-cell;}
	}





.kosar					{float:left; clear:left; width:100%; 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%;}
.kosar .egysegar #hp	{width:60px; text-align:center;}
#fuvar, #kupon			{font-weight:normal !important;}
.termek_nagy,
#fuvar .termek,
#kupon .termek			{width:75% !important;}
#fuvar .termek select	{float:right; width:44%; min-width:160px; margin-right:8px; background:#fff;}
#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; border:1px solid #55509f;}
.kosar .menny select	{width:50%; min-width:25px; max-width:45px; text-align:left; border:1px solid #55509f; background:#fff !important;}
.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%}
	#fuvar .termek select{width: calc(100% - 10px);}
	}

@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:964px;}
input.big_input					{width: calc(100% - 10px); max-width:964px; 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:18%; 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%;}	
	}

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

@media only screen and (max-width: 479px) {
	.dijtablazat		{max-width:99%; 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 #00aef7;}
	.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: 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.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; height:20px; font-weight:bold; font-size:92%; margin-left:10px; padding:1px 13px; color:#999 !important; background:none; text-decoration:none !important;}
a.modosit:hover			{background:#f5f5f5; color:#55509f !important; border:1px solid #55509f !important; padding:0 12px;}




.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:120px; padding:2px 6px; background:url(../images/kod/input.jpg) no-repeat center center; border:1px solid #55509f;}
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;}
.szabadsag23			{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-2024-06.jpg) no-repeat 0 0; background-size:100% auto; }
.szabadsag23 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) {
	.szabadsag23		{background:url(../images/szabadsag-mobil-2024-06.jpg) no-repeat 0 0; height:39.6vw; max-height:190px; max-width:480px; background-size:100% auto;}
	.szabadsag23 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; }




#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);}
.margin-left-25			{margin-left: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;}








.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%;}
.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;}

.reszletes .kep #picture			{float:left; clear:left; width:100%; max-width:240px; height: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:240px; 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-top:20px;}
.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;}
.reszletes .adat em					{font-style:normal;}

.vetelar							{vertical-align:middle; line-height:36px; height:36px; padding:4px 0; margin-bottom:10px;}
.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;}

.reszletes .adat .hp				{font-weight:normal; padding-left:50px; background:url(../images/ico_husegpont.png) no-repeat left center;) vertical-align:middle; margin-bottom:20px;}

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_fuvar2.png) no-repeat 0 0;}*/
.reszletes .info_keszlet ul li		{float:left; clear:left; margin:5px 0; padding:0 0 0 32px; background:url(../images/startpoint.png) no-repeat 0 4px; background-size:20px auto;}
/*.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#aut	{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); max-height:506px; padding:25px 40px; margin:20px 0; text-align:center; background:#333 url(../images/spacer.gif) no-repeat center center; background-size: calc(100% - 80px) calc(100% - 50px); background-position:40px 25px;}
.reszletes .video a					{display:block; width:100%; height:100%; background:url(../images/video_play_button.png) no-repeat center center; color:#fff; text-decoration:none; font-size:120%; text-shadow:1px 1px #000, -1px -1px #000; line-height:40px;}
.reszletes .video video				{width:100%; height:100%;}

.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 .cont	{float:left; display:table-cell; vertical-align:middle; overflow:hidden; max-height:50px; width:100% !important; line-height:50px;}
#fix_headline_basket .center .cont .fhb_button {float:left; width:240px; padding:0; text-align:center; }
#fix_headline_basket .center .cont .fhb_info {float:left; display:inline;  width: calc(100% - 240px); max-width:740px; line-height:24px;}
#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{line-height:22px; margin-top:9px;}
#fix_headline_basket .vetelar		{line-height:50px; height:100%; padding:0;}
#fix_headline_basket .vetelar span	{font-size:18px; font-weight:normal; padding-bottom:3px !important;}



div#search							{display:block; float:left; clear:left; width:100%; background:#55509f url(../images/bg_purple_2.jpg) repeat-x center top !important; background-size:100% auto; text-align:center; padding:0; height:0; overflow:hidden; transition:height .5s;}
div#search .center					{height:30px;}
div#search .center .input_q			{display:table-cell; vertical-align:middle; background:#fff; border:1px solid #fff; font-size:150%; padding:2px 5px; margin:0; height:40px; max-height:24px; max-width:400px; width: calc(80% - 150px); color:#55509f}
div#search .center .button_q		{display:table-cell; vertical-align:middle; background:#6766a7 url(../images/bg_button_q_white.png) no-repeat center center; width:40px; font-size:120%; font-weight:400; background-size:16px auto; color:#fff !important; height:30px; border:1px solid #fff; margin:0; padding:0 10px 0 28px; text-align:left;}
div#search .center .button_q:hover	{cursor:pointer;}
div#search .center a				{float:right; display:block; width:30px; height:30px; margin-left:20px; color:#fff !important;}
div#search .center a img			{width:30px; height:30px; background:url(../images/but_close_3.png) no-repeat center center; background-size:30px auto;}
.search_visible						{height:30px !important; padding:10px 0 !important;}



#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					{width:240px;}
	.reszletes .adat				{max-width:680px; width: calc(100% - 265px); padding:0 0 0 25px;}
	.reszletes .harmadik			{clear:left; max-width:940px; width:96%; margin:15px 2%;}
	.reszletes .harmadik .banner	{display:none;}
	#fix_headline_basket h2			{font-size:110%;}
	div#search .center a			{margin-right:10px; margin-left:0;}
}
@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%;}
	#fix_headline_basket  h2		{display:none;}
	#fix_headline_basket .center .cont .fhb_button{width:100%; max-width:640px;}
	.reszletes .vetelar				{text-align:center !important;}
}
@media only screen and (max-width: 479px) {
	#fix_headline_basket			{top:45px;}
}

@media only screen and (max-width: 359px) {
	div#search .center .input_q		{width: calc(90% - 130px); font-size:110%;}
}



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;}


.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;}


			
.the_main_2						{margin-top:150px !important;}
.white_blank_2					{height:150px !important;}
.fix_headline_basket_2			{top:111px !important;}
@media only screen and (max-width: 479px) {
	.the_main_2					{margin-top:110px  !important;}
	.white_blank_2				{height:140px !important;}
	.fix_headline_basket_2		{top:95px !important;}		
	}	
		



.start_info	div					{float:left; padding:0 20px 0 55px; width: calc(33% - 75px); min-height:45px; margin-bottom:20px;}
.start_info	div h2				{text-transform:uppercase; font-size:14px; font-weight:bold; color:#f60;}
.start_info .si_kikvagyunk		{background:url(../images/start_info_3.png) no-repeat -8px -3px, url(../images/circle_purple_60x60.png) no-repeat 0 0; background-size:60px 662px, 44px 44px;}
.start_info .si_alapitas		{background:url(../images/start_info_3.png) no-repeat -8px -206px, url(../images/circle_purple_60x60.png) no-repeat 0 0; background-size:60px 662px, 44px 44px;}
.start_info .si_csomagok		{background:url(../images/start_info_3.png) no-repeat -8px -408px, url(../images/circle_purple_60x60.png) no-repeat 0 0; background-size:60px 662px, 44px 44px;}

.start_info .si_reg				{background:url(../images/ico_login_3.png) no-repeat -8px 1px, url(../images/circle_purple_60x60.png) no-repeat 0 0; background-size:60px 438px, 44px 44px;}
.start_info .si_belep			{background:url(../images/ico_login_3.png) no-repeat -8px -201px, url(../images/circle_purple_60x60.png) no-repeat 0 0; background-size:60px 438px, 44px 44px;}
.start_info .si_vendeg			{background:url(../images/ico_login_3.png) no-repeat -8px -402px, url(../images/circle_purple_60x60.png) no-repeat 0 0; background-size:60px 438px, 44px 44px;}
.start_info .si_reg span		{display:block; font-size:90%; color:#666; line-height:20px;}


@media only screen and (max-width: 639px) {
	.start_info	div				{float:left; clear:left;}
	.start_info .si_kikvagyunk	{width: calc(100% - 55px); padding:0 0 0 55px; }
	.start_info .si_alapitas	{width: calc(100% - 55px); padding:0 0 0 55px; }
	.start_info .si_csomagok	{width: calc(100% - 55px); padding:0 0 0 55px; }
	
	.start_info .si_reg			{width: calc(100% - 55px); padding:0 0 0 55px;}
	.start_info .si_belep		{width: calc(100% - 55px); padding:0 0 0 55px;}
	.start_info .si_vendeg		{width: calc(100% - 55px); padding:0 0 0 55px;}
}









.grid_container						{position:relative; display:grid; background-color:#fff; grid-template-columns:1fr; width:100%; max-width:980px; min-height:300px;}
.grid_container .artikels			{position:relative; width:100%; background:#fff; overflow-x:scroll; scroll-snap-type: x mandatory; scroll-behavior:smooth; overflow-y:hidden; white-space:nowrap; transition: all 0.2s; transform: scale(0.98); will-change:transform; user-select:none; cursor:pointer;}
.grid_container .artikel			{display:inline-block; background:#fff; min-height:300px; min-width:180px; margin:0 10px; white-space:normal; scroll-snap-align:start; /*scroll-snap-stop:always;*/}

.grid_container .artikels::-webkit-scrollbar		{width:5px;}
.grid_container .artikels::-webkit-scrollbar-track	{background:#f0f0f0;}
.grid_container .artikels::-webkit-scrollbar-thumb	{background:#ccc;}
.grid_container .artikels::-webkit-scrollbar-thumb:hover {background:#555;}
.grid_container .artikels							{scrollbar-color:#ccc #f0f0f0; scrollbar-width:5px;}

.grid_container .btn				{position:absolute; top:120px; height:32px; width:32px; background-position:center center; background-repeat:no-repeat; background-clip:content-box; background-size:32px 32px; z-index:100;}
.grid_container .btn.prev			{left:0; background-image:url(../images/grid_prev_orange.png);}
.grid_container .btn.next			{right:0; background-image:url(../images/grid_next_orange.png);}
.grid_container .btn.prev.p_yellow	{background-image:url(../images/grid_prev_yellow.png);}
.grid_container .btn.next.n_yellow	{background-image:url(../images/grid_next_yellow.png);}
.grid_container .btn.prev.p_blue	{background-image:url(../images/grid_prev_blue.png);}
.grid_container .btn.next.n_blue	{background-image:url(../images/grid_next_blue.png);}
.grid_container .btn.prev.p_green	{background-image:url(../images/grid_prev_green.png);}
.grid_container .btn.next.n_green	{background-image:url(../images/grid_next_green.png);}
.grid_container .btn.prev.p_red		{background-image:url(../images/grid_prev_red.png);}
.grid_container .btn.next.n_red		{background-image:url(../images/grid_next_red.png);}
.grid_container .btn.prev.p_pink	{background-image:url(../images/grid_prev_pink.png);}
.grid_container .btn.next.n_pink	{background-image:url(../images/grid_next_pink.png);}
.gc_blank							{min-height:310px; background:#fff url(../images/bg_toy.jpg) repeat-x 0 21px; background-attachment:scroll scroll;}

@media only screen and (max-width: 699px) {
	.grid_container .btn		{height:48px; width:48px; top:112px;}
	.grid_container .btn.prev	{background-position:left center;}
	.grid_container .btn.next	{background-position:right center;}
}

.toy 							{float:left; width:195px; height:320px; background:#fff url(../images/wait_4.gif) no-repeat center 54px;}
.toy a							{display:block; text-decoration:none !important; color:#444 !important;}		
.toy a img						{width:140px; height:140px; margin:0 0 4px 0; font-size:60%; line-height:12px; color:#999;}
.toy a img.ico_akcios			{position:relative; top:-150px; left:-47px; width:45px !important; height:45px !important;}
.toy a:hover					{color:#55509f !important;}
.toy a p						{font-size:125%; margin:0; padding:0; line-height:26px; width:100%; max-width:180px; font-weight:600; text-decoration:none !important; max-height:72px; overflow:hidden;}
.toy a p.kor_nem				{font-size:100%; line-height:22px !important; font-weight:300; margin-top:2px;}
.toy a p.pict					{text-align:center !important; font-size:95%; font-weight:300; max-height:144px; width:100%; margin-bottom:12px;}
.toy a p.ar						{position:absolute; bottom:0; height:34px; margin-top:4px; line-height:30px; color:#55509f; font-size:180%; font-weight:700;}
.gc_blank .toy a p.ar			{color:#f60;}
.toy a p.ar s					{color:#888; font-weight:400 !important; font-size:50%;}

.show #grid1 .toy a p.ar		{color:#f60;}
.show #grid2 .toy a p.ar		{color:#090;}
.show #grid3 .toy a p.ar		{color:#06f;}



#st_cat,								
#st_cat .artikels .artikel		{min-height:150px !important; min-width:130px;}
#st_cat .artikels .artikel .toy	{width:120px; height:150px; font-size:85%; background-position: center 15px; text-align:center;}
#st_cat .artikels .artikel .toy a img{width:64px; height:64px;}
#st_cat .artikels .artikel .toy a p{line-height:22px;}
#st_cat .artikels .artikel .toy a p.pict{margin-bottom:0;}
#st_cat .btn					{top:45px;}




.h2_head h2 span				{display:inline-block;}
.h2_head h2 span#kat			{width:82px; height:24px; background:url(../images/start_h2_kat.jpg) no-repeat center center;}
.h2_head h2 span#new			{width:82px; height:24px; background:url(../images/start_h2_ducks.jpg) no-repeat center center;}
.h2_head h2 span#ajan			{width:82px; height:24px; background:url(../images/start_h2_stars.jpg) no-repeat center center;}
.h2_head h2 span#marka			{width:24px; height:24px; background:url(../images/spacer.gif) no-repeat center center; background-size:100% auto;}
.h2_head h2.st_page				{font-size:180%;}

		


.modal_window			{visibility:hidden; position:fixed; background-color:rgba(0, 0, 0, 0.75); top:0; right:0; bottom:0; left:0; z-index:9001; opacity:0; pointer-events:none; transition: all 0.3s;}
.modal_window_visible	{visibility:visible; opacity:1; pointer-events:auto;}
.modal_window > div		{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:2em; background:#fff;}
.modal_close			{color:#aaa; position:absolute; right:0; top:0; width:70px; text-decoration:none;}
.modal_window .close	{position:absolute; z-index:9002; cursor:pointer; right:1px; top:1px; background:#55509f url(../images/close_overlay.png) no-repeat center center; height:28px; width:28px;}

.modal_window .col		{float:left; clear:left; width:100%; line-height:24px; margin:15px 0;}
.modal_window .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;}
.modal_window .leiras strike{font-weight:normal; color:#666;}
.modal_window .c_info	{line-height:20px; color:#666; margin:5px 0 6px 0; border-top:1px solid #999;}
.modal_window .c_info a	{color:#55509f !important;}
.modal_window .c_info2	{color:#666; margin:5px 0; border-top:1px solid #999;}
.c_info2 a				{display:block; float:left; margin-right:15px;}
.modal_window .button	{min-width:60px;}

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

@media only screen and (max-width: 440px) {
	div#modal_kosarba	{max-width:80%; padding:5%; max-height:320px;}
	}
		

.fnykp		 		{width:100%; height:auto; text-align:center; overflow-x:hidden; overflow-y:auto;}
.fnykp .cimsor		{float:left; clear:left; width:100%; height:30px; text-align:right; background:#fff; border-bottom:3px solid #eee; overflow:hidden;}
.fnykp .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%;}
.fnykp .foto		{float:left; clear:left; width:100%; max-height:480px; height:auto; background:#fff url(../images/wait_4.gif) no-repeat center center;}
.fnykp .foto img	{vertical-align:bottom; max-width:480px; max-height:480px; width:100%; height:100%; background-size:100% 100% !important;}
.fnykp .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; }
.fnykp .lab ul		{float:left;}
.fnykp .lab ul li	{float:left;}
.fnykp .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;}

div#modal_fenykep	{width:100%; max-width:480px; height:auto; padding:20px;}
div#modal_fenykep .close{right:20px; top:20px;}

@media only screen and (max-width: 979px) {
	.fnykp .foto		{max-height: calc(100vh - 60px);}
}

@media only screen and (max-width: 519px) {
	div#modal_fenykep	{width: calc(96% - 20px); padding:10px;}
	div#modal_fenykep .close{right:10px; top:10px;}	
}



.modal_window .csp	{width:100%; max-width:640px; height:100%; max-height:500px; overflow-x:hidden; overflow-y:auto;}
#csomagpont_lista	{min-height:100px;}	

@media only screen and (max-width: 749px) {
	.modal_window .csp		{max-width: calc(90% - 40px); height:90%;}
	}


#modal_szukito	{max-width:400px; width:90%; height:90%; padding:5px; background-color:#f0f0f0; overflow-y:auto;}
#modal_szukito .close{right:5px; top:5px;}


.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;}

	
.welcome				{background:#f5f5f5 url(../images/circles_980x490.png) no-repeat 0 -60px; background-size:100% auto; color:#000 !important; padding:15px 20px; margin-top:15px; width: calc(100% - 40px); font-size:36px !important; line-height:58px; text-transform:uppercase; text-align:center;}
.welcome h1				{display:inline-block; font-size:36px; color:#000 !important; font-weight:700; margin:0; padding:0; line-height:48px; }
@media only screen and (max-width: 979px) {
	.welcome, .welcome h1{font-size:24px !important;  line-height:30px;}
	}


.welcome23				{float:left; clear:left; width: calc(72% - 10px); font-size:120%; padding:10px 10px 10px 28%; line-height:30px; background:#f5f5f5 url(../images/welcome.webp) no-repeat 10px center; background-size: calc(28% - 20px) auto;}
.welcome23 h1			{font-size:30px; color:#000 !important; font-weight:700; margin:0; padding:0; line-height:48px;}
.welcome23 span			{display:block; width:100%; text-align:center; margin-top:20px; color:#369; font-style:italic;}
@media only screen and (max-width: 539px) {
	.welcome23			{width: calc(100% - 60px); padding:300px 20px 20px 20px; margin:0 10px; background-position:center 10px; background-size: 242px 280px;}	
	.welcome23 h1		{font-size:24px; margin:0 0 20px 0; line-height:32px;}
	}


.blogok					{float:left; clear:left; width:100%; max-width:980px; height:auto; display:flex; flex-direction:wrap; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.blogok .blog			{font-size:120%; width: calc(33% - 30px); max-width:300px; margin:20px 0; line-height:28px;} 
.blogok .blog h3		{margin:0 0 10px 0;}                                                                         
.blogok .blog a			{display:block; text-decoration:none;}
.blogok .blog img		{background-color:#f0f0f0; max-width:300px; width:100%; height:auto; margin-bottom:15px;}
.blogok sup				{vertical-align:middle; padding-bottom:4px;}

@media only screen and (max-width: 539px) {
	.blogok				{justify-content:center;}
	.blogok .blog		{width:100%; max-width:300px; margin:20px 0;} 
	}

img.blog_big_picture	{width:100%; max-width:980px; height:auto;}

@media only screen and (max-width: 299px) {
	.blogok .blog img	{width:100%; max-width:300px; height:auto;}
}

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;}
	
a.fb_share				{float:left; display:block; font-weight:bold; padding:2px 10px 2px 30px; margin:15px 0; color:#fff !important; font-size:85%; background:#1573ea url(../images/fb_share_8x16.png) no-repeat 8px center; background-size:8px auto; text-decoration:none !important; border:1px solid #444;}
a.fb_share:hover		{background-size:7px auto; border-color:#111;}	

/*
[id=div_id_name] {}
*/





.show_q					{display:block !important;}
.q_mother				{display:block; float:left; position:absolute; width:100%; max-width:980px;}
.q_mother #q_dropdown	{display:none; float:left; position:absolute; z-index:999; overflow-y:auto; margin:0 auto; left:0; right:0; text-align:left; background:#fff; color:#000 !important; top:2px; min-height:200px; max-height:500px; max-width:750px; width: calc(100% - 20px); padding:10px; border:1px solid #eee; box-shadow:0 4px 8px 0 #222, 0 6px 20px 0 #222;}
.q_mother #q_dropdown .qb				{float:left; clear:left; width: calc(100% - 470px); }
.q_mother #q_dropdown .qj				{float:right; width:450px; margin-left:20px;}
.q_mother #q_dropdown div p				{font-weight:bold; color:#55509f; margin-bottom:2px;}
.q_mother #q_dropdown div ul			{float:left; clear:left;}
.q_mother #q_dropdown div ul li			{float:left; clear:left; display:inline-block; width:100%; padding:0; margin:2px 0; min-height:27px; height:auto; }
.q_mother #q_dropdown div ul li a		{float:left; clear:left; display:inline-bloc; margin:auto 0 !important; width: calc(100% - 50px); line-height:28px; min-height:28px; height:auto; padding:1px 10px 1px 40px !important; color:#000 !important; text-decoration:none; background:url(../images/spacer.gif) no-repeat 10px 3px; background-size:25px auto;}
.q_mother #q_dropdown div ul li a:hover	{background-color:#ddd; color:#55509f !important;}
.q_mother #q_dropdown div ul.qb_ker li	{clear:none; margin:2px 0 2px 4px; width:auto; }
.q_mother #q_dropdown div ul.qb_ker li a{width:auto; padding:1px 10px 1px 25px !important; background:#eee url(../images/ico_search.png) no-repeat 5px 7px; background-size:auto 16px}
.q_mother #q_dropdown .wait				{float:left; clear:left; display:block; width:100%; min-height:200px; background:url(../images/wait_4.gif) no-repeat center center}
.q_mother #q_dropdown .qbig				{float:left; clear:left; width:100%;}
.q_mother #q_dropdown .qbig li			{clear:none; margin:1px 0; width:auto;}
.q_mother #q_dropdown .qbig li a		{width:auto; padding:0 10px !important;}
.q_mother #q_dropdown .nopic li a		{background-image:none; padding-left:10px !important;}

@media only screen and (max-width: 749px) {
	.q_mother #q_dropdown				{margin:0 20px; width: calc(100% - 60px); max-height:66vh;}
	.q_mother #q_dropdown .qb			{width:100%;}
	.q_mother #q_dropdown .qj			{float:left; margin-left:0; width:100%;}
}






.pmstart				{float:left; clear:left; width: calc(100% - 40px); margin:20px 0; padding:18px; font-size:90%; border:2px dashed #00aef7; line-height:24px;}
.pmstart h1				{display:table; margin:0 auto 20px auto; font-size:20px; background:#00aef7; color:#fff; background-image:none; font-weight:600; padding:5px 20px; line-height:30px;}
.pmstart h2				{font-size:18px; color:#00aef7;}
.pmstart ul li			{margin:0 0 0 30px; list-style-image: url(../images/bg_li_pm.png); padding:0 0 0 7px;}