body {
	font-family: trebuchet ms, verdana, tahoma, arial, helvetica, sans-serif; color: #545454; font-size: 13px;
	width: 100%;
	margin: 0 auto; padding: 0;
	background: #E6DFC2 url(images/img-header.jpg) repeat-x center 0;
	
	}

a:link, a:visited  {text-decoration: none; color: #867152;}
a:hover {text-decoration: none; color: #6F5226;}
	 
img {border: 0;}

.bold {font-weight: bold;}

input {border: 0;}

#top {width: 100%; height: 335px; background: url(images/img-header.jpg) repeat-x center 0;} 
#top2 {width: 100%; height: 100px; } 
#top .center {width: 851px; height: 361px; margin: 0 auto; overflow: hidden;}
#top2 .center {width: 851px; height: 161px; margin: 0 auto; overflow: hidden;}

/* tekst `witamy` - top */
#top .txt {position: relative; top: 125px; left: 10px;}
#top2 .txt {position: relative; top: 125px; left: 10px;}

/* przyciski - top */
#top ul.top-nav, #top2 ul.top-nav {float: left; list-style: none; margin: 0; padding: 0; position: relative; top: 20px;}
#top ul.top-nav li, #top2 ul.top-nav li {float: left; margin: 0 4px 0 0;}
#top ul.top-nav li a, #top2 ul.top-nav li a {display: block; width: 169px; height: 32px; padding: 13px 0 0 0; text-align: center; font-size: 14px; color: #fff; background: url(images/button.png);}
#top ul.top-nav li a:hover, #top2 ul.top-nav li a:hover {background: url(images/button-hover.png);}

#content {width: 850px; margin: 0 auto; overflow: hidden;}
#content-2 {width: 850px; margin: -15px auto; overflow: hidden;}

#left {width: 270px; float: left;}
#right {width: 563px; float: right; }

/* bloczki kategorii */
.small-box {width: 270px; float: left; margin: 0 0 15px 0; padding: 0 0 7px 0; background: #fff url(images/small-box-bottom.gif) repeat-x 0 100%; font-size: 12px;}
.small-box h3.title1 {width: 247px; height: 33px; float: left; margin: 0 0 5px 0; padding: 18px 0 0 23px; background: url(images/small-box-top1.jpg);}
.small-box h3.title2 {width: 247px; height: 33px; float: left; margin: 0 0 5px 0; padding: 18px 0 0 23px; background: url(images/small-box-top2.jpg);}

.small-box ul {width: 270px; float: left; list-style: none; margin: 0; padding: 0;}
.small-box ul li {width: 248px; margin: 0 0 0 10px; padding: 9px 0; background: url(images/menu-underline.gif) repeat-x 0 100%;}
.small-box ul li.under1 {width: 228px; margin: 0 0 0 30px; padding: 9px 0; background: url(images/menu-underline.gif) repeat-x 0 100%;}
.small-box ul li.under1 a {color: #704e1c !important;}
.small-box ul li.under2 {width: 208px; margin: 0 0 0 50px; padding: 9px 0; font-style: italic; background: url(images/menu-underline.gif) repeat-x 0 100%;}
.small-box ul li.under2 a {color: #c19759 !important;}
.small-box ul li.under3 {width: 188px; margin: 0 0 0 70px; padding: 9px 0; font-style: italic; background: url(images/menu-underline.gif) repeat-x 0 100%;}
.small-box ul li.under3 a {color: #c19759 !important;}
.small-box li.none {background: none;}

.small-box ul.purple li a {padding: 0 0 0 15px; background: url(images/p.gif) no-repeat 0 5px;}
.small-box ul.purple li a:hover {font-weight: bold; color: #715b3a;}

.small-box ul.blue li a {padding: 0 0 0 15px; background: url(images/p2.gif) no-repeat 0 5px;}
.small-box ul.blue li a:hover {font-weight: bold; color: #715b3a;}

/* fioletowy bloczek */
.small-box2 {width: 270px; float: left; margin: 0 0 15px 0; padding: 0; color: #fff; background: #ac9166 url(images/small-box-purple-top.jpg) no-repeat 0 0;}
.small-box2 h3 {width: 247px; height: 33px; float: left; margin: 0 0 5px 0; padding: 18px 0 0 23px;}
.small-box2 a {text-decoration: underline; color: #fff;}
.small-box2 p {width: 235px; margin: 2px auto 0 auto;}
.small-box2 .margin {margin: 13px auto 0 auto;}
.small-box2 img.bottom {display: block; float: left; margin: 10px 0 0 0;}

/* box wew. prawego bloku */
#big-box {width: 563px; float: right; overflow: hidden; background: #fff url(images/right-top.gif) no-repeat 0 0;}
#big-box img.bottom {display: block; float: left; margin: 10px 0 0 0;}
#big-box .center {width: 549px; margin: 0 auto; _margin: 0 0 0 7px;}

/* przyciski */
#buttons-right {width: 600px; float: left; list-style: none; margin: 0 0 7px 0; padding: 7px 0 0 0;}
#buttons-right li {width: auto; float: left; margin: 0 1px 0 0;}
#buttons-right li a {display: block; width: 109px; height: 32px; padding: 14px 0 0 0; text-align: center; font-size: 14px; color: #fff; background: url(images/button2.jpg);}
#buttons-right li a:hover {background: url(images/button2-hover.jpg);}

#picture {float: left; margin: 0;}

/* gdzie jestes */
#hierarchy {width: 100%; float: left; margin: 15px 10px 0 10px; font-size: 12px; color:#AEA997;}
#hierarchy img {float: left; margin: 0 15px 0 0; position: relative; top: 3px;}
#hierarchy a.here {text-decoration: underline; color: #806337;}
#hierarchy a {text-decoration: none; color: #916928;}
#hierarchy a.hover {text-decoration: none; color: #715428;}

#product {width: 600px; float: left; margin: 25px 0 0 0;}
#product2a {width: 519px; float: left; margin: 25px 0 15px 0; padding: 0 15px 0 15px;}

/* box - wyswietla produkt */

.box-product-height {height: 185px; float: left; margin: 0 0 8px 0;}

.box-product {width: 270px; float: left; margin: 0 8px 0 0; _margin: 0 4px 0 0; position: relative; background: url(images/box-product.gif);}
.box-product-top {width: 270px; float: left; background: url(images/box-product-top.gif) no-repeat 0 0;}
.box-product-bottom {width: 270px; height: 170px; float: left; padding: 8px 0 8px 0; background: url(images/box-product-bottom.gif) no-repeat 0 100%;}
.box-product-bottom .miniature {width: 105px; float: left; margin: 0 5px 0 8px; _margin: 0 3px 0 4px; text-align: center;}
.box-product-bottom  .title-price {width: 145px; float: left;}
.box-product-bottom  .name {width: 100%; margin: 0; font-weight: bold; font-family: arial; font-size: 13px; color: #916928;}
.box-product-bottom  .price {width: 100%; margin: 0 0 10px 0; font-family: arial; font-size: 13px;text-align: left;}
.box-product-bottom input {float: left; margin: 0 0 2px 0;}
.box-product-bottom .button {float: left; margin: 0 0 2px 0;}
.box-product-bottom .description {cursor: hand; width: 250px; height: 20px; float: left; overflow: hidden; position: absolute; left: 10px; top: 158px; border: 1px solid #fff; cursor: default ; font-size: 11px;}
.box-product-bottom .description:hover {cursor: hand; height: auto; background: #fff; border: 1px solid #fff; }
.box-product-bottom h3 {width: 250px; float: left; margin: 5px 0 0 10px; _margin: 8px 0 0 5px; padding: 0;}

/* wybierz strone */
#page {width: 100%; float: left; margin: 25px 0 0 0; padding: 1px 0;}
#page p {display: inline; margin: 0 15px 0 0; padding: 0 5px; border: 1px solid #e7e7e7; font-size: 11px; color: #000;}
#page a {padding: 0 5px; border: 1px solid #e7e7e7; font-size: 11px; color: #000;}
#page a:hover {color: #fff; background: #d7c2a1;}
#page a.next {margin: 0 0 0 5px; color: #937346;}
#page a:hover.next {color: #fff;}
#page a.back {margin: 0 5px 0 0; color: #937346;}
#page a:hover.back {color: #fff;}

/* linki - dol */
#links-bottom {width: 563px; float: left; margin: 10px 0 0 0; padding: 0; text-align: center;}
#links-bottom a {padding: 0 2px; margin: 0 10px;}
#links-bottom a:hover {color: #fff; background: #845d26;}

/* stopka */
#footer {width: 100%; height: auto; margin: 30px 0 0 0; padding: 25px 0; color: #fff; background: #705226 url(images/footer.jpg) no-repeat center 0;}
#footer h3 {width: 100%; float: left; margin: 0 0 10px 0; padding: 0;}
#footer .center {width: 780px; margin: 0 auto; overflow: hidden;}
#footer #copyright {width: 240px; float: left; margin: 0;}
#footer #copyright a {display: block; margin: 0 0 5px 0; text-decoration: underline; color: #fff;}
#footer #copyright p {margin: 0 0 15px 0; line-height: 15px;}
#footer #copyright p a {display: inline;}

/* stopka - kategorie */
#footer #categories {width: 485px; float: left; margin: 0 0 0 55px;}
#footer #categories ul {float: left; list-style: none; margin: 0; padding: 0;}
#footer #categories ul a {color: #fff; font-size: 12px;}
#footer #categories ul a:hover {font-weight: bold; text-decoration: underline;}
#footer #categories li {width: 140px; height: 15px; float: left; overflow: hidden; padding: 0 10px 8px 8px; line-height: 20px; background: url(images/p3.gif) no-repeat 0 8px;}


#box-slider {width: 851px; height: 246px; float: left; margin: 22px 0 1px 0; background: url(images/bg-slider.png);}

/* slider */
	#slider {
		width: 839px; 
		height: 234px;
		position: relative; 
		overflow: hidden;
		margin: 6px 0 0 6px; padding: 0;
	}
	#sliderContent {
		width: 839px; 
		position: absolute;
		top: 0;
		margin: 0; padding: 0;
	}
	.sliderImage {
		float: left;
		position: relative;
		display: none;
	}
	.sliderImage span {
		position: absolute;
		padding: 5px 20px 10px 20px;
		width: 799px;
		background-color: #ad9b6d;
		filter: alpha(opacity=70);
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		color: #392c16;
		display: none;
	}
	.sliderImage span h2 {margin: 0; font-size: 20px; font-weight: bold;}
	
	.clear {
		clear: both;
	}
	.sliderImage span strong {
		font-size: 14px;
	}
	.top {
		top: 0;
		left: 0;
	}
	.bottom {
		bottom: 0;
		left: 0;
	}

	/*	ul { list-style-type: none;} */
	
#search {float: right; padding: 26px 0 0 1px; background: url(images/ico-search.png) no-repeat 0 30px;}
#search .form {width: 145px; margin: 0 5px 0 0;}	
.button-search {width: 36px; height: 29px; float: left; background: url(images/button-ok.png); border: 0; cursor: pointer;}
.form-search {float: left; padding: 6px 0 6px 4px; border: 1px solid #ded7bc; color: #fff; font-size: 11px; background: #a40101;}