/***************************************************************
* reset definiciok
***************************************************************/
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        paddingx: 0;
        borderx: 0;
        outline: 0;
        font-size: 100%;
        vertical-alignx: baseline;
        background: transparent;
}
table { border-collapse: collapse; border-spacing: 0; }
p { margin: 0 0 12px; padding:0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
del { text-decoration: line-through; }

body,html { font-family:verdana, arial, helvetica, sans-serif; font-size:12px; line-height:18px; margin:0; padding:0; }
body { color:#5f430b; background:#f6f2cb; font:14px "times new roman"; }

.clear { clear:both; }
.no-disp { display:none; }

a { color:#9baa3c; color:#5F430B; text-decoration:none; cursor:pointer; cursor:hand; }
a:hover { text-decoration:underline; }

em { font-size: 9pt; }

ul,ol { margin:12px 0; padding:0 0 0 20px; }

a img {text-decoration:none; border:0px none; cursor:hand; cursor:pointer; vertical-align: middle; }

/***************************************************************
* keret definiciok
***************************************************************/
.wrp { width:990px; margin:0 auto; background:url(/img/bg-top2.jpg) no-repeat left top transparent; position:relative; }
.wrp > div { background:url(/img/bg-bottom.jpg) no-repeat left bottom transparent; }
.header { margin:0 0 10px 0; }
.left { float:left; margin:0 0 10px 0; padding:0 10px 135px 0; background:url(/img/bg-left.jpg) no-repeat 47px bottom transparent;}
.left > div { width:240px; }
.right { float:left; margin:0 0 10px; }
.right > div { width:740px; }
.footer { text-align: center; padding:70px 0 20px; }
.footer a { margin:0 50px; color:#5f430b; line-height:40px; }



/***************************************************************
* dobozok definiciok
***************************************************************/
.box_01 { 
	border:1px solid #d9b276;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	background:url(/img/bg-box.gif) repeat-x #fff;
	margin:0 0 10px;
	padding:10px;
}
.box_01 > h2, .box_01 > h3 { font:bold 15px tahoma; letter-spacing:1px; margin:0 0 10px; }
.box_01 h1 { font:bold 18px tahoma; letter-spacing:1px; margin:0 5px 15px 0; }
.box_01.big h1 { font:bold italic 24px times new roman; letter-spacing:2px; margin:0 10px 15px; }

.br5 { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.br10 { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }


/***************************************************************
* Admin editing box rules
***************************************************************/
.adminEditBox { 
	border:2px solid rgba(81,81,81,0.4); margin:-2px; position:relative; text-align:left; min-height:2em;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; 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; box-shadow:0 0 1000px 1000px rgba(0, 0, 0, 0.3); }
.adminEditBox .link {
/*	position:absolute;
	top:0;*/
	background:#515151;
	font:12px/18px verdana;
	z-index:10000000;
	display:inline-block;
	color:#fff;
	margin: 0 3px 0 0; padding:1px 8px;
	-webkit-border-radius:2px 0 5px 0; -moz-border-radius:2px 0 5px 0; 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; }

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





.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;
	transition: all 0.3s ease;
	box-sizing: border-box;
	text-align: center;
}
.adminEditBoxLayout > .link {
	border-radius: 2px;
	margin: 3px;
}

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





/***************************************************************
* cat list definiciok
***************************************************************/
.cat_list ul { list-style: none outside none; margin:0; padding:0; }
.cat_list li a { font:italic 14px "times new roman"; letter-spacingx:1px;  }
.cat_list li { font:italic 14px "times new roman"; margin:10px 0; }
.cat_list .active { color:#9BAA3C; font:bold italic 18px times new roman; }



/***************************************************************
* menu definiciok
***************************************************************/
.menu { background:url(/img/bg-menu.jpg) no-repeat; padding:0 0 0 45px; }
.menu ul { list-style: none outside none; margin:0; padding:0; }
.menu ul li { float:left; padding: 0 18px 0 30px; background:url(/img/potty.png) no-repeat left center transparent; height:34px; }
.menu ul li a { font:bold 14px/33px tahoma; height:34px; color:#5f430b; }


/***************************************************************
* fejlec definiciok
***************************************************************/
.fejlec { heightx:170px; padding-bottom: 5px; }
.fejlec .a { padding:56px 0 0 205px; min-height: 90px; }
.fejlec p { margin:0; }

.fejlec .links { position:absolute; right:30px; top:10px; }
.fejlec .links ul { list-style: none outside none; margin:0; padding:0; }
.fejlec .links a { font:bold 14px/22px tahoma; height:22px; color:#5f430b; }
.fejlec .links a img { vertical-align:middle; }

.fejlec .kereso { position:absolute; right:15px; top:113px; background:url(/img/bg-kereses.png) no-repeat transparent; width:326px; height:32px; }
.fejlec .kereso input[type=text] { border: 0 none; font: 15px tahoma; letter-spacing: 1px; margin: 0 5px; padding: 0; width: 215px; height:27px; background:transparent;  }
.fejlec .kereso input[type=submit] { font:bold 14px tahoma; border:0 none; background:#fff; float:right; margin: 3px 35px 3px 0; padding: 0; cursor:pointer; cursor:hand; }


/***************************************************************
* product list definiciok
***************************************************************/
.prod_list { background: url("/img/bg-line.jpg") no-repeat scroll center bottom transparent; padding: 10px 0; }
.prod_list h3 {  }
.prod_list h3 a { color:#5f430b; font:italic 18px "times new roman"; }
.prod_list .termek_sep a { font:italic bold 14px "times new roman"; }
.prod_list table { width:100%; }
.prod_list table td { vertical-align:top; }
.prod_list .a { padding:5px 14px 14px 0; width:10px; }
.prod_list .bb { padding: 5px 0; }
.prod_list .dd { text-align:right; width:10px; vertical-align: bottom; }



/***************************************************************
* button definiciok
***************************************************************/
.btn_zold { background:url(/img/bg-tocart.png) no-repeat; width:129px; height:37px; display:inline-block; text-align:left; }
.btn_zold span { color:#5f430b; float: left; letter-spacing: 4px; margin: 6px 0 0 14px;  font: bold 14px times New Roman; }
.btn_zold input { 
	background: none transparent; 
	border: 0 none; 
	font: bold 14px times New Roman; 
	letter-spacing:4px; 
	margin:5px 0 0 8px; padding:0; 
	color:#5F430B; 
	height:19px;
	width:85px;
	text-align:center;
	line-height:21px;
	cursor:hand; cursor:pointer;
}

.btn_zold2 tbody tr td { background:url(/img/bg-btn-zold.png) no-repeat right 0 transparent; height:37px; vertical-align:top !important; padding:0 13px 0 0px; border: 0 none; }
.btn_zold2 tbody tr td a, .btn_zold2 tbody tr td input { font:bold 14px/31px times New Roman; letter-spacing:4px; }
.btn_zold2 tbody tr td input { padding:0; margin:0; background:transparent; border:0 none; height: 31px; cursor:hand; cursor:pointer; }
.btn_zold2 tbody tr td:first-child { background-position:0 0; width:12px; padding:0; }


/***************************************************************
* price definiciok
***************************************************************/
.price_list h3 { font:bold 18px/24px tahoma; color:#9baa3c; white-space:nowrap; margin:0; }
.price_list h4 { font:11px/18px tahoma; text-decoration:line-through; color:#5f430b; white-space:nowrap; margin:0; }
.price_list h5 { font:11px/18px tahoma; color:#5f430b; white-space:nowrap; margin:0; }
.price_list h3 div { font:9px tahoma; color:#5f430b; white-space:nowrap; }

.price_list.big h3 { font: bold 24px/36px tahoma; }
.price_list.big h3 div { font-size:12px; }
.price_list.big h4 { font-size:14px; }
.price_list.big { text-align:center; }


/***************************************************************
* price definiciok
***************************************************************/
.lista_box > ul { list-style: none outside none; margin: 0; padding: 0; }
.lista_box > ul > li { float:left; padding:5px 12px; margin: 0 0 15px; text-align:center; border:1px solid #ddd; border-color:#fff #c4cd8c #fff #fff; min-height:300px; }
.lista_box > ul > li.clear { 
	float:none; 
	padding:0; 
	margin:15px 0; 
	height:1px; line-height:1px; 
	border:0 none; 
	min-height: 0; 
	background: url("/img/bg-sep.png") no-repeat center 0 transparent;
}
.lista_box > ul > li > .s { width:220px; }
.lista_box > ul > li > .s h2 { font: bold italic 14px/18px Times new roman; margin: 5px 0 15px; letter-spacing: 1px; }


/***************************************************************
* Highlighted products rule
***************************************************************/
.kiem_list { position:relative; height:330px; }
.kiem_list ul { list-style: none outside none; margin:0; padding:0; }
.kiem_list li .img_price { position:absolute; top:0; right:0; text-align:center; }
.kiem_list li.selected { background: url("/img/bg-arrow.gif") no-repeat 0 center; }
.kiem_list li > a { font:italic 18px/52px times new roman; padding-left: 10px; display: block; height: 52px; overflow: hidden; text-decoration: none; color:#5f430b; }


/***************************************************************
* Ajanlo
***************************************************************/
.ajanlo { padding:10px 0; }
.ajanlo .a { font:12px times new roman; float: left; margin:0 10px; text-align: center; width: 160px; border:1px solid #fff; }
.ajanlo a { font:bold 12px times new roman; }
.ajanlo .a:hover { border:1px solid #D9B276; }
.ajanlo .b { margin:0 5px; }

.ajanlo2 a { font:12px tahoma; display:block; margin: 0; padding:5px 3px; overflow:hidden; }
.ajanlo2 a img { margin-right:5px; border: 1px solid #D9B276; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.ajanlo2 span { display:block; padding-left:67px; }
.ajanlo2 font { display:block; float:left; text-align:center; width: 67px; }
.ajanlo2 a span.b { color:#9baa3c; display:block; }
.ajanlo2 h2 { font:bold 14px tahoma; margin:0 0 15px; }

.ajanlo3 { padding: 10px 0; }
.ajanlo3 a { font:bold 13px/15px times new roman }
.ajanlo3 .a { padding:0 0 5px; }
.ajanlo3 .a:hover { background:#F6F2CB; }
.ajanlo3 a:hover{ text-decoration:none; }
.ajanlo3 .price2 h3 { margin:0; font-size:15px; line-height:18px; }

.ajanlo_bal, .ajanlo_jobb { float:left; width:21px; height:245px; backgroundx:#e0e0e0; cursor:pointer; cursor:hand; border-radiusx: 10px 0 0 10px; -moz-border-radiusx: 10px 0 0 10px; -webkit-border-radiusx: 10px 0 0 10px; }
.ajanlo_jobb { float:right; border-radiusx: 0 10px 10px 0; -moz-border-radiusx: 0 10px 10px 0; -webkit-border-radiusx: 0 10px 10px 0; }
.ajanlo_bal img { margin:110px 0 0 5px; background: url(/img/box_bgs.png) repeat-x 0 -106px; }
.ajanlo_jobb img { margin:110px 0 0 5px; background: url(/img/box_bgs.png) repeat-x 0 -69px; }
.ajanlo_bal:hover, .ajanlo_jobb:hover { backgroundx:#d7d7d7; }


.ajanlo_cont { overflow:hidden; margin: 0 auto; position:relative; }
.ajanlo_slide { position:relative; }


/***************************************************************
* pager
***************************************************************/
.pager { text-align:center; color:#5f430b; }
.pager a,.pager span { margin:0 6px; }
.pager a { color:#9baa3c; text-decoration:none; }
.pager a:hover { text-decoration:underline; }
.pagerCont { margin:20px 10px; }



/***************************************************************
* detailed
***************************************************************/
.reszletes .l01 { widthx:340px; font:12px times new roman; padding:0; vertical-align: top; }
.reszletes .l01 > .size { padding:0 10px; text-align:center; }
.reszletes .l02 { padding: 0 10px; vertical-align: top; font:14px times new roman; }
.reszletes h2 { margin:20px 0 10px; font-size: 17px; }
.reszletes p { margin:0 0 15px; }
.reszletes ul { list-style: disc outside none; margin:15px 0 24px; padding:0 0 0 20px; }
.reszletes ol { list-style: decimal outside none; margin:15px 0 24px; padding:0 0 0 20px; }
.reszletes table { }
.reszletes table td, .reszletes table th { }
.reszletes table th { font-size:17px; }

.small-imgs { display:block; overflow:hidden; widthx:320px; position:relative; text-align: center; }
.small-imgs .size { max-width:320px; overflow-y:hidden; overflow-x:auto; padding-top: 5px; }
.small-imgs span { white-space:nowrap; }
.small-imgs span a img { margin-right:3px; border:1px solid #CCCCCC; }
.small-imgs span a:hover img { border:1px solid #9BAA3C; }

.desc h2, .desc h3 { font-size: 15px; }


/***************************************************************
* cart
***************************************************************/
#cart { width:100%; }
#cart p { margin:0; }

#cart > tbody > tr > td, #cart > thead > tr > th { padding:10px 0 10px 10px; vertical-align:middle; text-align:left; }
#cart > thead > tr > th span { white-space:nowrap; }

#cart > tfoot > tr > td { padding:5px 0 5px 10px; }
#cart > tfoot > tr > td a { float:right; }
#cart > tbody > tr > td { border-bottom:1px solid #DDDDDD; line-height:25px; }
.chgCount { width: 45px; margin:0; }
#cart .a { width:10px; padding-left:20px; }
#cart h2 { margin:0; }
#cart h2 a { text-decoration:none; font-size:15px; font-weight:bold; }
#cart .c { white-space:nowrap; padding-left:20px; }
#cart .d { text-align:right; widthx:10px; padding-right:10px; }
#cart .d h4 { margin:5px 0; line-height:20px; font-size: 14px; }
#cart .d h3 { margin:5px 0; line-height:20px; }
#cart .d span { white-space:nowrap; }
#cart .e { text-align:right; width:10px; padding-right:20px; }
#cart .z { padding-left:20px; }
#cart .z { widthx:10px; }
#cart .z p { margin-bottom:10px; white-space:nowrap; }
#cart .r { text-align:right; }
#cart p.r input { vertical-align:sub; }
#cart p.b { font-size:13px; font-weight:bold; line-height:18px; margin-right:10px; }
#cart p.c { font-size:15px; font-weight:bold; color:#FC6C02; line-height:18px; white-space:nowrap; }

#cart tfoot td.cart_flag { border-bottom:1px solid #ccc;line-height:30px;padding: 0; }
#cart tfoot td.cart_flag span { color:#0C0C0C; font:12px verdana; padding:0 5px; vertical-align:bottom; }

.empty { font-size:16px; line-height:22px; margin:12px 0; padding:0 20px; font-weight:bold; }
.empty img { margin-right:10px; vertical-align:text-bottom; }

.ui-effects-transfer { border:1px solid #000; background:#888; opacity:0.2; filter:alpha(opacity=20); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }

#kosar_kicsi a { color:#5F430B; }
#kosar_kicsi .a { color:#fe5c00; font:bold 15px times new roman; padding-top: 5px; }
#kosar_kicsi .b a { font:bold italic 12px/21px times new roman; color:#0f2441; }
#kosar_kicsi table { width:100%; margin-bottom:2px; }


.ppp_cont * {
    box-sizing: border-box;
    font-size: 15px;
    height: 35px;
	text-align:right;
}

.ppp_cont {
	padding: 3px 0 0 0; text-align: right; width:100%; max-width:500px;
}
#posta_qcs, #posta_q, #posta_qm {
    width: calc(100% - 63px) !important;
    margin: 0 3px 3px 0;
    box-sizing: border-box;
	text-align:left;
}

select[name=postacs], select[name=posta], select[name=postam] {
    width: 100%; text-align:left;
}


/***************************************************************
* szamlakép
***************************************************************/
.bill_list h2 { margin:24px 20px 12px 0; }
.bill_list h2 span { color:#666666; }
.bill_list h2 span a { font-size:14px; }
.bill_list p { margin:12px 20px; }
.bill_list td p { padding:0 10px 0; }
.bill_list > table { width:960px; }
.bill_list tbody td, .bill_list thead th  { border-bottom:1px solid #DDDDDD; padding:10px 0 10px 5px; text-align:right; }
.bill_list tfoot td { padding:10px 0 10px 5px; text-alignx:left; }
.bill_list tbody td { font-weight:normal; }
.bill_list .a { padding-left:20px; text-align:left; }
.bill_list a { color:#9BAA3C; text-decoration:none; text-align:left; }
.bill_list tfoot .c { color:#FC6C02; font-size:18px; font-weight:bold; line-height:18px; white-space:nowrap; }
.bill_list tfoot .b { font-size:18px; font-weight:bold; line-height:18px; margin-right:10px; text-align:right; }
.bill_list .c { text-align:right; widthx:50px; padding-right:20px; }

.bill_list_end { text-align:right; line-height:30px; margin:30px 20px; }
.bill_list_end .btn_zold  { float:right; margin-left:15px; }
.bill_list_end .btn_zold input { font:bold 15px verdana; color:#fff; background:transparent; border:0 none; padding:0; margin:0; cursor:hand;
cursor:pointer; }
.bill_list_end .btn_zold input:hover { color:yellow; }

.bill_msg { text-align:right; padding:10px 20px 0 0; }
.bill_msg textarea {
        height:50px; width:400px;
        vertical-align:middle;
        border:1px solid #CCCCCC;
        color:#666666;
        font-size:11px;
        font-family:verdana,arial,helvetica,sans-serif;
        line-height:16px;
        padding:3px;
}
.bill_msg b { vertical-align:middle; margin-right:20px; }






.ajaxloading { position:relative; colorx: rgba(128,128,128,0.5) !important; }
.ajaxloading:after {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0px;
  border-radius: 50%;
  border: 2px solid #fff;
  border-color: #212121 transparent #212121 transparent;
  -webkit-animation: ajaxloading 1.6s linear infinite;
          animation: ajaxloading 1.6s linear infinite;
  position: absolute; right: calc(50% - 10px); top: calc(50% - 10px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.active.ajaxloading:after { border-color: #47b39d transparent #47b39d transparent; }


@-webkit-keyframes ajaxloading {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}


@keyframes ajaxloading {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}



/***************************************************************
* belépés
***************************************************************/
.defInput { width:300px; vertical-align:middle; padding:2px; }
.smallInput { width:50px; vertical-align:middle; padding:2px; }
#loginform > table,#regform > table { width:500px; border-collapse:separate; border-spacing:5px; margin-bottom:50px; }
#loginform h1,#regform h1 { margin:0 0 5px; }
#loginform p,#regform p { line-height:16px; margin-bottom:15px; padding-leftx:20px; }
#loginform td,#regform td { vertical-align:middle; line-height:16px; }
#loginform td.a,#regform td.a { text-align:right; padding-right:10px; }
#loginform a,#regform a { text-decoration:none; color:#9BAA3C; }
#loginform h2,#regform h2 { margin:10px 0 5px; font-size: 15px; }

#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; }
.error { color:#D7100B !important; }



.breadcrumb { margin: 0px; padding:0 4px 10px; margin:0 0 10px; border-bottom:1px solid #D9B276; }
.breadcrumb span { display:inline-block; vertical-align:middle; padding:0 5px; line-height: 15px; font-size:12px;  }
.breadcrumb span a { display:block; color:#9BAA3C; font-weight: bold; line-height: 20px; }

.breadcrumb.kosar span { border:0; padding:5px 0 5px 15px; letter-spacing: 2px; }
.breadcrumb.kosar span.cart3 { padding-right:25px; }
.breadcrumb span.cart1 { color:#aca9aa; }
.breadcrumb span.cart2 { color:#9baa3c; }
.breadcrumb span.cart3 { color:#9baa3c; background:url(/img/ok.png) no-repeat right center; height:20px; padding-right:25px; }
.breadcrumb span.active { color:#5F430B; font:bold 14px times new roman; }


.cikk { padding: 10px; }
.cikk:first { border:0 none; }
.cikk_lista .first { border:0 none; }
.cikk p { margin:12px 0; clear: left; }
.cikk h2 { margin:20px 0 10px; font-size: 17px; }
.cikk ul { list-style: disc outside none; margin:12px 0; padding:0 0 0 40px; }
.cikk ol { list-style: decimal outside none; margin:12px 0; padding:0 0 0 40px; }



/***************************************************************
* galéria
***************************************************************/
.gallery { display:block; margin:20px 0 0; }
.gallery a { display:block; width:130px; height:120px; float:left; margin:0 0 3px 10px; text-align:center; borderx:1px solid #ddd; overflow:hidden; }
.gallery a img { border:0 none; }
.gallery a:hover { text-decoration:none; }
.gallery a span { display:block; }





/***************************************************************
* tags
***************************************************************/
.tags { padding:10px; }
.tags h2 { display:inline-block; margin:0; }
.tags span { white-space: nowrap; background:#F8EFA2; color:#5F430B; padding: 2px 4px; margin-right: 5px; line-height: 23px; }
.tags span a { color:#5F430B; }