body {
     font-family: arial, helvetica, sans-serif;
	 color: #3f3f3f; 
	 font-size: 12px;
	 margin: 0;
	 padding: 0;
	 background: #4e1c36 url(images/bg.png) repeat-x 0 0;
	}

td {font-size: 12px;}
	 
a:link, a:visited  {text-decoration: none; color: #A85087;}
a:hover {text-decoration: none; color: #E5C9DA;}
	 
img {border: 0;}
.bold {font-weight: bold;}
.underline {text-decoration: underline;}

.form {float: left; padding: 6px 0 6px 4px; border: 1px solid #732e5e; color: #fff; font-size: 10px; background: #813d6d;}
.button {width: 36px; height: 29px; float: left; background: url(images/button-ok.png); border: 0; cursor: pointer;}

/* dla png */
div#cart, div#search, div#menu-left li, div#menu-left li a, .button, .r-t, .l-t, .l-b , .r-b, #top h3 img { _behavior: url(iepngfix.htc) }

#bg-image {width: 100%; float: left; background: url(images/bg-image.jpg) no-repeat center 0;}

#header {width: 940px; margin: 0 auto; overflow: hidden;}

a#logo {display: block; width: 263px; height: 120px; float: left;}

hr {color: #E2D1DB; border: 1px solid #E2D1DB;}

#box-header {width: 650px; _width: 670px; float: right; margin: 5px 0 0 0; padding: 10px 0 10px 20px; _padding: 10px 0 10px 0; color: #fff; background: url(images/bg-box-header.png) no-repeat right 100%;}

#cart {float: left; padding: 10px 0 10px 40px; background: url(images/ico-cart.png) no-repeat 0 4px; font-size: 10px;}
#cart span.big {font-weight: bold; font-size: 12px;}

#search {float: right; padding: 4px 0 0 35px; background: url(images/ico-search.png) no-repeat 0 6px;}
#search .form {width: 145px; margin: 0 5px 0 0;}

#top {width: 930px; height: 300px; margin: 0 auto; padding: 0 0 0 10px; overflow: hidden; color: #fff; font-size: 13px;}
#top h3 {margin: 90px 0 15px 0; padding: 0;}
#top h3 img {_width: 299px; _height: 30px;}
#top p {width: 400px; line-height: 19px;}

#container {width: 940px; margin: 0 auto;}

#left {width: 265px; float: left;}

#contact-for-ie6 {_width: 260px; _float: left; _margin: 30px 0 0 0; _position: relative; _left: -15px; _color: #fff; }
#contact {width: 280px; float: left; margin: 30px 0 0 0; _margin: 0; padding: 60px 0 0 110px; position: relative; _position: absolute; left: -15px; color: #fff; background: url(images/contact.jpg) no-repeat 0 0;}
#contact a {text-decoration: underline; color: #fff;}
#contact a:hover {color: #c16595;}
#contact p {margin: 0 0 9px 0;}


#menu-left {width: 265px; _width: 263px; float: left; _overflow: hidden; background: url(images/kategorie.png); _background: #ea8b10;}
#menu-left-bottom {width: 265px; float: left; padding: 0 0 15px 0; background: url(images/kategorie-bottom.png) no-repeat 0 100%;}
#menu-left ul {list-style: none; width: 265px; float: left; margin: 0; padding: 70px 0 0 0; background: url(images/kategorie-top.png) no-repeat 0 0;}
#menu-left ul li {width: 265px; float: left; padding: 0 0 2px 0; background: url(images/left-menu-line.png) no-repeat 13px 100%; _background: url(images/left-menu-line-ie6.png) no-repeat 0 100%;}
#menu-left ul a {display: block; width: 225px; float: left; margin: 0; padding: 9px 0 9px 40px; color: #6a1a5d; background: url(images/p.png) no-repeat 20px 12px; _background: url(images/p-ie6.png);}
#menu-left ul a:hover {text-decoration: underline; background: url(images/left-menu-hover.png) no-repeat 15px center;}
#menu-left ul .under {width: 165px; padding: 6px 0 0 23px; font-style: italic;}
#menu-left ul .under1 {width: 165px; padding: 6px 0 0 23px; font-style: italic;}
#menu-left ul .under2{width: 165px; padding: 6px 0 0 53px; font-style: italic;}
#menu-left ul .under3{width: 165px; padding: 6px 0 0 83px; font-style: italic;}

#content {width: 656px; float: right; position: relative; background: #fff;}

#menu-content {list-style: none; width: 639px; height: 86px; float: left; margin: 0; padding: 0 0 0 17px; position: relative;  top: 0; left: 0; z-index: 5; background: url(images/menu-content.png); _background: url(images/menu-content-ie6.jpg);}
#menu-content li {float: left; margin: 0; padding: 0;}
#menu-content li a {height: 37px; float: left; margin: 4px 0 0 0; padding: 22px 20px 0 20px; color: #6a1a5d;}
#menu-content li a:hover {background: url(images/menu-content-hover.png) repeat-x 0 0;}

#img-content {float: left; margin: 0 0 20px 0; _margin: 0 0 20px 0; position: relative; left: 4px; z-index: 1;}

#hierarchy {width: 607px; float: left; margin: 0 0 25px 0; padding: 5px 0 0 40px;  left: 4px; font-size: 11px; color: #767676; background: url(images/left-menu-hover.png) no-repeat 10px -29px; _background: url(images/left-menu-hover-ie6.png) no-repeat 10px -29px;}
#hierarchy a.wyr {text-decoration: underline; font-weight: bold; color: #6a1a5d;}
#hierarchy .wyr {text-decoration: none; font-weight: bold; color: #6a1a5d;}
#hierarchy a:hover {text-decoration: underline;}

#hierarchy2 {width: 607px; float: left; margin: 0 0 15px 0; padding: 5px 0 0 40px;  left: 4px; font-size: 11px; color: #767676; background: url(images/left-menu-hover.png) no-repeat 10px -29px; _background: url(images/left-menu-hover-ie6.png) no-repeat 10px -29px;}
#hierarchy2 a.wyr {text-decoration: underline; font-weight: bold; color: #6a1a5d;}
#hierarchy2 .wyr {text-decoration: none; font-weight: bold; color: #6a1a5d;}
#hierarchy2 a:hover {text-decoration: underline;}

.box-product {width: 205px; height: 224px; float: left; margin: 0 0 10px 10px; _margin: 0 5px 10px 5px; position: relative; background: url(images/box-product.gif) no-repeat 0 0;}
.box-product2 {width: 630px; float: left; margin: 0 0 10px 10px; _margin: 0 5px 10px 5px; position: relative; }

.box-product table {padding: 0;}
.box-product table img {_float: left;}

.miniature {width: auto; height: 111px; float: left; margin: 5px 0 4px 0; padding: 1px; position: relative; z-index: 1; border: 1px solid #813d6d;}
.miniature img {margin: 0; padding: 0; border: 0;}
.r-t {width: 6px; height: 6px; position: absolute; top: -1px; right: -1px;}
.l-t {width: 6px; height: 6px; position: absolute; top: -1px; left: -1px;}
.l-b {width: 6px; height: 6px; position: absolute; bottom: -1px; left: -1px;}
.r-b {width: 6px; height: 6px; position: absolute; bottom: -1px; right: -1px;}

a.buy {width: 205px; height: 33px; float: left; position: absolute; left: 0; top: 184px; background: url(images/add-cart.png) no-repeat 0 0;}
.buy {width: 205px; height: 33px; float: left; position: absolute; left: 0; top: 184px; background: url(images/add-cart.png) no-repeat 0 0;}

a.title-product {display: block; width: 166px; height: 15px; float: left; overflow: hidden; margin: 0 0 0 6px; _margin: 0 0 0 3px; padding: 5px 0 5px 20px; position: relative; z-index: 1; font-size: 12px; line-height: 18px; color: #000; background: url(images/title-product.png) no-repeat 0 4px; border: 1px solid #fff;}
a.title-product:hover {height: auto; padding: 5px 5px 5px 20px; position: relative; z-index: 2; font-weight: bold; text-decoration: underline; background: #fff url(images/title-product.png) no-repeat 0 4px; border: 1px solid #fed6ec;}

p.price {float: left; width: 100%; margin: 9px 0 13px 8px; position: absolute; left: 0; top: 146px; color: #767676; font-size: 12px; text-align: center;}
p.price span.big {color: #000; font-size: 15px;}
p.price span.old {text-decoration: line-through;}

.w100 {width: 100%; float: left; margin: 30px 0 20px 0; position: relative; z-index: 2;}

#page {width: 630px; margin: 0 auto; _padding: 10px 0; overflow: hiddne; text-align: center; font-size: 11px;}
#page a {padding: 3px; color: #000; border: 1px solid #e7e7e7;}
#page a.wyr {padding: 3px; color: #fff; background: #874f6f; border: 1px solid #e7e7e7;}
#page a:hover {color: #fff; background: #874f6f; border: 1px solid #e7e7e7;}

#content-bottom {float: left;}

#footer {width: 656px; float: right; padding: 0 0 20px 0; font-size: 11px; background: #4e1c36;}

#copyright {float: left; position: relative; left: 10px;}
#copyright .p1 {margin: 20px 0 0 0; color: #987a89;}
#copyright .p1 a {font-weight: bold; color: #987a89;}
#copyright .p1 a:hover {color: #92416a;}

#copyright .p2 {margin: 3px 0 0 0; font-size: 10px; color: #987a89;}
#copyright .p2 a {font-weight: bold; color: #987a89;}
#copyright .p2 a:hover {color: #92416a;}


ul#menu-footer {float: right; list-style: none; margin: 0; padding: 0;}
ul#menu-footer li {float: left; margin: 20px 0 0 0; background: url(images/menu-footer-space.gif) no-repeat 100% 3px;}
ul#menu-footer li.no-space {background: none;}
ul#menu-footer li a {padding: 0 15px 0 15px; color: #987a89;}
ul#menu-footer li a.wyr {padding: 0 15px 0 15px; text-decoration: underline; color: #fff;}
ul#menu-footer li a:hover {text-decoration: underline; color: #fff;}

#podstrona {width: 95%; margin: 1px auto 20px auto; _margin: 0 auto 30px auto; line-height: 18px; overflow: hidden;}
#podstrona h3 {width: 100%; float: left; margin: 0; margin: 0 0 10px 0 ; padding: 0; font-size: 15px; color: #6a1a5d; text-align: center;}
#podstrona #hierarchy {left: -10px;}

#podstronab {width: 99%; margin: 75px auto 20px auto; _margin: 0 auto 30px auto; line-height: 18px; overflow: hidden;}
#podstronab h3 {width: 100%; float: left; margin: 0; margin: 0 0 10px 0 ; padding: 0; font-size: 15px; color: #6a1a5d; text-align: center;}
#podstronab #hierarchy {left: -10px;}

#img img {margin: 2; border: 1px solid #E0C5D6; padding:2px;}

/* BOX 2 */
a.title-product2 {display: block; width: 280px; height: 15px; float: left; overflow: hidden; margin: 0 0 0 6px; _margin: 0 0 0 3px; padding: 5px 0 5px 20px; position: relative; z-index: 1; font-size: 12px; line-height: 18px; color: #000; background: url(images/title-product.png) no-repeat 0 4px; border: 1px solid #fff;}
a.title-product2:hover {height: auto; padding: 5px 5px 5px 20px; position: relative; z-index: 2; font-weight: bold; text-decoration: underline; background: #fff url(images/title-product.png) no-repeat 0 4px; border: 1px solid #fed6ec;}
#sortuj {display: block; width: 633px; height: 30px; float: left; text-align:right;}
.navi {display: block; width: 633px;  float: left; text-align:center;}