body {
	background-image: url(../images/tlo.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	padding: 0px;
	margin: 0px;
	text-align: left;
	font-family: Tahoma, Arial;
	font-size: 11px;
	color: #5b5b5b;
}

h1,h2,h3,h4,form {
	margin: 0px;
	padding: 0px;
}

	h2 {
		height: 17px;
		width: 450px;
		font-size: 14px;
		color: #285576;
		font-weight: bold;
	}

	* html h2 {
		font-size: 14px;
	}


	h3.sub {
		height: 15px;
		width: 450px;
		font-size: 12px;
		color: #285576;
		font-weight: bold;
		margin: 20px 0px 15px 0px;
	}

	* html h3.sub {
		font-size: 12px;
	}

a,link,visited {
	color: #265475;
	text-decoration: none;
}

a:hover {
	color: #518d18;
	text-decoration: underline;
}

input, select {
	border: 1px solid #bebebe;
	background-image: url(../images/input_bck.gif);
	background-position: top;
	background-repeat: repeat-x;
	font-size: 11px;
	color: #5b5b5b;
	font-family: Tahoma;
}

textarea {
	border: 1px solid #bebebe;
	background-color: #f8f8f8;
	font-size: 11px;
	color: #5b5b5b;
	width: 165px;
	font-family: Tahoma;
}

	input.button {
		background-position: top;
		background-repeat: no-repeat;
		border: none;
		width: 68px;
		height: 19px;
	}
	
	.zalogujBut {
		background-image: url(../images/but_zaloguj.gif);
	}
	
	.szukajBut {
		background-image: url(../images/but_szukaj.gif);
	}
	
	.dodajBut {
		background-image: url(../images/but_dodaj.gif);
	}
	
	input.doKoszyka {
		background-image: url(../images/but_do_koszyka.gif);
		background-position: top;
		background-repeat: no-repeat;
		border: none;
		width: 93px;
		height: 33px;
	}	
	
	input.kupTeraz {
		background-image: url(../images/but_kup_teraz.gif);
		background-position: top;
		background-repeat: no-repeat;
		border: none;
		width: 83px;
		height: 33px;
	}

#header {
	height: 34px;
	width: 100%;
}
	
	#header .data {
		margin: 0px auto;
		width: 960px;
	}
	
	#header .data .col1 {
		width: 357px;
		height: 24px;
		background-image: url(../images/header_col1_bck.gif);
		background-position: top;
		background-repeat: no-repeat;
		font-size: 10px;
		color: #9c9c9c;
		float: left;
	}

	#header .data .col1 .padding {
		padding: 5px 0px 0px 25px;
	}
	
	#header .data .col2 {
		width: 221px;
		height: 24px;
		background-image: url(../images/header_col2_bck.gif);
		background-position: top;
		background-repeat: no-repeat;
		font-size: 10px;
		color: #9c9c9c;
		float: right;
	}

	#header .data .col2 .padding {
		padding: 5px 0px 0px 25px;
	}
	
	
#top {
	width: 100%;
}
	
	#top .data {
		width: 960px;
		height: 104px;
		background-image: url(../images/top_bck.jpg);
		margin: 0px auto;
	}
	
	#logo {
		width: 265px;
		height: 87px;
		position: absolute;
		left: 50%;
		margin-left: -460px;
		top: 52px;
	}
	
	#img {
		width: 195px;
		height: 187px;
		position: absolute;
		left: 50%;
		margin-left: -70px;
		top: 0px;
	}
	
#navigation {
	width: 100%;
}

	#navigation .data {
		width: 960px;
		height: 32px;
		margin: 0px auto;
	}
	
	#navigation .data ol {
		margin: 0px;
		padding: 0px;
		height: 32px;
	}

	#navigation .data ol li {
		list-style: none;
		float: left;
		margin: 0px;
		padding: 0px;	
	}

#topbox {
	width: 100%;
}
	
	#topbox .data {
		width: 960px;
		height: 96px;
		margin: 0px auto;
		background-image: url(../images/topbox_bck.gif);
		background-position: top;
		background-repeat: no-repeat;
	}

	#topbox .data a,link,visited {
		font-size: 10px;
		color: #518d18;
		text-decoration: none;
		font-weight: bold;
	}

	#topbox .data a:hover {
		text-decoration: underline;
	}	
	
	#topbox .data .box1 {
		width: 365px;
		height: 96px;
		float: left;
	}

	#topbox .data .box1 .padding {
		padding: 15px 0px 0px 30px;
	}

	#topbox .data .box1 .padding .l{
		width: 35px;
		text-align: right;
		float: left;
		margin-right: 5px;
		padding-top: 2px;
	}
	
	#topbox .data .box1 .padding .r{
		width: 200px;
		float: left;
		margin-bottom: 4px;
	}	
	
	#topbox .data .box2 {
		width: 296px;
		height: 96px;
		float: left;
	}

	#topbox .data .box2 .padding {
		padding: 15px 0px 0px 0px;
	}

	#topbox .data .box2 .padding .l{
		width: 35px;
		text-align: right;
		float: left;
		margin-right: 5px;
		padding-top: 2px;
	}
	
	#topbox .data .box2 .padding .r{
		width: 200px;
		float: left;
		margin-bottom: 4px;
	}
		
	
	#topbox .data .box3 {
		width: 299px;
		height: 96px;
		float: left;
	}

	#topbox .data .box3 .padding {
		padding: 15px 0px 0px 0px;
	}

	#topbox .data .box3 .padding .l{
		width: 60px;
		float: left;
		margin-right: 15px;
		padding-top: 2px;
	}
	
	#topbox .data .box3 .padding .r{
		width: 200px;
		height: 70px;
		float: left;
		line-height: 18px;
	}
	
#content {
	width: 100%;
}

	#content .data {
		width: 960px;
		margin: 0px auto;
	}
	
	#content .data .leftCol {
		width: 249px;
		float: left;
	}
		
	#content .data .mainCol {
		width: 495px;
		float: left;
		overflow: hidden;
	}
	
	#content .data .mainCol .padding {
		padding: 15px 20px 20px 20px;
		line-height: 18px;
		text-align: justify;
	}
	
	#content .data .rightCol {
		width: 216px;
		float: left;
	}
	
.leftHeader {
	width: 249px;
	height: 29px;
	background-image: url(../images/header_left_bck.gif);
	background-position: top;
	background-repeat: no-repeat;
}

	.leftHeader p {
		padding: 9px 0px 0px 26px;
	}
			
.rightHeader {
	width: 216px;
	height: 29px;
	background-image: url(../images/header_right_bck.gif);
	background-position: top;
	background-repeat: no-repeat;
}

	.rightHeader p {
		padding: 9px 0px 0px 34px;
	}
	
#menu {
	width: 239px;
	background-image: url(../images/menu_bck.gif);
	background-position: top;
	background-repeat: repeat-y;
	margin-bottom: 10px;
}
	
	#menu ol {
		margin: 0px;
		padding: 0px;
	}
	
	#menu ol li {
		border-bottom: 1px solid #FFFFFF;
		list-style: none;
	}

	#menu ol li .img {
		width: 28px;
		float: left;
		padding: 4px 0px 4px 0px;
	}
	#menu ol li .link {
		width: 165px;
		float: left;
		padding: 4px 0px 4px 0px;		
	}
	
		#menu ol li .link a,link,visited {
			color: #265475;
			text-decoration: none;
		}
	
		#menu ol li .link a:hover {
			color: #518d18;
			text-decoration: underline;
		}
	
	#menu ol li .ilosc {
		width: 41px;
		float: left;
		text-align: right;
		margin-right: 3px;
		color: #afafaf;
		padding: 4px 0px 4px 0px;		
	}
	
	
	.rightBox {
		width: 206px;
		margin-left: 10px;
		margin-top: 15px;
		margin-bottom: 20px;
	}
	
	.newsShort {
		width: 190px;
		color: #939393;
	}
	
		.newsShort .title a,link,visited {
			color: #265475;
			text-decoration: none;
			font-weight: bold;
		}
		
		.newsShort .date {
			font-size: 10px;
		}
		
		.newsShort .more {
			text-align: right;
		}
		
		.newsShort .more a,link,visited{
			color: #518d18;
			font-weight: bold;
			text-decoration: none;
		}

.mainHeader {
	width: 455px;
	height: 21px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 15px;
}
	.mainHeader p {
		width: 200px;
		float: left;
		margin: 0px;
	}
	
	.mainHeader span {
		width: 90px;
		float: right;
		text-align: right;
		margin: 2px 8px 0px 0px;
		font-size: 10px;
		font-weight: bold;
	}

	.mainHeader span a,link,visited {
		color: #92a9ba;
	}
		
.produktBox {
	width: 227px;
	float: left;
	margin-bottom: 10px;
}
	
	.produktBox .padd {
		padding: 5px 2px 15px 10px;
	}
	
	.produktBox .padd .prdImage {
		width: 100px;
		height: 100px;
		float: left;
		margin-right: 10px;
	}
		
	.produktBox .padd .prdPrice {
		width: 100px;
		height: 100px;
		float: left;
		color: #265475;
		font-size: 10px;
		line-height: 18px;
	}
	
	.produktBox .padd .prdPrice span {
		font-size: 11px;
		font-weight: bold;
	}	
	
	.produktBox .padd .prdPrice font {
		font-size: 10px;
	}

	.produktBox .padd .prdPrice span.prom {
		color: #920000;
	}

	.produktBox .padd .prdName {
		width: 215px;
		text-align: center;
		font-weight: bold;
		margin-top: 5px;
		margin-bottom: 10px;
	}
			
	.produktBox .padd .prdBut {
		width: 200px;
		margin-left: 15px;
	}	
	

.produktSep {
	width: 1px;
	float: left;
}

.horLine {
	width: 455px;
	height: 1px;
	margin-bottom: 20px;
}		
	
.clear {
	clear: both;
}	
	
.pages {
	width: 455px;
	height: 20px;
	margin-bottom: 20px;
}
	
.changePage {
	border:1px solid #D6D6D6;
	color: #999999;
	display: block;
	float: left;
	font-family: Tahoma;
	font-size: 11px;
	height: 18px;
	line-height: 20px;
	margin-right: 7px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	text-decoration: none;	
}	
	
	.current {
		background-color: #CCCCCC;
		color: #FFFFFF;
	}
	
#subCategoryList {
	width: 455px;
	border-bottom: 1px solid #d9d9d9;
	color: #afafaf;
}	

	#subCategoryList .subCat {	
		width: 150px;
		float: left;
		margin: 0px 30px 15px 30px;
	}
	
.crumbTrail {
	color: #b2b2b2;
	font-weight: normal;
}

	.crumbTrail a,link,visited {
		color: #b2b2b2;
		text-decoration: none;
	}
	.crumbTrail a:hover {
		color: #518d18;
		text-decoration: underline;
	}
	
#productDetails	{
	width: 455px;
	margin-top: 20px;
	margin-bottom: 15px;
}

	#productDetails	.photo {
		width: 222px;
		margin-right: 20px;
		float: left;
	}
	
	#productDetails	.details {
		width: 210px;
		float: left;
		line-height: 20px;
		color: #265475;
	}
	
	#productDetails	.details font {
		font-size: 10px;
		font-weight: normal;
	}
	
	.cenaNieaktulna {
		color: #939393;
		text-decoration: line-through;
		font-weight: normal;
	}	
	.cenaPromocyjna {
		color: #920000;
	}
	
#opcjeMenu {
	width: 455px;
	height:28px;
}

	#opcjeMenu a {
		display: block;
		height: 27px;
		width: 84px;
		background-image: url(../images/but_opcja_bck.gif);
		background-position: top;
		background-repeat: repeat-x;
		float: left;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
		border-top: 1px solid #dfdfdf;
		margin-right: 3px;
		text-align: center;
		line-height: 25px;
	}
	
#opcjeContent {	
	width: 453px;
	border: 1px solid #dfdfdf;
	line-height: 18px;
	margin-bottom: 20px;
}

	#opcjeContent .pad {
		padding: 10px;
	}
	
	#parametryProduktu td, #opisProduktu td, #opinieProduktu td, #opcjeProduktu td {
		background-color: #ebebeb;
		font-size: 11px;
		color:#333333;
		width: 215px;
		padding: 5px;
		line-height: 15px;
	}
	
	#parametryProduktu td.nazwa, #opisProduktu td.nazwa, #opinieProduktu td.nazwa, #opcjeProduktu td.nazwa {
		text-align: right;
		font-weight: bold;
		font-size: 10px;
	}

.error {
	width: 420px;
	margin-left: 10px;
	margin-top: 30px;
	background-color:#ffecec;
	border: 1px solid #c85959;
	color:#990000;
	font-weight: bold;
	font-size: 11px;
	padding: 5px;
}

.info {
	width: 420px;
	margin-left: 10px;
	margin-top: 30px;
	background-color:#daf6d6;
	border: 1px solid #4a8434;
	color:#1f6d00;
	font-weight: bold;
	font-size: 11px;
	padding: 5px;
}

.legend {
	font-size: 10px;
	color: #990000;
	font-weight: bold;
}	
	
#basket {
	width: 455px;
	margin-top: 20px;
}
	
	#basket .header {
		width: 455px;
		height: 19px;
		background-color: #efefef;
		background-image: url(../images/koszyk_bck.gif);
		background-position: top;
		background-repeat: repeat-x;
		border: 1px solid #dfdfdf;
		margin-bottom: 1px;
	}
	
	* html #basket .header {
		width: 453px;
	}	
	
		#basket .header span {
			float: left;
			margin-top: 3px;
			margin-left: 5px;
			font-size:10px;
			font-weight: bold;
			color: #265475;
			width: 50px;
			text-align: right;
		}
		
	#basket .line {
		width: 455px;
		background-color: #efefef;
		background-image: url(../images/koszyk_bck.gif);
		background-position: top;
		background-repeat: repeat-x;
		border: 1px solid #dfdfdf;
		margin-bottom: 1px;
		padding-bottom: 5px;
	}	

	* html #basket .line {
		width: 453px;
	}

		#basket .line span {
			float: left;
			margin-top: 6px;
			margin-left: 5px;
			font-size: 11px;
			color: #265475;
			width: 70px;
		}
		
		#basket .line span.cena {
			text-align: right;
		}
				
		#basket .line span font {
			color: #8d8d8d;
			font-size: 10px;
		}	

		#basket .line span img {
			margin-top: 5px;
			margin-left: 7px;
		}

		#basket .line span input {
			margin-top: 4px;
			text-align: right;
		}
	
#footerNav {
	height: 35px;
	width: 455px;
}

	#footerNav .navBack {
		background: transparent url(../images/back.gif) no-repeat scroll 0px center;
		float:right;
		height:33px;
		line-height:33px;
		margin-left:20px;
		padding:0px 0px 0px 15px;
	}

	#footerNav .navUp {
		background:transparent url(../images/up.gif) no-repeat scroll 0px center;
		float:right;
		height:33px;
		line-height:33px;
		margin-left:20px;
		padding:0px 0px 0px 15px;
	}
	
	#footerNav .navBack a, #footerNav .navUp a  {
		color:#a9b0b7;
		text-decoration:none;
	}


#footerHolder {
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
}

	#footerHolder .footer {
		margin: 0px auto;
		width: 960px;
		height: 41px;
		background-image: url(../images/footer_bck.gif);
		background-position: top;
		background-repeat: repeat-x;
	}
	
	#footerHolder .footer .left {
		width: 14px;
		height: 41px;
		float: left;
		background-image: url(../images/footer_left_bck.gif);
		background-position: top;
		background-repeat: no-repeat;
	}
		
	#footerHolder .footer .right {
		width: 14px;
		height: 41px;
		float: right;
		background-image: url(../images/footer_right_bck.gif);
		background-position: top;
		background-repeat: no-repeat;
	}

	#footerHolder .footer .nav {
		float: left;
		width: 600px;
	}
	
		#footerHolder .footer .nav p {	
			margin: 7px 0px 0px 5px;
			color: #bdbdbd;
		}

		#footerHolder .footer .nav p a,link,visited {	
			color: #6d6d6d;
		}

	
	#footerHolder .footer .realizacja {
		float: left;
		text-align: right;
		width: 332px;
	}

	
		#footerHolder .footer .realizacja p {
			color: #FFFFFF;	
			margin: 20px 5px 0px 0px;
		}	


		#footerHolder .footer .realizacja p a,link,visited {	
			color: #265475;
		}
		

	#wyborKoloru {
		width: 455px;
		margin-left: 5px;
	}
	
	.kolorBox {
		width: 122px;
		height: 108px;
		margin: 18px 14px;
		float: left;
		text-align: center;
	}
	
	.kolorBoxHeader {
		width: 420px;
		clear: both;
		height: 20px;
		font-weight: bold;
	}
	
	* html .kolorBox {
		margin: 8px;
	}
	
.col {
	width: 210px;
	float: left;
	margin-right: 10px;
}	
	
#newsletter {
	width: 200px;
}	

	#newsletter  .l{
		width: 70px;
		float: left;
		margin-top: 10px;
		text-align: right;
	}
	
	#newsletter .r{
		width: 120px;
		float: left;
		margin-left: 5px;
		margin-top: 10px;
		color: #65615e;
		font-size: 10px;
	}	
	
.downloadFile {
	width: 400px;
	border-bottom: 1px solid #d9d9d9;
	padding-bottom: 10px;
	margin: 20px 0px 10px 20px;
}	

	.downloadFile .ico {
		width: 50px;
		float: left;
		padding: 10px;
	}
	
	.downloadFile .title {
		width: 320px;
		float: left;
		padding-top: 10px;
	}


#defaultForm {
	width: 100%;
	margin-top: 20px;
}	

	#defaultForm .label {
		width: 100%;
		margin-bottom: 10px;
		font-weight: bold;
	}
	
	#defaultForm .l {
		width: 100px;
		float: left;
		margin-top: 10px;
		text-align: right;
		margin-right: 10px;
	}
	
	#defaultForm .r {
		width: 300px;
		float: left;
		margin-top: 10px;
	}	
	
	#defaultForm .formClue {
		width: 300px;
		color: #990000;
		font-size: 11px;
		clear: both;
		margin-left: 110px;
	}
	
		#defaultForm .r input[type=text], #defaultForm .r input[type=password] {
			width: 200px;
			height: 16px;
		}

#baner_popup_300x250 { width:300px; height: 270px; position: absolute; top: 300px; left: 50%; margin-left: -150px;
	border: 1px solid #b1cbe5; }
	#baner_popup_300x250 .bar { width: 300px; height: 20px; background-color: #82a5ca; }
	#baner_popup_300x250 .bar a { float: right; color: #FFFFFF; margin-right: 10px; font-weight: bold;
		font-size: 14px; }
	#baner_popup_300x250 .baner { width: 300px; height: 250px; background-color: #FFFFFF; }