html {
background: #fff;
}


body {
text-align: center;
margin: 0;
padding: 0;
/* font-family: Calibri, 'Gill Sans', Helvetica, 'Trebuchet MS', Arial, 'sans  serif'; */
font-family: Arial, Calibri, 'Gill Sans', Helvetica, 'Trebuchet MS', 'sans serif';
font-size: 12px;
background: #fff;
}

.container {
width: 981px;
margin: 0 auto;
text-align: left;
background-color: White;
}

ul, li, ol, img, p, 
h1, h2, h3, h4, h5, h6, input {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
}

h3.s1 {
color: #696969;
text-transform: uppercase;
margin: 0 0 5px 0;
}

input {
padding: 2px;
}



.gray { color: #8c8c8c; }



.up {
text-transform: uppercase;
}




a:link {text-decoration: none; color:#0B8BDC; }
a:active {text-decoration: none; color:#0B8BDC; }
a:hover {text-decoration: none; color:#0B8BDC; }
a:visited {text-decoration: none; color:#0B8BDC; }

a.white:link {text-decoration: none; color:#fff; }
a.white:active {text-decoration: none; color:#fff; }
a.white:hover {text-decoration: none; color:#fff; }
a.white:visited {text-decoration: none; color:#fff; }

a.red:link {text-decoration: none; color:#c00; }
a.red:active {text-decoration: none; color:#c00; }
a.red:hover {text-decoration: none; color:#c00; }
a.red:visited {text-decoration: none; color:#c00; }

a.blue:link {text-decoration: none; color:#0B8BDC; }
a.blue:active {text-decoration: none; color:#0B8BDC; }
a.blue:hover {text-decoration: none; color:#0B8BDC; }
a.blue:visited {text-decoration: none; color:#0B8BDC; }




input 
{
border: 1px solid #ccc;
}

input[type=radio]
{
    border:none;
}



#sWbgNew { background: #f1f1f1; font-family: Tahoma,sans-serif; font-size: 10px;  height:16px; padding-top:4px; overflow:hidden; zoom:1;}
#sWbgNew .Ww1 { background: #f1f1f1; }
#sWbgNew .Ww1k1 { float: left; background: #f1f1f1; }
#sWbgNew .Ww1k2 { float: right; background: #f1f1f1; }
#sWbgNew a, #sWbgNew a:hover, #sWbgNew a:visited { color: #999; }
#sWbgNew a.WtxtSpec { font-weight: bold; }
#sWbgNew a { border-right: 1px solid #fff; }
#sWbgNew a.WtxtNbrd { border: 0; }
#sWbgNew .Ww1k1 a { margin-right: 8px; padding-right: 8px; }
#sWbgNew .Ww1k2 a { margin-left: 8px; padding-left: 8px; }
#sWbgNew .Ww1k2 .Wtxt {border: none;}
#sWbgNew .Ww1k2 a { margin-right: 8px; padding-right: 8px; }






.logo {
float: left;
margin: 21px 0 20px 29px;
}







.menu .x li.a a.b {
margin: 0 0 0 15px;
}

.menu .x li.a img {
float: right;
margin: 10px 20px 0 0;
}

/* background: url("images/menu/b1.gif") 0px 0px repeat-x; */
.menu {width: 981px; margin: 0 auto 0 auto; padding: 0; position: relative; z-index:  5; zoom: 1; z-index: 111; display: block; background: url("images/menu/b1.gif") 0px 0px repeat-x;}
.menu a {color: #fff; display: block; height: 36px; max-height: 36px; overflow: hidden; padding-left: 28px; padding-right: 27px;}
.menu a:hover {text-decoration: none; opacity: 1;}
.menu .x  {font: 15px/38px Calibri, 'Gill Sans', Helvetica, 'Trebuchet MS', Arial,  'sans serif'; height: 40px; position: relative; zoom: 1; background:  url('images/menu/r.gif');background-position:right;background-repeat:no-repeat;}
.menu .x li {height: 40px; float: left; display: inline; zoom: 1; z-index: 1; text-align: center; }
.menu .x li:hover, .menu .x li.hover {position: relative;}
.menu .x li.selected:hover, .menu .x li.hover.selected {position: static;}
.menu .y, .menu .p2 {display: none; font-weight: normal;}
.menu .x li.active, .menu .x li:hover, .menu .x li.hover {background:  url('images/menu/b2.gif') repeat-x 0 0;}
.menu .x .y li.active, .menu .x li.selected .y li:hover, .menu .x li.selected .y  li.hover {background: url('/i/obrazki/gospodarka/navi/navH_sub_hovered.gif')  repeat-x 0 0 !important;}
.menu .x li.selected .y, .menu .x li.selected:hover .y {position: absolute; left: 0;  top: 27px; display: block; width: 970px; background: #1b487b;}
.menu .x li.selected .y li, .menu .x li.selected:hover .y li {background:  url('images/dupa/navH_sub_sep.gif') no-repeat 0 9px; padding: 0 13px; float: left;  border: 0; line-height: 27px; z-index: 0;}
.menu .x li .y li:hover, .menu .x li .y li.hover { background:  url('images/menu/b7.gif') !important; }
.menu .x li:hover .y, .menu .x li.hover .y {width: 107px; position: absolute; left:  0; top: 40px; display: block;}
.menu .x li:hover .y li, .menu .x li.hover .y li {float: none; display: block;  background: url('images/menu/b6.gif'); height: 40px; width: 107px; z-index: 2;  line-height: 38px; text-align: center;}
.menu .x li.hover.selected .y {position: absolute; left: 0; top: 27px; display:  block; width: 970px; background: #1b487b;}
.menu .x li.hover.selected .y li {background: url('images/dupa/navH_sub_sep.gif')  no-repeat 0 9px; padding: 0 13px; float: left; border: 0; line-height: 27px;}
.menu .x .y li { height: auto; text-align: left; }
.menu .x li.l, .menu .x li.l:hover { width: 9px; background:  url('images/menu/l.gif'); }
.menu .x li.r, .menu .x li.r:hover { width: 9px; background:  url('images/menu/r.gif'); }

.menu a:link { color: #fff; }
.menu a:active { color: #fff; }
.menu a:hover { color: #fff; }
.menu a:visited { color: #fff; }

* html .menu .x li{
 -ie-xp: expression(this.parse ? 0 : (
  this.onmouseover = new Function("this.className += ' hover';"),
  this.onmouseout = new Function("this.className = this.className.replace('hover',  '');"),
  this.parse = 1
  )
 );
}



























.okruszki {
margin: 0 0 0 5px;
width: 565px;
height: 40px;
background: url('images/okruszki.gif') no-repeat;
padding: 12px 0 0 20px;
float: left;
}




.wyszukiwarka {
float: right;
height: 40px;
width: 376px;
font-size: 18px;
}

.wyszukiwarka div {
float: left;
}

.wyszukiwarka div.a {
width: 70px;
margin: 9px 5px 0 0;
}

.wyszukiwarka div.a img {
float: right;
}

.wyszukiwarka div.b {
margin: 5px 5px 0 0;
}

.wyszukiwarka div.c {
margin: 5px 5px 0 0;
width: 120px;
}

.wyszukiwarka div.c img {
float: left;
margin: 1px 5px 0 0;
}

.wyszukiwarka div p {
line-height: 10px;
padding: 5px 0 0 0;
}

.wyszukiwarka a {
font-size: 11px;
}







.footer {
border-top: 1px solid #666;
margin: 50px 0 0 0;
padding: 10px 0 0 0;
background: url('images/b_footer.gif') repeat-x;
height: 70px;
text-align: center;
}

.footer div {
margin: 0 auto 30px auto;
}

.footer ul {
list-style: none;
margin: 0 0 20px 0;
}

.footer ul li {
display: inline;
margin: 0 20px;
}

.footer a:link {color:#c00; }
.footer a:active {color:#c00; }
.footer a:hover {color:#c00; }
.footer a:visited {color:#c00; }



.cb {clear: both;height:0;font-size:0;}

.ar {text-align: right;}

.fl {float: left;}
.fr {float: right;}

.center {text-align: center;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}

.ml20 {margin-left: 20px;}
.ml110 {margin-left: 110px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr30 {margin-right: 30px;}
.mr50 {margin-right: 50px;}
.mr130 {margin-right: 130px;}
.mr140 {margin-right: 140px;}
.mr145 {margin-right: 145px;}
.mr150 {margin-right: 150px;}


.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}

.klasaMenu, .klasaRecursiveMenuSelected {
font-weight: bold; 
border-bottom-color: #ccc;
border-bottom-style: solid;
border-bottom-width: 1px; }

.klasaRecursiveMenu, .klasaRecursiveMenuSelected 
{    
    border: 0px;
}

.radioramka span input {
border: none;
width: 60px; }

.radioramka input {
border: none;
width: 60px; }

.przekreslonaCena
{
    color: Gray;
    text-decoration: line-through;
}

.kolekcja {margin: 0 0 30px 0;}
.kolekcja h1 { font-size: 28px; border-bottom: 1px solid #ccc; padding: 0 0 10px 0;  margin: 0 0 30px 0; }
.kolekcja .img {text-align: center; margin-bottom: 20px;}
.kolekcja .desc {margin-bottom: 20px; line-height: 16px;}
.kolekcja .buy strong {font-size: 14px; text-transform: uppercase;}
.kolekcja .buy table {border: 0; padding: 0; empty-cells: show; border-collapse:  collapse; width: 100%;}
.kolekcja .buy table td {padding: 5px 0; margin: 0; border: 0;}
.kolekcja .buy table .l {font-size: 13px; padding-right: 15px;}
.kolekcja .buy table .r {width: 200px;}
.kolekcja .buy table p {font-weight: bold; color: #666; }
.kolekcja .buy table img {cursor: pointer;}
.kolekcja fieldset {border: 0; margin: 0; padding: 0;}
.kolekcja .payment_methods strong {font-size: 14px;}
.kolekcja .payment_methods .row, .kolekcja .payment_methods .row strong {font-size:  13px;}
.kolekcja .payment_methods .row {margin: 10px 0 15px 10px;}
.kolekcja .payment_methods .row div input {margin: 0 5px 0 0; padding: 0; border: 0;  vertical-align: middle;}
.kolekcja .payment_methods .submitRow {text-align: right;}
.kolekcja .payment_methods_descriptions {border-top: 1px solid #ccc; padding-top:  10px; color: #666; line-height: 16px;}


/* zmiany dla kodow rabatowych*/

/* logowanie */
body .log .box4 div.e img {position: relative; top: -15px; left: 10px;}
body .log .box2 img {margin-top: 30px;}

/* rejestracja */
body .reg div.h {border: 0; padding: 0;}
body .reg div.h p {padding: 0;}
body .reg div.a div.e {float: none; width: auto; margin: 20px 0 0;}
body .reg div.a div.e div.error {color: #f00; padding-left: 15px; background:  url('/images/i/error_ico.gif') no-repeat 0 2px;}
body .reg div.a div.g {margin: 0;}
body div.infor1 .newsletter { margin: 0 100px 0 60px; padding: 10px 0 10px; border:  1px solid #ccc; border-width: 1px 0;}
body div.infor1 .newsletter img {float: none; margin: 0 0 5px 0;}
body div.infor1 .newsletter div.a {border: 0; margin: 0; padding: 0; font-size:  14px; font-style: normal; padding-top: 10px; float: left;}
body div.infor1 .newsletter div.b {float: left; display: inline; margin: 0 10px;  padding-top: 7px;}
body div.infor1 .newsletter div.c {float: left; padding-top: 3px;}
body div.infor1 .newsletter div.c img {margin: 0;}

/* strona glowna nowosci */
/*
.con1 .nn div.b .c0, .con1 .nn div.b .c1, .con1 .nn div.b .c2 {float: left; display:  inline; width: 105px; margin-left: 60px;}
.con1 .nn div.b .c0 {margin-left: 20px;}
.con1 .nn div.b p {margin-bottom: 2px;}
body .con1 .nn div.b img.thumb {float: none; margin: 0;}
.con1 .nn div.b p.cena span {font-weight: bold;}
*/
/* produkt dodany */
.product-added {float: right; margin: 10px 0 0; width: 350px; text-align: right;  font-size: 14px; font-weight: bold; color: #f00;}

/* koszyk krok 1 */
.con2 div.head1 h2.s1 {overflow: hidden; zoom: 1;}
.con2 div.head1 h2.s1 span {font-size: 24px;}
.con2 div.head1 h2.s1 small {display: block; font-size: 20px;}
body .kosz ul li div.e {width: 320px;}
body .kosz ul li div.e p {width: 226px;}
.kosz div.box9 .chosen_payment {padding-left: 23px; font-weight: bold;}
.kosz div.box9 .chosen_payment select {width: 250px;}
.kosz ul li div.e1, .kosz ul li div.e2, .kosz ul li div.e3, .kosz ul li div.e4  {float: left; display: inline; margin: 0 10px 0 0; padding-top: 15px; width: 105px;}
.kosz ul li div.e2 {width: 170px;}
.kosz ul li div.e2 * {vertical-align: middle;}
.kosz ul li div.e2 input {width: 20px; margin-right: 10px;}
.kosz ul li div.e4 {width: 100px; text-align: right;}
.kosz ul li div.e3 {width: 185px;}
.kosz ul li div .cena {color: #666;}
.kosz ul li div .wartosc, .kosz ul li div .wartosc_rabat {font-weight: bold;}
.kosz ul li div .wartosc_rabat {text-decoration: line-through;}
.kosz ul li div .rabat {font-weight: bold; color: #008000;}
.kosz ul li div .gratis {font-size: 18px; font-weight: bold; font-style: italic;  color: #008000;}
body .kosz ul li.razem {background: #fff; border: 1px solid #ccc; border-width: 0 0  1px 0;}
.kosz ul li.razem .order-summary .c0 {float: left;}
.kosz ul li.razem .order-summary .c1 {float: right; text-align: right;}
.kosz ul li.razem .order-summary * {vertical-align: middle;}
.kosz ul li.razem .order-summary p {margin-top: 5px;}
.kosz ul li.razem .order-summary img {margin: 0 10px;}
.kosz ul li.razem .order-summary .wartosc {font-size: 16px;}
.kosz ul li.razem .order-summary .kod_promo {font-size: 16px; font-weight: bold;  margin: 0;}
/* krok 2 */
.kosz .order-summary-box {overflow: hidden; zoom: 1; border: 1px solid #ccc;  border-width: 1px 0; margin: 15px 0; padding: 15px 0;}
.kosz .order-summary-box .c0 {float: left;}
.kosz .order-summary-box .c1 {float: right; text-align: right;}
.kosz .order-summary-box ul {width: auto; margin: 0;}
.kosz .order-summary-box ul li {border: 0; padding: 0; width: auto; font-size: 16px;  font-weight: bold; width: 350px; text-align: left;}
.kosz .order-summary-box ul li.rabat {color: #008000;}
.kosz .order-summary-box ul li.do_zaplaty {font-size: 18px; padding-top: 10px;}
.kosz .order-summary-box ul li.do_zaplaty img {margin: 0 0 0 10px; position:  relative; top: 10px;}
.kosz .order-summary-box .c0 p {margin-bottom: 5px; font-size: 14px;}
.kosz .order-summary-box .c0 p * {vertical-align: middle;}
.kosz .order-summary-box .c0 p img {margin-left: 10px;}
.kosz .order-summary-box input[type=checkbox] { margin:2px 10px 2px 2px; float:left; }
/* cloud-info */
.cloud-info {width: 545px; position: relative; zoom: 1;}
.cloud-info .inner {background: url('/images/i/info-cloud-bg.gif') no-repeat 0 0;  padding: 15px 15px 10px; position: absolute; left: 0; bottom: 0; width: 515px;}
.cloud-info .bg {background: url('/images/i/info-cloud-bg.gif') no-repeat 0 100%;  position: absolute; width: 545px; height: 10px; left: 0; bottom: -5px;}
.cloud-info p {font-size: 16px; font-weight: bold; color: #008000;}
.cloud-info p.close {text-align: right; margin-top: 5px;}

/* nawigacja */
body .menu .x li:hover .y li, body .menu .x li.hover .y li {float: none; display:  block; background: transparent url('/images/i/menu-y_top.gif') no-repeat 0 0  !important; height: auto; padding-top: 8px; line-height: normal; width: 107px;  z-index: 2; text-align: center;}
body .menu .x li:hover .y li a, body .menu .x li.hover .y li a {display: block;  padding: 2px 0 10px; background: transparent url('/images/i/menu-y.gif') no-repeat 0  100% !important;}
body .menu .x li .y li:hover, body .menu .x li .y li.hover { background: transparent  url('/images/i/menu-y-h_top.gif') no-repeat 0 0 !important; }
body .menu .x li .y li:hover a, body .menu .x li .y li.hover a { background:  transparent url('/images/i/menu-y-h.gif') no-repeat 0 100% !important; }

#sWbgNew {width: 980px; margin-left: auto; margin-right: auto; background: #f1f1f1;  font-family: Tahoma,sans-serif; font-size: 10px; height:16px; padding-top:4px;  overflow:hidden; zoom:1;}
#sWbgNew .Ww1 { background: #f1f1f1; }
#sWbgNew .Ww1k1 { float: left; background: #f1f1f1; margin-left: 5px;}
#sWbgNew .Ww1k2 { float: right; background: #f1f1f1; }
#sWbgNew a, #sWbgNew a:hover, #sWbgNew a:visited { color: #999; }
#sWbgNew a.WtxtSpec { font-weight: bold; }
#sWbgNew a { border-right: 1px solid #fff; }
#sWbgNew a.WtxtNbrd { border: 0; }
#sWbgNew .Ww1k1 a { margin-right: 8px; padding-right: 8px; }
#sWbgNew .Ww1k2 .Wtxt {border: none;}
#sWbgNew .Ww1k2 a { margin-right: 8px; padding-right: 8px; }


/********************************/
/* ORDER - kontakt telefoniczny */
/********************************/

#divPhoneContent
{
	width:100%;
}

#divPhoneContent .divPhone
{
	float:right;
	width:456px;
	padding:5px 0px;
}

/** CONTAINERS ****************************************************************/

/** SECTION: Like (inside: ".con1", after: ".pro" container) *****/
#chacha_like {
  width:      520px;
  margin:     0;
  padding:    10px 0 30px 0;
  text-align: left;
  border-top: 1px solid #ccc;
  background: #fff;
  }

/** SECTION: Comments (inside: ".con1", after: ".opisp" container) *****/
#chacha_comments {
  text-align: left;
  width:      520px;
  margin:     10px 0;
  padding:    5px 0 0 0;  
  border-top: 1px solid #ccc;
  background: #fff;
  }
  
/** SECTION: LikeBox (inside: ".pan", after: "#ctl00_adRightBottom_grafical" container) *****/
#chacha_likebox {
  text-align: left;
  width:      300px;
  margin:     20px 0;
  padding:    20px 0;  
  border-top: 1px solid #ccc;
  background: #fff;
  }
  
/** ********************************************************** CONTAINERS *****/