/*
	name: Studio Swiatla
	author: Gosia Kmiec, http://mkmiec.pl
	Copyright Industi Sp. z o.o., http://industi.com/
*/

/* ---------------RESET--------------- */

body, p, pre, ul, ol, fieldset, input, option, textarea, th, td,

dl, dd ,hr ,blockquote, caption, legend, form, button {margin: 0;padding: 0;}

ol, ul {list-style: none;}

q:before{content: no-open-quote;}

q:after{content: no-close-quote;}

legend, caption{text-align: left;color: #000;}

fieldset, abbr, acronym, img{border: none;}

a, ins{text-decoration: none;}

cite, address, dfn, var {font-style: normal;}

h1,h2,h3,h4,h5,h6{margin: 0;font-weight: normal;font-size: medium;}

*:focus { outline: none; }


/* ---------------DEFAULT--------------- */


body {
	font-size: 100%;
	font: normal 0.75em Lucida Sans Unicode, Lucida Grande, Loma, sans-serif;
	line-height: 1.5em;
	background:#ececec url(../images/bg.jpg) 50% 0 repeat-x;
	_behavior: url("http://studioswiatla.pl/_skiny_users/shoper_blue-2/css/csshover3.htc");
}

#page{
  width:955px;
  margin:0 auto;
}

/*--------------*/

#clip_button{
  cursor:pointer;
}

/*---------header--------*/

#header{
  position:relative;
  padding-top:54px;
  z-index:100;
}

#logo-wrap{
  padding:11px 15px;
  background:url(../images/panel2.png) 0 0 no-repeat;
  width:925px;
  float:left;
  position:relative;
  z-index:6;
}

h1{
  width:291px;
  height:49px;
  float:left;
}

#header h1 a{
  display:block;
  width:100%;
  height:100%;
  border:none;
  background:url(../images/logo.png) 0 0 no-repeat;
  text-indent:-1000em;
}

#header h1 a:hover{border:none;}

#user-menu{
  background:url(../images/panel1.png) 0 100% no-repeat;
  padding:5px 18px 4px 18px;
  color:#fff;
  position:absolute;
  top:0;
  * top:-185px;
  _top:0;  
  width:919px;
}

#header a{color:#eeb302; border-bottom:1px solid #a53c11;}

#header a:hover {color:#fff;border-bottom:1px solid #f7ac00;}

#user-menu p{display:inline;}

#basket-info {margin-right:20px; float:right; * float:none; * margin-left:100px;}

.basket {
  padding-left:21px;
  background:url(../images/basket-ico.gif) 0 50% no-repeat;
}

#header a.arrow{
  padding:0 2px 3px 2px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  background:url(../images/panel3.png) 0 0 repeat;    
  border:none;
}

#header a.arrow:hover{border:none;}

#user-menu a.arrow{float:right; padding:0 2px; * margin-top:-15px;}

a.arrow .ico {
  padding-right:14px;
  background:url(../images/down.png) 100% 6px no-repeat;  
  * display:inline-block;
}

a.arrow .basket .ico {
  padding-right:14px;
  background:url(../images/right.png) 100% 4px no-repeat;  
}

a.arrow:hover .ico {
  background:url(../images/down-h.png) 100% 6px no-repeat;  
}

a.arrow:hover .basket .ico {
  background:url(../images/right-h.png) 100% 4px no-repeat;  
}

a.arrow .link{
  border-bottom:1px solid #a53c11;
  * cursor:pointer;
}

a.arrow:hover .link{
  border-bottom:1px solid #f7ac00;
}

.item{
  background:#1f0c02 url(../images/input-bg.gif) 0 100% repeat-x;
  border:1px solid #a94916;
  width:230px;
  height:24px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
  -webkit-border-radius: 3px;   
  float:left;
  margin-right:14px;
}

.item input{
  background:url(../images/search-ico.gif) 0 0 no-repeat;
  border:none;
  width:207px;
  height:20px;
  padding:3px 2px 0 20px;
  color:#EEB302;
  _width:190px;
}

.search-submit{
  background:url(../images/search-submit.gif) 0 0 no-repeat;
  border:none;
  width:46px;
  height:24px;
  padding-top:24px;
  float:left;
  cursor:pointer;
}

.search-submit:hover{background-position: 0 -24px;}

#search{
  width:292px;
  float:right;
  position:relative;
  z-index:11;
}

#search a.arrow {margin-left:127px; * display:inline-block;}

#adv-search {
  width:194px;
  position: absolute;
  right:60px;
  border-bottom-right-radius:3px; 	
  -moz-border-radius-bottomright:3px; 	
  -webkit-border-bottom-right-radius:3px;
  border-bottom-left-radius:3px; 	
  -moz-border-radius-bottomleft:3px; 	
  -webkit-border-bottom-left-radius:3px;
  background:url(../images/panel4.png) 0 0 repeat;  
  padding:10px 19px 20px 19px;
  color:#fff;
  font-size:1.08em;
  z-index:200;
  display:none;
  margin-top:2px;
  * top:44px;
}

#adv-search .item2 input{
  background:#1f0c02 url(../images/input-bg.gif) 0 100% repeat-x;
  border:1px solid #a94916;
  height:19px;
  -moz-border-radius: 3px;
  border-radius: 3px;   
  -webkit-border-radius: 3px; 
  padding: 2px 2px 3px 2px;
  color:#EEB302;
}

#adv-search .item2 select{
  background:#1f0c02;
  border:1px solid #a94916;
  -moz-border-radius: 3px;
  border-radius: 3px;   
  -webkit-border-radius:3px; 
  padding: 2px 2px 3px 2px;
  color:#EEB302;
  height:26px; 
  width:122px;
  float:right;
  * margin-top:-20px;
}
 
#adv-search .item2 input.big {width:187px;}

#adv-search .item2 input.min {width:47px;}

.item2{margin-bottom:5px;width:100%; float:left;}

#adv-search .search-submit{margin:15px 0 0 70px;}

#header a.arrow#adv-search-link.selected{
  border-bottom-right-radius:0px; 	
  -moz-border-radius-bottomright:0px; 	
  -webkit-border-bottom-right-radius:0px;
  border-bottom-left-radius:0px; 	
  -moz-border-radius-bottomleft:0px; 	
  -webkit-border-bottom-left-radius:0px;
  background:url(../images/panel4.png) 0 0 repeat;  
  margin-left:0;
  padding-left:129px;
}
 
#header a#adv-search-link.selected .ico {
 background:transparent url(../images/up.png) no-repeat scroll 100% 5px;
}

#header a#adv-search-link.selected:hover .ico {
 background:transparent url(../images/up-h.png) no-repeat scroll 100% 5px;
}

/*----------menu-----------*/

#main-menu{float:left; width:100%;margin-top:30px; * margin-top:-24px; _margin-top:30px;}

#main-menu li{float:left; margin-right:7px;}

#main-menu a{padding:6px 17px; color:#fff;
   border-top-right-radius:3px; 
   border-top-left-radius:3px;	
  -moz-border-radius-topright:3px;
  -moz-border-radius-topleft:3px; 	
  -webkit-border-top-right-radius:3px;
  -webkit-border-top-left-radius:3px;
  background:url(../images/panel3.png) 0 0 repeat;  
  float:left;
  border:none;
  min-width: /*90*/70px;
  text-align:center;
  }

#main-menu a.selected, #main-menu a:hover{color:#000; background:#ececec url(../images/menu-sel.gif) 0 0 repeat-x;  border:none;}

#contact-menu{
  font-size:0.83em;
  border-radius:3px; 	
  -moz-border-radius:3px; 	
  -webkit-border-radius:3px;
  background:url(../images/panel3.png) 0 0 repeat;
  padding:5px 11px 3px 11px;  
  float:right;
  margin-top:-30px;
  * margin-top:-84px;
  _margin-top:-30px;  
  z-index:5;
  position:relative;
}

#contact-menu li{position:relative;float:left; margin-right:10px; color:#EEB302;}
#contact-menu li:hover, #contact-menu li:hover a{color:#fff;}

#contact-menu #tel{cursor:pointer; background:url(../images/icons.gif) no-repeat 0 0; padding-left:18px;}
#contact-menu #gg a{background:url(../images/icons.gif) no-repeat -100px 0; padding:2px 0 0 18px;}
#contact-menu #skype a{background:url(../images/icons.gif) no-repeat -200px 0; padding:2px 0 0 18px;}
#contact-menu #skype{margin:0;}

#contact-menu #tel:hover{background-position: 0 -100px;}
#contact-menu #gg a:hover{background-position: -100px -100px;}
#contact-menu #skype a:hover{background-position: -200px -100px;}

#contact-menu a, #contact-menu a:hover{border:none;}

#contact-menu li span.tip span{
   background:url(../images/arrow.gif) 50% 100% no-repeat;
   padding: 2px 16px 10px 16px;
   position:relative;
   top:7px;
   margin-top:-7px;
   display:block;

}

#contact-menu li span.tip {
  border:1px solid #6a2c00;
  display:block;
 
  background:#000; 
  border-radius:3px; 	
  -moz-border-radius:3px; 	
  -webkit-border-radius:3px;  
  position:absolute;
  top:-33px;
  left:0;
  font-size:1.30em;
}

#main{
  margin:17px 0 22px 0;
  width:100%;
  float:left;
  * margin-top: -35px;
  _margin-top:17px;  
}

/*--------sidebar-----------------*/

#sidebar{
  width:177px;
  margin-right:14px;
  _margin-right:0;
  float:left;
}

/*-------------content---------------*/

#content{
  width:740px;
  border:2px solid #d5d5d5;
  padding:10px;
   border-radius:5px; 	
  -moz-border-radius:5px; 	
  -webkit-border-radius:5px;
  float:left;
  _float:right;
  background:#fff;
  _overflow:hidden;
}

h2{
  font-size:1.67em;
  font-weight:normal;
  border-bottom:1px solid #dedede;
  padding-bottom:3px;
  margin-bottom:10px;
  margin-top:30px;
}

h2.mg0{margin-top:0;}

h2 span{
  border-bottom:1px solid #fcc200;
}

.product{
  width:151px;
  float:left;
  margin-bottom:20px;
  margin-right:22px;  
  padding:7px;
  text-align:center;
  font-size:1.1em;
  position:relative;
  height:275px;
}

.product input.add, .product a.add{
   background:url(../images/do-koszyka-min.gif) 0 0 no-repeat;
   width:101px;
   height:26px;
   border:none;
   cursor:pointer;
   padding-top:26px;
   margin:0 auto;
}

#f-del{width:18px; float:left;}
#f-add{width:101px; float:right;}

.product a.add{display:block; margin:0; padding-top:0; text-indent:-1000em;}

.product input.add:hover, .product a.add:hover{background-position:0 -26px;} 

.product img{
  max-height:150px;
  max-width:150px;
}

.product.last{margin-right:0;}
.product.first{clear:left;}
.product.new{border:1px solid #ffd921;}
.product.promo{border:1px solid #66bf27;}
.product.day{border:1px solid #24b0e1;}
.product.best{border:1px solid #f7ab00;}

.product a.img{
  display:block;
  height:160px;
  display:table-cell;
  vertical-align:middle;
  width:150px;
}

.product a.p-name{
  color:#000;
  border-bottom:1px solid #d5d5d5;
}

.product a.p-name:hover, .product a.p-name.hover{
  background:#f8ba00;
  border-bottom:1px solid #f38600;
  color:#000;
}

.product .p-price{
  background:#eaeaea url(../images/price-bg.gif) 0 0  repeat-x;
  border-radius:3px; 	
  -moz-border-radius:3px; 	
  -webkit-border-radius:3px;
  padding:2px 5px;
  margin-top:7px;
  display:inline-block;
}

.product a.del{
  margin:0;
}

span.type{  
  display:block;  
  width:54px;
  height:54px; 
  position:absolute;
  right:0;
  top:0;
  text-indent:-1000em;
  _border:none;
}

span.type.new{
  background: url(../images/nowosc.gif) 0 0  no-repeat;

}

span.type.best{
  background: url(../images/bestseller.gif) 0 0  no-repeat;
}

span.type.promo{
  background: url(../images/promocja.gif) 0 0  no-repeat;
}

span.type.day{
  background: url(../images/prod-dnia.gif) 0 0  no-repeat;
  width:61px;
  height:61px;  
}

#sidebar ul#cat-menu a{
  color:#333;
  font-size:1.25em;
  padding:0 25px 0 62px;
  display:block;
  background: url(../images/m.gif) 0 0  no-repeat;
  width:90px;
  height:52px;
}

#sidebar ul#cat-menu a span{
  display:block;
  padding-top:7px;
}

#sidebar ul#cat-menu ul a span {padding-top:0;}

#sidebar ul#cat-menu a#mn span, #sidebar ul#cat-menu a#mp span, #sidebar ul#cat-menu a#m7 span, #sidebar ul#cat-menu a#mprod span{
  padding-top:16px;
}

#sidebar ul#cat-menu a#m1{
  background: url(../images/m1.gif) 0 0  no-repeat;
}

#sidebar ul#cat-menu a#m5{
  background: url(../images/m5.gif) 0 0  no-repeat;
}

#sidebar ul#cat-menu a#m3{
  background: url(../images/m3.gif) 0 0  no-repeat;
}

#sidebar ul#cat-menu a#m4{
  background: url(../images/m4.gif) 0 0  no-repeat;
}

#sidebar ul#cat-menu a#m68{
  background: url(../images/m68.gif) 0 0  no-repeat;
}

#sidebar ul#cat-menu a#m7{
  background: url(../images/m7.gif) 0 0  no-repeat;
}

#sidebar ul#cat-menu a#mp{
  background: url(../images/mp.gif) 0 0  no-repeat;
}

#sidebar ul#cat-menu a#m106{
  background: url(../images/m106.gif) 0 0  no-repeat;
}

#sidebar ul#cat-menu a#mprod{
  background: url(../images/mprod.gif) 0 0  no-repeat;
}

#sidebar ul#cat-menu a#mtop{
  background: url(../images/mtop.gif) 0 0  no-repeat;
}

#sidebar ul#cat-menu a:hover{
  background: url(../images/m.gif) 0 -52px  no-repeat;
  color:#000;
}

#sidebar ul#cat-menu a#m1:hover{
  background: url(../images/m1.gif) 0 -52px  no-repeat;
}

#sidebar ul#cat-menu a#m5:hover{
  background: url(../images/m5.gif) 0 -52px  no-repeat;
}

#sidebar ul#cat-menu a#m3:hover{
  background: url(../images/m3.gif) 0 -52px no-repeat;
}

#sidebar ul#cat-menu a#m4:hover{
  background: url(../images/m4.gif) 0 -52px no-repeat;
}

#sidebar ul#cat-menu a#m68:hover{
  background: url(../images/m68.gif) 0 -52px  no-repeat;
}

#sidebar ul#cat-menu a#m7:hover{
  background: url(../images/m7.gif) 0 -52px  no-repeat;
}

#sidebar ul#cat-menu a#mp:hover{
  background: url(../images/mp.gif) 0 -52px  no-repeat;
}

#sidebar ul#cat-menu a#m106:hover{
  background: url(../images/m106.gif) 0 -52px  no-repeat;
}

#sidebar ul#cat-menu a#mprod:hover{
  background: url(../images/mprod.gif) 0 -52px  no-repeat;
}

#sidebar ul#cat-menu a#mtop:hover{
  background: url(../images/mtop.gif) 0 -52px  no-repeat;
}

#sidebar ul#cat-menu a.current{
  background: url(../images/m.gif) 0 -104px  no-repeat;
  color:#000;
}

#sidebar ul#cat-menu a#m1.current{
  background: url(../images/m1.gif) 0 -104px  no-repeat;
}

#sidebar ul#cat-menu a#m5.current{
  background: url(../images/m5.gif) 0 -104px no-repeat;
}

#sidebar ul#cat-menu a#m3.current{
  background: url(../images/m3.gif) 0 -104px  no-repeat;
}

#sidebar ul#cat-menu a#m4.current{
  background: url(../images/m4.gif) 0 -104px  no-repeat;
}

#sidebar ul#cat-menu a#m68.current{
  background: url(../images/m68.gif) 0 -104px  no-repeat;
}

#sidebar ul#cat-menu a#m7.current{
  background: url(../images/m7.gif) 0 -104px  no-repeat;
}

#sidebar ul#cat-menu a#m106.current{
  background: url(../images/m106.gif) 0 -104px no-repeat;
}

#sidebar ul#cat-menu a#mp.current{
  background: url(../images/mp.gif) 0 -104px  no-repeat;
}

#sidebar ul#cat-menu a#mprod.current{
  background: url(../images/mprod.gif) 0 -104px  no-repeat;
}

#sidebar ul#cat-menu a#mtop.current{
  background: url(../images/mtop.gif) 0 -104px  no-repeat;
}

#sidebar ul#cat-menu li{
  border-top:1px solid #d6d6d6;
  padding:7px 0;
}

#sidebar ul#cat-menu ul li{
  border-top:none;
  padding:0;
  margin:4px 0 0 0;
}

#sidebar ul#cat-menu ul a{
  color:#5d5d5d;
  padding: 0 3px 0 3px;
  background:none;
  font-size:1.08em;
  width:auto;
  height:auto;
  margin-left:-3px;
  width:181px;
}

#sidebar ul#cat-menu ul a:hover, #sidebar ul#cat-menu ul a.current{
  background:#d7d7d7 url(../images/m-arrow.gif) 100% 50%  no-repeat;
  color:#000;
  border-top-left-radius:3px; 	
  -moz-border-radius-topleft:3px; 	
  -webkit-border-top-left-radius:3px;
  border-bottom-left-radius:3px; 	
  -moz-border-radius-bottomleft:3px; 	
  -webkit-border-bottom-left-radius:3px;
}

#sidebar #panel-menu{margin:12px 0 18px 0;}

#sidebar #panel-menu li{_float:left; _width:100%;}

#sidebar #panel-menu img {vertical-align:middle;}

#sidebar #panel-menu a{
  color:#000;
  font-size:1.08em;
  background: #f2f2f2 url(../images/panel-menu-bg.gif) 0 0 repeat-x;
  border-bottom:1px solid #e1e1e1;
  border-right:1px solid #e1e1e1;
  border-left:1px solid #e1e1e1;
  padding:5px 5px 5px 15px;
  display:block;
}

#sidebar #panel-menu a.first{
  border-top-left-radius:5px; 	
  -moz-border-radius-topleft:5px; 	
  -webkit-border-top-left-radius:5px;
  border-top-right-radius:5px; 	
  -moz-border-radius-topright:5px; 	
  -webkit-border-top-right-radius:5px;
  border-top:1px solid #e1e1e1;
}

#sidebar #panel-menu a.last{
  border-bottom-left-radius:5px; 	
  -moz-border-radius-bottomleft:5px; 	
  -webkit-border-bottomleft-radius:5px;
  border-bottom-right-radius:5px; 	
  -moz-border-radius-bottomright:5px; 	
  -webkit-border-bottom-right-radius:5px;
}

/*-------------newsletter------------------*/

#newsletter{
  width:151px;
  padding: 12px;
  background:#dedede;
  border-radius:5px; 	
  -moz-border-radius:5px; 	
  -webkit-border-radius:5px;
  color:#000;
  margin-top:30px;
}

#newsletter h3{
  padding-bottom:5px;
  border-bottom:1px solid #acacac;
}

#newsletter input.submit{
  width:67px;
  height:26px;
  background: url(../images/nl-submit.gif) 0 0  no-repeat;
  border:none;
  cursor:pointer;
  padding-top:26px;
  margin-top:7px;
}

#newsletter input.text{
  border:1px solid #ababab;
  background: #d7d7d7 url(../images/nl-input.gif) 0 0  repeat-x;
  border-radius:3px; 	
  -moz-border-radius:3px; 	
  -webkit-border-radius:3px;
  width:145px;
  height:18px;
  padding:4px 3px 2px 3px;
}
  
#newsletter input.submit:hover{
  background-position: 0 -26px; 
}

#newsletter p{margin:10px 0;}

/*---------------slider-----------------*/


#slider-wrap{
  position:relative;
  z-index:10;
  width:740px;  
  height:304px;
  background:#000;
  * overflow:hidden;
}

#slider{width:675px; height:304px;}

.slide{
  width:674px;
  height:304px;
  overflow:hidden;
}  
#slide_thumb{
  
  position:absolute;
  right:0;
  top:0;
}

#slide_thumb li{  
  cursor:pointer;
  width:60px;
  height:60px;
  overflow:hidden;
  padding-left:5px;
  padding-bottom:1px;
  * margin-bottom:-3px;
}

#slide_thumb li span{
  display:block;
  border-bottom:1px dotted #373737;
  border-left:1px solid #353535;
  width:60px;
  height:60px;
}

#slide_thumb li.activeSlide{
  background: url(../images/slider-arrow.gif) 1px 0 no-repeat;
  padding-left:6px;
}

#slide_thumb li.activeSlide span{
  border-left:none;
}

/*--------footer---------------*/

#footer{
 clear:both;
 width:100%;
 border-top:1px solid #d9d9d9;
 background:#fff;
 float:left;
 * margin-top:20px;
}

#footer-wrap{
  width:955px;
  margin:0 auto;
  padding-top:10px;
}

.f-box{
  width:240px;
  float:left;
  margin-left:20px;
}

#footer .f-box.first{
  width:175px;
  margin:0;
}

h3{
  font-size:1.25em;
  font-weight:normal;
  border-bottom:1px solid #d6d6d6;
}

h3 span{
  border-bottom:1px solid #FCC200;
}

#footer h3 span{
  border-bottom:1px solid #b4b4b4;
}

#footer p span{
 color:#6c6c6c;
}

#footer p span#copy-bank{color:#000;}

#footer p{font-size:1.08em; margin:10px 0;}

#footer a{
  color:#000;
  border-bottom:1px solid #d5d5d5;
}

#footer a:hover{
  background:#f8ba00;
  border-bottom:1px solid #f38600;
}

#footer ul{
  margin:10px;
  color:#fcc60f;
  list-style-type:circle;
  * margin-left:20px;
}

#footer #clip_button{
  background: url(../images/link-bg.gif) 0 0  no-repeat;
  border:none;
  margin-top:5px;
  display:block;
  width:217px;
  height:26px;
  text-indent:-1000em;
}

#footer #clip_button.hover{background-position:0 -26px;}

.banner img{max-width:230px;}

a.nolink, a.nolink:hover, .banner a, .banner a:hover{border:none !important; background:none !important;}

.error{
  color:#FF0000;
  margin-bottom:20px;
}

.notify {
  background:#ECECEC none repeat scroll 0 0;
  border:2px solid #F59F00;
  font-size:13px;
  margin:20px auto;
  padding:30px;
  width:300px;
}


/*---------produkt--------------*/

.p-box{
  width:357px;
  float:left;
}

.p-box.left{margin-right:20px;}

.p-box .text{
  font-size:1.08em;
  line-height:1.5em;
}

.p-box dt, label.atr{
  float:left;
  width:95px;
  margin-right:20px;
  clear:left;
  color:#5d5d5d;
  margin-bottom:10px;
}

.p-box dt.p-price {* margin-top:20px;}

.p-box dd{
  float:left;
  margin-bottom:10px;
  * float:none; 
}  

select.atr, #chooseOpinion{float:left; width:166px;}

.p-box h2{font-size:1.50em;padding-bottom:2px;}
.p-box h3{font-size:1.17em;margin-bottom:10px;}
.p-box h3 span{
  border-bottom:1px solid #fcc200;
}


.grey1 {color:#818181;}
.grey2 {color:#8d8d8d;}
.grey3 {color:#5d5d5d;}

.product-info {width:100%;}
.product-info td{vertical-align:bottom;}
.product-info .grey2 {border-bottom:1px solid #e8e8e8;width:70%;}
.product-info span{position:relative; top:5px; background:#fff;}

.price{background:#eeeeee; padding: 2px 5px; font-size:1.38em;  
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.add-button{
  width:166px;
  height:33px;
  background: url(../images/do-koszyka.gif) 0 0 no-repeat;
  border:none;
  padding-top:33px;
  cursor:pointer;
  float:left;
  margin-top:-6px;
}

.add-button:hover{
  background-position:0 -33px;
}

.add-wishlist{
  width:183px;
  height:26px;
  background: url(../images/do-przechowalni.gif) 0 0 no-repeat;
  border:none;
  padding-top:26px;
  margin-bottom:40px;
  cursor:pointer;
}

.add-wishlist:hover{
  background-position:0 -26px;
}

input.prodQty{
  background: #f4f4f4 url(../images/input-bg2.gif) 0 0 repeat-x;
  border:1px solid #b8b4b4;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius:3px;   
  font: normal 1.17em Lucida Sans Unicode, Lucida Grande, Loma, sans-serif;
  width:24px;
  height:18px;
  color:#000;
  padding:2px 8px;
  float:left;
  margin-right:74px;
}

.czas{
  font-size:1.15em;
  background: url(../images/czas.gif) 4px 50% no-repeat;
  padding:10px 0 10px 60px;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  width:297px;
  display:block;
  margin-bottom:40px;
  margin-top:20px;
}

.add-product{margin:10px 0;float:left; width:100%;}
.p-price{margin:30px 0 10px 0;}
.text a{color:#000; border-bottom:1px solid #d5d5d5;}
.text a:hover{background:#F8BA00; border-bottom:1px solid #F38600;}

#pic-list { 
    float:left; 
    width:100%; 
    overflow:hidden; 
    position:relative; 
    margin-top:10px;
} 

#pic-list ul { 
    clear:left; 
    float:left; 
    list-style:none; 
    margin:0; 
    padding:0; 
    position:relative; 
    left:50%; 
} 

#pic-list li{

   display:block;
   float:left;
   list-style:none;
   margin:0 5px;
   padding:0;
   position:relative;
   right:50%;
}

#pic-list a{
  display:block;
  float:left;
}

#pic-list a img{float:left;}
 
#pic-list a.selected{
  border: 2px solid #f19000;
}


/*------------kontakt-----------------*/

#contact_art{width:355px; margin-right:25px; float:left;}
#map{width:360px; float:left;}

#contact-left{width:295px; float:left;margin-right:25px; font-size:1.08em; margin-top:15px;}
#contact-right{width:420px; float:left; font-size:1.08em; margin-top:15px;}

#contact .button{
  background:url(../images/wyslij.gif) 0 0 no-repeat;
  border:none;
  width:160px;
  height:26px;
  padding-top:26px;
  float:left;
  cursor:pointer;
  margin-top:15px;
  margin-left:185px;
}

#contact .button:hover{background-position: 0 -26px;}

#contact .input input, #contact .token input{
  background: #f4f4f4 url(../images/input-bg2.gif) 0 0 repeat-x;
  border:1px solid #b8b4b4;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius:3px;   
  font: normal 1em Lucida Sans Unicode, Lucida Grande, Loma, sans-serif;
  height:18px;
  width:170px;
  color:#000;
  padding:2px;
}

.token img {
  vertical-align:middle;
}

#contact textarea{
  background: #f4f4f4 url(../images/input-bg2.gif) 0 0 repeat-x;
  border:1px solid #b8b4b4;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius:3px;   
  font: normal 1em Lucida Sans Unicode, Lucida Grande, Loma, sans-serif;
  color:#000;
  padding:2px;
  width:295px;
  height:140px;
  overflow:auto;
}

#contact label {text-align:right; width:100px; margin-right:19px; float:left; display:block;}
#contact .input {width:175px; float:left; }
#contact .textarea {width:301px; float:left; }
#contact .token input {float:left; }
#contact .input-line, #contact .token {width:100%; float:left; margin-bottom:5px;}

/*----koszyk--------*/

.table{width:100%; margin-bottom:20px;}
.table th{color:#474747; font-size:13px; font-weight:normal; text-align:left; padding:10px;}
.table td {padding:15px 10px; font-size:15px; color:#000;}
.table td.name {font-size:13px;  width:240px;}
.table tr td{background:#f2f2f2; border-bottom:1px solid #cfcfcf;}
.table tr.odd td{background:#fcfcfc;}
.table a{color:#000; border-bottom:1px solid #d5d5d5;}
.table a:hover{background:#F8BA00; border-bottom:1px solid #F38600;}
.table input.prodQty {margin:0; font-size: 1em;}
a.del{
  display:block;
  width:18px;
  height:20px;
  background:transparent url(../images/delete.png) 0 0 no-repeat;
  text-indent:-1000em;
  border:none;
  margin:0 auto;
}

a.edit{
  display:block;
  width:18px;
  height:20px;
  background:transparent url(../images/edit.png) 0 0 no-repeat;
  text-indent:-1000em;
  border:none;
  margin:0 auto;
}

a.del:hover{background:transparent url(../images/delete.png) 0 -20px no-repeat;border:none;}

a.edit:hover{background-position: 0 -20px;}

.table .total td{background:none;border:none;font-size:18px; text-align:right;}

.table .total td span{color:#868686;}

.refresh{
  width:70px;
  height:26px;
  background:transparent url(../images/odswierz.gif) 0 0 no-repeat;
  padding-top:26px;
  border:none;
  cursor:pointer;
  vertical-align:middle;
  margin-left:40px;
}
.refresh:hover{background-position:0 -26px;}

.dalej{
  width:158px;
  height:33px;
  background:transparent url(../images/dalej.gif) 0 0 no-repeat;
  padding-top:33px;
  border:none;
  cursor:pointer;
  float:right;
}
.dalej:hover{background-position:0 -33px;}

.zapisz{
  width:70px;
  height:26px;
  background:transparent url(../images/zapisz.gif) 0 0 no-repeat;
  padding-top:26px;
  border:none;
  cursor:pointer;
  vertical-align:middle;
}
.zapisz:hover{background-position:0 -26px;}

#etap1{
  width:427px;
  height:56px;
  background:transparent url(../images/krok1.gif) 0 0 no-repeat;
  text-indent:-1000em;
  margin:20px auto 60px auto;
}

#etap2{
  width:424px;
  height:56px;
  background:transparent url(../images/krok2.gif) 0 0 no-repeat;
  text-indent:-1000em;
  margin:20px auto 60px auto;
}

#etap3{
  width:431px;
  height:56px;
  background:transparent url(../images/krok3.gif) 0 0 no-repeat;
  text-indent:-1000em;
  margin:20px auto 60px auto;
}

.shlist {margin-top:10px;font-size:1.17em;float:left;}
.shlist img{vertical-align:middle;margin:0 10px;}
.shlist span{color:#888;}
.shlist .info2{width:260px; float:right;}

#kupon{
  background:#f2f2f2;
  border-bottom:1px solid #fcc200;
  padding:0 20px 0 15px;
  float:left;
}

h2.min{
  font-size:1.50em;
  margin-bottom:0;
  padding-bottom:2px;
}

#kupon .total{
  background:transparent url(../images/kupon.gif) 0 0 no-repeat;
  padding:15px 0 15px 125px;
  float:left;
  _padding-left:100px;
}

#kupon .total .zapisz{position:relative; top:3px;}

.kupon{
  font-size:1.08em;
  float:left;
  width:240px;
}

.rabat_txt {
  width:260px;
  height:26px;
  margin-right:4px;
  background:transparent url(../images/rabat_input.gif) 0 0 no-repeat;
  border:none;
}

.total form{float:right;}

/*--------------zamowienie-------------------*/


#step2 .input-line, #step2 .buttons, #step2 .token, #step2 .password-line {
  float:left;
  margin-bottom:5px;
  width:100%;
}

#step2 input{
	width: 216px;
	background: #f4f4f4 url(../images/input-bg2.gif) 0 0 repeat-x;
  border:1px solid #b8b4b4;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;   
  font: normal 1em Lucida Sans Unicode, Lucida Grande, Loma, sans-serif;
  height:18px;
  color:#000;
  padding:2px;
  float:left;
	vertical-align: top;
}	

#step2 textarea {
  background: #f4f4f4 url(../images/input-bg2.gif) 0 0 repeat-x;
  border:1px solid #b8b4b4;
  -moz-border-radius: 3px;
  border-radius: 3px;   
  -webkit-border-radius:3px;
  font: normal 1em Lucida Sans Unicode, Lucida Grande, Loma, sans-serif;
  color:#000;
  padding:2px;
  width:696px;
  height:72px;
  overflow:auto;
}

#step2 label {
  float:left;
  text-align:left;
  width:108px;
}
#step2 label.right{margin-left:40px;}


#step2 #form_login_rejestracja input, #step2 .checkbox-line input{width:auto; margin-right:5px;}
#step2 #form_login_rejestracja label, #step2 .checkbox-line label{width:auto;}

#step2 input#gotostep3{
  width:179px;
  height:33px;
  border:none;
  padding:33px 0 0 0;
  background:url(../images/zamow.gif) 0 0 no-repeat;
  float:right;
  cursor:pointer;
}

#step2 input#gotostep3:hover{
  background-position:0 -33px;
}

#step2 input#wstecz{
  width:139px;
  height:26px;
  border:none;
  padding:26px 0 0 0;
  background:url(../images/poprzedni.gif) 0 0 no-repeat;
  cursor:pointer;
}

#step2 input#wstecz:hover{
  background-position:0 -26px;
}

#powrot{
  width:139px;
  height:26px;
  border:none;
  padding:26px 0 0 0;
  background:url(../images/powrot.gif) 0 0 no-repeat;
  cursor:pointer;
  margin-top:20px;
}

#powrot:hover{
  background-position:0 -26px;
}

#step2 input#zaloguj{
  width:84px;
  height:26px;
  border:none;
  padding:26px 0 0 0;
  background:url(../images/zaloguj.gif) 0 -26px no-repeat;
  cursor:pointer;
  margin-left:108px;
  margin-top:10px;
}

#step2 input#zaloguj:hover{
  background-position:0 0;
}

#step2 input#przypomnij{
  width:90px;
  height:26px;
  border:none;
  padding:26px 0 0 0;
  background:url(../images/przypomnij.gif) 0 0px no-repeat;
  cursor:pointer;
  margin-left:108px;
}

#step2 input#przypomnij:hover{
  background-position:0 -26px;
}

#kontynuuj{
  width:158px;
  height:26px;
  border:none;
  background:url(../images/kontynuuj.gif) 0 0px no-repeat;
  text-indent:-1000em;
  display:block;
  float:left;
}

#kontynuuj:hover{
  background-position:0 -26px;
}

#step2 input#zarejestruj{
  width:112px;
  height:26px;
  border:none;
  padding:26px 0 0 0;
  background:url(../images/zarejestruj.gif) 0 0px no-repeat;
  cursor:pointer;
  margin-left:108px;
}

#step2 input#zarejestruj:hover{
  background-position:0 -26px;
}

#step2 input#szukaj{
  width:57px;
  height:26px;
  border:none;
  padding:26px 0 0 0;
  background:url(../images/szukaj.gif) 0 0px no-repeat;
  cursor:pointer;
}

#step2 input#szukaj:hover{
  background-position:0 -26px;
}

#step2.adv_search input{
  width:auto;
}

#step2.adv_search select{width:225px;
	height:24px;
	background: #f4f4f4 url(../images/input-bg2.gif) 0 0 repeat-x;
  border:1px solid #b8b4b4;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;   
  font: normal 1.17em Lucida Sans Unicode, Lucida Grande, Loma, sans-serif;
  color:#000;
  padding:2px;
}

#step2 .zapisz{
  width:70px;
  height:26px;
  background:transparent url(../images/zapisz.gif) 0 0 no-repeat;
  padding-top:26px;
  border:none;
  cursor:pointer;
  vertical-align:middle;
  margin-left:108px;
}
#step2 .zapisz:hover{background-position:0 -26px;}

.szczegoly{
  width:80px;
  height:26px;
  background:transparent url(../images/szczegoly.gif) 0 0 no-repeat;
  text-indent:-1000em;
  border:none !important;
  display:block;
}
.szczegoly:hover{background:transparent url(../images/szczegoly.gif) 0 -26px no-repeat !important;border:none !important;}

.forgot-password {margin-left:108px;}

#step2 h3{font-size:1.33em;padding-bottom:1px;} 

.card-wrap{padding:20px;font-size:1.08em;
line-height:1.5em; width:700px;}
.card-wrap2{background:#f2f2f2; padding:20px; float:left;font-size:1.08em;
line-height:1.5em; width:700px;}

#potwierdzenie {
  background:transparent url(../images/ok.gif) no-repeat scroll 0 3px;
  color:#114B00;
  font-size:1.25em;
  margin:0 auto;
  padding:10px 0 10px 55px;
  width:400px;
}

#moj-panel .table td{
  font-size: 13px;
}

.address-list li{width:50%; float:left;}
.address-list .edit, .address-list .del{margin:5px; float:right;}

.stat4 {padding:1px; background:#ffe561; color:#000;}
.stat5, .stat6 {padding:1px; background:#bb6aea; }
.stat7 {padding:1px; background:#ffa400; color:#000; }
.stat8 {padding:1px; background:#6bd218; }
.stat9 {padding:1px; background:#ea2700; }

/*---------stronicowanie----------*/

#paginator {color:#5c5c5c; background:#f6f6f6; 
float:left; padding:6px 15px 2px 15px;border-bottom:1px solid #e3e3e3;
margin:10px 0;width:710px;}

#paginator a{color:#000; border-bottom:1px solid #d5d5d5;}
#paginator a:hover{background:#F8BA00; border-bottom:1px solid #F38600;}

#paginator a.all{  
  float:left;
  color:#5c5c5c;
  background:transparent url(../images/nr-bg.gif) 0 0 no-repeat;
  font-size:1.08em;
  width:27px;
  height:26px; 
  text-align:center;
  margin:0 2px;
  border:none;
  padding-top:2px;
}

#paginator a.all:hover{
  background:transparent url(../images/nr-h.gif) 0 0 no-repeat;
  border:none;
}
  
#paginator a.prev{
  text-indent:-1000em;
  background:transparent url(../images/prev.gif) 0 0 no-repeat;
  width:27px;
  height:26px; 
  float:left;
  margin:0 2px;
  border:none;
}

#paginator a.prev:hover{
  border:none;
  background:transparent url(../images/prev-h.gif) 0 0 no-repeat;
}
  
#paginator a.next{
  color:#5c5c5c;
  background:transparent url(../images/next.gif) 0 0 no-repeat;
  width:27px;
  height:26px; 
  float:left;
  text-indent:-1000em;
  margin:0 2px;
  border:none;
}

#paginator a.next:hover{
  border:none;
  background:transparent url(../images/next-h.gif) 0 0 no-repeat;
}
  
#paginator b{
  color:#000;
  background:transparent url(../images/nr-bg-s.gif) 0 0 no-repeat;
  font-size:1.08em;
  width:27px;
  height:26px; 
  text-align:center;
  float:left;
  margin:0 2px;
  padding-top:2px;
}

#paginator p.sort{float:left; width:267px;}
#paginator p.pag{float:right; max-width:443px;}
#paginator p.pag span{float:left !important;display:inline-block;}

#tematy {
  color:#ff5300;
  list-style-type: square;
  margin:10px 15px;
  font-size:1.08em;
}

#tematy li{width:50%; float:left;margin-bottom:5px;}
#tematy li.selected {color:#b9b9b9;}
#tematy li.selected a{color:#616161; border:none;}
#tematy li.selected a:hover{color:#616161; border:none; background:none;}

.art {color:#494949; font-size:1.08em; line-height:1.5em;}
.art a{color:#000; border-bottom:1px solid #d5d5d5;}
.art a:hover{background:#F8BA00; border-bottom:1px solid #F38600;}
.art ul{margin:15px;list-style-type:disc;}
.art ol{margin:15px 15px 15px 20px;list-style-type:decimal;}
.art p{margin:10px 0;}
.art h4 {font-size:1.08em;font-weight:normal; color:#000;margin-bottom:10px;}

#search-error{
  color:#a40004;
  font-size:15px;
  padding-left:6px;
  border-top:1px solid #dedede;
  border-bottom:1px solid #dedede;
  margin:25px 0;
}

#search-error p{
  background:transparent url(../images/error.gif) 0 50% no-repeat;
  padding:15px 0 15px 44px;
  margin:0;
}

/*----------------------*/

.art #katalogi a.nolink{
  border:1px solid #cdcdcd !important;
  display:inline-block;
}

.art #katalogi a.nolink:hover{
  border:1px solid #f3980e !important;
}

.art #katalogi a.nolink img{display:block;}

/*--------opera-------------*/


@media all and (min-width: 0px){
.search-submit,
#newsletter input.submit, 
.add-button,
.add-wishlist, 
#contact .button,
.refresh,
.dalej,
.zapisz,
#step2 .zapisz,
#step2 input#zaloguj,
#step2 input#gotostep3,
#step2 input#wstecz,
#powrot,
#step2 input#zaloguj,
#step2 input#przypomnij,
#step2 input#zarejestruj,
#step2 input#szukaj,
.product input.add {text-indent:-1000em;padding-top:0;}
#adv-search {top:44px;}
.item input {padding-top:1px;}
}

