/* CSS Document */

/*---- reset ----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; vertical-align: baseline; }
a img, :link img, :visited img { border: 0; } 
table { border-collapse: collapse; border-spacing: 0; }
ol, ul { list-style: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

/*---- defaults  ----*/
html, body { text-align: center; min-height: 100%; border-bottom: 1px solid #036d87;; }
body { background: #f5f5f5; }
hr { visibility: hidden; }
.right { float: right; }
.left { float: left; }
.center { text-align: center; }
.clear { clear: both; font-size: 1px; height: 1px; padding: 0; margin: 0; }
.pointer { cursor: pointer; } 

.replace { display:block; overflow: hidden; text-indent: -3000px; }

/*---- typography  ----*/
body { color: #191919; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }
a:link, a:active { color: #006fb9; text-decoration: none; }
a:visited { color: #1d95d8; text-decoration: none; }
	a:hover img { background: none; } 
a:hover { color: #006fb9; text-decoration: underline; }
a.external { padding-right: 17px; margin-right: 5px; background: url(../images/external-link.png) 100% 50% no-repeat; }

small { font-size: 1em; }
strong { font-weight: 700; }
abbr, acronym, span.abbr { color: #333; border-bottom: 1px dotted #888; text-transform: uppercase; cursor: help; }
.light-grey { color: #888; }
.grey { color: #666; }
.dark-grey { color: #333; }
.even, .even td { background: #f6f1de; } 


h1, h2, h3, h4 { font-weight: 400; }
h1 { }
h2 { }
h3 { font-size: 1.7em; padding: 0.2em 0 0.5em; }
h4 { }
#nos {display: none;}
/*---- structure  ----*/
.wrapper { width: 950px; margin: 0 auto; position: relative; } 

#skip-to-content { width: 100%; height: 10px; position: absolute; left: 0; top: 0; z-index: 1000; }
	#skip-to-content li { display: inline; }
		#skip-to-content a { color: #333; overflow: hidden; text-indent: -3000px; display: block; text-align: left; background: url(../images/skip.png) repeat-x 0 -200px; }
		#skip-to-content a:hover { width: 100%; height: 20px; line-height: 20px; color: #fff; font-size: 11px; text-indent: 0; text-align: center; background: url(../images/skip.png) repeat-x 0 0; text-decoration: none; }

#beta { font-size: 11px; color: #fff; padding: 10px 0; background: #e16300; padding: 3px 0; width: 70px; text-align: center; }

#promo { background: #0485a3 url(../images/promo-bg.png) 0 0 repeat-x; height: 30px; border-bottom: 1px solid #0ea7c8; }
	#promo p { position: absolute; top: 7px; right: 5px; font-size: 1.4em; color: #fff; }
	#online { display: block; position: absolute; left: 195px; top: 5px; width: 75px; height: 75px; background: transparent url(../images/online.png) 0 0 no-repeat; }
		#online:hover { background: transparent url(../images/online.png) 0 -75px no-repeat; }

#header {  
    margin-left: 0px;
    		width: 100%;
		height: 57px;
		background: transparent url(../images/header-bg_beta.png) 0 100% repeat-x; 
		position: fixed;
		z-index: 112;

    }
  	#header-in {
		background: #12b7dd url(../images/header-bg.png) 0 0 repeat-x;
		height: 50px;
		width: 100%;
	}  
    
    
    
    
	#logo { position: absolute; left: 0; top: 7px; width: 200px; height: 35px;	background: transparent url(../images/logo_beta.png) 50% 50% no-repeat; }
    


		
	#search { 
		position: absolute; 
		left: 220px; 
		top: 7px; 
		width: 500px; 
		}
		#search fieldset { 
			height: 50px; 
			width: 600px; 
			position: relative; 
			}
			
			#search label { 
				display: none; 
				}
			#search input.textinput { 
				position: absolute; 
				left: 0; 
				top: 3px; 
				width: 300px; 
				font-size: 16px; 
				color: #121212; 
				border: none;
				padding: 4px 6px 4px 24px; 
			/*	height: 20px; */
				line-height: 20px; 
				background: #fff url(../images/search.png) no-repeat 6px 50%; 
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				}
				
			#search input.textinput:focus {
				border: none;
			}
			#search button { 
				position: absolute; 
				left: 335px; 
				top: 0; 
				width: 72px; 
				height: 34px; 
				background: url(../images/szukaj-button.png) no-repeat 0 -34px; 
			}
			#search button:hover {background: url(../images/szukaj-button.png) no-repeat 0 0; }

	#chmurka {
		position: absolute;
		bottom: -117px;
		left: 202px;
		width: 490px;
		height: 35px;
		padding: 25px 30px 20px;
		background: transparent url('../images/tlochmurki.png') 0 100% repeat-x;
	}
	#chmurka-in {
		position: relative;
	}
	
	#chmurka .close {
		width: 16px;
		heigth: 16px;
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		text-indent: -3000px;
		overflow: hidden;
	}
	
	#chmurka p {
		font-size: 12px;
		line-height: 16px;
		color: #555;
	}
     
  
	
/*	#registered #search input.textinput { left: 20px; top: 15px;  }	
	#registered #search button { right: 15px; top: 13px; }
	#registered #search label { display: none; margin: 0; padding: 1px 0 0; }
	#registered #search label.wrap { display: block; font-size: 11px; color: #fff; clear: left; line-height: 18px; font-weight: 400; white-space:nowrap; width: auto; padding: 0; margin: 0; width: 250px; }
	#registered #search label.wrap input { float: left; padding-right: 10px; }
			*/
	#cart { position: absolute; right: 0; top: 7px; height: 35px; width: 280px; background: url(../images/basket-bg.png) no-repeat 50% 0; overflow: hidden; }
		#cart ul { height: 35px; width: 290px; left:5px;  display:block; }
		
		#cart ul li { padding-left: 0px; height: 25px;}

				#cart dl { padding-top:7px;font-size: 1.1em; color: #fff; }
				#cart dt, #cart dd { float: left; padding: 3px 1px 0 0; white-space:nowrap; }
					#cart dd { padding-right: 14px; font-weight: 700; }
	#view-cart { font-weight: 700; color: #fff; text-decoration: none; padding: 5px 0 0 13px; position: absolute; right: 20px; top: 36px; z-index: 2; display: block; width: 98px; height: 23px; background: url(../images/see-cart.gif) no-repeat 0 0;  }					
	#cart.cart-full {  background: transparent url(../images/basket-full-bg.png) no-repeat 50% 0; cursor:pointer; }


/*	#cart.cart-full:hover { box-shadow: 2px 2px #035163; -webkit-box-shadow: 2px 2px #035163;  } */

.tblue { color: blue; }
.tred { color: red; }
.tgreen { color: green; }
.torange { color: orange; }
	
#col1 { float: left; width: 202px;}
	#col1 a.tel { font-size: 1.6em; color: #000; font-weight: 700; display: block; text-decoration: none; line-height: 30px; background: url(../images/phone.png) no-repeat 5px 8px; padding: 10px 0 5px 45px; white-space: nowrap;  }
	#col1 a.tel2 { font-size: 1.6em; color: #000; font-weight: 700; display: block; text-decoration: none; line-height: 30px; padding: 10px 0 5px 45px; white-space: nowrap;  }

	#mkpokaz, #mkschowaj { float: right; font-weight: 400; color: #888; margin-top: 2px; line-height: 16px; font-size: 10px; }
	
	.categories { width: 202px; background: #fff url(../images/categories-bg.png) no-repeat 0 0;  padding-top: 7px; margin-bottom: 15px; position: relative; }
	.nav-cat-title { margin: 0; padding: 0; color: #0dabcf; font-weight: 700; font-size: 12px;  line-height: 22px; padding: 0 10px; margin-top: -2px;  }
	

	
	
	.categories ul { background: url(../images/categories-btm.png) no-repeat 0 100%; padding: 0 5px 20px 5px; }
		.categories ul li { border-bottom: 1px solid #b7eaf5; }
		.categories ul li.prod { padding: 0 7px 7px 0; font-size: 1.1em; color: #b7b7b7; text-align: right; }
		.scat ul li.prod { color: #0dabcf; font-weight: 700; }
			.categories ul li a:link, .categories ul li a:visited { display: block; padding: 6px 7px; font-size: 1.2em; text-decoration: none; color: #231f20; width: 178px; overflow:hidden; }
			.categories ul li a:hover { background-color: #f5f5f5; }

				
	.wlasne { background: url(../images/categories-btm.png) no-repeat 0 100%; padding-bottom: 5px; margin-bottom: 15px;  }
	.wlasne .categories ul { background: none; padding-bottom: 10px; margin-bottom: 0; padding-top: 5px; }
	.wlasne .categories { margin-bottom: 0;  }
	.categories .katalog ul {  border-top: 1px solid #b7eaf5; }
			
				.categories ul li a.promocje { font-weight: 600; background-image: url(../images/special-star.png); background-repeat:no-repeat; background-position: 175px 50%; }
				.categories ul li a.natura { font-weight: 600; color: green; background-image: url(../images/natura.png); background-repeat:no-repeat; background-position: 175px 50%; }	
				.categories ul li a.special2 { font-weight: 600; }
				.categories ul li a.special3 { font-weight: 600; }
				.categories ul li a.special4 {font-weight: 600; color: #006FB9;}
				.categories ul li a.special5 {font-weight: 600; color: #E16300;}				
				.categories ul li a.special { font-weight: 600; background-image: url(../images/special-star.png); background-repeat:no-repeat; background-position: 175px 50%; }
				.categories ul li a.xmas {font-weight: 600; color: red;}	
				
				.categories ul li.r a { border-right: 5px solid #ee867f; }
				.categories ul li.g a { border-right: 5px solid #72e44f; }
				.categories ul li.b a { border-right: 5px solid #44baf1; }

			.categories ul li.currentv a:link, .categories ul li.currentv a:visited, .active ul li a:link, .active ul li a:visited { display: block;  color: #191919;}
			.categories ul li.currentv a:link, .categories ul li.currentv a:visited { background: #b7eaf5 url(../images/active-cat-bg.png) 100% 50% no-repeat; ;}
			.categories ul li.currentv a:hover { background: #f5f5f5 url(../images/active-cat-bg.png) 100% 50% no-repeat; ; }

			
			.categories ul li.current a:link, .categories ul li.current a:visited, .active ul li a:link, .active ul li a:visited { display: block; padding: 6px 7px; color: #191919; }
			.categories ul li.current a:link, .categories ul li.current a:visited { background: #b7eaf5 url(../images/active-cat-bg.png) 100% 50% no-repeat;  }
			.categories ul li.current a:hover { background: #f5f5f5 url(../images/active-cat-bg.png) 100% 50% no-repeat;  }
			.categories ul li.r a, .categories ul li.g a, .categories ul li.b a { padding-right: 2px; }
			.active ul li { border-bottom: 1px solid #fff;  }
			
	#col2 .categories { width: 360px; background: #fff url(../images/categories2-bg.png) no-repeat 0 0;  }
		#col2 .categories ul { background: url(../images/categories2-btm.png) no-repeat 0 100%;}
			#col2 .categories ul li a:link, #col2 .categories ul li a:visited { width: 336px; }
	
	#col2 .active { background: #fff url(../images/categories2active-bg.png) no-repeat 0 0;  }
		#col2 .active ul { background: url(../images/categories2active-btm.png) no-repeat 0 100%;}
		#col2 .active ul li a:link, #col2 .active ul li a:visited { padding-left: 20px; width: 326px; background: #b7eaf5 url(../images/active-cat-bg.png) no-repeat 0 50%; }
		#col2 .active ul li a:hover { background: #f5f5f5 url(../images/active-cat-bg.png) no-repeat 0 50%; }
			
		.cat2 { margin: 2px 15px 15px 0;}
		.cat3 { margin: 2px 0 15px 0;}
		
		#col2 .categories ul li.prod { color: #0dabcf; font-weight: 700; text-align: left; padding: 4px 7px; }
			#col2 .categories ul li.prod em { font-weight: 400; color: #b7b7b7; float: right; display: inline;  }
			#col2 .active ul li.prod em { font-weight: 400; color: #333; float: right; display: inline; }
			
		#col2 .categories .prod2 { color: #0dabcf; font-weight: 700; text-align: left; padding: 4px 7px; }
			#col2 .categories .prod2 em { font-weight: 400; color: #b7b7b7; float: right; display: inline;  }
			#col2 .active .prod2 em { font-weight: 400; color: #333; float: right; display: inline; }



	#login { background: url(../images/login-bg.png) 0 0 no-repeat; margin-top: 20px; }
		#login fieldset { background: url(../images/login-bg-2.png) 0 100% no-repeat; padding: 15px 20px;  }
		#login h3 { font-size: 16px; color: #fff; position: relative; padding: 0 0 7px; text-align: left; }
		#login h3 a { color: #fff; }
		#login label { color: #fff; font-size: 11px; display: block; width: 40px; float: left; line-height: 14px; padding: 5px 0; } 
		#login input.textinput { font-size: 1.3em; color: #444; border: 1px solid #ffffff; padding: 4px; height: 16px; margin: 3px 0; line-height: 14px; float: left; width: 110px; background: #fafafa url(../images/input-bg.png) repeat-x 0 0; }
		#login ul { clear:left; padding-top: 5px; }
			#login ul li { padding: 1px 0; }
				#login ul a { color: #f5f5f5; font-size: 11px; }
		#login button { float: right; width: 78px; height: 34px; background: url(../images/login-button.png) no-repeat 0 -34px; margin-top: 3px; }
				#login button:hover {background: url(../images/login-button.png) no-repeat 0 0; }
		#login p { color: #fff; font-size: 12px; display: block; line-height: 16px; padding: 7px 0; }	


		
	#acc { background: url(../images/login-bg.png) 0 0 no-repeat; margin-bottom: 20px; }
		#acc fieldset { background: url(../images/login-bg-2.png) 0 100% no-repeat; padding: 15px 20px;  }
		#acc h3 { font-size: 1.6em; color: #fff; position: relative; padding: 10px 0 0; }
		#acc label { color: #fff; font-size: 1.1em; display: block; width: auto; line-height: 14px; padding: 5px 0; } 
		#acc p { color: #000; font-size: 1.1em; display: block; width: auto; line-height: 14px; padding: 0 0 5px; } 
		#acc input.textinput { font-size: 1.3em; color: #444; border: 1px solid #ffffff; padding: 4px; height: 14px; margin: 3px 0; line-height: 14px; float: left; width: 150px; background: #fafafa url(../images/input-bg.png) repeat-x 0 0; }
		#acc ul { clear:left; border-bottom: 1px solid #67def4; }
			#acc ul li { padding: 0 0 10px; }
				#acc ul a { color: #f5f5f5; font-size: 1em; }


			
#col2 { float: right; width: 735px;  }
	.crumbs { padding: 20px 0 12px 5px; font-size: 1.1em; }
		.crumbs a:link, .crumbs a:visited { color: #e16300; }
		.crumbs a:hover { text-decoration: underline; }
		.inne .crumbs { padding: 5px 0; }
		
	.content { width: 735px; background: #fff url(../images/main-col-bg-mid.png) 0 0 repeat-y; position: relative; margin-bottom: 15px; }	
		.content .content-form, .content .content-frame { width: 735px; background: transparent url(../images/main-col-bg-top.png) 0 0 no-repeat; }
		.content .content-form fieldset, .content .content-holder { clear: both;  background: transparent url(../images/main-col-bg-btm.png) 0 100% no-repeat; padding: 10px 17px; }
		
		.content p { font-size: 1.2em; padding: 5px 0 7px; line-height: 150%; }		
		
		.content h1 { font-size: 2.4em; color: #000; padding: 10px 0; }
		.content h2 { color: #e16300; font-size: 1.8em; padding: 15px 0 10px; }
		
		#help { position: absolute; right: 20px; top: -23px; background: url(../images/help-button.png) no-repeat 0 0; width: 90px; height: 25px;  }

			.item { padding: 10px 0; border-bottom: 1px solid #b7eaf5; width: 700px; }
				.item h2 { font-size: 16px; padding: 0 0 0 110px; }
				.item h2.promo { padding-right: 20px; background: url(../../gwiazdka.jpg) no-repeat 100% 0; }
				.item h2.promored { padding-right: 20px; background: url(../../star_red.png) no-repeat 100% 0; }
						.item h2 a:link, .item h2 a:visited { text-decoration: none; color: #000; }
							.item h2 a:hover { text-decoration: underline; }
							.item h2 span { color:#e16300; font-size: 12px; text-decoration: none; display:block; clear:right; padding-top: 3px;}
				.mini { width: 90px; height: 70px; float:left; overflow: hidden; }
				.item .desc { padding: 5px 0 0 110px; background: url(../images/item-desc-bg.png) 110px 0 no-repeat; margin-top: 5px; }
					.item .desc table { width: 575px; border-collapse: collapse; }
						.item .desc td, .item .desc th { padding: 3px; text-align: center; } 
						.item .price { width: 120px; font-size: 1.6em; font-weight: 700; }
						.item .measurment, .item .tax { width: 40px; font-size: 1.2em; }
						.item .delivery { width: 60px; font-size: 1.2em; }
						.item .feature { width: 110px; font-size: 1.2em; }
						.item .amount { width: 310px; vertical-align: middle; } 
							.item .amount ul { float: right; }
							.item .amount label { line-height: 21px; padding: 0 10px; width: auto; }
							.item .amount li { float: left; padding: 0 5px; }
							.item .amount li.minus, .amount li.plus { width: 13px; padding: 4px 0; } 
							
						.item .desc th.f { text-align: right; padding-right: 28px; }
							
						.amount-f { width: 180px; height: 20px; vertical-align: middle; } 
							.amount-f ul { float: right; padding: 2px 0; }
							.amount-f li { float: left; padding: 0 5px;  }
							.amount-f li.minus, .amount-f li.plus { width: 13px; padding: 4px 0; } 
							
							.minus a, .plus a { width: 13px; height: 13px; }
							.minus a { background: url(../images/minus.png) no-repeat 0 0; }
							.plus a { background: url(../images/plus.png) no-repeat 0 0; }
							
							input.ile { font-weight: 700; font-size: 13px; color: #000; border: 1px solid #0ca9cc; padding: 2px 3px; height: 16px; margin: 0; line-height: 13px; float: left; width: 50px; background: #fafafa url(../images/amount-bg.png) repeat-x 0 0; }
							input.filled { background: #fdf2ad; }
							.desc th { font-size: 1.1em; color: #0599ba; }
							.desc th label { font-size: 11px; color: #0599ba; font-weight: 400; }	

			
			.reklama { text-align:center; }	
				.reklama img, .reklama a { margin: 0 auto; float: none; } 
				
				#col1 .ad { padding: 15px 0; text-align: center;}
				#col1 .ad .reklama { padding: 5px 0; text-align: center; display: block; clear:both;}
				
				#col2 .reklama { padding: 5px 0; }
				
				.content .item-single { position: relative; }
					
				.content .item-single h1 { padding: 10px 280px 10px 0; font-size: 20px; line-height: 24px; clear: left;}
				.content .item-single h1 span { color:#e16300; font-size: 14px; text-decoration: none; padding: 3px 0 0 10px;}
				.content .item-single h2 { font-size: 13px; padding: 3px 0 20px; }
				
				#ikomarka { float: right; width: 260px; text-align: right; height: auto; padding: 10px 10px 10px 0; display: block; clear: right;} 
				
				.content .item-single .desc { clear: both; }
				
				.prod-info { width: 275px; float: right; margin: 0 0 10px 20px; padding-bottom: 5px; }
					.prod-info table {  width: 275px; background: #f5f5f5; margin: 0; }
						.prod-info table th, .prod-info table td  {  padding: 5px 10px; }
						.prod-info table .netto th, .prod-info table .netto td  {  padding: 15px 10px 5px; }
						.prod-info table th { color: #888; font-size: 12px; text-align: right; width: 100px; }
						.prod-info table td { color: #000; font-size: 13px; }
						
						.prod-info .amount li { float: left; padding: 0 5px; }
						.prod-info .amount li.minus, .prod-info .amount li.plus { width: 13px; padding: 4px 0; } 
						.prod-info th.amount { vertical-align:  middle; }
						
						.prod-info table table {  width: auto; background: none; }
						.prod-info table table th, .prod-info table table td  {  text-align: center; vertical-align: middle; padding: 3px 5px;  }
						.prod-info table table th {  border-top: 1px solid #ccc; padding: 10px 5px 5px; }
						.prod-info table table input.ile { margin: 0 auto; float: none; }
						
				.image-holder { float: left; position: relative; width: 390px; }
				.image-holder img.photo { float: left; }
				.image-holder .magnify { background:url(../images/magnify.png) no-repeat 0 0; display: block; width: 30px; height: 30px; position: absolute; display: block; bottom: 0; left: 0; } 
				.image-holder .thumbnails { width: 70px; float: right; }
					.image-holder .thumbnails li { padding-bottom: 5px; clear:right;  }	
						.image-holder .thumbnails li .mini { float: none; overflow: hidden; width: 60px; height: 60px; display:block; border: 1px solid #c1e3da; }
			
				.item-description { padding-top: 20px; clear:left; width: 410px; font-size: 12px; line-height: 150%;}
					.item-description p { padding: 7px 0; }
					.item-description ul { padding: 4px 0 4px 10px; list-style:circle none inside;}
						.item-description ul li {padding: 3px 0 3px 25px; font-size: 12px; line-height: 150%; display: block; list-style:circle none inside; list-style-type:circle;}
		/*	
		.sp { margin-bottom: 15px; position: relative; }
			.sp h3 { display: block; height: 27px; background: url(../images/sp-header-bg.png) 0 0 no-repeat; margin: -8px 0 10px; padding: 0; width: 450px; }
				.sp h3 span { display: block; height: 27px; background: url(../images/sp-header-bg2.png) 100% 0 no-repeat; font-size: 14px; color: #079dbf; line-height: 27px; padding: 0 20px; }
				.sp h3 a { display: block; height: 27px; background: url(../images/sp-header-bg2.png) 100% 0 no-repeat; font-size: 14px; color: #079dbf; line-height: 27px; padding: 0 20px; }
					.sp h3 a em { text-decoration: underline; color: #e16300; font-weight: 400; font-size: 11px; float: right; margin: 7px 5px 0 0; }
					.sp h3 a:hover em { text-decoration: none; }
		*/	
		
		.sp { margin-bottom: 15px; position: relative; }
			.sp h3 { display: block; margin: 0; padding: 5px 0 0; width: auto; font-size: 16px; }
				.sp h3 span { display: block; font-size: 14px; color: #079dbf; padding: 0; }
				.sp h3 a { display: block; font-size: 16px; line-height: 20px; color: #079dbf; padding: 0 0 0 0; }
					.sp h3 .toggle-down { background: url(../images/toggle-down.png) no-repeat 100% 50%; padding-right: 25px; }
					.sp h3 .toggle-up { background: url(../images/toggle-up.png) no-repeat 100% 50%; padding-right: 25px;  }
					
				.sp h3 a:hover { text-decoration: underline; }
					.sp h3 a em { text-decoration: underline; color: #888; font-weight: 400; font-size: 11px; float: right; line-height: 20px; text-decoration: none;}
					.sp h3 a:hover em { text-decoration: underline; }
							
		.vbox { padding: 15px 0 0; }
			
					.sp .lc h3 { margin: 0; background: none; color: #0dabcf; padding: 20px 0 5px;  }
						
						.sp .lc { width: 440px; float: left; padding-right: 15px; border-right: 1px dashed #b7eaf5; }
						.sp .rc { width: 210px; float: right; padding: 20px 10px; }

			.sp h4 { font-size: 1.3em; font-weight: 700; padding: 10px 0 3px; }
		
		.sp ul { padding: 10px 0; }
			.sp ul li { padding: 3px 0 3px 30px; display: block; background: url(../images/sp-bullet-blue.png) no-repeat 10px 3px; font-size: 12px; line-height: 180%;   }
			.sp ol li { padding: 3px 0 3px 30px; display: block; background: none; font-size: 12px; line-height: 130%;   }
		
			.sp .rc ul, .sp .rc li { padding: 0; margin: 0; }
			.sp .rc ul { border-top: 1px dashed #b7eaf5; }
			.sp .rc li { border-bottom: 1px dashed #b7eaf5; background: none;}
			.sp .rc ul li a { padding: 9px 7px; display: block; color: #231f20; text-decoration: none; }
			.sp .rc ul li a:hover { background-color: #f5f5f5; }
			
			
			.upyougo { width: 70px; display: block; padding: 3px 0 3px 20px; margin-bottom: 20px; background: transparent url(../images/arrow-up.png) 0 50% no-repeat; font-size: 11px; color: #666; text-decoration: none; }
		
		
		 .sp .grid-list li { width: 150px; height: 150px; float: left; padding: 10px; background: none; }
		 .sp .grid-list li a:link, .grid-list li a:visited  { color: #000; text-align: center; line-height: 110%; text-decoration: none; display: block; width: 150px; height: 150px;  }
		 .sp .grid-list li img { clear: both; margin: 0 auto 5px auto; padding: 0 20px; }
		 .sp .grid-list li span { display: block; text-align: center; } 
		 
		 .sp table { border-collapse: collapse; width: 690px; margin: 10px 0; }
		 	.sp table td, .sp table th { padding: 5px; border: 1px solid #0dabcf; border-left: 0; border-right: 0; vertical-align: middle;  } 
			.sp table th { background:  #0dabcf; text-align: center; color: #fff; font-size: 1.1em; font-weight: 700;  }
			.sp table td { font-size: 1.2em; text-align: center; }
			.sp table tr.odd td { background: #ecfcff; }
			
			.sp table .operations { width: 130px;}
			.sp table .operations ul { padding: 0 10px; height: 16px; display:table-cell;  width: 110px; }
				.sp table .operations ul li { width: 16px; height: 16px; padding: 2px 10px 0; float: left; background: none; }
					.sp table .operations ul li a { width: 16px; height: 16px; display: block; float: none; }
						a.usun { background: url(../images/list-usun.png) no-repeat 50% 50%; width: 16px; height: 16px; display: block; float: none; margin: auto;}
						a.dodaj { background: url(../images/list-dodaj.png) no-repeat 50% 50%; }
						a.wczytaj { background: url(../images/list-wczytaj.png) no-repeat 50% 50%; }
						a.uwagi  { background: url(../images/uwagi.png) no-repeat 50% 50%; width: 16px; height: 16px; display: block; float: none; margin: auto; }
		.ilosc-koszyk { vertical-align: middle; }
		.ilosc-koszyk .ile { margin: 0; float: none; } 
		.sp table td.nazwa-towaru { text-align: left; }
			.sp table td.nazwa-towaru a { text-decoration: none; color:#000; line-height: 13px; }
			.sp table td.nazwa-towaru a:hover { text-decoration: underline; }
			
		
		.note-form td { background: #fff4bb; border-top: 0; }
			.note-form label, .note-form input, .note-form button { float: left; }
			.content .note-form label { color: #333; font-size: 11px; width: 120px; text-align: left; padding-left: 20px; }
			.content .note-form .textinput { font-size: 13px; color: #333; border: 1px solid #0dabcf; padding: 3px 5px; height: 18px; line-height: 18px; width: 400px; background: #fafafa url(../images/input-bg.png) repeat-x 0 -10px; margin: 0 5px 0 0; }
		
		.note td { background: #f5f5f5; border-top: 0;}
			.note p { background: #f5f5f5; font-size: 11px; color: #333; padding: 0 20px; }
			
/*		.sp table tr.z-uwagami td { border-bottom: 1px solid #ebd355; } */
		.sp table tr.z-uwagami td { border-bottom: 1px solid #fff; }
		
		.sp .suma { height: 30px; }
			.sp .suma li { background: none; width: 200px; float: left; text-align: center; font-size: 15px;  }
			
		#content-bottom-buttons { width: 735px; height: 35px; margin: -17px 0 20px; position: relative; }
			#see-cart-button { width: 135px; height: 28px; background: url(../images/see-cart-button.png) no-repeat 0 0; position: absolute; right: 20px; top: 1px; }
			#back-button { width: 105px; height: 28px; background: url(../images/button-back.png) no-repeat 0 0; position: absolute; left: 20px; top: 1px; }
			#print-button { width: 95px; height: 28px; background: url(../images/button-print.png) no-repeat 0 0; position: absolute; left: 140px; top: 1px; }
			#print-button2 { width: 95px; height: 28px; background: url(../images/button-print.png) no-repeat 0 0; position: absolute; left: 240px; top: 1px; }			
			#notify-button { width: 170px; height: 28px; background: url(../images/button-notify.png) no-repeat 0 0; position: absolute; left: 250px; top: 1px; }
			#notify-button-koszyk { width: 170px; height: 28px; background: url(../images/button-notify.png) no-repeat 0 0; position: absolute; left: 317px; top: 1px; }			
			#home-button { width: 135px; height: 28px; background: url(../images/button-home.png) no-repeat 0 0; position: absolute; right: 20px; top: 1px; }
			#koniec-button { width: 140px; height: 28px; background: url(../images/koniec-zakupow.png) no-repeat 0 0; position: absolute; left: 20px; top: 1px; }
			#kupujdalej-button { width: 122px; height: 28px; background: url(../images/kupuj-dalej.png) no-repeat 0 0; position: absolute; left: 20px; top: 1px; }
			#wyczyscformularz-button { width: 160px; height: 28px; background: url(../images/wyczysc-formularz.png) no-repeat 0 0; position: absolute; left: 180px; top: 1px; }
			#wyczysckoszyk-button { width: 142px; height: 28px; background: url(../images/wyczysc-koszyk.png) no-repeat 0 0; position: absolute; left: 160px; top: 1px; }
		

/* Page Numbers */
.pages { padding: 1em 1em 1em 0; margin: 1em 0; clear: left; font-size: 12px; }
	.pages li { display: block; float: left; padding: 2px 0; margin: 0 5px 0 0; border: 1px solid #fff; background: #fff; }
	.pages a:link, .pages a:visited { border: 1px solid #fff; background: #fff; padding: 2px 5px; } 
	.pages li.current { border: 1px solid #0ca9cc; font-weight: 700; background: #0ca9cc; color: #fff; padding: 2px 5px; }
	.pages a:link, .pages a:visited { border: 1px solid #c1e3da; background: #e8f3f5; text-decoration: none; color: #000; }
	.pages a:hover { border-color: #24a5c2; }
	.pages a.nextprev { font-weight: 400; }
	.pages li.nextprev { color: #666; }
	.pages li.nextprev { border: 1px solid #ddd; color: #999; }
	.pages .iletego, .pages .ktorastrona { padding-right: 30px; color: #666; background: none; }

#wave { clear: both; }						
#wave .wrapper { height: 50px; }

#footer { clear:both;  background: #036d87 url(../images/footer-bg.png) 0 0 repeat-x; }
	#footer .wrapper { height: 190px; padding: 50px 0 0; position: relative; }
	
	#footer .vcard { font-size: 1.1em; line-height: 18px; width: 400px; border-right: 1px dotted #fff; float: left; height: 150px; padding: 10px 0; }
	.copy { color: #c2c2c2; padding-bottom: 20px; }
	.edited { color: #c2c2c2; padding-top: 20px; }
	.adr, .legal, .customer-service { padding: 5px 0; }
	
	#footer, #footer a { color: #fff; }
	
	#footer-nav { float: left; border-right: 1px dotted #fff;  height: 150px; width: 250px; padding: 10px 0 10px 20px; }
		#footer-nav li { background: url(../images/footer-nav-li-dot.png) no-repeat 0 50%; padding: 2px 0 7px 15px; }
			#footer-nav li a { font-size: 1.1em; }
	
	#branding-bottom2 { height: 150px; background: url(../images/logo-bottom.png) 100% 0 no-repeat; }
	#branding-bottom { height: 150px; background: url(../images/logo.png) 100% 0 no-repeat; }	
	
	#creditcards { width: 140px; height: 25px; background: url(../images/creditcards.png) 100% 0 no-repeat; position: absolute; right: 0; top: 200px; }
	
	#credits { width: 950px; clear: both; margin: 0 auto; padding: 10px 0 20px; }
	
	
/*---- forms  ----*/
#longform label { font-weight: 700; display: block; clear: both; padding: 0.7em 0 0.3em; font-size: 1.2em; float: left; padding-right: 20px; display: block; color: #333; }
#longform label em { float: right; font-size: 2em; color: #ccc; padding-top: 18px;  }
.content legend { font-weight: 400; display: block; clear: both; padding: 0.7em 0 0.3em; font-size: 1.2em; color: #888; }
input, textarea { font-family: Arial, Helvetica, sans-serif; }
button {  text-indent: -3000px; border: 0; overflow: hidden; cursor: pointer;  font-family: Arial, Helvetica, sans-serif; }

	.content .control { padding: 4px 0; clear: left; }
	.save-form { padding: 10px 0 0px; width: 690px; text-align: right;  }
	.content .textinput { font-size: 1.4em; color: #444; border: 1px solid #b6e1eb; padding: 4px 5px; height: 16px; line-height: 16px; width: 400px; background: #fafafa url(../images/input-bg.png) repeat-x 0 -10px; }
	.content textarea { font-size: 1.4em; color: #444; border: 1px solid #b6e1eb; padding: 4px 5px; line-height: 16px; width: 400px; background: #fafafa url(../images/input-bg.png) repeat-x 0 -10px; font-family:Arial, Helvetica, sans-serif; }
	.content .control .short { width: 100px; }
	.content .control .medium { width: 200px; }
	.content .control .medium2 { width: 192px; }	
	.content .control .medium3 { width: 285px; }		
	
	.textinput:focus, textarea:focus { background-color: #f5f5f5; background-image: none; border: 1px solid #0dabcf; }
	.textinput:hover, textarea:hover { border: 1px solid #0dabcf; }
	
	.content label { width: 200px; display:block; float: left; text-align: right; padding: 5px 20px 0 0; color: #666; font-size: 1.3em; }
		.content label span { display: block; clear: left; font-size: 11px; text-align: right; padding-top: 1px; color: #333; }
		.content button.standard, .content input.standard  { text-indent: 0; border: 0; padding: 0; overflow: hidden; cursor: pointer; width: 120px; height: 40px; line-height: 38px; color: #fff; font-size: 1.6em; background: url(../images/standard-button.png) no-repeat 50% 50%; }
		.content button.standard-small-blue, .content input.standard-small-blue { text-indent: 0; border: 0; padding: 0; overflow: hidden; cursor: pointer; width: 65px; height: 26px; line-height: 26px; color: #fff; font-size: 12px; background: url(../images/button-standard-small-blue.png) no-repeat 50% 50%; }
		.content button.standard-small, .content input.standard-small { text-indent: 0; border: 0; padding: 0; overflow: hidden; cursor: pointer; width: 65px; height: 26px; line-height: 26px; color: #fff; font-size: 12px; background: url(../images/button-standard-small.png) no-repeat 50% 50%; }
		.content button.standard-tiny, .content input.standard-tiny { text-indent: 0; border: 0; padding: 0; overflow: hidden; cursor: pointer; width: 65px; height: 20px; line-height: 18px; color: #fff; font-size: 11px; background: url(../images/tiny-button.png) no-repeat 50% 50%; }

			
	.content select { padding: 2px 3px; font-size: 1.4em; color: #777; border: 1px solid #b6e1eb; }
		.content select option { padding: 0 5px; }
		#liczba-towarow, #kompresja { float: right; margin: 5px 10px 5px 40px; }


	.message { padding: 5px 15px 10px; background: #ecfcff; border: 1px solid #67def4; color: #191919; margin: 3px 1px 15px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.message_slider { padding: 0px 0px 20px; background: #ecfcff; border: 1px solid #67def4; color: #191919; margin: 3px 1px 15px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.message_ek { left: 50px; padding: 5px 15px 10px; background: #ecfcff; border: 1px solid #67def4; color: #191919; margin: 3px 1px 15px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.error { background: #ffe6eb; border: 1px solid #ff3e67; color: #a60023; }
	.message2 { border: 1px solid #c1e3da; background: #fff; font-size: 12px; line-height: 18px; }
	
	.content .message { margin: 10px 0; }
		.message h3 { padding: 5px 0; font-weight: 400; color: #0dabcf; font-size: 18px; }
		.message p { font-size: 13px; padding: 5px 0 0; line-height: 18px; }
		.message em { font-style: italic; }
		.content .message p { font-size: 12px; }
	
	.content .message_slider  { margin: 10px 0; }
			.message_slider  h3 { padding: 5px 0; font-weight: 400; color: #0dabcf; font-size: 18px; }
			.message_slider p { font-size: 13px; padding: 5px 0 0; line-height: 18px; }
			.message_slider em { font-style: italic; }
			.content .message_slider p { font-size: 12px; }
		
		
	.data-island { width: auto; padding: 5px 15px 10px; background: #f4f4f4; border: 1px solid #ddd; color: #191919; margin: 10px 0; position: relative; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		.data-island h3 { padding: 5px 0 0; font-weight: 400; color: #0dabcf; font-size: 16px; }
		.data-island p { font-size: 12px; padding: 5px 0; line-height: 18px; }
		.data-island em { font-style: italic; }
		.data-island label { width: 185px; }
		.data-island p a.toggle { color: #e16300; }
		
	.dwietrzecie { width: 66%; float: left; border: 1px solid #c1e3da; }
		.dwietrzecie a { display: block; padding: 3px 25px 0 0; } 
		.dwietrzecie a:hover { text-decoration: underline; }

	.data-island2 { padding: 5px 15px 10px; background: #f4f4f4; border: 1px solid #ddd; color: #191919; margin: 10px 0; position: relative; }
		.data-island2 h3 { padding: 5px 0 0; font-weight: 400; color: #0dabcf; font-size: 16px; }
		.data-island2 p { font-size: 12px; padding: 2px 0 2px; line-height: 14px; }
		.data-island2 em { font-style: italic; }
		.data-island2 label { width: 185px; }

	.warning { padding: 15px; background: #f4e3e3; border: 1px solid #d69594; color: #191919; margin: 10px 0 20px 0px; position: relative; }
		.warning h3 { padding: 0; font-weight: 700; color: #b33938; }
		.warning p { font-size: 12px; padding: 5px 0 0; }
		
		
/*---- konto klienta ----*/

	.wizytowka { float: left; width: 200px; border: 1px solid #c1e3da; background: #fff; padding: 15px; margin: 3px 1px 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align: center;}
	.wizytowka h4 { font-size: 13px; font-weight: 700; padding: 10px 0 5px; margin-bottom: 5px; border-bottom: 1px solid #c1e3da; text-align: center; }
	.wizytowka ul { display: none; }
	.wizytowka li { display: block; font-size: 11px; padding: 4px 0 0; line-height: 15px; text-align: left; }
	.wizytowka img { margin: 0 auto; }
	.messages { float: right; width: 490px; }

/*---- by Tomek ----*/
		
		
		
	.content2 { width: 960px; background: #fff url(../images/main-col-bg-mid.png) 0 0 repeat-y; position: relative; margin-bottom: 15px; left:-205px}	
		.content2 .content-form, .content2 .content-frame { width: 960px; background: transparent url(../images/main-col-bg-top.png) 0 0 no-repeat; }
		.content2 .content-form fieldset, .content2 .content-holder { width: 940px;clear: both;  background: transparent url(../images/main-col-bg-btm.png) 0 100% no-repeat; padding: 10px 20px; }
		
		.content2 p { font-size: 1.2em; padding: 5px 0 7px; line-height: 150%; }		
		
		.content2 h1 { font-size: 2.4em; color: #000; padding: 10px 0; }
		.content2 h2 { color: #e16300; font-size: 1.8em; padding: 15px 0 10px; }
		
		
		
		/* tomek's lab */
		.toggle-down {font-size: 11px; background: url(../images/toggle-down.png) no-repeat 100% 50%; padding-right: 25px; }
		.toggle-up {font-size: 11px; background: url(../images/toggle-up.png) no-repeat 100% 50%; padding-right: 25px;  }
							
		#zamawiam { display: block; width: 255px; height: 34px; background: transparent url(../images/button-zamawiamn.png) 0 0 no-repeat; }
		#zamawiam:hover { background: transparent url(../images/button-zamawiamn.png) 0 -34px no-repeat; }
		
		
	#odpowiedz, #odpowiedz h2 { font-size: 14px; color: #121212; font-weight: 700; }
	
	.kategoria_nag { border-bottom: 1px solid #b7eaf5; padding-top: 0; margin-top: -5px; }
	
	#tabelakoszykow { width: 685px; margin: 15px auto; }
	#tabelakoszykow table { width: 685px; margin: 0; }
	
	.usun-kategorie { font-size: 12px; padding: 10px 0 5px 30px; background: transparent url(../images/krzyz.png) 5px 7px no-repeat; }
	.usun-kategorie a:link, .usun-kategorie a:visited { color: #bb0000 ; }

	#sufler { width: 102px; height: 34px; background: url(../images/sufler.png) no-repeat 50% 0; margin: 0 auto; }
	#sufler:hover { background: url(../images/sufler.png) no-repeat 50% -34px; }
	
	
	.mcategories { width: 202px; background: #fff url(../images/categories-bg.png) no-repeat 0 0;  padding-top: 7px; margin-bottom: 15px; position: relative; }	
	.mcategories ul { background: url(../images/categories-btm.png) no-repeat 0 100%; padding: 0 5px 20px 5px; }
		.mcategories ul li { border-bottom: 1px solid #b7eaf5; }
		.mcategories ul li.prod { padding: 0 7px 7px 0; font-size: 1.1em; color: #b7b7b7; text-align: right; }
			.mcategories ul li a:link, .mcategories ul li a:visited { display: block; padding: 6px 7px; font-size: 1.2em; text-decoration: none; color: #231f20; width: 178px; overflow:hidden; }
			.mcategories ul li a:hover { background-color: #f5f5f5; }

			.mcategories ul li.currentv a:link, .mcategories ul li.currentv a:visited, .active ul li a:link, .active ul li a:visited { display: block;  color: #191919;}
			.mcategories ul li.currentv a:link, .mcategories ul li.currentv a:visited { background: #b7eaf5 url(../images/active-cat-bg.png) 100% 50% no-repeat; ;}
			.mcategories ul li.currentv a:hover { background: #f5f5f5 url(../images/active-cat-bg.png) 100% 50% no-repeat; ; }
			
			
	.listadrukarek { width: 222px;  padding-top: 7px; margin-bottom: 15px; position: relative;  font-size: 14px; }			
	.listadrukarek ul li.current a:link, .listadrukarek ul li.current a:visited, .active ul li a:link, .active ul li a:visited { display: block; padding: 6px 7px; color: #191919; }
	
	
.minder a { color: #006fb9; text-decoration: none; }
.minder a:hoover { color: #006fb9; text-decoration: underline; }	
	
	.promo333 { padding-right: 20px; background: url(../../gwiazdka.jpg) no-repeat 100% 0; }
	
	
	.tooltip {
	display:none;
	position:absolute;
	border:1px solid #f00;
	background-color:#f00;
	border-radius:5px;
	padding:5px;
	color:#fff;
	font-size:15px bold;
}




  
.moving-div {
    position: absolute;
    left: 950px; /* Default fixed position */
    top: 10px;   /* Example: set vertical position */
  }

  /* Step 2: Adjust positioning for screens wider than 1100px */
  @media (min-width: 1000px) {
    .moving-div {
      left: calc(90% - 100px); /* Proportional left position */
    }
  }