
body {
	background: #6c6e6e url(tuo.jpg) top center;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	font: 11px/14px Arial, Helvetica, sans-serif; 
	color: #888;
	/* font: 13px/24px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
	color: #CCC; */
}

a {
	color: #3CF;
	text-decoration: none;
}
a:hover {
	color: #fff;
}
.fix {display: block; visibility: hidden; clear: both}
h1, h2, h3, h4, h5, h6 { 
	color: #999;
}

/* debug layer 
#header, #kontnr-head, #kontnr-main {border-bottom: 1px solid red}
*/
#kontnr {
	width: 970px;
	margin: 0 auto;
}
#header {
	position: relative;
	display: block;
	height: 100px;
	background: url(sep.png) bottom left repeat-x;
}
#header a{border: none; outline: none;}
#menu-main {
	position: absolute;
	bottom: 10px;
	right: 10px;
	}
#menu-main a {
	font: 18px/14px Helvetica, Myriad Pro, Sans-serif;
	font-variant: small-caps;
	color: #fff;
	padding: 5px 15px;
	}
#menu-main a:focus {color: #0C0;}

#kontnr-main {
	clear: both;
	margin-top: 5px;
	padding-bottom: 8px;
}
#footr {
padding:10px;
text-align:left;
background: #111;
}
#footr a.valid {
background:transparent none repeat scroll 0 0;
border:medium none;
padding:2px;
}
#footr span {
display:block;
float:left;
padding-right: 10px;
}
#footr span a {
background:#333 none repeat scroll 0 0;
border:medium none;
color:#999;
font-size:11px;
padding: 2px;
}
#footr span a:hover {
background:#666 none repeat scroll 0 0;
color: #fff;
}

/**************************#1*/

#menukat a {
	font: 28px/26px Lucida Sans, Helvetica, Myriad Pro, Sans-serif;
	color: #fff; 
	border: 0;
	outline: none;
}
#menukat-sub a, #wgfirmy a {
	font: 20px/26px Lucida Sans, Helvetica, Myriad Pro, Sans-serif;
	color: #8a898a; 
	border: 0;
	outline: none;
}
#menukat-sub a:hover {color: #ccc}
#menukat-sub ul li {
	list-style: none;
}

#subakt { color: #ccc; }
#menukat-sub ul li a {
	font: 12px/18px Lucida Sans, Helvetica, Myriad Pro, Sans-serif;
	font-weight: bold;
}

#menukat-sub a.currprodcat {color: #fff; font-weight: bold;}
.katbtn {	
	width: 150px;
	height: 30px;
	display: block;
	cursor: pointer;
	line-height: 30px;
	text-transform: capitalize;
	font-size: 22px;
	text-shadow: 1px 1px 1px #151618;
	-moz-text-shadow: 1px 1px 1px #151618;
	-webkit-text-shadow: 1px 1px 1px #151618;
}
.subb a, #wgfirmy a, #menu-main a {
	text-transform: uppercase;	
	text-shadow: 1px 1px 1px #151618;
	-moz-text-shadow: 1px 1px 1px #151618;
	-webkit-text-shadow: 1px 1px 1px #151618;
}
/*
.k01 {background: url(czesci.png) no-repeat bottom left}
.k02 {background: url(ubrania.png) no-repeat bottom left}
.k03 {background: url(media.png) no-repeat bottom left}
.k04 {background: url(buty.png) no-repeat bottom left}
.k05 {background: url(rowery.png) no-repeat bottom left}
.k06 {background: url(sluchawki.png) no-repeat bottom left}
.k07 {background: url(ochrona.png) no-repeat bottom left}
.k08 {background: url(akcesoria.png) no-repeat bottom left}
*/
#slides1 {
	margin-left: 15px;
	padding: 7px;
	position: relative;
}
#kolumnalewa {
	width: 180px;
	margin-left: 10px;
	float: left;
}
#kolumnalewa-sub {
	width: 150px;
	float: left;
}
#kolumnaprawa {
	margin-left: 5px;
	float: right;
	}
ul#menukat, ul#menukat-sub {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	display: block;
	width: 100%;
}
ul#menukat {
	padding-bottom: 15px;	
}
#wgfirmy {
	margin-top: 15px;
	border-top: 1px dotted #999;
	padding-top: 15px;
}
#wgfirmy a {
	color: #CCC;
	font-size: 18px;
}

#slides1 {
	width: 555px;
	height: 282px;
	background: url(subkol.png) top left;
	float: left;
	}
	
#kolumnaprawa {
	width: 223px;
	float: left;
	}
	
#box-login {
	width: 193px;
	padding: 10px 15px;
	height: 145px;
	background: url(box-login.png) no-repeat top left;
	margin-bottom: 5px;
	margin-left: 2px;
}
#box-login h4 {
	display: block;
	color: #000;
	font-variant: small-caps;
}
#box-login label {color: #4a4c1f;}
#box-login input.box-l {
	width: 120px;
	margin-bottom: 5px;
	border: 1px solid;
	color: #889c27;
	background: #f0f7b3;
	padding: 3px;
}
#lg1, #lg2 { display: block; float: left;}
#lg1 {width: 145px;}
#lg2 {width: 45px;}
#lg5 {
	display: block;
	float: left;
	width: 193px;
	margin-top: 5px;
}
#lg2 input {border: none; background: url(submit.png) no-repeat; width: 43px; height: 43px; cursor: pointer}
#lg5 a {display: block; border: none; color: #000; font-size: 14px; margin: 2px;}

#box-szukaj {
	width: 193px;
	height: 110px;
	padding: 10px 15px;
	background: url(box-szukaj.png) no-repeat top left;
	margin-left: 2px;
	}
	
#box-szukaj h4 {
	display: block;
	color: #000;
	font-variant: small-caps;
}
#box-szukaj label, #up-list label {color: #297070;}
#box-szukaj input.box-w, #up-list input.box-w {
	width: 100px;
	margin-bottom: 5px;
	border: 1px solid;
	color: #297070;
	background: #bdfefe;
	padding: 3px;
}
#lg3, #lg4 { display: block; float: left;}
#lg3 {width: 120px;}
#lg4 {width: 70px;}
#lg6 {
	display: block;
	float: left;
	width: 193px;
	margin-top: 5px;
}
#lg4 input {border: none; background: url(szukaj.png) no-repeat; width: 43px; height: 43px; cursor: pointer;}
#lg6 a {display: block; border: none; color: #000; font-size: 10px;}


/*************************#2*/

#kontnr-bottom {
	background: url(sep.png) bottom left repeat-x;
	padding-bottom: 8px;
	margin-top: 7px;
	margin-left: 158px;
}
.colbot {
	min-height: 300px;
	background: url(subkol.png) #121315;
	display: block;
	float: left;
	margin-left: 7px;
	padding: 5px;
}
.kolor-szary {color: #000}
.kolor-zielony {color: #40ca51}
.kolor-niebieski {color: #0082ad}
.kolor-fioletowy {color: #bd008f}
.kolor-zolty {color: #fdd000}

#newskol {width: 559px;}
#brandkol {width: 213px; height: 337px;}
#adkol {width: 200px;}

.colbot h3 {
	background: #0d0d0f;
	font-variant: small-caps;
	color: inherit;
	padding: 5px;
	margin: 0; 
}

.boxnews {
	width: 160px; 
	background: #333;
	height: 150px;
	display: block;
	float: left;
	margin: 5px;
}

#produkt {
	width: 818px;
	float: left; 
	background: url(prodback_biale.png);
}

#up, #up-list {
	height: 91px;
	position: relative;
	width: 100%;
}
#up {background: url(gornyseg.png) no-repeat top left;}
#up-list {background: url(gornyseg-list.png) no-repeat top left; height: 50px; position: relative;}
#up-forms, #up-txt {background: url(gornyseg-formst.png) no-repeat top left; height: 50px; position: relative;}
#price {
	position: absolute;
	top: 0;
	right: 0;
	width:104px;
	height: 70px;
	padding-top: 34px;
	text-align: center;
	color: #FFF;
	background: url(cena.png);
	font: 30px/14px Myriad Pro, Sans-serif;
	line-height: 24px;
}
#price.double {
	height: 82px;
	padding-top: 22px;
}
#pricep {
	position: absolute;
	top: 45px;
	right: 80px;
	width:64px;
	height: 44px;
	padding-top: 20px;
	text-align: center;
	color: #FFF;
	background: url(cenap.png);
	font: 16px Myriad Pro, Sans-serif;
}
#x {display: none;}
#price small {
	line-height: 22px;
	font-size: 18px;
	font-variant: small-caps;
	/*clear: both;*/
	/*padding-top: 25px;
	float: left;*/
}

#path, #catpath {
		display: block;
		padding: 20px 30px;
		color: #868687;
}
#path a, #catpath a {
	color: #868687;
	font-variant: small-caps;
	font-size: 14px;
	font-weight: bold;
	border: none;
}
#catpath a {color: #CCC;}
#path a:hover {
	color: #CCC;	
}
h4#prodname {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 9px 20px;
}
h2#catname {
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	padding: 0px 30px;
	font-variant: small-caps;
	position: absolute;
	right: 10px;
	top: 17px;
	height: 60px;
}
.catoptions {
	height: 36px;
	background: #CCC url(catopt.png);
	margin-top: 1px;
	position: relative;
}
.catpagin {
	position: absolute;
	top: 12px;
	right: 10px;
}
.catpagin a {
	padding: 3px 7px;
	margin-right: 1px;
	color: #FFF;
	border: none;
	background: #333;
	outline: none;
	border-radius: 5px;
	display: inline-block;
}
.catpagin a:hover {
	background: #00bcdd;
}
.catpagin a:focus {
	background: #111;
}
.catpagin span.current {
	padding: 3px 7px;
	margin-right: 1px;
	color: #FFF;
	border: none;
	outline: none;
	background: #00bcdd;
	border-radius: 5px;
	display: inline-block;
}
.catpagin span.disabled {display: none;}
.inner {
	background: url(prodshadow.png) top left no-repeat;
	width: 792px;
	margin: 0 auto;
}
#inner-txt, #inner-forms, #inner-k {
	background: url(prodshadow.png) top left no-repeat;
	width: 772px;
	padding: 10px;
	margin: 0 auto;
}
#inner-k {border-top: 2px solid #FC0;}
#inner-txt a {
	color: #F30;
}

#inner-txt {min-height: 400px;}
#fotframe {
	width: 400px;
	padding: 25px 25px 0 25px;
	}
#fotframe, #rightframe {display: block; float: left;}
#fotcurr, .fotnext {
	display: block;
	float: left;
}	
#fotcurr a, .fotnext a {border: none;}
#fotcurr a img, .fotnext a img{
	border: 1px solid #222;
	padding: 0px;
}

.fotnext {
	margin-left: 5px;
	margin-bottom: 5px;
}
#rightframe {
	/*background: url(prodshadowkols.png);*/
	width: 242px;
	height: 300px;
	position: relative;
}
#productbrand, #productbuttons {
	position: absolute;
	width: 242px;
	right: 0px;
}
#productbrand {
	top: 0px;
	height: 180px;
	}
#productbuttons {
	top: 180px;
	height: 120px;
	text-align: center;
}

#bottom {
	background: url(prodshadowkols.png);
	padding: 30px;
	color: #595959;
	width: 732px;
	margin: 0 auto;
	}
	
input#addcart {
	display: block;
	border: none;
	height: 98px;
	width: 242px;
	background: url(addcart.png) no-repeat;
	outline: none;
	cursor: pointer;
}
a#addcart:hover {background: url(addcart-hover.png) no-repeat;}
a#addcart:focus {background: url(addcart-foc.png) no-repeat;}

a#prodwatch {
	display: block;
	border: none;
	height: 60px;
	background: url(watch.png) no-repeat;
	outline: none;
}
a#prodwatch:hover {background: url(watch-hover.png) no-repeat;}
a#prodwatch:focus {background: url(watch-foc.png) no-repeat;}

a#prodask {
	display: block;
	border: none;
	height: 60px;
	background: url(ask.png) no-repeat;
	outline: none;
}
a#prodask:hover {background: url(ask-hover.png) no-repeat;}
a#prodask:focus {background: url(ask-foc.png) no-repeat;}

#loginform {
position: absolute;
top: 0;
right: 0px;
color: #7c7c78;
padding-top: 10px;
}

#loginform a {
border-bottom: 1px dotted;
color: #fdd000;
font-size: 12px;
}
#loginform a:hover {
border-bottom: 1px solid;
}
#loginform img {height: 22px; vertical-align: middle; }
.rozwiniety {display:block !important;}

#innerbottom {
	padding: 15px;
	background: url(innerbottuo1.png);
	border-top: 3px solid #111;
}
#jakistambox {
	margin: 0 auto;
	background: #222427;
	padding: 15px;
}
#jakistambox a {color: #fff}
#modalbig {
	padding: 15%;
}
h5.choosebrand {
	width: 338px;
	height: 59px;
	margin: 0;
	padding: 0;
	background: url(H-wybierz.png) no-repeat bottom left;
}

#brandspick ul, #brandspick ul li{
list-style: none;
margin: 0;
padding: 0;
}
#brandspick ul li {
display: block;
float: left;
}
#brandspick ul li a {
border: none;
background: #333;
padding: 10px;
display: block;
margin-left: 1px;
margin-bottom: 1px;
}

#brandspick ul li a:hover {
background: #222;
}

#row-oferta, #row-shorts {
	width: 960px;
	margin: 0 auto;
	display: block;
	clear: both;
	margin-bottom: 20px;
}
#row-oferta ul, #row-oferta ul li{
list-style: none;
margin: 0;
padding: 0;
}
#row-oferta ul li {
display: block;
float: left;
background: #fff;
padding: 5px;
width: 170px;
height: 175px;
margin: 5px;
}
.promocjabox {
	background: #fdd000 url(offer.png) !important;
}

.ofertabox {
	text-align: center;
	border-radius: 10px;
	box-shadow: 0px 0px 3px #000;
}

.ofertabox:hover {opacity: .95;}
#row-oferta ul li a {
border: none;
color: #333;
font-size: 11px;
}
#row-oferta ul li a strong{
	color: #ed362b;
}
/*#row-oferta ul li a img{
	display: block;
	text-align: center;
}*/

.innerkol {
	display: block;
	float: left;
	width: 280px;
	padding: 10px;
	margin-right: 15px;
	background: #333;
}
.innerkol ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.innerkol li {
	padding: 5px;
	border-bottom: 1px dotted;
}
.innerkol a {
	font-size: 12px;	
	padding: 3px 3px 3px 25px;
	color: #999;
	border-bottom: 0px dotted #666;
	background: url(internet-news-reader.png) 1% 50% no-repeat;
}
.innerkol a:hover {
	color: #fff;
	border-bottom: 0px;
}

#listbase, #listbox {
display: block;
padding: 15px;
width: 785px;
}

#listbase ul {
list-style: none;
}

#listbase ul li{
	border-bottom: 1px solid #333;
	padding: 5px;
	/*background: url(prodbacklist.png);*/
	margin-bottom: 10px;
}

.ls-pic, .ls-opisy, .ls-h, .ls-txt, .ls-opt, .ls-cena {display: block; float: left;}

.ls-pic {
	width: 100px;
	height: 100px;
	margin-right: 25px;
}
.ls-pic a {text-decoration: none; border: none;}
.ls-opt {
	width: 169px;	
	padding: 10px;
	border-left: 1px solid;
}
.ls-opt a {
	display: block;
	padding: 3px;
	border: none;
	color: #333;
	background: #999;
	margin-bottom: 2px;
}
.ls-opt a:hover {
	color: #111;
	background: #CCC;
}
.ls-txt {
	width: 500px;	
	padding-right: 10px;
}
.ls-opisy {
	width: 615px;
	color: #888;
}
.ls-h {
	width: 615px;	
	border-bottom: none;
}
.ls-h a {
	border: none;	
}
.ls-h small{
	color: #000; font-size: 13px;
	font-weight: bold;
	font-style: italic;
	margin-left: 5px;
	}
.ls-h a:hover {
	color: #666;
}
.ls-cena {
	width: 65px;
	padding: 10px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: #fff;
	margin-right: 10px;
}

#listbox ul li {
	list-style: none;
	display: block;
	float: left;
	width: 145px;
	padding: 15px;
	text-align: center;
	border: 1px dotted #555;
	margin: 5px;
}
#listbox li {
	height: 170px;
}
#listbox li:hover { opacity: .8; border: 1px dotted gray;}
#listbox ul li a h5{
	margin-bottom: 2px;
	margin-top: 3px;
	color: black;
}
#listbox a { border: none;}
#listbox a:hover {color: #666;}
.lsb-cena {
	color: #000;
	font-weight: bold;
}


ul.dropdown, ul.dropdown li, ul.dropdown ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
a.dir {
	display: block;
	padding: 3px 10px;
	border: none;
	color: #fff;
	background: #333;
	margin-top: 4px;
	border-radius: 4px;
}
a.dir-filtraktywny {
	display: block;
	padding: 3px 10px;
	border: none;
	color: #00bcdd;
	background: #333;
	margin-top: 4px;
	font-weight: bold;
}
ul.dropdown ul a {
	color: #ccc;
	display: block;
	padding: 7px;
	border: none;
	margin-bottom: 1px;
}
ul.dropdown ul a:hover {
	background: #00bcdd;
	color: #fff;
}
ul.dropdown {
	height: 25px;
	float:left;
	position:relative;
	z-index:597;
	margin-right: 1px;
}
ul.dropdown li {
	float:left; 
	line-height:1.3em;
	vertical-align:middle;
}
ul.dropdown li.hover, ul.dropdown li:hover {
	cursor:default;
	position:relative;
	z-index:599;
}
ul.dropdown ul {
	left:0;
	position:absolute;
	top:100%;
	visibility:hidden;
	width:150px;
	z-index:598;
	background: url(333x9.png);
	border-radius: 5px;
}
ul.dropdown ul li {
	float:none;
}
ul.dropdown ul ul {
	left:99%;
	top:1px;
}
ul.dropdown li:hover > ul {
	visibility:visible;
}
.catflt {
	padding: 5px;	
}
.sortopt {
}
.sortopt strong {display: block; float: left; padding: 5px; color: #FFF;}
#inner-forms {color: #ccc;}
#inner-forms li {
	border-bottom: 2px solid;
	list-style: none;
	padding: 15px 0;
}
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:0px solid #ccc; background: #666; color: #fff;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:0px solid #3CF; background: #777;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}

#inner-forms a, #inner-forms caption {color: #fc4733;}


#koszyk {
	width: 818px;
	float: left; 
	background: url(koszyk.png);
}

#kseg {
	width: 750px;
	display: block;
	margin: 0 auto;
}
#k-segs {display: block; height: 100px;}
.k-seg {
	display: block;
	float: left;
	width: 250px;
	height: 100px;
}
#k-seg1akt {background: url(k-seg1.png) no-repeat;}
#k-seg1 {background: url(k-seg1-na.png) no-repeat;}
#k-seg2akt {background: url(k-seg2.png) no-repeat;}
#k-seg2 {background: url(k-seg2-na.png) no-repeat;}
#k-seg3akt {background: url(k-seg3.png) no-repeat;}
#k-seg3 {background: url(k-seg3-na.png) no-repeat;}

#k-num1, #k-num2, #k-num3, #k-num-p {display: block; float: left; width: 200px; height: 200px; padding-right: 25px; border-right: 1px dotted;}
#k-num1 {background: url(cyfra1.png) no-repeat;}
#k-num2 {background: url(cyfra2.png) no-repeat;}
#k-num3 {background: url(cyfra3.png) no-repeat;}
#k-num-p {background: url(cyfra-p.png) no-repeat;}

#k-cont {
	width: 740px; 
	background: #fff;
	border: 5px solid #222;
	display: block; 
	float: left;
}

#k-cont-o {
	width: 480px; 
	background: #fff;
	border: 5px solid #222;
	display: block; 
	float: left;
	padding: 10px;
	margin-left: 10px;
}
#k-cont table {
	background: #fff;
	border: none;
}
#k-cont table tr { margin-bottom: 1px; }
#k-cont table caption { color: #fdd000;}

#k-logrow {
	margin: 25px 0;
	padding-top: 20px;
	border-top: 2px solid;
	}
#k-logrow a{
	padding: 3px 6px;
	background: #999;
	margin: 3px;
	border: none;
	color: #000;
}

.ipt {background: #FC0 !important; border: 1px solid #000;}
.ipz {background: #999 !important; border: 1px solid #000; color: #000;}
.ipk {background: darkblue !important; border: 1px solid #000; color: #fff;}
#producttext {font-size: 14px;}
.prodlogo {float: left; border: 1px solid black; margin-left: 10px; width: 240px; height: 180px; margin-bottom: 10px;}
.zagiel {margin-top: 25px; margin-left: 5px;}
.pan a {font-size: 14px;}
.pan img {vertical-align: middle; height: 24px;}
#slide {
   width: 213px;
   height: 300px;
   overflow: hidden;
   float: right;
}

#slide div {
   width: 213px;
   height: 300px;
   overflow: hidden;
}
#slidep {
   width: 559px;
   height: 150px;
   overflow: hidden;
   float: right;
}

#slidep div {
   width: 559px;
   height: 150px;
   overflow: hidden;
}
#allegro {
	display: block;
	position: fixed;
	top: 211px;
	right: 0;
	width: 30px;
	height: 72px;
	z-index: 3;
}
