#keeway_alkatreszek_menu{
	display: none;
}
#banner-scroller-wrapper{
	overflow: hidden;
}
	#banner-scroller.img3{
		  position: relative;
		  width: 300%;
	}
	#banner-scroller.img2{
		  position: relative;
		  width: 200%;
		  
		-webkit-animation-name: doScrollimg2; /* Chrome, Safari, Opera */
		-webkit-animation-duration: 14s; /* Chrome, Safari, Opera */
		-webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
		animation-name: doScrollimg2;
		animation-duration: 14s;
		animation-iteration-count: infinite;	
	}
	
		#banner-scroller.img3>img{
			width: 33.33334%;
			width: calc(100%/3);
			float: left;
			
			-webkit-animation-name: doScrollimg3; /* Chrome, Safari, Opera */
			-webkit-animation-duration: 20s; /* Chrome, Safari, Opera */
			-webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
			animation-name: doScrollimg3;
			animation-duration: 20s;
			animation-iteration-count: infinite;
		}
		#banner-scroller.img2>img{
			width: 50%;
			float: left;
		}
	#banner-scroller2{
		display: none;
	}


/* Chrome, Safari, Opera */
@-webkit-keyframes doScrollimg3 {
    0%   { transform: translateX(0); }
    30%  { transform: translateX(0); }
    33% { transform: translateX(-100%); }
    63%  { transform: translateX(-100%); }
    66%  { transform: translateX(-200%); }
    96%  { transform: translateX(-200%); }
    100%  { transform: translateX(0); }
}
@keyframes doScrollimg3 {
    0%   { transform: translateX(0); }
    30%  { transform: translateX(0); }
    33% { transform: translateX(-100%); }
    63%  { transform: translateX(-100%); }
    66%  { transform: translateX(-200%); }
    96%  { transform: translateX(-200%); }
    100%  { transform: translateX(0); }
}	
	
/* Chrome, Safari, Opera */
@-webkit-keyframes doScrollimg2 {
    0%   { transform: translateX(0); }
    44%  { transform: translateX(0); }
    50% { transform: translateX(-50%); }
    94%  { transform: translateX(-50%); }
    100%  { transform: translateX(0); }
}
/* Standard syntax */
@keyframes doScrollimg2 {
    0%  { transform: translateX(0); }
    44%  { transform: translateX(0); }
    50% { transform: translateX(-50%); }
    94%  { transform: translateX(-50%); }
    100%  { transform: translateX(0); }
}
		
		

#category_image_container{
text-align: center;
}
#category_image{
  width: 100%;
}
#keeway_termeklista{
 border-collapse: collapse;
 width: 100%;
}
#keeway_termeklista thead tr{
font-size: 14px;
font-weight: bold;
background: #999;
}
#keeway_termeklista tbody tr:nth-of-type(even){
background: #eee;
}
#keeway_termeklista th, #keeway_termeklista td{
padding: 5px 0;    
}
.td-sorszam{
text-align: center;
}
.td-kosarba{
text-align: right;
}
.td-sorszam, .td-cikkszam, .td-termeknev, .td-ar{
padding-right: 5px;
}
.kosarba-qty{
width: 40px;
}
		
		
		
		
		
	#header-top, #header-top-search{
	height: auto;
}
	.header_logo{
		padding: 5px 3px;
		display: inline-block;
	}
	.header_logo:first-of-type{
		margin-left: 2px;
	}
	.header_logo_img{
		height: 50px;
		width: 85px;
		background: url('images/header_logok_sprite.gif') no-repeat;
	}
		#piaggio_logo{
		background-position: 0 0;
		}
		#keeway_logo{
		background-position: -85px 0;
		}
		#vespa_logo{
		background-position: -170px 0;
		}
		#gilera_logo{
		background-position: -255px 0;
		}
		#motowell_logo{
		background-position: -340px 0;
		}
		#aprilia_logo{
		background-position: -425px 0;
		}

.robogoaruhaz ul li:hover { /* ALMENÜ HOVER */
 	width: 200px;
 	border: 0px;
	padding:0px;
	
	background-image: none;
}
.robogoaruhaz ul a:hover { /* ALMENÜ LINK HOVER */
  	color: #fff !important;
	background-image: none;
	background-image: none;
	background-color:#670000;
}

ul.termekajanlo li.termekinfo1{
	padding: 0;
	width: 160px;
}
	.termekajanlo .megtekint{
		padding: 5px;
		display: block;
	}

ul.termeklista li.termekinfo1{
	width: 70px;
	padding: 0;
}	
	ul.termeklista li.termekinfo1 .megtekint{
		padding: 5px;
		display: block;
	}

ul.termekajanlo li.ajanlo-termeknev{
	width: 160px;
	padding: 0;
	height: 40px;
}
	ul.termekajanlo li.ajanlo-termeknev a{
		padding: 5px;
		display: block;
	}

.hirek_kep{
	margin: 5px 10px;
}
#hirektext img {
  max-width: 100% !important;
}
ul.lista{
	width: auto;
}

#menu-btn{
	display: none;
}

ul.termeklista:nth-of-type(odd) {
  clear: none;
}

#navigation .robogoaruhaz > li{
	position: relative;
}
	#navigation .robogoaruhaz > li:hover ul{
		visibility: visible;
	}
	#navigation .robogoaruhaz ul{
		position: absolute;
		z-index: 100;
		width: 200px;
		top: 100%;
		right: auto;
		bottom: auto;
		left: -2px;
	}

#filter{
	float: none;
	width: 100%;
}
	#form_id{
		margin: 10px 0 15px;
		overflow: hidden;
	}
		#form_id label{
			white-space: nowrap;
			display: inline-block;
			width: 12%;
			padding: 5px 0;
			float: left;
		}

p.bnavigacio{
	width: auto;
}
div.infovonal{
	width:98%;
	box-sizing: border-box;	
}

.kezdolap {
  float: left;
  list-style: none;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
  width: 755px;
  border-bottom: 1px solid;
	border-bottom-color: rgba(255,0,0,1);
}
	.kezdolap div.gyarto {
		float: left;
		display: block;
		width: 505px;
		margin: 0px 0px 0px 0px;
		background: #CCC url(images/kezdolap-gyarto-bg.gif) right repeat-y;
		padding: 3px;
	}
		.kezdolap div.gyarto h2 {
			padding: 0;
			margin: 0;
		}
	.kezdolap div.gyartotobb {
		float: right;
		display: block;
		margin: 0;
		background: #FFF url(images/kezdolap-nev-grad.jpeg) repeat-x;
		font-size: 1.0em;
		font-weight: bold;
		color: #C00;
		text-align: center;
		padding: 0;
		width: 164px;
	}
		.kezdolap div.gyartotobb .gyartotobb{
			padding: 9px 7px 5px 7px;
			display: block;
			color: #fff;
		}

ul.termeklistashop li.jobboldal .rounded:first-of-type{
	margin-top: 5px;
}

#alkatresz_kategoriak div.termekalkatnev a, #alkatresz_kategoriak div.tovabb{
		width: 100%;
		box-sizing: border-box;
	}
	#alkatresz_kategoriak, #alkatresz_kategoriak table, #alkatresz_kategoriak tr, #alkatresz_kategoriak td, #alkatresz_kategoriak tbody{
		display: block;
	}
	#alkatresz_kategoriak .alkat_td{
		float: left;
		width: 33%;
		padding: 0 5px;
		box-sizing: border-box;
	}
	#alkatresz_kategoriak .alkat_td:nth-of-type(3n+1){
		clear: left;
	}
	#alkatresz_kategoriak img{
		width: 100%;
		box-sizing: border-box;
	}
	#alkatresz_kategoriak{
		overflow: hidden;
	}

	
ul#ajanlatkero-form input, ul#ajanlatkero-form select, ul#belepes-form input, ul#belepes-form select{
	box-sizing: border-box;
	max-width: 100%;
}

#kosar, #kilepes{
	display: block;
	padding: 3px 0;
}

#mapsearch{
	box-sizing: border-box;
}


#keresomezo{
	width: 187px;
}
#search_type{
	float: left;
	margin: 2px 2px 0 5px;
	height: 23px;
	width: 153px;
}
#form1 .elkuldg{
	margin-top: 2px;
}

#keeway_alkatresz_menu{
	clear: both;
}
#keeway_alkatresz_cim{
	color: #c00;
	height: 48px;
	margin-left: 10px;
	font-size: 12px;
    font-weight: bold;
    color: #fff;
    line-height: 4;
    text-shadow: 0 0 5px #b71212, 0 0 10px #b71212, 0 0 10px #b71212, 0 0 10px #b71212, 0 0 5px #b71212, 0 0 5px #b71212;
}


@media all and (max-width: 939px){
	#wrapper, #header, #footer, #header-top, #header-bottom, #navigation{
		width: 100%;
	}
	#wrapper{
		background: none;
	}
	#footer{
		margin: 0;
		padding: 10px 0;
		*box-shadow: 0 0 10px 0 #000;
		border-top: 1px solid #900;
	}
	#secnavigation{
		width: 100%;
		padding: 5px 0 10px 0;
	}

	#leftcolumn{

	}
	#rightcolumn{
		float: none;
		width: auto;
		overflow: hidden;
		background: #fff;
		display: block;
		border-left: 1px solid #900;
		box-sizing: border-box;
	}
	#DynCSSMenu1, #DynCSSMenu1 .robogoaruhaz{
		width: 100% !important;
	}
		#DynCSSMenu1 .robogoaruhaz > li{
			width: 16.5%;
			box-sizing: border-box;
			background: -webkit-linear-gradient(top, #FFF, #ECECEC);
			background: linear-gradient(to bottom, #FFF, #ECECEC);
			border-radius: 5px 5px 0 0;
		}

	#secnavigation li {
		margin: 0;
		padding: 0 0.15em;
		width: 14%;
		overflow: hidden;
		box-sizing: border-box;
	}		
		#secnavigation li:last-of-type{
			width: 16%;
		}
		#secnavigation li a{
			width: 100%;
		}

	ul.termekajanlo{
		width: 25%;
		box-sizing: border-box;
		padding: 5px 3px;
	}
		ul.termekajanlo li.ajanlo-termeknev, ul.termekajanlo li.ajanlo-termekkep, ul.termekajanlo li.termekinfo1, ul.termekajanlo li.termekinfo2{
			width: 100%;
			box-sizing: border-box;
			margin-left: 0;
			margin-right: 0;
		}
		ul.termekajanlo li.ajanlo-termeknev{
			height: 24px;
		}
		ul.termekajanlo li.ajanlo-termekkep{
			text-align: center;
			min-height: 122px;
		}
			ul.termekajanlo li.ajanlo-termekkep img {
				max-width: 100%;
			}

	.kezdolap{
		width: 100%;
		position: relative;
	}
		.kezdolap div.gyarto{
			width: calc(100% - 164px);
			background: #ccc;
			background: #ccc -webkit-linear-gradient(left, #ccc, #ccc 65%, #fff);
			background: #ccc linear-gradient(to right, #ccc, #ccc 65%, #fff);
		}
		.kezdolap div.gyartotobb{
			position: absolute;
			font-size: 12px;
			top: 0;
			right: 0;
		}

	ul.termeklista{
		width: 50%;
		box-sizing: border-box;
		margin: 0 0 10px;
		padding: 0 5px;
	}
		ul.termeklista li.termeknev, ul.termeklista li.jobboldal, ul.termeklista li.termekkep{
			float: none;
			clear: both;
		}
		ul.termeklista li.termeknev{
			width: 100%;
		}
		ul.termeklista li.termekkep{
			margin: 5px 10% 0;
		}
		ul.termeklista li.termekzaro{
			width: 100%;
		}

	.termekajanlo .termekinfo2 > span{
		white-space: nowrap;
	}

	div.pagination{
		padding: 0;
		margin: 15px 0 5px;
	}
		div.pagination span.current, div.pagination > a, div.pagination > a:hover, div.pagination > a:active{
			padding: 8px 10px;
  			display: inline-block;
  			margin-bottom: 10px;
		}

	#mapsearch{
		max-width: 650px;
		width: 100% !important;
		margin: 0 !important;
	}
		.gsmsc-controls form.gsc-search-box input.gsc-input{
			padding: 5px 10px !important;
			box-sizing: border-box;
			width: 100%;
		}
		input.gsc-search-button{
			padding: 4px 10px;
			margin: 0 !important;
		}

	ul#ajanlatkero-form, ul#belepes-form{
		width: auto;
	}
		ul#ajanlatkero-form li.cimke, ul#ajanlatkero-form li.mezo, ul#belepes-form li.cimke, ul#belepes-form li.mezo{
			width: 50%;
			box-sizing: border-box;
			margin-right: 0;

			overflow: hidden;
		}
		ul#ajanlatkero-form li.mezo2{
			width: 50%;
			float: right;
		}
		ul#ajanlatkero-form textarea, ul#belepes-form textarea{
			width: 100%;
			max-width: 300px;
		}		
		#ajanlatkero-form #KT_Custom1{
			padding: 5px 10px;
		}		
		ul#ajanlatkero-form input, ul#ajanlatkero-form select, ul#belepes-form input, ul#belepes-form select{
			padding: 2px 5px;
			box-sizing: border-box;
			max-width: 100%;
		}

	ul.termeklistashop{
		box-sizing: border-box;
		width: 50%;
		margin: 0;
		padding: 0 5px 10px 5px;
	}
		ul.termeklistashop li.termeknev{
			width: 100%;
		}
		ul.termeklistashop li.termekzaro{
			width: 100%;
		}
		ul.termeklistashop li.jobboldal{
			width: auto;
			width: calc(100% - 125px);
		}
		ul.termeklistashop li.termekinfo1{
			width: auto;
			width: calc(100% - 173px);
		}

	ul.termeklistateljes{
		width: 100%;
		width: calc(100% - 225px);
	}

	#termek_ajandek, #termek_ajandek tbody, #termek_ajandek tr, #termek_ajandek td{
		display: block;
	}
		#termek_ajandek td{
			width: 25%;
			float: left;
		}
			#termek_ajandek img{
				width: 100%;
				max-width: 150px;
				height: auto;
			}

	table#termekteljes{
		overflow: hidden;
	}
	table#termekteljes, table#termekteljes tbody, table#termekteljes tr, table#termekteljes td{
		display: block;
	}
		table#termekteljes tr+tr td{
			float: left;
		}
		table#termekteljes .termekkep{
			width: 60%;
		}
		table#termekteljes .termekkep+td{
			width: 40%;
			box-sizing: border-box;
			padding-left: 15px;
		}
		table#termekteljes td.termeknev{
			height: auto;
		}
		table#termekteljes .termekkep img{
			width: 100%;
			max-width: 320px;
			margin: 0;
		}


	#wrapper_cart{
		overflow-x: auto;
	}


	input.folytat, input#eCartRobogo_Clear_100, input.valtoztat{
		padding: 15px 0;
	}
	#eCartRobogo_Checkout, #megrendel3, #fizeteselkuld{
		border: 1px solid #C33;
		padding: 15px 50px;
	}
	#megrendel_fizetes{
		border: 1px solid #C33;
		margin-right: 5px;
		padding: 7px 22px;
		width: auto;
		height: auto;
	}

	#vasarlas_tabla{
		clear: both;
	}
	#vasarlas_tabla, #vasarlas_tabla tbody, #vasarlas_tabla tr, #vasarlas_tabla td{
		display: block;
	}
		#vasarlas_tabla td{
			width: 50%;
			float: left;
		}
		#vasarlas_tabla img{
			width: 100% !important;
			max-width: 300px;
			height: auto !important;
		}
}

@media all and (min-width: 785px){
	body{
		padding-top: 0 !important;
	}
	
	#header-top{
		position: relative;
	}
	#keeway_alkatreszek_menu{
		position: absolute;
		top: 6px;
		right: 16px;
		display: block;
		background: #B91312;
		background: #DFD302;
		color: #fff;
		color: #000;
		letter-spacing: 1px;
		padding: 10px 15px;
		border-radius: 5px;
		border: 1px solid #333;
	}
}
@media all and (max-width: 784px){
	#header, #header-bottom{
		height: auto;
		position: relative;
	}
	#header-bottom{
		background: none;

		background: url(menu_bg.gif) repeat;
		background-size: contain;
		background-position: -1px 0;
	}
		#header-bottom #logo{
			padding: 0;
			width: 75%;
		}

			#menu-btn {
				float: right;
				margin: 13px 10px 13px 0;

				display: block;
				cursor: pointer;
				box-sizing: border-box;
				height: 45px;
				width: 70px;
				border-radius: 10px;
				border: 2px solid #333;
				background: #970C00 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAfUlEQVRYR2NkGGDAOMD2M4w6YDQEkEPAB5ggJwGxIo0T5j2g+blAvA1kD7IDHgH5sjS2HGb8QyBDAd0BT4AC0nRywGOgPXLoDgBFwUwglqKxI54CzU/DFgU0the78aPZcFCFwGg5MFoOjJYDoyEwWg6MlgOjuWA0BEZmCAAAfT8eIbmPUbkAAAAASUVORK5CYII=') 50% no-repeat;
			}

    #header-top, #header-top-search{
    	background-image: none;
    }
	    #header-top-search{
	      text-align: center;
	      padding: 0;
	    }

	#leftcolumn{
		text-align: center;
	}
	#rightcolumn{
		border-top: 1px solid #900;
		border-right: 1px solid #900;
	}
	.keresomezo, .elkuldg, #leftcolumn img:first-of-type, #leftcolumn form, .elkuldg:hover{
		float: none;
	}

	#leftcolumn, #rightcolumn{
		float: none;
		clear: both;
		width: 100% !important;
		box-sizing: border-box;
	}


	ul.termeklista li.termekkep{
		margin: 5px 5px 0px 0px;
	}
	ul.termeklista li.jobboldal, ul.termeklista li.termekkep{
		float: left;
		clear: none;
	}

	ul.menu, ul.menu ul{
		width: 100%;
		text-align: left;
	}
		ul.menu li a{
			background: none;
  			border-bottom: 1px dotted #666;
  			position: relative;
		}
			ul.menu li a:hover{
				background: none;
			}
			ul.menu li a:before{
				content: '';
				display: block;
				background-image: url(images/bal-menu/bal-menu-bg.gif);
				background-position: 0 50%;
				height: 14px;
				width: 10px;
				position: absolute;
				left: 0;
			}



	#header-bottom.fixed{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
		overflow: hidden;
	}
	#navs{
		display: none;
	}
		#navs.show {
			display: block;
		}
		#navs.fixed{
			position: fixed;
			top: 70px;
			bottom: 0;
			z-index: 100;
			overflow-y: auto;
		}
			#navigation, #secnavigation {
				width: 100%;
				height: auto;
			}

	#DynCSSMenu1, #DynCSSMenu1 .robogoaruhaz, #DynCSSMenu1 .robogoaruhaz li{
		height: auto !important;
		width: 100% !important;
	}
	#secnavigation li, #secnavigation li:last-of-type{
		width: 100%;
	}
	#DynCSSMenu1 .robogoaruhaz li{
		text-align: center;
		float: none;
		border-radius: 0;
		background: #eee;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ccc;
		padding: 0;
	}
		#DynCSSMenu1 .robogoaruhaz a{
			padding: 8px;
			line-height: 1.5;
		}
			#DynCSSMenu1 .robogoaruhaz a:hover{
				text-decoration: underline;
			}

		#DynCSSMenu1 .robogoaruhaz ul{
			position: static;
			visibility: visible;
			top:0;
			left: 0;
			text-align: center;
			float: none;
			clear:both;
			display: inline-block;
			border: none;
			width: auto;
		}
			#DynCSSMenu1 .robogoaruhaz ul li{
				width: auto !important;
				*float: left;
				display: inline-block;
				border: none;
				clear: none;
				margin: 2px;
			}
				#DynCSSMenu1 .robogoaruhaz ul a{
					background: #f6f6f6;
					border: 1px solid #ccc;
					color: #c00;
					padding: 5px;
					border-radius: 3px;
				}

	#secnavigation{
		padding: 5px 0 0;
	}
		#secnavigation li{
			padding: 0;
		}
			#secnavigation li a{
				background: #ddd;
				border-bottom: 1px solid #ccc;
				border-top: 1px solid #eee;
				height: auto;
				line-height: 2;
				padding: 5px 0;
			}


	ul.menu li {
	    margin-top: 1px;
	    width: 50%;
	    box-sizing: border-box;
	    display: inline-block;
	}
		.menu li:nth-of-type(2n+1) {
		    padding-right: 1em;
		}

	#alkatresz_menu, #keeway_alkatresz_menu{
		position: relative;
		cursor: pointer;
		margin: 10px 0;
		background: #555;
		background: -webkit-linear-gradient(to bottom, #555, #333);
		background: linear-gradient(to bottom, #555, #333);
		text-align: left;
	}
		#alkatresz_menu:after, #keeway_alkatresz_menu:after{   
		    content: ""; 
		    position: absolute;
			width: 0px;
		    line-height: 1;
		    top: 44%;
		    vertical-align: middle;
		    height: 0px;
		    border-style: solid;
		    border-width: 5px 0px 5px 8.7px;
		    border-color: transparent transparent transparent #717171;
		    right: 10%;
		}
			#alkatresz_menu.show:after, #keeway_alkatresz_menu.show:after{
		  		border-width: 8.7px 5px 0 5px;
			  	border-color: #717171 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
			}
		#alkatresz_menu img{
			display: none;
		}
		#alkatresz_menu:before{
			content: 'ROBOGÓ ALKATRÉSZEK';
			margin-left: 10px;
	    	font-size: 12px;
		    font-weight: bold;
		    color: #fff;
		    line-height: 4;
		    text-shadow: 0 0 5px #b71212, 0 0 10px #b71212, 0 0 10px #b71212, 0 0 10px #b71212, 0 0 5px #b71212, 0 0 5px #b71212;
	    }
	#keeway_alkatresz_menu+.menu li{
		float: left;
	}
	#alkatresz_menu+.menu, #keeway_alkatresz_menu+.menu{
		display: none;
	}
		#alkatresz_menu.show+.menu, #keeway_alkatresz_menu.show+.menu{
			display: block;
		}

	#footer-left, #footer-right, #header-top-search{
		width: auto;
	}
	#footer{
		height: auto;
		overflow: hidden;
	}


	ul.termeklista li.termekinfo2{
		width: auto;
		min-width: 150px;
	}
	.robogoaruhaz ul a:hover{
		color: #333 !important;
	}

	#form_id label{
		width: 16%;
	}
	
	#form_idgy{
		white-space: nowrap;
	}
		#form_idgy #areagy{			
  			padding: 5px 0px;
		}
		#form_idgy #button{
			padding: 5px;
		}


	#kosar, #kilepes {
		display: block;
		width: 200px;
		float: left;
		text-align: left;
		clear: both;
	}
	#alkatresz_menu, #keeway_alkatresz_menu{
		clear: both;
	}

	#keresomezo{
		display: block;
		margin: 0 auto;
	}
	#search_type{
		float: none;
		margin: 2px 0px 0 1px;
	}
}


@media all and (max-width: 640px){
	#header-bottom #logo{
		float: none;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#header-bottom #logo img{
		height: auto !important;
		width: 100% !important;
		max-width: 391px;
	}
	#banner-scroller{
		display: none;
	}
	#banner-scroller2{
		display: block;
	}

	#footer{
		text-align: center;
	}
	#footer-left, #footer-right{
		float: none;
		text-align: center;
	}

	ul.termekajanlo li.ajanlo-termeknev{
		height: 41px;
	}
	#form_id label{
		width: 20%;
	}

	ul#ajanlatkero-form input, ul#ajanlatkero-form select, ul#belepes-form input, ul#belepes-form select{
		width: 100%;
		padding: 5px 10px;
	}	


	table#termekteljes .termekkep, table#termekteljes .termekkep+td{
		width: 50%;
	}
	table#termekteljes p{
		margin: 1em 0;
	}


	dl.table-display{
		width: 100%;
	}
		.table-display dt, .table-display dd{
			width: 50%;
			box-sizing: border-box;
		}
}


@media all and (max-width: 540px){
	div.csik{
		margin-top: 4px;
	}
	body{
		font-size: 13px;
	}
	ul.termeklista li.termeknev{
		*font-size: 1.1em;
	}
	div.csikinfo, div.csikertek{
		/* font-size: 11px;*/
		font-size: 12px;
	}
	.kezdolap div.gyartotobb .gyartotobb{
		padding-bottom: 7px;
	}
	ul.termeklista{
		width: 100%;
		margin: 10px 0 10px;
	}
	ul.termeklista li.jobboldal{
		float: right;
	}
	ul.termeklista li.termekinfo1, ul.termeklista li.termekinfo2{
		font-size: 1em;
	}
	ul.termekajanlo{
		width: 50%;
	}
	#form_id label{
		width: 25%;
	}

	ul.termeklistashop{		
		width: 100%;
		float: none;
		padding: 0;
		overflow: hidden;
		margin: 10px 0;
	}
		ul.termeklistashop li.termekinfo1{
			*width: auto;
			*padding: 5px 10px;
		}
		ul.termeklistashop li.termekinfo2{
			padding: 0 5px;
		}
			ul.termeklistashop .kosarba{
				padding: 5px 0;
			}

	#alkatresz_kategoriak .alkat_td{
		width: 50%;
	}
		#alkatresz_kategoriak .alkat_td:nth-of-type(3n+1){
			clear: none;
		}
		#alkatresz_kategoriak .alkat_td:nth-of-type(2n+1) {
			clear: left;
		}

	ul.termeklistateljeskep{
		margin: 0;
	}
	ul.termeklistateljes, ul.termeklistateljeskep, ul.termeklistateljeskep li.termeknev, ul.termeklistateljeskep li.termekkep, ul.termeklistateljeskep li.termekinfoar{
		width: 100%;
		float: none;
		clear: both;
	}
	ul.termeklistateljeskep li.termeknev h4, ul.termeklistateljeskep li.termekinfoar{
		text-align: left;
	}
	ul.termeklistateljeskep li.termekinfoblokknagy{
		float: right;
		margin: 4px 0px 10px 0px;
	}
	ul.termeklistateljeskep li.termekinfoar{
		font-size: 1.1em;
		font-weight: bold;
	}

	div#bgaleria img{
		box-sizing: border-box;
		margin: 0;
		width: 49%;
	}
}

@media all and (max-width: 460px){
	ul.termeklistateljeskep li.termekinfoblokknagy{
		float: none;
		clear: both;
		display: block;
	}

	.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable{
		border-top: solid 1px #333;
		overflow-y: hidden;
	}
	.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable, .eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable tbody, .eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable tr, .eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td, .eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable th{
		display: block;
		box-sizing: border-box;
	}
	.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable th{
		display: none;
	}
	.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable tr+tr{
		border-top: 1px solid #999;
	}
	.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable tr{
		clear: both;
	}
	.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td{
		float: left;
	}
	.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td:first-of-type{
		width: 70%;
		background: #c30;
		color: #fff;
	}
	.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td:nth-of-type(2){
		width: 30%;
		background: #c30;
		color: #fff;
	}
		.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td:nth-of-type(2):before{
			content: 'Cellkód: ';
		}

	.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td:nth-of-type(3){
		clear: left;
	}
		.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td:nth-of-type(3):before{
			content: 'Nettó ár: ';
		}

	.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td:nth-of-type(4){
		width: 90px;
		float: right;
	}
		.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td:nth-of-type(4):before{
			content: 'Mennyiség: ';
		}

	.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td:nth-of-type(5){
		width: 55px;
		float: right;
	}
		.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td:nth-of-type(5):before{
			content: 'Töröl: ';
		}

	.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td:last-of-type{
		float: none;
		text-align: right;
		clear: both;
		border-top: 1px solid #ccc;
	}
		.eC_Simple_DesertSpice_Arial #wrapper_cart .eC_ShoppingCartUpdateable td:last-of-type:before{
			content: 'Összesen: ';
		}
}
@media all and (max-width: 440px){

	#menu-btn {
		height: 40px;
		width: 60px;
		margin: 10px 10px 10px 0;
	}
	#navs.fixed{
		top: 60px;
	}

	#termek_ajandek td{
		width: 50%;
		float: left;
	}



	table#termekteljes .termekkep, table#termekteljes .termekkep+td{
		float: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	table#termekteljes .termekkep{
		text-align: center;
	}
	table#termekteljes .termekkep p{
		margin: 1em 0;
		max-width: 320px;
		display: inline;
	}
}


@media all and (max-width: 400px){
	ul.termeklista li.jobboldal, div.csiktarto, div.csikinfo, ul.termeklista li.termekkep{
		float: none;
	}
	ul.termeklista li.termekkep{
		*margin: 5px auto;
			margin: 5px 0;
			text-align: center;
			width: auto;
			height: auto;
	}
	ul.termeklista li.jobboldal, div.csiktarto, div.csikinfo{
		width: 100%;
	}
	div.csikinfo{
		clear: both;
	}
	div.csikinfo, div.csikertek{
		font-size: 13px;
	}
	div.csikertek{
		width: auto;
	}
	#form_id label{
		width: 33%;
	}

	ul#ajanlatkero-form li.cimke, ul#ajanlatkero-form li.mezo, ul#belepes-form li.cimke, ul#belepes-form li.mezo{
		width: 100%;
		float: none;
		text-align: left;
	}
	ul#ajanlatkero-form li.mezo2{
		width: 100%;
		float: left;
	}


		.table-display dt, .table-display dd{
			width: 100%;
			border: none;
			float: none;
		}
		.table-display dd{
			border-bottom: 1px solid #999;
		}
	
	div#bgaleria img{
		width: 100%;
	}
	.gyarto{
		display:none;
	}
}

@media all and (max-width: 380px){
	.kezdolap div.gyarto, .kezdolap div.gyartotobb{
		float: none;
		width: 100%;
		position: static;
	}
	.kezdolap div.gyarto{
		background: #ccc;
		box-sizing: border-box;
	}
}



#ajandek_doboz{
	margin: 2em 0;
}
#ajandek_doboz h2{
	margin-bottom: 1em;
}
#ajandek_doboz label{
	display: inline-block;
	padding: 10px 15px;
	margin: 0 5px;
	border-radius: 20px;
	cursor: pointer;
}	
	#ajandek_doboz .sarga{
		background: #E6E471;
	}
	#ajandek_doboz .zold{
		background: #A7ECBA;
	}
	#ajandek_doboz .narancs{
		background: #E6C171;
	}
#ajandek_doboz #images{
	overflow: hidden;
	margin: 2em 0;
	background: #333;
}
#ajandek_doboz .ajandek_box_img{
	width: 25%;
	box-sizing: border-box;
	float: left;
	padding: 1px;
}

#alkatresz_kategoriak .alkategoria a{
	float: none;
	display: block;
}
#alkatresz_kategoriak .alkategoria .img_container img{
	width: auto;
	max-width: 100%;
	max-height: 100%;

	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#alkatresz_kategoriak .alkategoria .img_container{
	height: 154px;
	position: relative;
}
#alkatresz_kategoriak .alkategoria .img_container>a{
  position: absolute;
  bottom: 0;
  width: 100%;

  height: 100%;
}