html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	     text-size-adjust: 100%;
}

body, html { font:13px/1.5 /*verdana,*/ arial, helvetica, sans-serif; margin:0; padding:0;  }

body { color:#000; /*#666;*/ background:#e9e9e9; }

h1 { margin:0 0 5px 5px; padding:0; line-height:1; font-size:18px; border-bottom:0px solid #ccc; }
h1.v2 { margin:10px 10px 0px 10px; padding:0 0 5px 0; line-height:1; border-bottom:1px solid #ccc; }
h2 { margin:0px 10px 5px 10px; line-height:1; font-size:18px; }



@media (max-width:639px){
.desktop { display:none; }
.mobil { text-align:center; display:block; }
}

@media (min-width:640px){
.mobil { display:none; }
}

.red { color:#800000 !important; }

table { border-collapse: collapse; border-spacing: 0; }
table, caption, tbody, tfoot, thead, tr, th, td {
	background: none repeat scroll 0 0 transparent;
	font-size: 100%;
	outline: 0 none;
}
.clear { clear:both; }

* { box-sizing: border-box; }

a { text-decoration:none; color:#000; /*#909090;*/ }
*:focus { outline:none; }

.l { text-align:left !important; }
.r { text-align:right !important; }
.c { text-align:center !important; }



.l1 { height:2px; background:#e9e9e9; opacity:1; }
.l2 { height:2px; background:#e9e9e9; opacity:0.66; }
.l3 { height:2px; background:#e9e9e9; opacity:0.33; }


.wrp { display: flex; flex-wrap;wrap; justify-content: space-between; flex-flow: column wrap; max-width: 1440px; margin: 0 auto; overflow:hidden; }
.wrp > * { flex: 0 1;  }



.preheader { background:#e9e9e9; height:5px; }

.header {
  margin-bottom: 3px;
}

.header .size {
	position:initial;
	z-index: 5;
	width:100%; max-width:1440px;
	padding:0 5px;
}
.header .size.fixed {
	position:fixed;
}

.header::before {
    content: "";
    height: 65px;
    float: left;
}

@media (max-width:639px){
	.header::before { height: 105px; }  /**/
}


.kereso { display: flex; padding: 0 15px; }

.kereso .a { flex: 1 1 100%; padding: 0 10px; display: inline-block; borderx: 1px solid #cdcdcd; border-radiusx: 4px; height: 39px; line-height: 39px; }
.kereso .b { xflex: 0 0 39px; margin-right:5px; }
.kereso .a input { margin:0; padding:0; border:0 none; width:100%; height: 39px; line-height: 39px; font-size: 25px; background:transparent; }

.fejlec { background:#fff; /*#F7F7F7;*/ border: 1px solid #cccccc; display:flex; padding: 5px 5px; border-radius:10px; }

.cont {  }

.cont.v1 { flex: 1 0 200px; order:1; }
.cont.v2 { flex: 1 0 130px; order:3; text-align:right; }
.cont.v3 { flex: 1 1 60%; order:2; padding: 0; margin: 0; border: 0 none; height: 41px; line-height: 39px; max-width: 400px; border: 1px solid #cdcdcd; border-radius: 4px; background: #fff; }






.box_01 {
	margin:0px 5px;
	padding:0px;
	border: 0px solid #cccccc;
	background:#e9e9e9; /*#fff;*/
	border-radius:10px;
}
.box_01.v2 { margin-bottom:18px; }
.box_01.v3 { margin-bottom:18px; margin-right:0; }
.box_01.v4 { margin-bottom:18px; padding: 5px 10px 20px 10px; background-color: #ffffff; border: 1px solid #cccccc;}
.box_01.v5 { margin:0; }


.product h1 { flex: 0 1 100%; }

.product { display:flex; flex-wrap:wrap; background:#ffffff; border-radius:10px; border: 1px solid #cccccc; margin-left: 5px !important; margin-right: 5px !important; }
.product > * { flex: 0 0 350px; margin-right:5px; }

.product > form { flex: 1 0 350px; }
.product > *:nth-child(3) { margin-right:0; }
.product > *:last-child { margin-right:0; flex: 0 0 100%; }
@media (max-width:1px){
.product > *:last-child { flex: 0 0 350px; }
}

.product .description { margin:15px 0px; padding:0 10px; } 

.prod_box { display:flex; align-items: end; justify-content: center; }
.prod_box > div { xflex: 0 0 160px; }
.prod_box .title { flex:0 0 100%; }
.product .img img { width:280px; }
@media(max-width:860px){
.product .img img { width:140px; }
}
.products .img {
	xwidth: 80px;
	xheight: 80px;
	flex:0 0 85px;
}

.preprod {
	border: 1px solid #bbb;
	border-radius: 10px;
	margin-bottom: 10px;
	margin-right: 1px;
	background: #fff; 
	min-height:30px;
}

.prod_box .days {
	font-size: 9px;
	font-weight: bold;
	line-height: 12px;
	display: flex;
	margin: 0 5px;
	border: 1px solid #ddd;
	height: 45px; width:45px;
	border-radius: 5px;
	padding: 3px;
	align-items: center;
	justify-content: center;
}
.price { text-align: center; }
.price .old {
	text-decoration: line-through;
    color: #AAAAAA;
    line-height: 18px;
    font-size: 11px;
    font-weight: bold;
}

.price .gross {
	font-size: 18px;
    line-height: 18px;
    color: #003300;
    font-weight: bold;
}
.price .unitprice {
	font-size: 10px;
    line-height: 10px;
    color: #CCCCCC;
    font-weight: bold;
}
.price .store {
	line-height: 20px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
    color: #228822;
}
@media(max-width:639px){
.price {
	display: flex;
	flex-direction: column;
	text-align: center !important;
	margin-right: 0 !important;
	line-height: 1.20;
}
}

.products .gross2 {
	font-size: 18px;
	line-height: 18px;
	color: #003300;
	font-weight: bold;
}
.products .old2 {
	text-decoration: line-through;
	color: #AAAAAA;
	line-height: 18px;
	font-size: 11px;
	font-weight: bold;
}
.products .unitprice2 {
	margin-top: 0px;
	font-size: 8px;
	line-height: 8px;
	color: #CCCCCC;
	font-weight: bold;
}



.prod_box2 { display:flex; align-items: end; justify-content: center; padding: 10px 0; flex-wrap: wrap; }
.prod_box2 .a0 { display:none; }
.prod_box2 .a0 p { margin:0; }
.prod_box2 .a0 .name { border-bottom:0 none; padding: 0px 5px 0px 10px; }
.prod_box2 .a1 { flex: 0 0 85px; overflow: hidden; }
.prod_box2 .a2 { flex: 0 0 250px; display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; text-align: center; }
@media(min-width:720px){
	.prod_box2 .a0 { display:block; flex: 100%; }
	.prod_box2 .a0.v2 { height: 58.5px; overflow: hidden; margin: 12px 0 6px; }
	.prod_box2 .a1 { flex: 0 0 145px; }
	.prod_box2 .a2 { flex: 0 0 200px; justify-content: center; align-self: stretch; }
	.prod_box2 .a2 .name { display:none; }
	.products img { width: 140px; height: 140px; }
	.products .price { flex: 0 0 100% !important; }
	.products .days { margin-right:5px !important; }
}


.list-accordion { 
    border: 1px solid #F0F0F0;
    margin-bottom: 5px;
	border-radius: 0px 0px 10px 10px;
}
.list-accordion pajzs {
	background-color: #88AA88;
	border-radius: 5px 5px 20px 20px;
	color: #FFFFFF;
	text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 4px 0px 0px 4px;
    vertical-align: middle;
	display:inline-block;
	width:30px; height:26px; line-height: 26px; font-size:14px;
	float:left;
}
.list-accordion.open pajzs { background-color: #CCCCCC; }
.list-accordion cim {
	display:block;
	letter-spacing: -0.5px;
    font-weight: bold;
	font-size:14px;
    color: #A0A0A0;
	padding-left: 38px;
	height: 34px;
	line-height: 34px;
}
.list-accordion torzs {
	display:block;
	text-align: left;
	padding: 0px 5px 0px 10px;
	colorx: #A0A0A0;
	border-top: 0px solid #F0F0F0;
	height:0;
	overflow:hidden;
}
.list-accordion.open torzs {
	height:auto;
	padding: 10px 5px 5px 10px;
	border-top: 1px solid #F0F0F0;
}

.btn { 
	display: inline-block;
	padding: 0px 15px;
	background: #8ac73e;
	color: #fff;
	font-size: 25px;
	text-decoration: none;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	border: 1px solid #90bc5d;
	margin: 5px 0 0;
	xwidth: 150px;
	text-align: center;
	font-weight: bold;
}

.btn2 { 
	display: inline-block;
	padding: 0px;
	background: #8ac73e;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	height: 30px;
	line-height: 27px;
	border-radius: 5px;
	border: 1px solid #90bc5d;
	margin: 5px 0 0;
	width: 100px;
	text-align: center;
}

.btn.grey {
  color: inherit;
  background: #d3d3d3;
}
.btn.v2 {
	height:51px;
	line-height:48px;
}

.btn_grey { 
	background:#fff; color:#777; 
	border-radius:5px; border:1px solid #aaa;
}



.products {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	margin-right:-5px;
}
.products .item {
	flex: 1 0 348px;
	border: 1px solid #bbb;
	border-radius: 10px;
	margin-bottom:10px;
	margin-right: 5px;
	background:#fff;
}
.products .item.v2 { opacity:0; margin-bottom: 0; }
.products .prod_box {
	flex-wrap: wrap;
	justify-content: space-between;
	padding:0 5px 10px 0;
}

.products .name {
	color: #202020;
    font-weight: bold;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    text-align: left;
    margin: 0 0 5px 0px;
	height: 40px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	flex: 0 0 100%;
}

.products .price { flex: 0 0 110px; }

.products .days {
	letter-spacing: -1px;
    font-size: 10px;
    line-height: 10px;
	display: flex;
	margin: 0;
	border: 1px solid #e1e1e1;
	height: 30px; width:30px;
	border-radius: 5px;
	align-items: center;
	justify-content: center;
}

.products .buttons {
	flex: 0 0 100px;
	overflow: hidden;
}

.products .store {
	line-height: 15px;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #228822;
}


#footer {
	padding:0px;
	background:#e9e9e9;
	border: 0px solid #cccccc;
	border-radius: 10px;
	display:flex;
	flex-wrap:wrap;
	font-size:13px;
	margin: 0px 0px 30px 0px;
}

#footer h2 { flex:0 0 100%; }
#footer a { color:inherit; }
#footer ul {
	padding-left:20px;
	margin: 10px 0px 8px 15px;
    padding: 0px 0px 0px 0px;
    list-style-position: inside;
    color: #404040;
}


.footerbox {
	background:#f7f7f7;
	border: 1px solid #E1E1E1;
	border-radius: 10px;
	margin: 0 5px 10px;
	flex:1 0 340px;
	padding-bottom: 5px;
}
.footerbox > div {
	font-weight:bold;
	margin: 10px 0px 8px 15px;
}







/* ===== Rendező sáv ===== */
.product-toolbar {
	display: flex;
	flex-direction: column;  /* egymás alatt lesznek */
	align-items: flex-start;
	padding: 6px 10px;
	margin: 10px 15px 14px;
	border: 1px solid #ddd;
	border-radius: 8px;
	background: #fff;
	font-size: 12px;
}

.product-toolbar h1 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px 0; /* alatta kis térköz */
	border-bottom: 1px solid #ccc;
	padding-bottom: 1px;
	width: 100%;
}

.sort-row {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.sort-option {
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	color: #555;
}

.sort-option.active {
	font-weight: bold;
	color: #2a7ae2;
}

.sort-option .icon {
	font-size: 13px;
}

.arrows {
	display: flex;
	flex-direction: column;
	font-size: 9px;
	margin-left: 2px;
	line-height: 8px;
}

.arrows .up,
.arrows .down {
	color: #bbb;
}

.arrows .active {
	color: #333;
}

.filter-dropdown select {
	padding: 4px 6px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 12px;
}





.amitmeg {
	display:flex;
	flex-wrap:wrap;
	xjustify-content: space-around;
	margin-right: -5px;
	margin-left: 0px;
}

.amitmeg_box {
	flex: 1 0 167px;
	border: 1px solid #d0d0d0;
	border-radius:10px;
	margin-bottom:5px;
	margin-right:5px;
    text-align: center;	
	background: #fff;
}
.amitmeg_box .a{
	min-height: 60px;
    color: #666666;
    font-weight: bold;
	display:flex;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: center;
	xbackground: #eee;
}
.amitmeg_box .b {
	min-height: 26px; line-height:25px;
	font-size: 11px;
	color: #AAAAAA;
	border-top: 1px solid #d0d0d0;
	display:flex;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: center;
}
.amitmeg_box .ama {
	flex: 0 0 20px;
}
.amitmeg_box .amb {
	flex:1 0 50px;
}
.amitmeg_box .amc {
	color: #8a8;
	font-size: 17px;
	flex: 0 0 20px;
	line-height: 15px;
}
.amitmeg_box.v2 {
	xflex:0 0 342px;
}
.amitmeg_box.v10 { opacity:0; margin-bottom:0; }
.amitmeg_box.v2 .b {
	background-color: #88AA88;
	color:#fff;
	border-radius: 0 0 10px 10px;
}
.amitmeg_box2 {
	display:flex;
	flex:0 0 342px;
	text-align:center;
	height:	60px;
	line-height: 15px;
	margin: 15px 0 0;
}
.amitmeg_box2 .a {
	flex: 1 0 auto;
    font-weight: bold;
	border: 1px solid #d0d0d0;
    border-radius: 10px 0px 0px 10px;
	display:flex;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: center;
}
.amitmeg_box2 .b {
	flex: 0 0 60px;
	border: 1px solid #80A080;
	background-color: #88AA88;
	border-radius: 0px 10px 10px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	display:flex;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	justify-content: center;
}
.amitmeg_box3 { flex:0 0 100%; }



.hideable { display:none; }








#cartCont { max-width:1000px; margin:0 auto; padding:0 0px; }
#cart { line-height:1.2;  }

#cart .line, .cart-sum { display: flex; flex-flow: wrap; justify-content: space-between; padding:0 0; line-height:30px; }
#cart .line .a { flex: 1 1 98%; widthx: 98%; line-height: 1.3; padding-top:5px; padding-bottom:2px; margin-top: 12px; margin-bottom:3px; }
#cart .line .a a { text-decoration:none; color:inherit; }
#cart .line .b { flex: 1 1 25%; font-size: 15px; text-align: right; }
#cart .line .c { flex: 1 1 38%; text-align: center; }
#cart .line .d { flex: 1 1 25%; font-size: 15px; text-align: right; }
#cart .line .e { flex: 1 1 10%; text-align:right;  }

.cart-sum { font-weight:bold; }

#cart .line .c input { 
	width:50px; height:28px;  line-height: inherit;
	border:0 none; 
	padding:0; margin:0;
	display: inline-block; 
	font-size: inherit;
	text-align:center;
}
#cart .line .c span { border-top:1px solid #aaa; border-bottom:1px solid #aaa; }
#cart .line span { display:inline-block; height:30px; line-height:25px; font-size: 21px; font-weight: bold; vertical-align: middle; }
.inc, .dec { 
	width:30px;
	border:1px solid #aaa;
	text-align: center;
}
.inc { border-radius:0 5px 5px 0; cursor:hand; cursor:pointer; }
.dec { border-radius:5px 0 0 5px; cursor:hand; cursor:pointer; }




.price .regi {
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    text-decoration: line-through;
    white-space: nowrap;
    letter-spacing: -1px;
    text-align: center;
	color:#B0B0B0;
}


s {
	line-height: inherit !important;
	margin-right:10px;
}
s + n {
	line-height: inherit;
	color: #B22222;
}





input[type="radio"] { width: 30px; height: 30px;   line-height: 40px; vertical-align: middle; }
input[type="checkbox"] { width: 30px; height: 30px;   line-height: 40px; vertical-align: middle; }



.ellenorzes { font-size: 15px; line-height: 1.5; border: 1px solid #ccc; margin-top: 10px; }
.ellenorzes h2 { font-size: 18px; padding:30px 20px 10px; }
.ellenorzes h2 span { color:#666666; }
.ellenorzes h2 span a { font-size:10px; }
.ellenorzes p { padding:10px 20px 0; }
.ellenorzes td p { padding:0 10px 0; }
.ellenorzes { width:100%; }
@media (max-width: 815px){
.ellenorzes { width:100%; }
}
.ellenorzes tbody td, .ellenorzes thead th  { border-bottomx:1px solid #DDDDDD; xpadding:10px 0 10px 5px; text-align:right; }
.ellenorzes tfoot td { padding:10px 0 10px 5px; text-alignx:left; }
.ellenorzes tbody td { font-weight:normal; }
.ellenorzes .a { padding-left:20px; text-align:left; }
.ellenorzes a { color:#006611; text-decoration:none; text-align:left; }
.ellenorzes tfoot .cartc { color:#FF8020; font-size:15px; font-weight:bold; line-height:18px; white-space:nowrap; padding-right: 10px; }
.ellenorzes tfoot .b { font-size:13px; font-weight:bold; line-height:18px; margin-right:10px; text-align:right; }
.ellenorzes .c { text-align:right; widthx:50px; padding-right:20px; }



.bill_msg { padding:10px 0; }
.bill_list_end { padding:10px 0; max-width:800px; }

.message { height:70px; width:100%; max-widthx:800px; vertical-align:middle; border:1px solid #CCC; color:#000; font-size:11px/15px arial; padding:3px; -webkit-box-sizing: border-box; box-sizing: border-box; }


.ellenorzes table, .ellenorzes  th, .ellenorzes td { font-size: 15px; }
.ellenorzes table { width: 100%; }
.ellenorzes thead { display: none; }
.ellenorzes tbody, .ellenorzes tfoot { display:block; }
.ellenorzes tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; border-top: 1px solid #ccc; }
.ellenorzes tbody td.a { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 10px 0 2px; }	
.ellenorzes tbody td:nth-child(2) { backgroundx: #f7f7f7; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; border-color:#fff; }
.ellenorzes tbody td:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; backgroundx: #f7f7f7;  border-color:#fff; }
.ellenorzes tbody td:nth-child(4) { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; backgroundx: #f7f7f7; padding-right: 10px; font-weight: bold;  border-color:#fff; }
	
.ellenorzes tfoot tr { display: -webkit-box; display: -ms-flexbox; display: flex; }
.ellenorzes tfoot .b { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; font-size: 15px; }
.ellenorzes tfoot .c { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; font-size: 18px; padding-right:10px; }






#regform, #loginform { max-width: 800px; margin: 0 auto; }

#regform table, #loginform table { width: 100%; }

#regform td.a label, #loginform td.a label {  display: none; }

.defInput {
	width:90%;
	max-width:450px;
	padding: 5px 3px;
	margin: 2px 0;
}

.defInput.v2 {
	width:15%;
	max-width:60px;
}

.defInput.v3 {
	width:74%;
	max-width:385px;
}


#regform td, #loginform td { display: block; text-align: center; }
#regform td.v2, #loginform td.v2 { text-align: left; }

.defInput {	text-align:center; }

@media (max-width:600px){

.cont.v1 { flex: 0 0 60%; order:1; }
.cont.v2 { flex: 0 0 40%; order:2; text-align: right; }
.cont.v3 { flex: 0 1 100%; order:3; max-width: initial; }


#regform td, #loginform td { display: block; text-align: center; }
#regform td.v2, #loginform td.v2 { text-align: left; }

.defInput { text-align:center; }

}



#email_error { display:none; }
#email_error p { margin:5px 0 0; }

.errorinput { background:url(/img/excl.png) no-repeat scroll right center transparent; border:1px solid #D7100B; padding-right:15px; }
.error { color:#D7100B !important; }



.pager { text-align:center; margin:20px auto 0; color:#505050; background: #fff;
  padding: 10px; border: 1px solid #bbb; max-width:720px;
  border-radius: 10px; }
.pager a,.pager span { margin:0 6px; }
.pager a { color:#448844; text-decoration:none; }

.pagerCont { margin:0 0 20px; min-height: 20px; }
.pagerCont select { font:11px arial; }

@media (max-width: 767px){
	.pagerCont { text-align:center; }
	.pagerCont div { float: none !important; display: inline-block; margin-top: 20px; }
	.pagerCont select { font-size: 13px; }
	.page { display: none !important; }
	.pager > * {
		display: inline-block;
		min-width: 20px;
		min-height: 25px;
		border-radius: 5px;
		padding: 0 5px;
		line-height:25px;
	}
	.pager a { background:#eee; }
}


@media (max-width: 600px) {
  .fejlec {
    flex-flow: wrap;
  }
}


/*


.lista_box2 {
	display: flex;	
	flex-direction: row;
	flex-wrap:wrap;
	xjustify-content:center;
	padding: 5px 5px 0 0;
	justify-content: space-evenly;
}

.item2 {
	flex: 0 0 360px;
	padding: 0 0 5px 5px;
}
.item3 {
	flex: 0 0 100%;
	padding: 0 5px 5px 5px;
	text-align:center;
}

.lista-box00 {
	border-bottom:1px solid #e0e0e0;
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: center;
	height:100%;
	padding:10px 0;
}
.lista-box01 { 
	xborder:1px solid grey;
	flex:0 0 100%;
	display:none;
	padding: 0 0 2px 0;
}
.lista-box01 h2 { font-size:15px; line-height:19px; margin:0; height:38px; overflow: hidden; text-overflow: ellipsis; }
.lista-box02 {
	xborder:1px solid grey;
	flex:0 0 70px;
	height:70px;
	margin: 0 5px 0 0;
}
.lista-box03 {
	xborder:1px solid grey;
	flex:1 1 100%;
	align-self: start;
	padding: 0 0 2px 0;
}
.lista-box03 h2 { font-size:15px; line-height:19px; margin:0; height:38px; overflow: hidden; text-overflow: ellipsis; position:relative; }
.lista-box04 {
	xborder:1px solid grey;
	xflex:0 0 50%;
	xalign-self: end;
	display: inline-block;
	width:100%;
}
.lista-box05 {
	xborder:1px solid grey;
	xflex:0 0 50%;
	xalign-self: end;
	display: inline-block;
	width:100%;
}
.lista-subbox00 {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	xalign-items: center; 
	align-self: stretch;
	-ie-align-self: stretch;
	flex: 1 1 50%;
	justify-content: space-between;
	-ie-justify-content: space-between;
}

@media (min-width:640px){
.lista-box01 {
	display:initial;
}
.lista-box02 {
	flex:0 0 140px;
	height:140px;
}
.lista-box02 img {
	width:140px;
	height:140px;
}
.lista-box03 {
	display:none;
}
.lista-box04 {
	flex:0 0 100%;
	align-self: start;
	text-align: center;
}
.lista-box04::before {
    height: 100px;
    content: "";
    float: left;
}
.lista-box05 {
	flex:0 0 100%;
	align-self: end;
	text-align: center;
}
.lista-subbox00 {
}

}


@media (max-width:639px){

.lista-box01 {
}
.lista-box02 {
}
.lista-box02 img {
}
.lista-box03 {
}
.lista-box04 {
	width: 50%;
	text-align: center;
}
.lista-box05 {
	align-selfx: end;
	display: inline-block;
	width: 48%;
	text-align: right;
}
.lista-subbox00 {
	xalign-items: start; 
	xalign-items: flex-start; 
	align-items: center;
}

.product .item2:nth-child(1), .product .item2:nth-child(2) {
	flex:1 1 150px;
}


}



.prod_banner .img {
	width: 70px; height: 70px; float: left; border:0px solid #acacac; text-align: right;
}
.prod_banner .text {
	height: 70px; float:left; border:0px solid #acacac; margin-top: 5px; padding:0 5px; line-height:16px;
}



#email_error { display:none; }
#email_error p { margin:5px 0 0; }

.errorinput { background:url(/img/excl.png) no-repeat scroll right center transparent; border:1px solid #D7100B; padding-right:15px; }
.error { color:#D7100B !important; }

#EUCookie { text-align:center; }
#EUCookie .buttons {
  height: 35px;
  float: right;
  padding-top: 7px;
}

@media (max-width:639px){
#EUCookie .buttons {
  float: none;
  text-align: center;
}
}



.price .brutto {
    color: #003300;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    white-space: nowrap;
    letter-spacing: -1px;
    text-align: center;
}
.price .brutto div, .price .tobbakcio div, .price .regi div {
    color: #B0B0B0;
    font: 9px/13px verdana;
    letter-spacing: -1px;
}

.price .regi {
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    text-decoration: line-through;
    white-space: nowrap;
    letter-spacing: -1px;
    text-align: center;
	color:#B0B0B0;
}


@media (max-width:639px){
.price.small .brutto div, .price.small .tobbakcio, .price.small .regi {
	display:none;
}

}


.subcat {
	display: flex;
	flex-wrap: wrap;
border-bottom: 1px solid #eee;
	padding:0 0 8px 4px;
	background:#fff;
}
.subcat a {
	flex: 0 0 150px;
	border-radius:5px;
	border:1px solid #aaa;
	margin: 8px 3px 0 0;
	padding: 2px 5px;
	background:#fff;
	line-height: 21px;
	min-height: 47px;
	color: #606060;
	font-weight: bold;
}



.product .item2.price { text-align:center; }


@media (max-width:639px){
.product .main_img { width: 150px; height: 155px; }
	.product .main_img img { width: 140px; height: 140px; }
}

.main { position:relative; padding:0 5px; }




@media (max-width: 767px){

.message {  }

}




.breadcrumb { margin: 0px 0px 3px 0px;}
.breadcrumb span { display: inline-block; vertical-align:middle; padding:0 3px; line-height: 15px; font:bold 11px tahoma; }
.breadcrumb span a { display:block; }
.breadcrumb span:last-child { display: none;} 

.breadcrumb td { vertical-align:middle; padding:2px 6px 6px 6px; line-height: 21px; color: #AA1100; font:bold 11px tahoma; }
.breadcrumb a { color: #AA1100; }



.box-eq { display:flex; }
.box-eq > span { flex:1 1; display:inline-block; text-align:center; line-height: 52px; }

.box-right { text-align:right !important; }






.tags { padding:10px; line-height:21px; }
.tags h2 { display:inline-block; margin:0; font-size: 13px; }
.tags span { white-space: nowrap; background:#ddd; color:#212121; padding:0px 4px; margin-right:5px; line-height:18px; display:inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.tags span a { color: #212121; }



/**/


#EUCookiev2 { position: fixed; display: none; margin: 0; left:0; right:0; top:0; bottom:0; width: 100%; background:rgba(255,255,255,0.4); z-index: 9999; box-sizing: border-box; justify-content: center; }
#EUCookiev2.flex { display:flex; }
#EUCookiev2 .pos { position:absolute; margin:60px 10px 20px; background-color:#ffd879; color: rgba(0,0,0,1);  line-height: 17px;  font-size:13px; text-align:left; padding: 0px 5px 15px; max-width:480px; border-radius:8px; border: 5px solid #ffd160; }
#EUCookiev2 h3 { text-align: center; font-size: 17px; margin: 15px 0; }
#EUCookiev2 .buttons { float:none; }
#EUCookiev2 .buttons span { display:inline-block; border: 1px solid rgba(0,0,0,0.8); color: #333; background: #f0f0f0; padding: 8px; margin: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; line-height:13px; }
#EUCookiev2 .buttons span:first-child {
  background: #739348; color:#fff; font-weight:bold;
}
#EUCookiev2 .buttons a { cursor:pointer; text-align:right; }
#EUCookiev2 .text { display:inline-block; line-height:1.4; font-size:13px; }
@media (max-width:600px){
	#EUCookiev2 h3 { text-align:center; }
	#EUCookiev2 .text { display:block; clear:both; }
	#EUCookiev2 .buttons { float:none; text-align:center; display: flex; flex-direction: column; max-width: 200px; margin: 0 auto; }
	#EUCookiev2 input { float:left; }
}





/***************************************************************
* Admin editing box rules
***************************************************************/
.adminEditBox { 
	position:relative;
	border:2px solid rgba(81,81,81,0.4); margin:-2px; position:relative; text-align:left; min-height:2em; border-radius: 5px;
	-webkit-transitionx : all .3s ease-out;
	-moz-transitionx : all .3s ease-out;
	-o-transitionx : all .3s ease-out;
	transitionx : all .3s ease-out;
}
.adminEditBox:hover { border-color:#00a; z-index:10000000; -webkit-box-shadow:0 0 1000px 1000px rgba(0, 0, 0, 0.3); box-shadow:0 0 1000px 1000px rgba(0, 0, 0, 0.3); }
.adminEditBox .link {
	position:relative;
	background:#515151;
	font:12px/18px verdana;
	z-index:10000000;
	display:inline-block;
	color:#fff;
	margin: 0 3px 0 0; padding:1px 8px; border-radius:2px 0 5px 0;
	opacity:0.4;
	border:2px solid #515151;
	border-width:0 2px 2px 0;


}
.adminEditBox:hover > .link { display:inline-block; background:#00a; opacity:1; border-color:#00a; }
.adminEditBox:hover > .link:hover {  }

.adminEditBoxLayout { position:relative;  display:block; float: left;}
.adminEditBoxLayout > .link {
	background:#00a;
	display:inline-block;
	color:#fff;
	margin:3px 3px 10px 3px; padding:0 8px;
	border-radius: 5px;
	font:12px/18px verdana; 
	position:relative;
	z-index:10000000;
}
.adminEditBoxLayout > .link:hover { text-decoration:none; background:#777; }

.adminEditBoxLayout {
	position: fixed !important;
	height: 100%;
	top: 0 !important;
	left: -175px !important;
	width: 180px !important;
	background-color: rgba(51,204,204,0.85) !important;
	padding: 5px !important;
	z-index: 111111111111;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: center;
}
.adminEditBoxLayout > .link {
	border-radius: 2px;
	margin: 3px;
}


.cat_list {
	position: absolute !important;
	top: 5px !important;
	left: -320px !important;
	width: 300px !important;
	background:#fff !important;
	padding: 5px 5px 5px 15px !important;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: center;
	border: 1px solid #ccc;
}
.cat_list.open {left:0 !important; z-index:10;}

.cat_list > div {  padding: 0; display:inline-block; }
.cat_list div div {  margin: 11px 0; text-align:left; }

.cat_list div span { color: #aaa; font-style: italic; }



.adminEditBoxLayout:after {content: ''; height: 100%; right: -5px; width: 5px; position: absolute;}
.adminEditBoxLayout:hover {left:0 !important;}

.debug_sql_list { margin:20px auto; }
.debug_sql_list ol { padding-left:40px; }
.debug_sql_list ol li span { cursor:pointer; cursor:hand; }
.debug_sql_list ol li div { display:none; max-width:800px; background:#eee; border:1px solid #aaa; padding:5px; }


.no-disp { display:none; }



/***************************************************************
* other rules
***************************************************************/
.ui-effects-transfer { border:1px solid #000; background:#888; filter:alpha(opacity=20); opacity:0.2; z-index:10000; }