@import 'https://fonts.googleapis.com/css?family=Archivo+Narrow:400,500,600,700&subset=latin-ext';


@media only screen and (max-width: 480px) {
	#mobile { display: block; }
	#nomobile {display: none; }
	
	body, td, th { font-size: 4vw; }
	h1 { font-size: 6.5vw;margin:0; padding:0;}
	h2 { font-size: 6.0vw;margin:0; padding:0;}
	h3 { font-size: 5.5vw;margin:0; padding:0;}
	input, textarea, select {font-size: 5vw; padding:2vw; }
	
	#slider_m {width:100%; height:140vw; overflow:hidden;}
	#slider img { height:100%; left:-35%;}
	
	.index_slider_banner { width: 100%;}
	.index_slider_banner .index_slider_banner_elem { width: 100%; }
	.index_slider_banner .index_slider_banner_elem img { width: 100%;}
	
	#menu_08, #menu_10 { top:0; z-index:1000; width:100%;}
	#menu_08 h3, #menu_10 h3 {	height: 13vw; line-height: 10vw;  display: block;}
	#menu_08 h3 a, #menu_10 h3 a { font-size: 5vw; padding:1.0vw; }
	.menuicon { width:12vw; opacity:1.0;}
	
	#menu_mobile_bck {background:#00acd5; position: fixed; width:100%; z-index:1000; opacity: 1.0;}
	#menu_08 { background:rgba(105,155,179,0.9);}	
	
	#logo_index { width:100%; top: 12vw; position: relative; margin:0 0 10vw 0; }
	
	#belepes a { position: fixed; left: 5%; top: 0; height: 13vw; line-height: 12vw; z-index:5001;}
	#belepes img { vertical-align: middle; height: 12vw;}
	#loginbox { position: fixed; top: 12vw; left:5%; width: auto; padding: 5vw; background-color:#FFF; z-index:5001; box-shadow: 0 0 20px 2px rgba(0,0,0,0.7); text-align:center;}
	#loginbox_close { position: fixed; top: 12vw; left:5%; width: 6vw; z-index:5002; padding: 1vw; }
	
	#kosar {position: fixed; left: 20%; top: 0; height:12vw; z-index:5001; }
	#kosar img { vertical-align: middle; height: 12vw;}
	
	#header_fb {position: fixed; left: 62%; top: 0; height:10vw; margin:1vw 0 0 0; z-index:5001;}
	#header_fb img {vertical-align: middle; height: 10vw;}
	#header_tw {position: fixed; left: 51%; top: 0; height:10vw; margin:1vw 0 0 0; z-index:5001;}
	#header_tw img {vertical-align: middle; height: 10vw;}
	#header_in {position: fixed; left: 40%; top: 0; height:10vw; margin:1vw 0 0 0; z-index:5001;}
	#header_in img {vertical-align: middle; height: 10vw;}
	
	#kosar_tabla .termekkep { display:none;}
	#kosar_tabla a img { width:5vw; display:block; padding: 1vw;}
	#kosar_tabla td { border-bottom:1px solid #C3c3c3;}
	
	#kosar_pop.o { position:fixed; width:100%; height:100vh; background:rgba(0,0,0,0.7); z-index:10000; top:0; bottom:0; display:block;}
	#kosar_pop { display:none;}
	#kosar_pop_content {position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width: 80%; height:15%; padding: 3vw; background-color:#FFF; z-index:5000; box-shadow: 0 0 20px 2px rgba(0,0,0,0.7);}
	
	
	#showmenu h3, #showmenu div { border-bottom: 1px dotted #fff;}
	.menu_kategoria { background:rgba(105,155,179,0.9); padding: 0; color:#FFF; width:100%;}
	#menu_egytermekkategoria h3 a { font-size: 4.5vw; color:#FFF; display:block; padding:0; margin:0; }
	#menu_egytermekkategoria h3 a:hover { color:#000;}
	#menu_egytermekkategoria div a { color:#004c7a; display:block; padding: 2.5vw 0 2.5vw 0;}
	#menu_egytermekkategoria a:hover { color:#fff;}
	#menu_egytermekkategoria div { }
	#menu_egytermekkategoria { width: 100%;  text-align:center;}
	
	#content_container { padding: 0 5% 0 5%;}
	
	#index_udv { width:80%; padding: 5vw 10% 5vw 10%; background-color:#eff1f2; text-align:center;}
	
	#kereses { padding: 2vw; margin: 1vw 0 1vw 0;  height: 10vw; line-height: 8vw; text-align:center;}
	.kereses { width: 80%; height: 6vw; background-image:url(/img/icon_keres.png); background-position: right center; background-size: contain; background-repeat: no-repeat;}	
	
	.tovabb, .tovabb a {padding: 2vw 4vw 2vw 4vw; line-height: 8vw; font-size: 4vw;}
	.butt1, .butt1_off {padding: 2vw 4vw 2vw 4vw; font-size: 4vw;}
	.ar { font-size: 8vw!important; font-weight:700!important;}
	
	#regisztracio .reg1 { width:30%;}
	#regisztracio input { width:50vw;}
	.docfeltolto { font-size: 4vw;}
	
	#index_akcios_container {width:100%; padding:0 5% 0 5%;  text-align:center;}
	.akcios_cim { color:#df2b4e; font-weight:700;}
	#index_akcios_item {background-color:#cdcdcd; outline: 1px solid #78797c; color:#000; padding:5vw; margin:0 0 10vw 0; width:90%; float:none;}
	#index_akcios_item img { width:100%; transition-duration: 0.5s; } 
	#index_akcios_item img:hover { opacity: 0.6; transition-duration: 0.5s; }
	#index_akcios_item h1 {color:#000; font-size:5.5vw; line-height: 5.5vw; height:16.5vw; overflow:hidden;}
	#index_akcios_icon {width:17.6vw; height:17.6vw; position: relative; bottom:10vw; margin-bottom:-10vw; text-align:center;}
	#index_akcios_item #cikkszam { margin: 0.8vw 0 0.8vw 0; }
	#index_akcios_item #cikkszam span {color:#fff;}
	#index_akcios_item .raktar_0 {color: #f00;}
	#index_akcios_item .raktar_1 { color:#457b53;}
	#index_akcios_item .ar {	color: #df2b4e;}
	#index_akcios_item .regiar {	color: #004c7a; text-decoration:line-through; height: 6vw;}
	#index_akcios_item #kosar_reszlet_container { position: relative; height: 10vw;}
	#index_akcios_item #kosarba { height: 10vw; width:35%; float:left; background-color:#f0f1f3;transition-duration: 0.5s; display:block; }
	#index_akcios_item #kosarba:hover { background-color:#fff;transition-duration: 0.5s; }
	#index_akcios_item #kosarba img { height: 10vw; width:auto;}
	#index_akcios_item #reszletek { height: 10vw; line-height: 10vw; width:65%; float:left; background-color:#004c7a; color:#fff; transition-duration: 0.5s;}
	#index_akcios_item #reszletek:hover { background-color:#012c46;transition-duration: 0.5s; color:#fff; }
	.akcios_icon {width:70%; margin: 1vw 0 1vw 0;}
	
	#index_3asblokk_container { width:90%; padding:0 5% 0 5%; display:block; }
	#index_3asblokk_item {width:100%; float:none; margin: 5vw 0 5vw 0;}
	.index_szallitas_piros {color: #df2b4e; font-size: 6.0vw; font-weight:700;}
	.index_szallitas_fekete {color:#000;}
	.index_szallitas_icon { width:55%;}
	.index_youtube { width: 75%;}
	#index_fb_container { max-width:100%; height: 50vw; overflow:hidden;}
	
	#index_dam { clear:both; background-image:url(/img/index_dam.jpg); background-size: cover; background-position: center right; height: 90vh; width:100%;}
	#index_dam_tartalom { float:none; width: 90%; padding: 5vw 5% 0 5%; color:#fff;}
	#index_dam_tartalom h1 { color:#df2b4e;}
	#index_dam_kep { float:none; width: 70%; padding: 5vw 0 15% 15%;}
	
	#index_6os { width:90%; margin:auto; display:block;}
	#index_6os_element { float:none; width: 96%; margin:2%; }	
	
	#kategoriak_container { width:100%;}
	#kategoriak_top { background-color:#eff1f2; padding:1% 5% 1% 5%; width:90%; margin-bottom:0.5vw; font-size:5.5vw;}
	#kategoriak_items_container {width:70%; margin:auto; }
	#kategoriak_item { background-image:url(img/kat_bg.png); background-size: contain; background-position: center; background-repeat: no-repeat; padding:5vw 0.5% 5vw 0.5%; margin:0 0 2vw 0; width:99%; float:left; text-align:center;}
	#kategoriak_item:hover { opacity:0.9;}
	#kategoriak_item h1 a { font-weight:300; color:#FFF; display:block;}
	#kategoriak_item h1 a:hover { font-weight:300; color:#df2b4e; }
	
	#termekek_container { width:100%; padding:0 0% 0 0%;}
	#termekek_top { background-color:#eff1f2; padding:1% 5% 1% 5%; width:90%; margin-bottom:0.5vw; font-size:5.5vw;}
	#termekek_szuro {float:left; width:100%; display: block; padding:0; background-color:#9d9fa2; }
	#termekek_szuro h1 a { padding:0; margin:4vw 0 4vw 0; color:#fff;}
	#termekek_szuro h1 a:hover {color:#004c7a;}
	#termekek_szuro div { border-bottom: 1px dotted #FFFFFF; margin:0;}
	
	#termekek_items_container {width:100%; float:none; display: block; }
	
	#termekek_items_container h2, #termekek_items_container h1 { color:#CCC; margin-bottom: 0.5vw; font-weight:400; font-size: 9vw;}
	
	#lapozas_rendezes { width:96%; background-color:#eff1f2; padding: 2%; display: inline-block; margin-bottom: 2vw;}
	#lapozas { float:none; width:100%; margin-bottom: 4vw; text-align:center;}
	#lapozas a { background: #c7c7c7; display: inline-block; width: 6.0vw; height: 6.0vw; margin: 0 0.5vw 0.5vw 0; outline: 0; border-radius: 6vw; color:#fff; line-height: 6.0vw; text-align:center; font-size: 3.2vw;}
	#lapozas span{ background: #9d9fa2; display: inline-block; width: 6.0vw; height: 6.0vw; margin: 0 0.5vw 0 0; outline: 0; border-radius: 6vw; color:#fff; line-height: 6.0vw; text-align:center; font-size: 3.2vw;}
	#lapozas a:hover {background: #9d9fa2;}
	#rendezes { float:none; width:100%;}
	#rendezes select { width:60%;}
	
	#termekek_item { background-color:#cdcdcd; outline: 1px solid #78797c; color:#000; padding:1.5%; margin:0 1.5% 3% 1.5%; width:44%; float:left; text-align:center;}
	#termekek_item img { width:100%; transition-duration: 0.5s; } 
	#termekek_item img:hover { opacity: 0.6; transition-duration: 0.5s; }
	#termekek_item h2 {color:#000; font-size:4.0vw; line-height: 4.0vw; height:16.5vw; overflow:hidden;}
	#termekek_icon {width:17.6vw; height:17.6vw; position: relative; bottom:10vw; margin-bottom:-10vw; text-align:center;}
	#termekek_item #cikkszam { margin: 0.8vw 0 0.8vw 0;color:#df2b4e; }
	#termekek_item #cikkszam span {color:#000;}
	#csomag img { width:30%; display:block; margin:auto;}
	#csomag { color:#df2b4e; font-size:3.5vw;}
	#termekek_item .raktar_0 {color: #f00;}
	#termekek_item .raktar_1 { color:#457b53;}
	#termekek_item .ar {	color: #df2b4e;}
	#termekek_item .regiar {	color: #004c7a; text-decoration:line-through; height: 6vw;}
	#termekek_item #kosar_reszlet_container { position: relative; height: 10vw;}
	#termekek_item #kosarba { height: 10vw; width:35%; float:left; background-color:#f0f1f3;transition-duration: 0.5s; display:block; }
	#termekek_item #kosarba:hover { background-color:#fff;transition-duration: 0.5s; }
	#termekek_item #kosarba img { height: 10vw; width:auto;}
	.kosar_darab {float:left; width:16%!important; text-align:center!important; color:#000;}
	#termekek_item #reszletek { height: 10vw; line-height: 10vw; width:100%; float:left; background-color:#004c7a; color:#fff; transition-duration: 0.5s;}
	#termekek_item #reszletek:hover { background-color:#012c46;transition-duration: 0.5s; color:#fff; }
	
	#termekek_szuro {display:none;}
	#termekek_szuro.o {display:block;}
	.termekek_szuro_button {font-size: 5vw; padding: 1vw 5% 1vw 5%; background-color: #df2b4e;	color: #FFF; text-decoration: none;	font-weight: 700; text-transform:uppercase; border: none; line-height: 7vw; margin: 0 0 2vw 0;}  
	
	#termek_container { width:100%; padding:0 0% 0 0%;}
	#termek_top { background-color:#eff1f2; padding:1% 5% 1% 5%; width:90%; margin-bottom:0.5vw;}
	#termek_szuro {float:left; width:100%; display: block; padding:0; background-color:#9d9fa2; }
	#termek_szuro h1 a { padding:0; margin:4vw 0 4vw 0; color:#fff;}
	#termek_szuro h1 a:hover {color:#004c7a;}
	#termek_szuro div { border-bottom: 1px dotted #FFFFFF; margin:0;}
	
	#termek_item_container {width:100%; float:none; display: block; }
	
	#termek_item_container h1 { color:#CCC; margin-bottom: 0.5vw; font-weight:400; font-size: 9vw; text-transform: uppercase; padding: 0 5% 0 5%;}
	
	#termek_szuro {display:none;}
	#termek_szuro.o {display:block;}
	
	#termek_kepek { width: 90%; float:left; margin: 0 5% 0 5%;}
	#termek_kiskepek span { width: 23%; float:left; margin:1%;}
	#termek_adatok {width: 100%; float:left; text-align:center;}
	#termek_adatok_db { width:4vw; color:#000;}
	#termek_adatok .ar {	color: #df2b4e; font-size: 9vw!important;}
	#termek_adatok .regiar {	color: #004c7a; text-decoration:line-through; height: 5vw; font-size: 5vw!important;}
	#termek_adatok .raktar_0 {color: #f00;}
	#termek_adatok .raktar_1 { color:#457b53;}
	#termek_leiras { clear:both; width:90%; margin: 0 5% 0 5%;}
	#termek_leiras div, #termek_leiras span, #termek_leiras p {font-size: 5vw!important;font-family: 'Archivo Narrow', sans-serif!important; color: #909090!important; height:auto!important; line-height:normal!important;}
	#termek_leiras h3 { font-size: 10vw;}
	#termek_parameterek { margin: 0 5% 0 5%;}
	#termek_parameterek h3 { font-size: 10vw;}
	
	.hirek_kep { width:100%;}
	
	#footer { width:90%; padding:3vw 5% 3vw 5%; background-color:#5d6166; display:inline-table; margin: 5vw 0 0 0;}
	#footer, #footer h3 a { text-transform:uppercase; font-weight: 600; font-size: 4vw; color:#FFF;}
	#footer h3 a {line-height: 8vw; padding: 0 0 0.6vw 0; display:block;}
	#footer a:hover { color:#eb5a38;}
	#footer_menu {float:none; width: 100%; text-align:center;}
	#footer_adatok {float:none; width: 100%; margin: 5vw 0 0 0;}
	#footer_map { float:none; width: 100%; margin:5vw 0 0 0; }
	#footer_copyr { float:none; display: inline-block; width:100%; margin: 10vw 0 0 0;}
	.footermsbt {width:20vw;}
	
	#cookie_box {width:100%; padding: 1vw;	background-color:rgba(0,0,0,0.7); color:#FFF;	position: fixed;	bottom: -20vw;	transition: bottom 0.25s ease;	z-index: 9999;	font-size: 2vw;}
	#cookie_box.open {	bottom: 0px;}
	.bezar { cursor: pointer; font-size: 6vw; background:rgba(255,255,255,1); color:#df2b4e; padding:0.6vw 0 0.6vw 0; display:block;}
	.bezar:hover { background:rgba(0,0,0,1);}
	
	#blog_content * {font-size: 4vw!important; font-family: 'Archivo Narrow', sans-serif!important; color: #909090!important;}
	
}


@media only screen and (min-width: 481px) {
	#mobile { display: none;  }
	#nomobile {display: block; }
	
	body, td, th { font-size: 1.4vw!important;}
	h1 { font-size: 2.0vw; margin:0; padding:0; }
	h2 { font-size: 1.7vw; margin:0; padding:0; }
	h3 { font-size: 1.5vw; margin:0; padding:0; }
	input, textarea, select {font-size: 1.6vw; padding:0.3vw; }
	
	#slider img {width:100%; height:35vw;}
	
	.index_slider_banner { width: 100%;}
	.index_slider_banner .index_slider_banner_elem { width: 25%; float: left;}
	.index_slider_banner .index_slider_banner_elem img { width: 100%;}
	
	#menu_08, #menu_10 { z-index:4000!important; width:100%; position: relative;}
	#menu_08 h1, #menu_10 h3 {	height:5vw; line-height:5vw; display: inline-block;}
	#menu_08 h1 a, #menu_10 h3 a { font-size: 1.3vw; padding:0 1.5vw 0 1.5vw; }
	
	#menu_08 {background-image:url(/img/menubck.png); background-size: cover; background-position: center center;}
	#menu_10 { background-color:#00acd5;  padding:0 0 0 5%; width:95%;}
	
	.menu_kategoria { background:rgba(105,155,179,0.9); padding: 0; color:#FFF; width:20%; position: absolute; left: 10%; z-index:4000!important;}
	#menu_egytermekkategoria h3 a { font-size: 1.3vw; color:#FFF; display:block; padding:0; margin:0;}
	#menu_egytermekkategoria h3 a:hover { color:#000;}
	#menu_egytermekkategoria a { color:#004c7a; display:block; padding: 0 0 0 0.5vw;}
	#menu_egytermekkategoria a:hover { color:#fff;}
	#menu_egytermekkategoria { width: 100%; padding: 0.5vw 1.5vw 0.5vw 1.5vw; float:left; border-bottom: 1px solid #FFF;}
	
	#logo_index { width:50%; z-index:1010; }
	
	#belepes a { position: absolute; right: 5%; top: 0; height: 5vw; line-height: 5vw; font-size: 1.3vw; color:#699bb3; text-transform: uppercase; font-weight: 700;}
	#belepes a:hover { color:#df2b4e;}
	#belepes img { vertical-align: middle; height: 4vw;}
	#loginbox { position: absolute; top: 5vw; right:5%; width: auto; padding: 2vw; background-color:#FFF; z-index:5000; box-shadow: 0 0 20px 2px rgba(0,0,0,0.7); text-align:center;}
	#loginbox_close { position: absolute; top: 0; top: 5.2vw; right:5.2%; width: 2vw; z-index:5001; }
	
	#kosar {position: absolute; right: 5%; top: 4vw; padding: 0 1% 0 1%; background-color:#e6e7e8; margin: 1vw 0 0 0; width: 12%;}
	#kosar a { height: 5vw; line-height: 4vw; font-size: 1.3vw; color:#699bb3; text-transform: uppercase; font-weight: 700;}
	#kosar a:hover { color:#df2b4e;}
	#kosar img { vertical-align: middle; height: 4vw;}
	#kosar_tartalma { position: absolute; right: 6.3vw; top: 7.5vw; font-size: 1vw; font-weight: 400; color:#a5a5a5;}
	#kosarbox { position: absolute; top: 9vw; right:5%; width: auto; padding: 2vw; background-color:#FFF; z-index:5000; box-shadow: 0 0 20px 2px rgba(0,0,0,0.7);}
	#kosarbox_close { position: absolute; top: 0; top: 9.2vw; right:5.2%; width: 2vw; z-index:5001; }
	
	#header_fb { padding:1vw 0 0 0!important; height:5vw!important; display:inline-block; position: absolute; right:3.5%;}
	#header_fb img { height:3vw;}
	#header_fb a:hover { background:none!important;}
	#header_tw { padding:1vw 0 0 0!important; height:5vw!important; display:inline-block; position: absolute; right:7.0%;}
	#header_tw img { height:3vw;}
	#header_tw a:hover { background:none!important;}
	#header_in { padding:1vw 0 0 0!important; height:5vw!important; display:inline-block; position: absolute; right:10.5%;}
	#header_in img { height:3vw;}
	#header_in a:hover { background:none!important;}

	#kosar_dd_item img {float:left; width: 5vw; padding: 0 1vw 1vw 0;}
	#kosar_dd_item h3 { font-size: 1.3vw;}
	#kosar_dd_item div {font-size: 1.1vw;}
	
	#kosar_tabla .termekkep { width: 8vw;}
	#kosar_tabla a img { width:1.5vw; display:block; padding: 0.2vw 0 0.2vw 0;}
	#kosar_tabla td { border-bottom:1px solid #C3c3c3;}
	
	#kosar_pop { position:fixed; width:100%; height:100vh; background:rgba(0,0,0,0.7); z-index:10000; top:0; bottom:0; display:block;}
	#kosar_pop { display:none;}
	#kosar_pop_content {position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; width: 30%; height:15%; padding: 3vw; background-color:#FFF; z-index:5000; box-shadow: 0 0 20px 2px rgba(0,0,0,0.7);}
	
	#content_container { padding: 2% 5% 0 5%;}
	
	#index_udv { width:80%; padding: 2vw 10% 2vw 10%; background-color:#eff1f2; text-align:center;}
	
	#kereses {position: absolute; right: 18%; top: 4vw; padding: 0 2% 0 1%; background-color:#f8f9fa; margin: 1vw 0 0 0; width: 25%; height: 5vw; line-height: 4vw;}
	.kereses { width: 100%; height: 2.5vw; margin:0.5vw 0 0.5vw 0; background-image:url(/img/icon_keres.png); background-position: right center; background-size: contain; background-repeat: no-repeat;}
	
	.tovabb, .tovabb a {padding: 1vw 2.5vw 1vw 2.5vw; line-height: 4vw; font-size: 1.4vw;}
	.butt1, .butt1_off {padding: 0.5vw 1.5vw 0.5vw 1.5vw; font-size: 1.4vw;}
	.ar { font-size: 2vw!important; font-weight:700!important;}
	
	#regisztracio .reg1 { width:30%;}
	#regisztracio input { width:30vw;}
	.docfeltolto { font-size: 1vw;}
	
	#index_akcios_container {width:100%; padding:0 5% 0 5%;  text-align:center;}
	.akcios_cim { color:#df2b4e; font-weight:700;}
	#index_akcios_item {background-color:#cdcdcd; outline: 1px solid #78797c; color:#000; padding:0.5%; margin:0 0.5% 1% 0.5%; width:18%; float:left;}
	#index_akcios_item img { width:100%; transition-duration: 0.5s; } 
	#index_akcios_item img:hover { opacity: 0.6; transition-duration: 0.5s; }
	#index_akcios_item h1 {color:#000; font-size:1.8vw; line-height: 1.8vw; height:5.4vw; overflow:hidden;}
	#index_akcios_icon {width:17.6vw; height:17.6vw; position: relative; bottom:10vw; margin-bottom:-10vw; text-align:center;}
	#index_akcios_item #cikkszam { margin: 0.8vw 0 0.8vw 0; }
	#index_akcios_item #cikkszam span {color:#fff;}
	#index_akcios_item .raktar_0 {color: #f00;}
	#index_akcios_item .raktar_1 { color:#457b53;}
	#index_akcios_item .ar {	color: #df2b4e;}
	#index_akcios_item .regiar {	color: #004c7a; text-decoration:line-through; height: 2vw;}
	#index_akcios_item #kosarba { height: 3vw; width:35%; float:left; background-color:#f0f1f3;transition-duration: 0.5s; }
	#index_akcios_item #kosarba:hover { background-color:#fff;transition-duration: 0.5s; }
	#index_akcios_item #kosarba img { height: 3vw; width:auto;}
	#index_akcios_item #reszletek { height: 3vw; line-height: 3vw; width:65%; float:left; background-color:#004c7a; color:#fff; transition-duration: 0.5s; }
	#index_akcios_item #reszletek:hover { background-color:#012c46;transition-duration: 0.5s; color:#fff; }
	.akcios_icon {width:30%; margin: 1vw 0 1vw 0;}
	
	#index_3asblokk_container { width:90%; padding:0 5% 0 5%; display:block; }
	#index_3asblokk_item {width:32%; float:left; margin: 0.5%;}
	.index_szallitas_piros {color: #df2b4e; font-size: 1.9vw; font-weight:700;}
	.index_szallitas_fekete {color:#000;}
	.index_szallitas_icon { width:35%;}
	.index_youtube { width: 75%;}
	#index_fb_container { max-width:100%; height: 20vw; overflow:hidden;}
	
	#index_dam { clear:both; background-image:url(/img/index_dam.jpg); background-size: cover; background-position: center; height: 35vw; width:100%;}
	#index_dam_tartalom { float:left; width: 50%; padding: 10vw 0 0 15%; color:#fff;}
	#index_dam_tartalom h1 { color:#df2b4e;}
	#index_dam_kep { float:left; width: 18%; padding: 10vw 15% 0 2%;}
	
	#index_6os { width:90%; margin:auto; display:block;}
	#index_6os_element { float:left; width: 49.5%; margin:0.25%; }	
	
	#kategoriak_container { width:94%; padding:0 3% 0 3%;}
	#kategoriak_top { background-color:#eff1f2; padding:1% 5% 1% 5%; width:90%; margin-bottom:0.5vw;}
	#kategoriak_items_container {width:100%; float:left; display: inline-block; }
	#kategoriak_item { background-image:url(img/kat_bg.png); background-size: contain; background-position: center; background-repeat: no-repeat; padding:1.5vw 0.5% 1.5vw 0.5%; margin:0 2% 2vw 2%; width:20%; float:left; text-align:center;}
	#kategoriak_item:hover { opacity:0.9;}
	#kategoriak_item h1 a { font-weight:300; color:#FFF; display:block; font-size: 1.5vw;}
	#kategoriak_item h1 a:hover { font-weight:300; color:#df2b4e; }

	#termekek_container { width:90%; padding:0 5% 0 5%;}
	#termekek_top { background-color:#eff1f2; padding:1% 5% 1% 5%; width:90%; margin-bottom:0.5vw;}
	#termekek_szuro {float:left; width:20%; display: inline-block; padding:0; margin-right:1%; background-color:#9d9fa2; }
	#termekek_szuro h1 a { padding:0; margin:0; color:#fff;}
	#termekek_szuro h1 a:hover {color:#004c7a;}
	#termekek_szuro div { border-bottom: 1px dotted #FFFFFF;}
	
	#termekek_items_container {width:79%; float:left; display: inline-block; }
	
	#termekek_items_container h2, #termekek_items_container h1 { font-size: 3.5vw; color:#CCC; margin-bottom: 0.5vw; font-weight:400;}
	
	#lapozas_rendezes { width:98%; background-color:#eff1f2; padding: 1%; display: inline-block; margin-bottom: 1%;}
	#lapozas { float:left; width:70%;}
	#lapozas a { background: #c7c7c7; display: inline-block; width: 3.0vw; height: 3.0vw; margin: 0 0.5vw 0.5vw 0; outline: 0; border-radius: 3vw; color:#fff; line-height: 3.0vw; text-align:center; font-size: 1.5vw;}
	#lapozas span{ background: #9d9fa2; display: inline-block; width: 3.0vw; height: 3.0vw; margin: 0 0.5vw 0 0; outline: 0; border-radius: 3vw; color:#fff; line-height: 3.0vw; text-align:center; font-size: 1.5vw;}
	#lapozas a:hover {background: #9d9fa2;}
	#rendezes { float:left; width:30%;}
	#rendezes select { float:left; width:100%;} 

	#termekek_item {background-color:#cdcdcd; outline: 1px solid #78797c; color:#000; padding:0.5%; margin:0 0.5% 1% 0.5%; width:18%; float:left; text-align:center;}
	#termekek_item img { width:100%; transition-duration: 0.5s; } 
	#termekek_item img:hover { opacity: 0.6; transition-duration: 0.5s; }
	#termekek_item h2 {color:#000; font-size:1.1vw; line-height: 1.2vw; height:3.8vw; overflow:hidden; margin-top: 0.5vw;}
	#termekek_icon {width:17.6vw; height:17.6vw; position: relative; bottom:10vw; margin-bottom:-10vw; text-align:center;}
	#termekek_item #cikkszam { margin: 0.8vw 0 0.8vw 0; font-size:1vw; color: #df2b4e;}
	#termekek_item #cikkszam span {color:#000;}
	#csomag img { width:25%; float:left;}
	#csomag { color:#df2b4e; font-size:0.9vw;}
	#termekek_item .raktar_0 {color: #f00;}
	#termekek_item .raktar_1 { color:#457b53;}
	#termekek_item .ar {	color: #df2b4e; font-size:1.4vw!important;}
	#termekek_item .regiar {	color: #004c7a; text-decoration:line-through; height: 2vw; line-height:2vw; display:block;font-size:1.3vw!important;}
	#termekek_item #kosarba { height: 2.7vw; width:100%; float:left; background-color:#f0f1f3;transition-duration: 0.5s; }
	#termekek_item #kosarba:hover { background-color:#fff;transition-duration: 0.5s; }
	#termekek_item #kosarba img { height: 2.7vw; width:auto;}
	.kosar_darab {float:left; width:20%!important; text-align:center!important; color:#000;}
	#termekek_item #reszletek { height: 2.7vw; line-height: 2.7vw; width:100%; float:left; background-color:#004c7a; color:#fff; transition-duration: 0.5s; font-size:1.2vw; }
	#termekek_item #reszletek:hover { background-color:#012c46;transition-duration: 0.5s; color:#fff; }
	
	
	#termek_container { width:90%; padding:0 5% 0 5%;}
	#termek_top { background-color:#eff1f2; padding:1% 5% 1% 5%; width:90%; margin-bottom:0.5vw;}
	#termek_szuro {float:left; width:20%; display: inline-block; padding:0; margin-right:1%; background-color:#9d9fa2; }
	#termek_szuro h1 a { padding:0; margin:0; color:#fff;}
	#termek_szuro h1 a:hover {color:#004c7a;}
	#termek_szuro div { border-bottom: 1px dotted #FFFFFF;}
	
	#termek_item_container {width:79%; float:left; display: inline-block; }
	#termek_item_container h1 { font-size: 3.5vw; color:#004c7a; margin-bottom: 0.5vw; font-weight:400; text-transform: uppercase;}
	
	#termek_kepek { width: 50%; float:left; margin: 0 2% 0 0;}
	#termek_kiskepek span { width: 23%; float:left; margin:1%;}
	#termek_adatok {width: 48%; float:left;}
	#termek_adatok_db { padding: 0.5vw 0.5vw 0.5vw 0.5vw; font-size: 1.4vw; width: 2vw; color:#000;}
	#termek_adatok .ar {	color: #df2b4e; font-size: 4vw!important;}
	#termek_adatok .regiar {	color: #004c7a; text-decoration:line-through; height: 2vw; font-size: 2vw!important;}
	#termek_adatok .raktar_0 {color: #f00;}
	#termek_adatok .raktar_1 { color:#457b53;}
	#termek_leiras { clear:both; width:100%;}
	#termek_leiras div, #termek_leiras span, #termek_leiras p {font-size: 1.4vw!important;font-family: 'Archivo Narrow', sans-serif!important; color: #909090!important; height:auto!important; line-height:normal!important;}
	#termek_leiras h3 { font-size: 3vw;}
	#termek_parameterek h3 { font-size: 3vw;}
	.termek_parametertabla { width: 100%; border: 1px solid #dcddde;}
	.termek_parametertabla tr:nth-child(even) { background: #dcddde;}
	
	.hirek_kep { width:20%;}
		
	
	#footer { width:90%; padding:3vw 5% 3vw 5%; display:inline-table; margin: 2vw 0 0 0;}
	#footer, #footer h3 a { text-transform:uppercase; font-weight: 600; font-size: 1.2vw;}
	#footer h3 { display:inline-block; padding:0 1vw 0 1vw;}
	#footer h3 a {padding: 0 0 1.5vw 0; display:block;}
	#footer_menu {float: none; width: 100%; text-align:center;}
	#footer_adatok { width: 100%;}
	#footer_map { float:left; width: 58%; padding:0 2% 0 0; }
	#footer_copyr { float:none; display: inline-block; width:100%; margin: 4vw 0 0 0;}
	#footer a { font-size: 1.4vw;}
	.footermsbt {width:7vw;}
	
	#cookie_box {width:100%; padding: 1vw;	background-color:rgba(0,0,0,0.7); color:#FFF;	position: fixed;	bottom: -7vw;	transition: bottom 0.25s ease;	z-index: 9999;	font-size: 0.6vw;}
	#cookie_box.open {	bottom: 0px;}
	.bezar { cursor: pointer; font-size: 1vw; background:rgba(255,255,255,1); color:#df2b4e; padding:0.4vw 0.8vw;}
	.bezar:hover { background:rgba(0,0,0,1);}
	
	#blog_content * {font-size: 1.4vw!important; font-family: 'Archivo Narrow', sans-serif!important; color: #909090!important;}

}



/* CSS Document */

* {	outline: none; border:none;}

body  {	margin:0;	padding:0;	background-color: #fff; -webkit-tap-highlight-color:transparent; tap-highlight-color:transparent;}
body,td,th {font-family: 'Archivo Narrow', sans-serif!important; color: #909090; font-weight: 300; }
	
#showmenu {display:none;}
#showmenu.o {display:block; z-index:5000;}

#showlogin, #showlogin_m {display:none;}
#showlogin.o, #showlogin_m.o {display:block; z-index:5001;}

#showfiokom, #showfiokom_m {display:none;}
#showfiokom.o, #showfiokom_m.o {display:block; z-index:5001;}

#showkosar {display:none;}
#showkosar.o {display:block; z-index:5000;}

#showkategoria { transition-duration: 0.5s; overflow: hidden; display: none;}
#showkategoria.o { transition-duration: 0.5s; display:block;}

#showkategoria_m { transition-duration: 0.5s; overflow: hidden; display: none;}
#showkategoria_m.o { transition-duration: 0.5s; display:block;}

#menu_termekek {background-image:url(/img/menu_le.png); background-size: auto; background-repeat:no-repeat; background-position: bottom center;}

#kategoria_1, #kategoria_2, #kategoria_3, #kategoria_4, #kategoria_5, #kategoria_6, #kategoria_7, #kategoria_8, #kategoria_9, #kategoria_10, #kategoria_11 {display:none;}
#kategoria_1.o, #kategoria_2.o, #kategoria_3.o, #kategoria_4.o, #kategoria_5.o, #kategoria_6.o, #kategoria_7.o, #kategoria_8.o, #kategoria_9.o, #kategoria_10.o, #kategoria_11.o {display:block; z-index:5000;}

#kategoria_m_1000, #kategoria_m_1100, #kategoria_m_1200, #kategoria_m_1300, #kategoria_m_1400, #kategoria_m_1500, #kategoria_m_1600, #kategoria_m_1700, #kategoria_m_1800, #kategoria_m_1900, #kategoria_m_2000, #kategoria_m_2100, #kategoria_m_2200, #kategoria_m_2300, #kategoria_m_2400 {display:none;}
#kategoria_m_1000.o, #kategoria_m_1100.o, #kategoria_m_1200.o, #kategoria_m_1300.o, #kategoria_m_1400.o, #kategoria_m_1500.o, #kategoria_m_1600.o, #kategoria_m_1700.o, #kategoria_m_1800.o, #kategoria_m_1900.o, #kategoria_m_2000.o, #kategoria_m_2100.o, #kategoria_m_2200.o, #kategoria_m_2300.o, #kategoria_m_2400.o {display:block; z-index:5000;}

	
#slider{position: relative;}
#slider img{position:absolute;z-index:1;}
#slider img.elso{z-index:3;}




h1, h1 a {	color:#699bb3;	font-weight: 600;	transition-duration: 0.5s; }
h2, h2 a {	color:#699bb3;	font-weight: 600;	transition-duration: 0.5s; }
h3, h3 a {	color:#699bb3;	font-weight: 600;	transition-duration: 0.5s; }


a, a img {	text-decoration: none;	color:#df2b4e;	font-weight: 300;	outline: none;	padding:0;	transition-duration: 0.9s;}
a:hover, a img:hover {	color: #000;	transition-duration: 0.3s;}

b, strong { font-weight:700;}

input, textarea, select { color: #c3c3c3; border: 1px solid #c3c3c3;	background-color: #fff; font-family: 'Archivo Narrow', sans-serif; font-weight: 300;}


#menu_08 h3 a, #menu_10 h3 a {color: #fff; text-align: center; display: block; text-transform: uppercase; font-weight:600; white-space: nowrap; transition-duration: 0.9s; }
#menu_08 h3 a:hover, #menu_10 h3 a:hover {	color: #fff;	background:rgba(105,155,179,0.7);	transition-duration: 0.5s;}



.menu_elvalaszto {width:1px; border-right:3px dotted #FFFFFF; display: inline;}
.gyorskereso_elvalaszto {width:1px; border-right:1px dotted #FFFFFF; display: inline-block; height:5vw;}

#logo_index img { opacity:1.0;transition-duration: 0.4s;}
#logo_index img:hover { opacity: 1.0; transition-duration: 0.3s;}

#index_kereses {background:rgba(91,6,45,0.8);}
#index_kereses td, #index_kereses div { color: #FFF;}
.index_kereses_azonosito { background-image:url(img/azonosito_keres.png); background-size: contain; background-repeat:no-repeat; background-position: right center;}
/*.index_kereses_tipus { background-image:url(img/tipus_keres.png); background-size: contain; background-repeat:no-repeat; background-position: right center; }*/
.index_kereses_kereses { font-weight:600; color:#FFF; background-color:#eb5a38; cursor:pointer; transition-duration: 0.8s;}
.index_kereses_kereses:hover { color:#773629; background-color:#ffd101; transition-duration: 0.3s;}

hr { clear:both;border:none; border-bottom:1px solid #cfcfcf;}

#index_akciok a h2 { color:#726168;}
#index_akciok a h2:hover { color:#000;}

#focsoport h2 a { text-transform: uppercase; color:#fc5a0a; }
#focsoport h2 a:hover { color:#000;}


.tovabb, .tovabb a, .butt1 { background-color: #df2b4e;	color: #FFF; text-decoration: none;	font-weight: 700; transition-duration: 0.5s; text-transform:uppercase; cursor:pointer; border: none;}
.tovabb:hover, .butt1:hover {	background-color: #9c1832;	color:#fff;	transition-duration: 0.3s;}

.butt1_off { background-color: #848484;	color: #FFF; text-decoration: none;	font-weight: 700; text-transform:uppercase; border: none;}



.nari { color:#fc5a0a;}
.piros { color:#df2b4e;}
.instockerror.o { display: block; background: rgba(0,0,0,0.8); position: fixed; margin: auto; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999; overflow-y: scroll; padding: 5% 0 10% 0;}
.instockerror {display: none;}
.instockerror_text {   width: 60%;  top: 40%; margin: 0 auto 10% auto; background: #df2b4e; padding: 5%; box-shadow: 0 0 200px 0 #df2b4e; color: #fff!important;}

#footer h2 { color:#004c7a!important;}
#footer a:hover { color:#000;}
#footer { background-color:#cdcdcd; }
#footer, #footer h3 a { color:#FFF;}
#footer h3 a {color:#df2b4e;}