/*
	 *  @2009
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }
.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html { background: #f5fcff url(/image/bg-html.jpg) repeat-x 0 0; }
body { color: #393b3c; background: url(/image/bg-body.jpg) repeat-x 0 100%; }

body,
input, select, textarea { font: normal 11px Verdana, sans-serif; }

.aural { position: absolute; left: -100em; }

a { color: #731d26; text-decoration: underline; }
a:focus, a:hover { color: #c91038; }

#wrapper:after, #content .mod:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { width: 1000px; margin: 0 auto; }


/* top */
#top { padding: 1px 0 5px; background: url(/image/bg-top.jpg) no-repeat 50% 0; }
#top h1 { height: 80px; padding: 44px 260px 0 7px; background: url(/image/bg-logo.jpg) no-repeat 780px 0; }
#top h1 a { float: left; }
#top h1 strong { width: 290px; height: 75px; float: right; margin: -20px 0 0; background: url(/image/bg-logo-child.png) no-repeat 100% 0; text-indent: -100em; overflow: hidden; }
#top #nav { height: 27px; line-height: 24px; padding: 3px 0 0; border: solid #fff; border-width: 1px 0; }
#top #nav li { float: left; margin: 0 0 0 2px; }
#top #nav li a { display: block; width: 136px; height: 24px; line-height: 24px; color: #fff; background: url(/image/bg-nav-item.png) no-repeat 0 0; font-size: 12px; font-weight: bold; text-align: center; }
#top #nav li:first-child { background: none; }
#top #nav li:first-child a { width: 28px; background: url(/image/icon-arrow.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#top #nav li.act,
#top #nav li a:hover { background-position: 0 100% !important; }


/* content */
#content { width: 592px; float: left; margin: 0 0 0 5px }
#content p { margin: 0 0 1em; }
#breadcrumbs { height: 20px; padding: 10px 0 0; }
#breadcrumbs li { float: left; }
#breadcrumbs li a { padding: 0 16px; background: url(/image/icon-gt.png) no-repeat 0 5px; }
#breadcrumbs li:first-child a { background: none; }


#welcome-info .tabs-nav { height: 29px }
#welcome-info .tabs-nav li { height: 29px; float: left; margin: 0 -8px 0 0; padding: 0 0 0 17px; background: url(/image/bg-welcome-tab-item.png) no-repeat 0 100%; font-size: 10px; }
#welcome-info .tabs-nav li a { height: 19px; float: left; padding: 10px 17px 0 0; color: #1096d6; background: url(/image/bg-welcome-tab-item-child.png) no-repeat 100% 100%; }
#welcome-info .tabs-nav li.act,
#welcome-info .tabs-nav li:hover { background-position: 0 0; }
#welcome-info .tabs-nav li.act a,
#welcome-info .tabs-nav li:hover a { color: #fff; background-position: 100% 0; }
#welcome-info .tab { position: relative; top: -7px; display: none; clear: both; margin: 0 0 10px; padding: 5px 10px 0; background: url(/image/bg-tab.png) no-repeat 0 0; }
#welcome-info .tab .x { position: relative; bottom: -7px; width: 592px; height: 7px; clear: both; margin: 0 -10px 0; background: url(/image/bg-tab-child.png) no-repeat 0 0; }
#welcome-info .tab img { float: left; }
#welcome-info .tab .desc-2 { padding: 10px; margin-top: 10px;}
#welcome-info .tab .desc { width: 300px; float: right; padding: 30px 30px 5px; color: #fff; }
#welcome-info .tab .desc h3 { margin: 0 0 15px; }
#welcome-info .tab .desc h3,
#welcome-info .tab .desc h3 a { color: #fff; font-size: 14px; font-weight: bold; }
#welcome-info .tab .desc .m { width: 84px; height: 22px; line-height: 22px; float: right; margin: 15px 0 0; color: #fff; background: url(/image/btn-more.png) no-repeat 0 0; text-decoration: none; text-align: center }

.prod-mod { margin: 0 0 10px; padding: 0 0 20px; background: url(/image/icon-divider.png) no-repeat 0 100%; overflow: hidden; }
.prod-mod .img { width: 110px; float: left; }
.prod-mod .img img { padding: 2px; border: 1px solid #7d2d35 }
.prod-mod .desc { position: relative; width: 430px; float: left; }
.prod-mod .desc h2 { color: #731d26; font-size: 12px; font-weight: bold; text-decoration: underline;  }
.prod-mod .desc .item-feature { position: absolute; top: 90px; right: 25px; width: 115px; height: 61px; text-indent: -100em; overflow: hidden; }
.prod-mod .desc .item-feature-new { background: url(/image/bg-item-new.png) no-repeat 0 0; }
.prod-mod .desc .item-feature-teaser { background: url(/image/bg-item-teaser.png) no-repeat 0 0; }
.prod-mod .desc .item-feature-bestseller { background: url(/image/bg-item-bestseller.png) no-repeat 0 0; }
.prod-mod .desc .data-list { margin: 10px 0 0; overflow: hidden; }
.prod-mod .desc .data-list li { clear: both; color: #929495; }
.prod-mod .desc .data-list li span { width: 85px; float: left; padding: 0 10px 0 0; text-align: right; }
.prod-mod .desc .data-list li em { float: left; color: #393b3c; }
.prod-mod .price-mod { margin: 10px 0; }
.prod-mod .price-mod p { margin: 0 0 .2em;color: #035498 }
.prod-mod .price-mod strike { display: block; color: #555; font-weight: bold; }
.prod-mod .price-mod strong { display: block; color: #a80a27; font-weight: bold; }

.add-to-btn {  }
.add-to-btn a,
.add-to-btn input { width: 90px; height: 34px; line-height: 34px; float: left; margin: 0 5px 0 0; padding: 0 0 0 35px; border: 0; text-decoration: none; }
.add-to-btn input { width: 125px; padding: 0 0 0 25px; }
.add-to-btn .btn-cart { color: #fff; background: url(/image/btn-cart.png) no-repeat 0 0; }
.add-to-btn .btn-remove-cart { width: 102px; color: #fff; background: url(/image/btn-remove-cart.png) no-repeat 0 0; }
.add-to-btn .btn-store { color: #731d26; background: url(/image/btn-store.png) no-repeat 0 0; }
.add-to-btn .btn-remove-store { width: 113px; color: #731d26; background: url(/image/btn-remove-store.png) no-repeat 0 0; }
.add-to-btn input.btn-remove-cart { width: 137px; }
.add-to-btn input.btn-remove-store { width: 148px; }

#content .mod { margin: 0 0 10px; padding: 13px 16px 0; background: url(/image/bg-cnt-mod.png) no-repeat 0 0; }
#content .mod .x { height: 15px; clear: both; margin: 0 -16px; background: url(/image/bg-cnt-mod-child.png) no-repeat 0 0; }
#content .mod .h { width: 546px; min-height: 28px; margin: 0 -16px 10px -8px; padding: 0 23px 4px; background: url(/image/bg-cnt-mod-h-child.png) no-repeat 0 100%; }
#content .mod .h-top { display: block; width: 546px; height: 11px; margin: 0 -16px 0 -8px; padding:0 23px; background: url(/image/bg-cnt-mod-h.png) no-repeat 0 0; }
#content .mod .h h2 { height: 28px; line-height: 22px; float: left; font-size: 12px; font-weight: bold }
#content .mod .h .m { float: right; font-size: 10px; }
#content .mod .h .pagination { float: right; clear: none; padding: 0; background: none }
#content .mod .h .cats-list { line-height: 18px; padding: 0 0 6px 70px; }
#content .mod .h .cats-list li { color: #393b3c; font-weight: bold; }
#content .mod .h .cats-list li:first-child { float: left; margin: 0 0 0 -70px; }
#content .mod .h .cats-list li a { color: #515254; font-weight: bold; text-decoration: none; }


.tbl-prods { width: 567px; margin: 0 -15px 0 -5px; border-collapse: collapse; }
.tbl-prods .img img { width: 95px; } /* narzucamy szerokosc dla zdjecia, przydatne w przypadku Butiku */
.tbl-prods th { padding: 10px 0 15px; background: url(/image/icon-divider-3.png) no-repeat 0 50%; font-weight: normal; }
.tbl-prods th:first-child { background: none; }
.tbl-prods th:last-child { text-align: right; }
.tbl-prods tr { background: url(/image/icon-divider.png) no-repeat 0 100%; }
.tbl-prods td { width: 50px; padding: 10px 0 15px; text-align: center  }
.tbl-prods td:first-child { width: 512px }
.tbl-prods td:last-child { text-align: right; }
.tbl-prods td input[type=text] { width: 20px; border: 1px solid #393b3c; text-align: center }
.tbl-prods td strong { color: #a80a27; font-size: 12px; font-weight: bold; }
.tbl-prods tfoot tr { background: none; }
.tbl-prods tfoot td { text-align: right; }
.tbl-prods td.prod-mod { width: 400px; text-align: left; background: none }
.tbl-prods .desc { position: relative; width: 290px; height: 150px; }
.tbl-prods .desc .add-to-btn { position: absolute; left: 0; bottom: 0; }
.checkout-btn { height: 26px; padding: 20px 0 10px; background: url(/image/icon-divider.png) no-repeat 0 0; }
.checkout-btn .btn { width: 108px; height: 26px; max-height: 26px; float: right; margin: 0 0 0 50px; padding: 26px 0 0; border: 0; text-indent: 100em; overflow: hidden; }
.checkout-btn a.btn { padding: 0; }
.checkout-btn input[type=submit] { background: url(/image/btn-checkout.png) no-repeat 0 0; }
.checkout-btn a,
.checkout-btn input[type=cancel] { background: url(/image/btn-cancel.png) no-repeat 0 0; }

.inline-list { padding: 0 0 10px; }
.inline-list li { display: inline; padding: 0 9px 0 0; font-size: 12px }
.inline-list li a { color: #1a98d5; }

.simple-list li { clear: both; padding: 20px 0 0; background: url(/image/icon-divider.png) no-repeat 0 0;  }
.simple-list li .img { float: left; margin: 0 10px 10px 0 }
.simple-list li .img img { padding: 2px; border: 1px solid #7d2d35 }
.simple-list li h5 { margin: 0 0 7px; }
.simple-list li h5 a { font-size: 12px; font-weight: bold; }

.disc-list li { padding: 0 0 0 12px; background: url(/image/icon-disc.png) no-repeat 0 6px; }
.disc-list2 li { padding: 0 0 0 12px; background: url(/image/icon-disc-2.png) no-repeat 0 6px; }

.prod-list {  }
.prod-list .i { width: 174px; float: left; padding: 0 0 10px; text-align: center }
.prod-list .i .img img { padding: 2px; border: 1px solid #7d2d35 }
.prod-list .i .t { display: block; }
.prod-list .divider { width: 100%; height: 20px; float: none; clear: both; padding: 0; background: url(/image/icon-divider.png) no-repeat 0 0; }
.prod-list .divider hr { display: none }
.prod-list .divider:last-child { display: none }

.col-list { }
.col-list .i { width: 170px; float: left; padding: 5px 10px 5px 94px; }
.col-list .i .img { width: 94px; float: left; margin: 0 0 0 -94px; }
.col-list .i .img img { padding: 2px; border: 1px solid #7d2d35 }
.col-list .i .desc { position: relative; width: 170px; height: 100px; padding: 0 0 20px; }
.col-list .i .desc h5 { margin: 0 0 7px; }
.col-list .i .desc h5 a { font-size: 12px; font-weight: bold; }
.col-list .i .desc .m { position: absolute; left: 0; bottom: 0; }
.col-list .last-in-row { padding-left: 104px; border-left: 1px solid #d7d7d8 }
.col-list .divider { width: 100%; height: 2px; float: none; clear: both; padding: 0; }
.col-list .divider hr { display: none }

.pagination { clear: both; padding: 20px 0 0; background: url(/image/icon-divider.png) no-repeat 0 10px; }
.pagination ul { float: right; margin: 0 1px; }
.pagination ul li { height: 19px; line-height: 19px; float: left; padding: 0 6px; background: url(/image/icon-divider-1.png) no-repeat 0 5px; }
.pagination ul li a { height: 19px; line-height: 19px; float: left; text-align: center; text-decoration: none; }
.pagination ul li.item-act a,
.pagination ul li a:hover { font-weight: bold; }
.pagination ul li.item-prev {  background: none; }
.pagination ul li.item-prev a,
.pagination ul li.item-next a { height: 16px; padding: 3px 0 0; }



/* sidce-bar */
#side-bar-1 { width: 207px; float: right; }
.side-bar { width: 195px; float: left; }
.side-bar .mod { margin: 0 0 10px; }
.side-bar .mod-0 { width: 195px; margin: 0 auto 10px; padding: 9px 0 0; background: url(/image/bg-mod-0.png) no-repeat 0 0; }
.side-bar .mod-0 .i { padding: 0 9px 15px; background: url(/image/bg-mod-0-child.png) no-repeat 0 100%; }
.side-bar .mod-0 .h { width: 170px; height: 27px; line-height: 27px; margin: 0 -2px; padding: 0 7px; color: #841635;  background: url(/image/bg-mod-0-h.png) no-repeat 0 0; font-size: 12px; font-weight: bold; }
.side-bar .mod-0 img { display: block; margin: 8px auto; }
.side-bar .mod-0 strong { display: block; margin: 0 0 7px; font-size: 12px; }
.side-bar .mod-0 strong a { font-weight: bold; }
.side-bar .mod-1 { margin-bottom: 21px; padding: 9px 0 0; color: #2c497b; background: url(/image/bg-mod-1.png) no-repeat 0 0; }
.side-bar .mod-1 a { color: #2c497b; }
.side-bar .mod-1 .i { position: relative; bottom: -4px; padding: 0 11px; background: url(/image/bg-mod-1-child.png) no-repeat 0 100%; }
.side-bar .mod-1 .i .x { position: relative; bottom: -7px; width: 207px; height: 11px; margin: 0 -11px 0; background: url(/image/bg-mod-1-child-x.png) no-repeat 0 0; }
.side-bar .mod-1 .h { position: relative; width: 170px; height: 27px; line-height: 27px; margin: 0 0 8px; padding: 0 7px; color: #005da4;  background: url(/image/bg-mod-1-h.png) no-repeat 0 0; font-size: 12px; font-weight: bold; }
.side-bar .mod-1 .h img { position: absolute; z-index: 20; }
.side-bar .mod-1 .c,
.side-bar .mod-1 form { padding: 0 6px; }
.side-bar .mod-1 form input[type=text],
.side-bar .mod-1 form input[type=password] { padding: 3px; border: 1px solid #1a98d5; color: #deaab5; background: #fff; }
.side-bar .mod-1 form .btn-submit { float: right; height: 22px; margin: 5px 7px 0 0; padding: 0 0 0 13px; background: url(/image/btn-submit.png) no-repeat 0 0; }
.side-bar .mod-1 form .btn-submit input { height: 22px; margin: 0 -7px 0 0; padding-bottom: 2px; padding-right: 13px; border: 0; color: #fff; background: url(/image/btn-submit-child.png) no-repeat 100% 0; }
.side-bar #mod-search input[type=text] { width: 165px }
.side-bar #mod-login.login .h img { top: -2px; right: 8px; }
.side-bar #mod-login label { width: 42px; line-height: 21px; float: left; margin: 0 0 9px }
.side-bar #mod-login input[type=text],
.side-bar #mod-login input[type=password] { width: 88px; margin: 0 0 9px 0 }
.side-bar #mod-login .btn-submit { width: 32px; height: 40px; float: right; clear: both; margin: -50px 0 0; padding: 0; background: none; }
.side-bar #mod-login .btn-submit input { display: block; width: 32px; height: 40px; max-height: 40px; margin: 0; padding: 40px 0 0; background: url(/image/btn-login.png) no-repeat 0 0; text-indent: 100em; overflow: hidden; }
.side-bar #mod-login form ul { clear: both; padding: 5px 0 0; border-top: 1px solid #1a98d5; }
.side-bar #mod-login form ul li { line-height: 7px; float: left; padding: 0 4px; font-size: 7px; }
.side-bar #mod-login form ul li:first-child { padding-left: 0; border-right: 1px solid #035498 }
.side-bar #mod-login form ul li a { font-size: 10px; }
.side-bar #mod-login #user { display: block; margin: 10px 0; color: #a80a27; }
.side-bar #mod-login #user a { color: #cd1038; font-weight: bold; text-decoration: none }
.side-bar #mod-cart .h { text-align: right; }
.side-bar #mod-cart .h img { top: -10px; left: 0; }
.side-bar #mod-cart .m { display: block; width: 26px; height: 33px; margin: 0 0 -14px 130px; background: url(/image/icon-arrow-2.png) no-repeat 0 0; text-indent: -100em; overflow: hidden;  }
.side-bar #mod-subscribe .h img { top: -15px; right: 15px; }
.side-bar #mod-subscribe p { position: relative; font-style: italic; z-index: 3; }
.side-bar #mod-subscribe input[type=text] { width: 165px; margin: 10px 0; }
.side-bar .mod-menu { width: 203px; margin: 0 -4px 10px; padding: 9px 0 0; background: url(/image/bg-menu.png) no-repeat 0 0; }
.side-bar .mod-menu ul { padding: 0 9px 9px; background: url(/image/bg-menu-child.png) no-repeat 0 100%; }
.side-bar .mod-menu li { display: block; width: 185px; margin: 1px auto; }
.side-bar .mod-menu li span { display: block; line-height: 27px; background: url(/image/bg-menu-item.png) no-repeat 0 0; }
.side-bar .mod-menu li span a { display: block; line-height: 11px; padding: 7px 20px 7px 5px; color: #fff; background: url(/image/bg-menu-item-child.png) no-repeat 0 100%; text-decoration: none; text-align: right; }
.side-bar .mod-menu li ul { padding: 0; background: none; }
.side-bar .mod-menu li li span { display: block; line-height: 27px; background: url(/image/bg-submenu-item.png) no-repeat 0 0; }
.side-bar .mod-menu li li span span { display: block; background: url(/image/bg-submenu-item-child.png) no-repeat 0 100%; }
.side-bar .mod-menu li li span span a { display: block; line-height: 11px; padding: 7px 20px 7px 5px; color: #79122d; background: url(/image/bg-submenu-item-subchild.png) no-repeat 0 50%; text-decoration: none; text-align: right; }
.side-bar .mod-menu li.spec>span,
.side-bar .mod-menu li.act>span,
.side-bar .mod-menu li span:hover { background-position: 100% 0; }
.side-bar .mod-menu li.spec>span a,
.side-bar .mod-menu li.act>span a,
.side-bar .mod-menu li span:hover a { background-position: 100% 100% }
.side-bar .mod-menu li li.act>span,
.side-bar .mod-menu li li span:hover { background-position: 100% 0; }
.side-bar .mod-menu li li.act>span span,
.side-bar .mod-menu li li span:hover span { background-position: 100% 100%; }
.side-bar .mod-menu li li.act>span a,
.side-bar .mod-menu li li span:hover a { background-position: -185px 50%; }
.side-bar .mod-add { text-align: center }
.side-bar .mod-goodies { width: 184px; height: 74px; margin: 0 0 10px -6px; padding: 12px 11px 0; background: url(/image/bg-goodies.png) no-repeat 0 0; }
.side-bar .mod-goodies .h { position: relative; height: 28px; line-height: 28px; margin: 0 0 4px; padding: 0 7px; color: #fff;  background: url(../../image/bg-goodies-h.png) no-repeat 0 0; font-size: 11px; font-weight: bold; letter-spacing: -1px; }
.side-bar .mod-goodies .h img { position: absolute; z-index: 20; top: 1px; right: 2px; }
.side-bar .mod-goodies .m { display: block; width: 26px; height: 32px; margin: 0 20px; background: url(/image/btn-goodies.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }

/* footer */
#footer { width: 1000px; height: 81px; margin: 0 auto; padding: 20px 0 0; background: url(/image/bg-footer.jpg) no-repeat 50% 0; text-align: center; }
#footer ul { height: 30px; line-height: 9px; }
#footer ul li { display: inline; padding: 0 10px; border-left: 1px solid #731d26; font-size: 7px }
#footer ul li:first-child { border: 0; }
#footer ul li a { font-size: 11px }
#footer p { display: inline; padding: 0 10px; color: #617fb2; }
#footer p a { color: #617fb2; }
#footer #copy a { text-decoration: none; }
#footer #madeby { border-left: 1px solid #617fb2; }

.banner-place{ margin: 0 0 10px 0; text-align: center !important;  }
.sklep-kategoria-opis { margin: 0 0 20px 0; }
#sklep-podsumowanie { padding: 10px; margin-bottom: 15px; }
.mustbe { color: red; font-size: 14px; }

.img-box { display: block; width: 149px; height: 149px; margin: 0 auto; border: 1px solid #7d2c35; background: #fff; text-align: center; overflow: hidden; }
.img-box img { padding: 0; border: 0 !important; }