@import "reset.css";

body {
	background: url(../img/bodybg.gif) repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	background: url(../img/bodybg.jpg) repeat-y top center;
}
#container { position:relative; width: 802px; margin: 0 auto; }
#page {
	float: left;
	background:url(../img/contbg.gif) repeat-y;
	width: 802px;
	height: auto;
	background: url(../img/pagebg.jpg) repeat-y top;
	}
#header {
	float: left;
	width: 802px;
	height: auto;
	}
	#header #top {
		float: left;
		background: url(../img/topbg.gif) repeat-x;
		height: 68px;
		width: 770px;
		overflow: hidden;
		margin-left: 16px;
		display: inline;
		position: relative;

		}
		#header #top img.logo {
			position: absolute;
			left: 0px; top: 0px;
			}
		#header #top img.zamow {
			position: absolute;
			right: 394px; top: 0px;
			}
			#header #top form, #header #top #logged {
			position: absolute;
			width: 380px;
			height: 22px;
			background: url(../img/topformbg.jpg) no-repeat top left;
			top: 0; right: -10px;
			padding-left: 11px;
			padding-top: 29px;
			display: inline;
			}
			
		#header #top #logged {
			padding-top: 25px;
			height: 26px;
			background-image: url(../img/zalogowany.gif);
		
		}
			#header #top #logged h3 {
				float: left;
				margin-left: 3px;
				display: inline;
				font-size: 12px;
				font-weight: bold;
				color: #59584f;
				}
				#header #top #logged span {
					float: left;
					clear: left;
					width: 320px;
					padding-left: 3px;
					padding-top: 2px;
					}
					#header #top #logged span a {
						text-decoration: underline;
						color: #59584f;
						font-size: 10px;
						color: #ab0402;
						}
		
		#header #top form {
			position: absolute;
			width: 380px;
			height: 22px;
			background: url(../img/topformbg.jpg) no-repeat top left;
			top: 0; right: -10px;
			padding-left: 11px;
			padding-top: 29px;
			display: inline;
			}
			#header #top form input {
				float: left;
				background: #f9f7ef;
				border: 0;
				color: #c7c6c1;
				border-top: 1px solid #d6d4cd;
				border-left: 1px solid #d6d4cd;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				margin-right: 4px;
				display: inline;
				display: none;
				}
				#header #top form input.text {
					width: 102px;
					padding: 2px 0 3px 9px;
				
					}
				#header #top form input.but {
					color: #fff;
					padding: 0;
					padding: 0 7px;
					height: 21px;
					background: url(../img/topzal.gif) repeat-x;
					border: 0;
					margin-left: 2px;
					cursor: pointer;
					}
					
					
				#header #top form input.reg {
					background: url(../img/topreg.gif) repeat-x;
					margin-left: 9px; margin-right: 0;
					padding: 0 5px;
				
					}
					#header #top form input { display: none;}
					
	#header ul#menu {
		float: left;
		height: 36px;
		width: 770px;
		overflow: hidden;
		margin-left: 16px;
		display: inline;
		background: url(../img/libg.gif) repeat-x;
		}
		#header ul#menu a {
			color: #fff;
			font-size: 11px;
			font-weight: bold;
			text-decoration: none;
		}
		#header ul#menu li {
			float: left;
			border-right: 1px solid #fff;
			height: 36px;
			}
			#header ul#menu li.last { border: 0;}
			#header ul#menu li a {
				float: left;
				padding: 10px 34px; padding-bottom: 0;
				}
				#header ul#menu li a:hover {
					text-decoration: underline;
					}
					
	#header #panel {
		float: left;
		height: 162px;
		width: 770px;
		margin: 7px 0 0 16px;
		display: inline;
		}
		#header #panel #banner {
			float: left; width: 501px; height: 162px;
			background: url(../img/banner1.jpg) no-repeat;
			}
		#header #panel #user {
			float: left;
			width: 258px;
			margin-left: 11px;
			display: inline;
		
			}
			#header #panel #user .box {
				float: left;
				background: #f4f2e7 url(../img/panbox1.gif) no-repeat left top;
				border: 1px solid #e6e4da;
				width: 245px;
				padding: 6px 11px 9px 0;
				}
			#header #panel #user .cart {
				margin-top: 6px;
				background-image: url(../img/panboxc1.gif);
				padding-bottom: 0;
				}
				#header #panel #user .cart a#pay {
					float: right;
					background: url(../img/panpay.gif) no-repeat;
					width: 67px;
					height: 21px;
					text-decoration: none;
					text-indent: -900%;
					}
				#header #panel #user .cart p {
					float: left;
					color: #59584f;
					display: inline;
					width: 200px;
					margin: 8px 0 0 12px;
					background: url(../img/panelp.gif) repeat-x;
					}
					#header #panel #user .cart p span {
						float: left;
						width: 95px;
						margin-left: 3px;
						display: inline;
						clear: left;
						padding-bottom:15px;
						}
					#header #panel #user .cart p b, #header #panel #user .cart p strong {
						float: left;
						font-weight: bold;
						width: 100px;
						padding-bottom: 15px;
						}
					#header #panel #user .cart p strong {
						font-weight: bold;
						font-size: 14px;
						color: #00547e;
						
						}
				#header #panel #user .box a#adv {
					float: right;
					font-size: 10px;
					text-decoration: underline;
					color: #00547e;
					text-align: right;
					width: 200px;
					}
				
				#header #panel #user .box form {
					float: left;
					margin: 15px 0 0 7px;
					display: inline;
					width: 238px;
				
					}
					#header #panel #user .box form input {
						float: left;
						background: #fff;
						border: 0;
						color: #c7c6c1;
						border-top: 1px solid #d6d4cd;
						border-left: 1px solid #d6d4cd;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 11px;
						width: 179px;
						padding: 2px 0 3px 7px;
					
						}
						#header #panel #user .box form input.but {
							background: url(../img/butok.gif) no-repeat;
							width: 45px;
							height: 21px;
							border: 0px;
							padding:0;
							cursor: pointer;
							margin-left: 5px;
							display: inline;
							text-indent: -900%;
							font-size: 0px;
						
							}
						
#content {
	float: left;
	margin-left: 16px;
	width: 770px;
	height: auto;
	padding-top: 6px;
	display: inline;
	}
	#content #left {
		float: left;
		width: 170px;
		display: inline;
		padding-bottom: 0;
		}
		#content #left .box {
			float: left;
			background: #f4f2e7;
			border: 1px solid #e6e5db;
			width: 168px;
			margin-top: 1px;			
			}
		#content #left .choose {
			background: #f4f2e7 url(../img/wybkat1.gif) no-repeat left top;
			height: 60px;
			margin-top: 1px;
			margin-bottom: 3px;		
			}
			#content #left .choose form {
				margin-top: 31px;
				margin-left: 10px;
				display: inline;
				
				}
			#content #left .box form {
				float: left;
				}
				#content #left .box form select {
					float: left;
					background: #fff;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					color:#868476;
					border: 1px solid #e6e5db;
					width: 142px;
					}
			#content #left .box ul {
				float: left;
				width: 153px;
				margin-left: 7px;
				display: inline;
				padding-bottom: 4px;
				padding-top: 2px;
				}
				#content #left .box ul li, #content #left .box ul li ul li {
					float: left;
					width: 153px;
					/*height: 27px;*/
					height: auto;
					background: url(../img/leftulli.gif) repeat-x bottom;
					padding-bottom: 1px;
					padding-top: 1px;
					}
					#content #left .box ul li ul li {
						width: 143px;
					
						}
					#content #left .box ul li.last { background: none;}
					#content #left .box ul li a {
						float: left;
						color: #4c4c4c;
						font-size: 11px;
						text-decoration: none;
						padding-left: 8px;
						width: 145px;
						height: 19px;
						padding-top: 7px;
						background: url(../img/leftullia.gif) no-repeat 144px 10px;
						}
						#content #left .box ul li a:hover, #content #left .box ul li a.act {
							font-weight: bold;
							color: #00547e;
							background: #e6e4da url(../img/leftulliaa.gif) no-repeat 144px 10px;
							}
							
							#content #left .box ul li ul li a {
								float: left;
								color: #4c4c4c;
								font-size: 10px;
								text-decoration: none;
								padding-left: 8px;
								width: 135px;
								height: 19px;
								padding-top: 7px;
								background: url(../img/leftullia.gif) no-repeat 144px 10px;
							
							}
		#content #left h3 {
			float: left;
			background: url(../img/bestseller.gif) no-repeat;
			width: 167px;
			height: 24px;
			text-indent: -900%;
			margin: 12px 0 0 3px;
			display: inline;
			}
		#content #left .prod {
			float: left;
			padding-left: 15px;
			padding-top: 9px;
			width: 151px;
			height: 116px;
			border: 1px solid #e8e6dc;
			margin-top: 9px;
			position: relative;
			}
			#content #left .prod a.tt {
				float: left;
				color: #ab0402;
				font-weight: bold;
				font-size: 12px;
				width: 135px;
				text-decoration: none;
				margin-bottom: 10px;
				display: inline;
				}
			#content #left .prod img {
				float: left;
				}
			#content #left .prod p {
				text-align: right;
				right: 15px;
				width: 100px;
				top: 58px;
				position: absolute;
				overflow: hidden;
				}
				#content #left .prod .pr {
					color: #00547e;
					font-size: 18px;
					line-height: 20px;
					width: 100px;
					float: right;
				
					}
				#content #left .prod a.buy {
					float: right;
					background: url(../img/kupuje.gif) no-repeat;
					width: 60px;
					height: 21px;
					margin-top: 8px;
					}
	#content #right {
		float: left;
		margin-left: 5px;
		display: inline;
		width: 592px;
	
		}
		#content #right h2 {
			float: left;
			background: url(../img/polecane.jpg) no-repeat;
			width: 581px; height: 38px;
			text-indent: -900%;
			font-size: 0;
			margin-left: 11px;
			display: inline;
			}
			#content #right #topic {
				float: left;
				background: url(../img/topcbg.gif) repeat-x bottom;
				width: 581px; height: 38px;
				margin-left: 11px;
				display: inline;
				position: relative;
				padding-top: 5px;
				
				}
				#content #right #topic h5 {
					position: absolute;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #59584f;
					font-weight: normal;
					right: 3px;
					top: 10px;
					
				
				}	
		#content #right #products {
			float: left;
			}
			#content #right #products .pp {
				float: left;
				width: 274px;
				height: 151px;
				background: #fff;
				border: 1px solid #e6e4da;
				position: relative;
				padding-left: 10px;
				padding-top: 10px;
				margin-left: 10px;
				margin-top: 10px;
				display: inline;
				}
				#content #right #products .pp a.tt {
					float: left;
					font-size: 14px;
					font-weight: bold;
					color: #ab0402;
					text-decoration: none;
				
					}
				#content #right #products .pp img {
					float: left;
					margin-top: 7px;
					clear: left;
					}
				#content #right #products .pp div {
					position: absolute;
					width: 165px;
					height: 115px;
					overflow: hidden;
					right: 11px;
					top: 33px;
					
					}
					#content #right #products .pp div p {
						color: #59584f;
						line-height: 16px;
						background: url(../img/prodpbg.jpg) repeat-x bottom;
						padding-bottom: 6px;
						}
						#content #right #products .pp div p a {
							font-weight: normal;
							font-size: 9px;
							color:#3c84a9;
							text-decoration: none;
							}
							#content #right #products .pp div p a:hover {
								text-decoration: underline;
								}
						
					#content #right #products .pp div span {
						float: left;
						width: 165px;
						padding-top: 7px;
						}
						#content #right #products .pp div span strong {
							float: left;
							font-weight: normal;
							font-size: 18px;
							line-height: 19px;
							color: #00547e;
							}
						
						#content #right #products .pp div span a.buy {
							float: right;
							background: url(../img/kupuje.gif) no-repeat;
							width: 60px;
							height: 21px;
							text-indent: -900%;
							font-size: 0;
							text-decoration: none;
							}
		#space {
			float: left;
			background: url(../img/foot.jpg) no-repeat top left;
			background-image: url(../img/space.png);
			width: 802px;
			height: 49px;
			display: inline;
			} 
	#footer {
		float: left;
		width: 802px;
		height: 131px;
		background: url(../img/stopa.png) no-repeat 4px 0px;
		position: relative;
		}
		#footer p {
			position: absolute;
			top: 133px;
			color: #fff;
			left:34px;
			padding-bottom: 15px;
			width: 790px;
			padding-left: 3px;

			}
			#footer p span {
				position: absolute;
				right: 66px;
				}
				#footer p span a {
					color: #fff;
					font-weight: bold;
					text-decoration: none;
					}
		#footer ul {
			position: absolute;
			top: 98px;
			left: 7px;
			width: 790px;

			}
			#footer ul li {
				float: left;
				}
				
				#footer ul li a {
					color: #fff;
					text-decoration: none;
					font-size: 10px;
					background: url(../img/footera.gif) no-repeat right top;
					height: 21px;
					float: left;
					padding-top: 5px;
					padding-right: 30px;
					margin-left: 30px;
					}
					#footer ul li a:hover { text-decoration: underline;}
					#footer ul li.last a { background: none;}
		#footer #payment {
			float: left;
			margin-top: 35px;
			margin-left: 15px;
			display: inline;
			}
			#footer #payment img {
				float: left;
				margin-left: 10px;
				display: inline;
				}
				
/* KOSZYK1.html: */
#content #right h2.twoj {
			background-image: url(../img/twojkoszyk.jpg);
		
			}
		#kroki {
						float: left;
						clear: left;
						margin-top: 10px;
						border: 1px solid #e7e5db;
						background: #f4f2e7;
						height: 30px;
						width: 378px;
						margin-left: 10px;
						display: inline;
						
					}
						#kroki li {
							float: left;
							height: 30px;
							background-position: 10px 9px;
							background-repeat: no-repeat;						
							}
							#kroki li.act {
								background-color: #e7e5db;
								}
								
							#kroki li span {
								float: left;
								background: url(img/../progli.gif) no-repeat left;
								width: 14px;
								height: 30px;
								margin-left: -1px;
								
								}
								#kroki li.act span {
									width: 14px;
									background: #E7E5DB url(../img/proglia.gif) top left;
									position: relative;
									z-index: 100;
									border-right: 1px solid #f4f2e7;
															
									}
								#kroki li.c span { background-image: none;}
							#kroki li.a {
								background-image: url(../img/1.gif);
								}
							#kroki li.b {
								background-image: url(../img/2.gif);
								}
							#kroki li.c {
								background-image: url(../img/3.gif);
								}
						
							#kroki li a {
								text-decoration: none;
								font-weight: bold;
								color: #818181;
								float: left;
								padding-top: 9px;
								height: 21px;
								font-size: 12px;
								padding-left: 35px;
								padding-right: 13px;
							
								}
							
								#kroki li em {
									float: left;
									height: 30px;
									width: 14px;
									background: url(../img/progli.gif) no-repeat left;
									margin-left: -14px;
									position: relative;
							
								
									
									}
									#kroki li.act em {
										background-image: url(../img/lix.gif);
										background-position: top right;
										}
										#kroki li.act a {
											color: #AB0402;
											}
									#kroki li.a em {
										background: none;
										}
					
					
		#content .koszyk p {
			float: left;
			color: #59584f;
			line-height: 18px;
			margin-left: 12px;
			width: 535px;
			padding-top: 6px;
			display:inline;
			}
			 #content .koszyk p a {
				text-decoration: underline;
				color: #4394bd;
				}
		#content .koszyk #cart {
			float: left;
			width: 560px;
			display: inline;
			margin-left: 12px;
			padding-top: 0px;

			}
			#content .koszyk #cart h4, #content h4 {
				font-size: 11px;
				font-weight: bold;
				color: #3f8bb1;
				float: left;
				width: 560px;
				padding-bottom: 10px;
				border-bottom: 2px solid #e7e5dc;
				position: relative;
				padding-top: 12px;			
				}
				#content .koszyk #cart h4 span, #content h4 span {
					position: absolute;
					font-size: 12px;
					font-weight: bold;
					color: #59584f;
					text-align: right;
					right: 30px;
					}
			#content .koszyk #cart table {
				float: left;
				clear: left;
				color: #59584f;
				text-align: center;
				width: 560px;
				
				}
			
				#content .koszyk #cart table th {
					font-weight: bold;
					border-bottom: 3px solid #fff;
					}
					#content .koszyk #cart table th.nazwa, #content .koszyk #cart table td.nazwa {
						width: 245px;
						}
					#content .koszyk #cart table th.ile, #content .koszyk #cart table td.ile {
						background: #f4f2e7;
						text-align: center;
						width: 100px;
						
						}
						
						#content .koszyk #cart table tr.last td {
							border-bottom: 1px solid #e7e5dc;
							}
						#content .koszyk #cart table th {
							padding: 5px 10px;
							font-size: 11px;
							}
						
						#content .koszyk #cart table td.nazwa {
							text-align: left;
							}
						#content .koszyk #cart table td.nazwa a {
							color: #ab0402;
							font-size: 12px;
							font-weight: bold;
							text-decoration: none;
							width: 165px;
							padding-left: 2px;
							display: block;
							text-align: left;
							}
						#content .koszyk #cart table td a.del {
							display: block;
							margin: auto;
							background:url(../img/tabledel.gif) no-repeat;
							width: 23px; height: 20px;
							text-indent: -900%;
							font-size: 0px;
							text-decoration: none;
							}
						#content .koszyk #cart table td.ile input {
							width: 39px;
							border: 1px solid #e7e5dc;
							text-align: right;
							font-size: 12px;
							color: #59584f;
							padding-right: 2px;
							}
							.koszyk #cart table .war {
								background: #f4f2e7;
								font-weight: bold;
								border-right: 1px solid #e7e5dc;
								text-align: center;
								}
								.koszyk #cart table strong {
									width: 69px;
									display: block;
									text-align: center;
									}
								.koszyk #cart table .ile a {
									font-size: 11px;
									color: #3c84a9;
									text-decoration: underline;
									display: block;
									}
								#content .koszyk #cart table td { 
									border: 1px solid #e7e5dc;
									border-right: 0;
									padding: 10px 5px;
									font-size: 12px;
									text-align: center;
									vertical-align: middle;
							
									}
									#content .koszyk #cart table td img {
													margin: 0;
													display: block;
													margin-top: -10px;
													margin-right: 8px;													
										}
									#content .koszyk #cart table td.nazwa {
										border-left: 0;
	
										}
										
										
									#content .koszyk #cart table td.img, #content .koszyk #cart table th.img {
										padding: 5px;
										}
										
										
										#content .koszyk #cart table .usn {
											border-left: 0;
											}
								
								#content .koszyk #cart table td {
									border-bottom: 0;
							}
							
							#content .koszyk #cart table th {
								padding-top: 8px;
								padding-bottom: 8px;
								}
					#content .koszyk form span {
						float: left;
						width: 560px;
						background: #f9f8f2;
						font-size: 12px;
						color: #59584f;
						border-top: 1px solid #fff;
						
						}
						#content .koszyk form span b {
							font-weight: normal;
							margin: 10px 0;
							float: left;
							}
						#content .koszyk form span strong {
							border-left: 1px solid #fff;
							float: right;
							padding: 10px 0;
							font-weight: normal;
							padding-right: 10px;
							width: 40px;
							padding-left: 40px;
							
							}
						#content .koszyk form span input {
							float: left;
							margin: 10px 30px 10px 10px;
							
							}
							
			#content .koszyk h5 {
				float: left;
				border-top: 2px solid #00547e;
				width: 560px;
				position: relative;
				height: 35px;
				}
				#content .koszyk h5 strong {
					text-align: right;
					position: absolute;
					top: 10px;
					font-size: 12px;
					color: #59584f;
					font-weight: normal;
					right: 120px;
					}
				#content .koszyk h5 b {
					background:#00547e;
					color: #fff;
					font-size: 18px;
					padding: 10px;
					top: 0px; right: 0;
					position: absolute;
					text-align: right;
				
					}
					
				#content .koszyk #steps {
					float: left;
					width: 560px;
					border-top: 2px solid #e7e5dc;
					padding-top: 12px;
					padding-bottom: 12px;
					}
					a.back {
						float: left;
						background: url(../img/powrot.gif) no-repeat;
						height: 17px;
						padding-top: 4px;
						padding-right: 20px;
						padding-left: 21px;
						color: #fff;
						text-decoration: none;
						} 
					#content .koszyk #steps a.fin {
						float: right;
						background: url(../img/finalizuj.gif);
						padding-top: 4px;
						height: 17px;
						color: #fff;
						text-decoration: none;
						padding-left: 20px;
						padding-right: 20px;
						}
						
/* KOSZYK2.html : */

.koszyk form#personal {
			float: left;
			width: 560px;
			display: inline;
			font-size: 11px;
			color: #59584f;
			border-top: 1px solid #fff;
			}
			.koszyk form#personal div {
				float: left;
				background: #f4f2e7;
				border-bottom: 1px solid #fff;
				width: 560px; height: 29px;
				padding-top: 4px;
				}
				.koszyk form#personal div label {
					float: left;
					width: 148px;
					text-align: right;
					padding-right: 10px;
					padding-top: 5px;
					}
				.koszyk form#personal div input {
					float: left;
					width: 240px;
					height: 18px;
					background: #fff;
					border: 0;
					border-top: 1px solid #dbdbdb;
					border-left: 1px solid #dbdbdb;
					padding-left: 7px;
					font-size: 11px;
					font-family:Arial, Helvetica, sans-serif;
					color: #666666;
					padding-top: 2px;
					}
					.koszyk form#personal div input.kod {
						width: 38px;
						}
					.koszyk form#personal div input.kodd {
						width: 102px;
						display: inline;
						margin-left: 5px;
						}
						
/* KOSZYK3.html : */

.koszyk #person {
			float: left;
			width: 558px;
			background: #f4f2e7;
			margin-top: -2px;
			position: relative;
			z-index: 100;
			border: 1px solid #e7e5db;
			padding-top: 15px;
			padding-bottom: 15px;
		
			}
			.koszyk #person a.back {
				position: absolute;
				right: 12px;
				top: 42px;
				}
			.koszyk #person span {
				float: left;
				line-height: 18px;
				font-size: 12px;
				color: #59584f;
				display: inline;
				margin-left: 21px;
				margin-right: 20px;
				}
				.koszyk #person span strong {
					font-weight: bold;
					}
					
					.koszyk #add {
						float: left;
						width: 560px;
						position: relative;
						z-index: 100;
						margin-top: -2px;
						padding-bottom: 4px;
						}
						.koszyk #add span {
							float: left;
							width: 454px;
							height: 18px;
							background: #f4f2e7;
							border: 1px solid #e7e5db;
							margin-right: 1px;
							margin-bottom: 1px;
							color: #59584f;
							display: inline;
							padding-top: 5px;
							padding-left: 25px;
							}
							.koszyk #add span.pr {
								width: 66px;
								padding-left:0;
								margin-right: 0;
								text-align: right;
								padding-right: 10px;
								}
/* regulamin.html: */


#content .regulamin h4, .regulamin p  {
			margin-left: 10px; display: inline;
			width: 580px;
			}
		.regulamin p {
			float: left;
			font-size: 11px;
			color: #59584f;
			line-height: 18px;
			
			margin-top: 10px;
			
			}
			#numbers {
				float: left;
				width: 580px;
				height: 20px;
				background: #f4f2e7;
				border: 1px solid #e7e5db;
				display: inline;
				margin-left: 10px;
				margin-top: 15px;
				position: relative;
				padding-top: 10px;
				}
				#numbers a.prev, #numbers a.next {
					position: absolute;
					color: #3f8bb1;
					font-size: 11px;
					text-decoration: underline;
					background: url(../img/left.gif) no-repeat 0 5px;
					padding: 0 10px;
					left: 15px;
					}
					#numbers a.next {
						background: url(../img/right.gif) no-repeat right 5px;
						left: auto;
						right: 15px;
					
					}
				#numbers div {
					width: 120px;
					display: block;
					margin: auto;
					text-align: center;
					height: 20px;
					}
					#numbers div a {
						text-decoration: none;
						font-size: 11px;
						color: #59584f;
						padding: 5px;
						position: relative;
						height: 20px;						
						}
						#numbers div a.act {
							background: url(../img/ahov.gif) no-repeat 1px 6px;
							color: #fff;
							}

/* lista */

.lista #line {
			float: left;
			width: 580px;
			border-bottom: 2px solid #d6d4cd;
			display: inline;
			margin-left: 10px;
			position: relative;
			height: 32px;
			}
			.lista #line div {
				position: absolute;
				right: 10px;
				top: 4px;
				font-size: 11px;
				color: #59584f;
				}
				
				.lista #line div a {
						text-decoration: none;
						font-size: 11px;
						color: #59584f;
						padding: 5px;
						position: relative;
						height: 20px;						
						}
						.lista #line div a.act {
							background: url(../img/ahov.gif) no-repeat 1px 6px;
							color: #fff;
							}
			.lista #line form {
				float: left;
				display: inline;
				margin-left: 5px;
				}
				.lista #line form label {
					float: left;
					color: #59584f;
					font-size: 11px;
					padding-top: 4px;
					margin-right: 10px;
					}
					.lista #line form select {
						float: left;
						color: #00547e;
						font-size: 11px;
						font-family: Arial, Helvetica, sans-serif;
						background: #f9f7ef;
						border: 0;
						border-top: 1px solid #d6d4cd;
						border-left: 1px solid #d6d4cd;
						padding-left: 5px;
						width: 110px;
						padding-top: 1px;
						padding-bottom: 1px;
						
						}
			.lista #lstng {
				float: left;
				width: 580px;
				height: auto;
				display: inline;
				margin-left: 10px;
				padding-top: 2px;
				}
				.lista #lstng .poz {
					float: left;
					width: 573px;
					border: 1px solid #e6e4da;
					background: #fff;
					padding: 5px;
					padding-right: 0;
					margin-top: 5px;
					
					}
					.lista #lstng .poz .frst {
						float: left;
						border-right: 1px solid #e8e7e3;
						height: 72px;
						width: 242px;
						position: relative;
						}
						.lista #lstng .poz .frst img {
							float: left;
							}
						.lista #lstng .poz .frst a {
							color: #ab0402;
							float: left;
							text-decoration: none;
							font-weight: bold;
							width: 136px;
							margin-top: 23px;
							display: inline;
							left: 100px;
							position: absolute;
							font-size: 12px;
							padding-left: 1px;

							}
			.lista #lstng .poz .desc {
				float: left;
				width: 150px;
				padding-left: 15px;
				border-right: 1px solid #e8e7e3;
				color: #59584f;
				line-height: 14px;
				padding-top: 5px;
				height: 67px;
				}
			.lista #lstng .poz .act {
				float: left;
				color: #59584f;
				width: 157px;
				padding-top: 5px;
				padding-left: 7px;
				position: relative;
				line-height: 16px;
				}
				.lista #lstng .poz .act i {
					float: left;
					width: 65px;
					font-style: normal;
					
					}
				.lista #lstng .poz .act b {
					font-weight: bold;
					}
				.lista #lstng .poz .act strong {
					font-weight: normal;
					float: left;
					}
				.lista #lstng .poz .act p {
					float: left;
					width: 157px;
					margin-top: 10px;
					position: relative;
					}
					.lista #lstng .poz .act p span {
						float: left;
						font-size: 16px;
						color: #00547e;
						font-weight: bold;
						line-height: 16px;
						padding-top: 3px;
					
						}
						.lista #lstng .poz .act p span b {
							font-size: 11px;
							}
						.lista #lstng .poz .act p a {
							position: absolute;
							background:url(../img/kupuje.gif) no-repeat;
							width: 60px; height: 21px;
							font-size: 0;
							text-indent: -900%;
							text-decoration: none;
							top:1px;
							right: 10px;
							z-index: 100;
				
							}
							
							.lista #numbers {
								margin-top: 5px;
								width: 578px;
								}
								
/* produkt.html : */


		#page .produkt {
	
			}
			#page .produkt h4 {
				margin-left: 10px;
				display: inline;
				width: 580px;

				}
				
				
			.produkt #desc {
				float: left;
				margin-left: 10px;
				display: inline;
			
				}
				.produkt #desc p {
					color: #59584f;
					font-size: 11px;
					line-height: 18px;
					padding-top: 7px;
				
					}
		#view {
			float: left;
			margin-left: 10px;
			display: inline;
			width: 585px;

			}
					
		#view h1 {
			float: left;
			color: #ab0402;
			font-size: 16px;
			font-weight: bold;
			height: 25px;
			line-height: 20px;
			}
			#view #photos {
				float: left;
				width: 155px;
				padding-top: 10px;
				}
				#view #photos p {
					display: block;
					margin: auto;
					text-align: center;
					
				
					}
					#view #photos p img {
						margin: auto;
						margin-bottom: 0;
						display: inline;
						}
				#view #photos a.sm {
					float: left;
					border: 1px solid #e8e6dd;
					margin-right: 2px;
					margin-top: 7px;
					display: inline;
					width: 71px;
					height: 57px;
					text-align: center;
					padding-top: 4px;
					}
					
		#view #descr {
			float: left;
			padding-top: 4px;
			padding-bottom: 20px;
			width: 430px;
			
			}
			#view #descr div.box {
				float: left;
				width: 404px;
				border: 1px solid #e6e4da;
				color: #59584f;
				padding: 12px;
				padding-top: 3px;
				padding-bottom: 5px;
				}
				#view #descr div.box div.oldp {
					float: left;
					width: 384px;
					padding: 0px 10px;
					padding-top: 9px;
					padding-bottom: 9px;
					background: url(../img/descrp.gif) repeat-x bottom;
					}
					#view #descr div.box div.oldp.last {
						background: none;
						padding-bottom: 7px;
						}
					#view #descr div.box div.oldp div.f, #view #descr div.box div.oldp div.x {
						width: 144px;
		
						float: left;
						padding-left: 1px;

		
					
						}
						#view #descr div.box div.oldp div.x { width: 238px;  }
						#view #descr div.box div.oldp div.x p {
							float: none;
							width: auto;
							border: none;
							background: none;
							padding: 0;
							margin: 0;
							}
						
						#view #descr div.box div.oldp span.kl {
									
							width: 11px;
							height: 2px;
							padding: 4px;
							margin-right: 5px;
							position: relative;	
							}
				#stopka {
					float: left;
					width: 579px;
					height: 48px;
					border: 1px solid #e7e5dc;
					background: url(../img/stopkabg.gif) repeat-x;
					font-size: 11px;
					font-weight: bold;
					color: #59584f;
					margin-top: 10px;
					}
					#stopka strong {
						font-weight: bold;
						color: #00547e;
					}	
					#stopka span {
						float: left;
						padding: 15px 20px 0 20px;
						padding-top: 18px;
						height: 30px;
						}
						#stopka span.rel, #stopka span.koszt {
							
							border-right: 1px solid #e7e5dc;
						
							}	
							
							#stopka span a.buy {
								float: left;
								background: url(../img/kupuje.gif) no-repeat;
								width: 60px;
								height: 21px;
								margin-top: -5px;
								font-size: 0;
								text-indent: -900%;
								text-decoration: none;
							}
							
							#stopka span.koszt  {
								padding-right: 35px;
								padding-left: 35px;
								}
								#stopka span b {
									color: #00547e;
									font-size: 18px;
									line-height: 20px;
	
								}
									#stopka span.cena {
										padding-right: 0;
										}
									#stopka span span {
										padding: 0;
										height: auto;
										margin-top: -5px;
										padding-right: 25px;
										}
										
										b.swf {
											float: left;
											width: 200px;
											height: 30px;
											}
											
		h1.sifr { 
			float: left; font-size: 22px; width: 270px; 
			height: 25px;
		
		}
		
/* ******************** */
/* WERSJE KOLORYSTYCZNE */
/* ******************** */

/* LATO */

	/* baner reklamowy */
		body#lato #header #panel #banner { background-image: url(../img/banner2.jpg) ;}
	
	/* tlo menu poziomego */
		body#lato #header ul#menu { background-image: url(../img/libg2.gif);}
		
	/* logowanie- top right form */
		body#lato #header #top form { background-image: url(../img/toplog1.gif); }
	
	/* wyszukwaj produkt box */
		body#lato #header #panel #user .box {background-image: url(../img/wysz2.gif);}
	
	/* pod wyszukaj koszyk 1 */
		body#lato #header #panel #user .cart { background-image: url(../img/koszyk1.gif);}
	
	/* lewa kolumna - wybierz kategorie */
		body#lato #content #left .choose { background-image: url(../img/wybierz1.gif);}
		
		/* linki */
		
			body#lato #content #left .prod a.tt, 
			body#lato #content #right #products .pp a.tt,
			body#lato #kroki li.act a,
			body#lato #content .koszyk #cart table td.nazwa a,
			body#lato .lista #lstng .poz .frst a,
			body#lato #view h1,
			body#lato #header #top #logged span a { 	color: #ff7200; }
			body#lato #header #top #logged { background-image: url(../img/zalogowany0.gif); }


	body#lato #footer { background-image: url(../img/stopa2.png); }
	
	
	body#lato .lista #line div a.act, body#lato #numbers div a.act { background-image: url(../img/ahov2.gif);}
	body#lato #kroki li.a {background-image: url(../img/11.gif);}
	body#lato #kroki li.b {background-image: url(../img/21.gif);}
	body#lato #kroki li.c {background-image: url(../img/31.gif);}
	
	

/* JESIEN */

	/* baner reklamowy */
		body#jesien #header #panel #banner { background-image: url(../img/baner3.jpg) ;}
	
	/* tlo menu poziomego */
		body#jesien #header ul#menu { background-image: url(../img/libg2.gif);}
		
	/* logowanie- top right form */
		body#jesien #header #top form { background-image: url(../img/toplog2.gif); }
	
	/* wyszukwaj produkt box */
		body#jesien #header #panel #user .box {background-image: url(../img/wysz3.gif);}
	
	/* pod wyszukaj koszyk 1 */
		body#jesien #header #panel #user .cart { background-image: url(../img/koszyk2.gif);}
	
	/* lewa kolumna - wybierz kategorie */
		body#jesien #content #left .choose { background-image: url(../img/wybierz2.gif);}
		
		/* linki */
		
			body#jesien #content #left .prod a.tt, 
			body#jesien #content #right #products .pp a.tt,
			body#jesien #kroki li.act a,
			body#jesien #content .koszyk #cart table td.nazwa a,
			body#jesien .lista #lstng .poz .frst a,
			body#jesien #view h1,
			body#jesien #header #top #logged span a { 	color: #41723A; }
	


	body#jesien #footer { background-image: url(../img/stopa3.png); }
	body#jesien #header #top #logged { background-image: url(../img/zalogowany1.gif); }
	
	body#jesien .lista #line div a.act, body#lato #numbers div a.act { background-image: url(../img/ahov3.gif);}
	body#jesien #kroki li.a {background-image: url(../img/13.gif);}
	body#jesien #kroki li.b {background-image: url(../img/23.gif);}
	body#jesien #kroki li.c {background-image: url(../img/33.gif);}








/* ******************** */



/* ***** MAPA  ****  */



#right ul.mapser {
						float: left;
						display: inline;
						margin-left: 10px;
						width: 400px;
						}
						#right ul.mapser li {
							margin-left: 10px;
							float: left;
							width: 100%;
							padding-top: 3px;
							padding-bottom: 3px;
							background: url(../img/ullibg.gif) no-repeat 0 7px;
							padding-left: 10px;
							}
							#right ul.mapser li a {
								color: #59584F;
								text-decoration: none;
								}
								#right ul.mapser li a:hover {
									text-decoration: underline;
									}

/* komunikaty */


.red, .green {
						float: left;
						background: #ff9999;
						border: 3px solid #cc0000;
						color: #ffe4e4;
						display: inline;
						padding: 5px 10px;
						margin-left: 11px;
						margin-top: 20px;
						
						}
						.green {
							background: #bff5b7;
							border-color: #669966;
							}
							
					
						.red h3, .green h3 {
							font-size: 13px;
							font-weight: bold;
							color: #cc0000;
						
						}	
						
						#right .red p  {
							color: #ffe4e4;
						
						}
						#right .green p {
						
						}
						.green h3 {
								color: #669966;} 
		
#header #top form input.pokaz {
	display: inline;
	}
#header .contact {
	position: absolute;
	right: 1px;
	top: 6px;
	width: 330px;
	z-index: 5
}
#header .contact strong {
	color: #59584F;
	float: right;
	font-weight: normal;
	padding-left: 15px
}
#header .contact strong span {float: left;padding: 2px 0 0 0}
#header .contact strong span.tel {font-weight: bold;padding-right: 2px}
#header .contact strong span.gg {
	background: url(../img/gg/favicon.ico) no-repeat;
	float: left;
	height: 20px;
	text-indent: -9998em;
	width: 20px;
}
#header .contact a {color: #59584F; text-decoration:none}
#header .contact a:hover {color: #AB0402}