@font-face {
	font-family: 'SerifaPFLRegular';
	src: url('http://www.pekpont.hu/fonts/serifa_normal-webfont.eot');
	src: url('http://www.pekpont.hu/fonts/serifa_normal-webfont.eot?#iefix') format('embedded-opentype'),
		url('http://www.pekpont.hu/fonts/serifa_normal-webfont.woff') format('woff'),
		url('http://www.pekpont.hu/fonts/serifa_normal-webfont.ttf') format('truetype'),
		url('http://www.pekpont.hu/fonts/serifa_normal-webfont.svg#SerifaPFLRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* General Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align: baseline;
	background:none;
}
ol, ul {list-style:none;}
h1, h2, h3, h4, h5, h6, li {line-height:100%;}
blockquote, q {quotes:none;}
q:before,
q:after {content:"";}
table {border-collapse:collapse; border-spacing:0;}
input,textarea,select{
	font:12px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	padding:0;
	margin:0;
	outline:none;
}

.penztar_submit {
        padding: 5px;
        margin: 10px 0 0 0;
        font:14px Arial, Helvetica, sans-serif;
	  vertical-align:middle;
	  outline:none;
        background: #83a24f;
        color: #ffffff;
}

form,fieldset{border-style:none;}
html {height:100%;}
body{
	height:100%;
	color:#444;
	min-width:1060px;
	font:14px Arial, Helvetica, sans-serif;
	background: #f8f8f8;
}
a{
	color:#83a24f;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
a:focus{outline:none;}
/* General settings */
/* wrapper start */
#wrapper {
	min-height:100%;
}
/* header start */
#header {
	background:#000;
	width:100%;
	position:relative;
	z-index:2;
}
.header-holder {
	width:940px;
	margin:0 auto;
	padding:0 10px;
}
.header-holder:after {
	content:"";
	display:block;
	clear:both;
}

.regtable td {
	padding: 10px;
}

.regtable td input,.regtable td select,.regtable td textarea {
	width: 100%;
}


.kosartable td {
	padding: 1px;
        vertical-align:bottom;
}

.kosartable td .kosarsubmit  {
      background: #bf9a5f;
      padding:1px;
      font-size:11px;
      color: #fff;
      width: 65px;
}

.kosartable td .inputDarab  {
      padding:1px;
      width: 50px;
      font-size:11px;
      color: #444444;
}



.logo {
	float:left;
	background: url(http://www.pekpont.hu/images/logo.png) no-repeat;
	width: 185px;
	height: 144px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 -76px 10px;
	position:relative;
}
.logo a {
	display:block;
	height:100%;
}


.ui-autocomplete {
max-height: 180px;
overflow-y: auto;
background: #fff;
width: 170px;
padding:10px 20px 10px 10px;
font-size:14px;
float:left;
list-style:none;

/* prevent horizontal scrollbar */
overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
height: 180px;
}

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	text-decoration:underline;
}


.nav {
	padding:24px 0 0 40px;
	float:left;
	list-style:none;
}
.nav li {
	padding-right:25px;
	float:left;
	font: 14px SerifaPFLRegular, Georgia, "Times New Roman", Times, serif;
}
.nav a {
color:#fff;
}
.nav a span {
	float:left;
	height:43px;
	overflow:hidden;
	padding:0px 0px 0px 13px;
}
.nav .active a,
.nav li:hover a {
	color:#fff;
}

.nav .drop {
	position:absolute;
	top:40px;
	left:0;
	width:230px;
	padding: 4px 0px 0px 0px;
	display:none;
}

.nav li:hover {position:relative;}

.nav li:hover .drop {display:block;}

.nav ul {
	list-style:none;
	margin:0;
	padding:0 0 12px;
	width:100%;
	background-color: #000000;
}
.nav .drop li {
	float:none;
	padding:0;
	width:100%;
	background:#000000;
	font-size:0;
	line-height:0;
}
.nav .drop li:hover,
.nav .drop_right li:hover  {position:static;}

.nav li:hover .drop a,
.nav .drop a,
.nav li:hover .drop_right a,
.nav .drop_right a  {
	float:none;
      display: inline-block;
	background:url(http://www.pekpont.hu/images/none.gif);
	padding:0px 10px;
	font-size:13px;
	line-height:23px;
	margin:0 5px;

}

.nav li:hover .drop a:hover,
.nav li:hover a:hover {
	color:#83a24f;
	position:relative;
}
.nav .drop .tl,
.nav .drop_right .tl {
	width:5px;
	left:0;
	background:#000000;
	top:0;
	position:absolute;
}






.langs {
	padding-top:20px;
	float:right;
}
.langs li {
	float:left;
	font-weight:bold;
	font-size:10px;
	line-height:27px;
	padding-left:8px;
}
.langs li a {
	display:block;
	text-align:center;
	background: url(http://www.pekpont.hu/images/bg-langs.png) no-repeat;
	width: 28px;
	color:#727272;
}
.langs li a:hover {
	background-position:0 -27px;
	text-decoration:none;
}
.langs li a:active {background-position:0 -54px;}
/* header end */
/* main */
#main {
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:1;
	padding-bottom:180px;
}
.main-holder {
	float:left;
	position:relative;
	left:50%;
}
.main-frame {
	float:left;
	position:relative;
	left:-50%;
	width: 960px;
	background: url(http://www.pekpont.hu/images/bg-main.gif) no-repeat;
	min-height:800px;
	padding:0 50px;
}
.container {
	width:100%;
	overflow:hidden;
	padding-top:39px;
}
.promo {padding:0 10px;}
.promo .slider {
	height:342px;
	position:relative;
	margin-bottom:10px;
}
.promo .slider li {
	position:absolute;
	left:0;
	top:0;
}
.promo .slider li img {display:block;
	position:absolute;
	z-index: 1;
}

.promo .slider li a {
	display:none;
	width: 940px;
	height: 342px;
	position:absolute;
	z-index: 5000;
	top:0;
	left:0;
}
.promo .slider li.active a {
	display:block;
}

.promo .paging {
	width:100%;
	overflow:hidden;
}
.promo .paging li {
	float:left;
	padding-right:10px;
}
.promo .paging li a {
	background: url(http://www.pekpont.hu/images/bg-paging.png) no-repeat;
	width: 16px;
	height: 16px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
}
.promo .paging li a:hover,
.promo .paging li.active a {background-position:0 100%;}
h2 {
	font-size:26px;
	color:#ad884d;
	font-weight:normal;
	margin-bottom:46px;
}
h3 {
	font-size:18px;
	color:#ad884d;
	line-height:normal;
	margin-bottom:2px;
}
h4 {
	line-height:normal;
	font-size:14px;
	color:#83a24f;
	margin-bottom:14px;
}
p {
	line-height:22px;
	margin-bottom:4px;
}
.container #content {padding-top:0;}
/* content */
#content {
	width:691px;
	float:right;
	padding:41px 10px 0;
}
.info-list {
	width:105%;
	margin-right:-5%;
	overflow:hidden;
}
.info-list li {
	float:left;
	width:209px;
	padding:0 30px 0 0;
}
.menu {
	width:100%;
	padding-bottom:15px;
}
.menu li {
	display:inline;
	font-size:12px;
	padding:0 10px;
	background: url(http://www.pekpont.hu/images/separator03.gif) no-repeat 0 50%;
}
.menu li:first-child {
	background:none;
	padding-left:0;
}
.menu li a {color:#afafaf;}
.menu li.active a,
.menu li a:hover {
	color:#646464;
	text-decoration:none;
}
.gallery {
	width:100%;
	position:relative;
	margin-bottom:32px;
}
.gallery .btn-prev,
.gallery .btn-next {
	position:absolute;
	width:27px;
	height:27px;
	right:184px;
	top:1px;
	background: url(http://www.pekpont.hu/images/btns.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.gallery .btn-prev:hover {background-position:0 -27px;}
.gallery .btn-prev:active {background-position:0 -54px;}
.gallery .btn-next {
	right:148px;
	background-position:100% 0;
}
.gallery .btn-next:hover {background-position:100% -27px;}
.gallery .btn-next:active {background-position:100% -54px;}
.gallery > ul {
	width:701px;
	margin:0 -10px;
	position:relative;
	height:557px;
	background: url(http://www.pekpont.hu/images/separator02.gif) repeat-x 0 100%;
}
.gallery > ul > li {
	height:555px;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	background:#f8f8f8;
}
.gallery .visual {
	float:left;
	border:1px solid #e5e5e5;
	background:#fff;
	padding:10px;
	margin-right:29px;
}
.gallery .visual img {display:block;}
.gallery .holder {
	width:100%;
	overflow:hidden;
	padding-bottom:31px;
}
.gallery .text-holder {overflow:hidden;}
.gallery .weight {
	display:block;
	font-size:18px;
	color:#83a24f;
	padding-bottom:30px;
}
.gallery p {margin-bottom:22px;}
.btn {
	width:100%;
	overflow:hidden;
}
.btn a {
	position:relative;
	float:left;
	line-height:27px;
	color:#fff;
	padding-right:5px;
	font-weight:bold;
	background: url(http://www.pekpont.hu/images/btn.png) no-repeat 100% -81px;
}
.btn a span {
	padding:0 5px 0 10px;
	float:left;
	background: url(http://www.pekpont.hu/images/btn.png) no-repeat;
}
.btn a:hover {background-position:100% -108px;}
.btn a:hover span {background-position:0 -27px;}
.btn a:active {background-position:100% -135px;}
.btn a:active span {background-position:0 -54px;}
.btn a img {
	vertical-align:middle;
	margin-right:4px;
}
.info {
	width:700px;
	border-right:1px solid #e6e6e6;
	overflow:hidden;
}
.info li {
	text-align:center;
	float:left;
	width:16.4%;
	height:137px;
	padding-top:5px;
	border-left:1px solid #e6e6e6;
}
.info li img {
	vertical-align:middle;
	margin-bottom:16px;
}
.info li .name {
	display:block;
	color:#ad884d;
	margin-bottom:4px;
}
.info li p {margin:0;}
.products {
	width:731px;
	margin:0 -30px 76px -10px;
	overflow:hidden;
}
.products li {
	float: left;
	padding-bottom:10px;
	width:222px;
	display:inline-block;
	margin:0 14px 13px 0;
}
.products li:hover {background: url(http://www.pekpont.hu/images/bg-products-shadow.png) no-repeat 0 100%;}

.products .holder {
	padding:10px 10px 5px;
	background:#fff;
	border:1px solid #e4e4e4;
	min-height:307px;
}

.products .katholder {
	padding:10px 10px 5px 5px;
	background:#fff;
	border:1px solid #e4e4e4;
}

.products .holder h3, .products.katholder h3 {
font-size: 14px;
}

.products .visual img {display:block;}
.products .visual {padding-bottom:8px;}
.products p {margin-bottom:10px;}
.order-form {
	width:100%;
	overflow:hidden;
}
.order-form .weight {
	font-size:18px;
	color:#83a24f;
	line-height:normal;
	float:left;
	margin-top:-2px;
}
.order-form select{
	float:right;
}
.btn-submit {
	float:right;
	padding-right:5px;
	position:relative;
	font-weight:bold;
	font-size:10px;
	color:#fff;
	line-height:17px;
	cursor:pointer;
	background: url(http://www.pekpont.hu/images/btn2.png) no-repeat 100% -51px;
	margin-left:6px;
}
.btn-submit:hover {background-position:100% -68px;}
.btn-submit:active {background-position:100% -85px;}
.btn-submit span {
	float:left;
	padding:0 4px 0 9px;
	background: url(http://www.pekpont.hu/images/btn2.png) no-repeat;
}
.btn-submit:hover span {background-position:0 -17px;}
.btn-submit:active span {background-position:0 -34px;}
.preview {
	width:100%;
	overflow:hidden;
	padding-bottom:50px;
}
.preview .visual {
	float:right;
	padding:10px;
	background:#fff;
	border:1px solid #e5e5e5;
	margin-left:15px;
}
.preview .visual img {display:block;}
.preview .text-holder {overflow:hidden;}
.preview p {margin-bottom:21px;}
.summ {
	width:711px;
	margin:0 -10px 30px;
}
.summ .table {
	width:100%;
	padding-bottom:35px;
}
.summ .tr {
	width:100%;
	overflow:hidden;
}
.summ .tr div {
	border:1px solid #f8f8f8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#e8e8e8;
	float:left;
	font-weight:bold;
	font-size:12px;
	padding:5px 12px;
	line-height:17px;
	height:17px;
	width:264px;
	position:relative;
}
.summ .tr div.price {
	width:94px;
	text-align:center;
}
.summ .tr div.del {
	width:49px;
	padding:5px 0;
	text-align:center;
}
.summ .th div {
	background:none;
	font-size:14px;
	color:#83a24f;
	padding-bottom:10px;
}
.summ .btn-del {
	background: url(http://www.pekpont.hu/images/btn-del.png) no-repeat;
	width: 11px;
	height: 10px;
	display:block;
	margin:0 auto;
	position: relative;
	top: 3px;
	text-indent:-9999px;
	overflow:hidden;
}
.summ .btn-del:hover {
	background-position:0 -10px;
	text-decoration:none;
}
.summ .btn-del:active {background-position:0 -20px;}
.summ .btn-inc {
	background: url(http://www.pekpont.hu/images/btn-inc.png) no-repeat;
	width: 12px;
	height: 11px;
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	margin:3px 0;
}
.summ .btn-inc:hover {background-position:0 -11px;}
.summ .btn-inc:active {background-position:0 -22px;}
.summ .btn-dec {
	background: url(http://www.pekpont.hu/images/btn-dec.png) no-repeat;
	width: 12px;
	height: 4px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:8px 0 0;
}
.summ .btn-dec:hover {background-position:0 -4px;}
.summ .btn-dec:active {background-position:0 -8px;}
.summ .tr div.summ-cell {
	width:208px;
	text-align:center;
}
.summ .tr div.green {
	color:#fff;
	background:#89a855;
}
.summ .row {
	width:100%;
	overflow:hidden;
}
.summ .row a {
	float:right;
	width:208px;
	padding:0 12px;
	line-height:27px;
	color:#fff;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	background:#c29d63;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-right:10px;
}
/* sidebar */
.container #sidebar {padding-top:0;}
#sidebar {
	float:left;
	width:200px;
	padding:142px 10px 0;
	margin-right:29px;
}
.search-form .text {
	width:100%;
	overflow:hidden;
	padding-bottom:17px;
}
.search-form input[type='text']{
	float:left;
	width:180px;
	padding:6px 10px;
	background: url(http://www.pekpont.hu/images/bg-text.png) no-repeat;
	height: 15px;
	border:0;
}
.search-form input[type='text'].focus {background-position:0 100%;}
.search-form input[type='submit']{
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	cursor:pointer;
	border:0;
	background:none;
	line-height:0;
}
#sidebar .box {
	width:100%;
	position:relative;
	margin:0 -10px;
	padding:24px 10px;
	background: url(http://www.pekpont.hu/images/separator02.gif) repeat-x;
}
#sidebar .box:first-child {
	background:none;
	padding-top:0;
}
#sidebar .box p {
	font-size: 12px;
}

.links {
	width:100%;
	margin-top:-7px;
}
.links li {
	font-size:12px;
	padding-bottom:10px;
}
.links li a {color:#646464;}
.links li a:hover,
.links li.active a {
	font-weight:bold;
	text-decoration:none;
}
/* wrapper end */
/* footer */
#footer {
	position:relative;
	margin-top:-170px;
	background: url(http://www.pekpont.hu/images/bg-footer.gif) repeat-x;
	height: 250px;
	padding-top:15px;
	font-weight:bold;
	color:#edd4ab;
	z-index:2;
	text-shadow:1px 1px 2px #333;
}
.footer-holder {
	width:940px;
	margin:0 auto;
	overflow:hidden;
	background: url(http://www.pekpont.hu/images/separator01.gif) repeat-y 228px 0;
	padding-bottom:10px;
}
#footer .share {
	float:left;
	width:251px;
}
#footer p {margin-bottom:43px;}
.footer-frame {overflow:hidden;}
.footer-nav {padding-bottom:45px;}
.footer-nav li {
	display:inline;
	padding:2px 20px 0 0;
}
.footer-nav li a {color:#edd4ab;}
.footer-nav li a:hover,
.footer-nav li.active a {
	color:#fff;
	text-decoration:none;
}
.logos {width:100%;}
.logos img {vertical-align:top;}
.logos li {
	display:inline;
	padding-left:20px;
}
.logos li:first-child {padding:0;}