/* kolor tla strony, tekstu na stronie oraz rozmiaru marginesu */
BODY { color: #000; font-family: 'Lato', sans-serif; font-size:100%;  margin: 0px; font-weight:normal; }
h1, h2, h3, h4, h5, h6, p { margin:0px; padding:0px; font-size:18px; }
img { border:0px; }
table { border-collapse: collapse; border-spacing:0;  margin: 0px; font-weight:normal; }
.cl { clear:both; }
.Lf { float:left; }
.Rg { float:right; }
aside, article, nav, section, footer, header { display:block; margin:0px; padding:0px; }

/* zdjecia produktow */
/*@media only screen and (max-width:479px) {
  .Zdjecie, .BoxTresc img, .StrTresc .Zdjecie { max-width:250px; height:auto; }
}*/
@media only screen and (min-width:480px) and (max-width:799px) {
  .Zdjecie, .BoxTresc img, .StrTresc .Zdjecie { max-width:300px; height:auto; }
}
@media only screen and (min-width:800px) {
  .Zdjecie, .BoxTresc img, .StrTresc .Zdjecie { max-width:100%; height:auto; }
}

/* inne grafiki w tresci strony */
.StrTresc img { max-width:100%; height:auto !important; }

/* definiowanie wygladu szablonu */
#Strona, .Strona { margin:0px auto; overflow:hidden; }

@media only screen and (max-width:479px) {
  #Strona, .Strona { width:320px; }
  .Kol-1 .OknoRwd, .Kol-2 .OknoRwd, .Kol-3 .OknoRwd, .Kol-4 .OknoRwd, .Kol-5 .OknoRwd { width:100%; }
  .Kol-1 .OknoRwd:nth-child(1n+1), .Kol-2 .OknoRwd:nth-child(1n+1), .Kol-3 .OknoRwd:nth-child(1n+1), .Kol-4 .OknoRwd:nth-child(1n+1), .Kol-5 .OknoRwd:nth-child(1n+1) { clear:both; }
  .Kol-1 .OknoRwd:nth-child(1n), .Kol-2 .OknoRwd:nth-child(1n), .Kol-3 .OknoRwd:nth-child(1n), .Kol-4 .OknoRwd:nth-child(1n), .Kol-5 .OknoRwd:nth-child(1n) { border-right:0px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
  #Strona, .Strona { width:440px; }
  .Kol-1 .OknoRwd, .Kol-2 .OknoRwd, .Kol-3 .OknoRwd, .Kol-4 .OknoRwd, .Kol-5 .OknoRwd { width:100%; }
  .Kol-1 .OknoRwd:nth-child(1n+1), .Kol-2 .OknoRwd:nth-child(1n+1), .Kol-3 .OknoRwd:nth-child(1n+1), .Kol-4 .OknoRwd:nth-child(1n+1), .Kol-5 .OknoRwd:nth-child(1n+1) { clear:both; }
  .Kol-1 .OknoRwd:nth-child(1n), .Kol-2 .OknoRwd:nth-child(1n), .Kol-3 .OknoRwd:nth-child(1n), .Kol-4 .OknoRwd:nth-child(1n), .Kol-5 .OknoRwd:nth-child(1n) { border-right:0px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  #Strona, .Strona { width:760px; }
  .Kol-1 .OknoRwd { width:100%; }
  .Kol-2 .OknoRwd, .Kol-3 .OknoRwd, .Kol-4 .OknoRwd, .Kol-5 .OknoRwd { width:50%; }
  .Kol-1 .OknoRwd:nth-child(1n+1) { clear:both; }
  .Kol-2 .OknoRwd:nth-child(2n+1), .Kol-3 .OknoRwd:nth-child(2n+1), .Kol-4 .OknoRwd:nth-child(2n+1), .Kol-5 .OknoRwd:nth-child(2n+1) { clear:both; }
  .Kol-1 .OknoRwd:nth-child(1n), .Kol-2 .OknoRwd:nth-child(2n), .Kol-3 .OknoRwd:nth-child(2n), .Kol-4 .OknoRwd:nth-child(2n), .Kol-5 .OknoRwd:nth-child(2n) { border-right:0px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  #Strona, .Strona { width:980px; }
  .Kol-1 .OknoRwd { width:100%; }
  .Kol-2 .OknoRwd { width:50%; }
  .Kol-3 .OknoRwd, .Kol-4 .OknoRwd , .Kol-5 .OknoRwd { width:33.3333333%; }
  .Kol-1 .OknoRwd:nth-child(1n+1) { clear:both; }
  .Kol-2 .OknoRwd:nth-child(2n+1) { clear:both; }
  .Kol-3 .OknoRwd:nth-child(3n+1), .Kol-4 .OknoRwd:nth-child(3n+1), .Kol-5 .OknoRwd:nth-child(3n+1) { clear:both; }
  .Kol-1 .OknoRwd:nth-child(1n), .Kol-2 .OknoRwd:nth-child(2n), .Kol-3 .OknoRwd:nth-child(3n), .Kol-4 .OknoRwd:nth-child(3n), .Kol-5 .OknoRwd:nth-child(3n) { border-right:0px; }
}
@media only screen and (min-width:1280px) {
  #Strona, .Strona { width:1200px; }
  .Kol-1 .OknoRwd { width:100%; }
  .Kol-2 .OknoRwd { width:50%; }
  .Kol-3 .OknoRwd { width:33.3333333%; }
  .Kol-4 .OknoRwd { width:25%; }
  .Kol-5 .OknoRwd { width:20%; }
  .Kol-1 .OknoRwd:nth-child(1n+1) { clear:both; }
  .Kol-2 .OknoRwd:nth-child(2n+1) { clear:both; }
  .Kol-3 .OknoRwd:nth-child(3n+1) { clear:both; }
  .Kol-4 .OknoRwd:nth-child(4n+1) { clear:both; }
  .Kol-5 .OknoRwd:nth-child(5n+1) { clear:both; }
  .Kol-1 .OknoRwd:nth-child(1n), .Kol-2 .OknoRwd:nth-child(2n), .Kol-3 .OknoRwd:nth-child(3n), .Kol-4 .OknoRwd:nth-child(4n), .Kol-5 .OknoRwd:nth-child(5n) { border-right:0px; }
}

/* link z logo sklepu */
#LinkLogo { font-size:0px; display:block; }
#LinkLogo img { max-width:100%; height:auto; }
@media only screen and (max-width:1023px) {
  #LinkLogo { text-align:center; }
  #LinkLogo .RwdKomputer { display:none; }
}
@media only screen and (min-width:1024px) {
  #LinkLogo .RwdMobilny { display:none; }
}

/* kolumny */
#LewaKolumna, #PrawaKolumna, #SrodekKolumna { overflow:hidden; }
@media only screen and (max-width: 799px) {
  #LewaKolumnaPrzerwa { margin-bottom:15px; }
  #PrawaKolumnaPrzerwa { margin-top:15px; }
  #LewaKolumna, #PrawaKolumna, #SrodekKolumna { width:100% !important; }
}
@media only screen and (min-width: 800px) {
  #LewaKolumna { float:left; }
  #LewaKolumnaPrzerwa { margin-right:15px; }
  #PrawaKolumna { float:left; }
  #PrawaKolumnaPrzerwa { margin-left:15px; }
  #SrodekKolumna { float:left; }
}

/* tlo gornego paska jezyk, logowanie, schowek */
#GornaNawigacja { background:#ebebeb; }

/* definiowanie flagi jezyka */
#ZmianaJezyka { float:left; }
#ZmianaJezyka .Flaga { padding:9px 7px 0px 0px; cursor:pointer; display:inline-block; }
#ZmianaJezyka .FlagaOff { opacity:0.4; filter:alpha(opacity=40); }

/* logowanie i zalozenie konta w naglowku */
@media only screen and (max-width:479px) {
  #Logowanie { padding:5px 0px 10px 0px; text-align:center; }
  #Logowanie a { font-size:130%; }
  #Logowanie:before { content:" "; border-top:1px solid #cfcfcf; display:block; height:5px; clear:both; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
  #Logowanie { float:right; padding:5px 15px 5px 10px; border-right:1px solid #cfcfcf; }
  #Logowanie a { float:left; font-size:110%; }
}
@media only screen and (min-width:800px) {
  #Logowanie { float:right; background:url('../obrazki/szablon/logowanie.png') no-repeat left center; padding:5px 15px 5px 30px; border-right:1px solid #cfcfcf; }
  #Logowanie a { float:left; font-size:110%; }
  #Logowanie a:hover { padding:2px 8px 8px 8px; }
}
#Logowanie a { display:inline-block; padding:5px 8px 5px 8px;
  transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -webkit-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}

/* schowek w naglowku */
@media only screen and (max-width:799px) {
  #Schowek { float:right; padding:5px 0px 5px 0px; margin-left:10px; }
}
@media only screen and (min-width:800px) {
  #Schowek { float:right; background:url('../obrazki/szablon/schowek.png') no-repeat left center; padding:5px 0px 5px 25px; margin-left:20px; }
  #Schowek a:hover { padding:2px 0px 8px 8px; }
}
#Schowek a { float:left; display:inline-block; font-size:110%; padding:5px 0px 5px 8px;
  transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -webkit-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}

/* koszyk i wyszukiwanie w naglowku */
#SzukanieKoszyk { background:#ebebeb; margin-bottom:5px; }

/* wyszukiwanie w naglowku */
@media only screen and (max-width:799px) {
  #Wyszukiwanie { padding:5px; }
  #Wyszukiwanie div:first-child { margin-bottom:8px; }
  #Wyszukiwanie a { text-align:right; display:block; }
  #Wyszukiwanie div:after { content:"."; display:block; clear:both; visibility:hidden; height:0px; }
}
@media only screen and (max-width:480px) {
  #InSzukaj { width:250px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
  #InSzukaj { width:370px; }
}
@media only screen and (min-width:800px) {
  #Wyszukiwanie { float:left; padding:7px; }
  #Wyszukiwanie a, #Wyszukiwanie div:first-child { float:left; margin-right:10px; }
  #Wyszukiwanie a { width:100px; padding-top:2px; line-height:1.5; }
}
#InSzukaj { height:40px; float:right; border:0px; padding:0px 10px 0px 10px; color:#929090; font-size:110%; }
#ButSzukaj { float:right; width:40px; height:40px; background:#abcf38;
  transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -webkit-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}
#ButSzukaj:hover { background:#525252; }

/* koszyk w naglowku */
@media only screen and (min-width:800px) {
  #Koszyk { float:right; }
}
#Koszyk { height:54px; background:#dddddd; }
#Koszyk a { display:inline-block; padding-right:20px;
  transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -webkit-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}
#Koszyk span { float:left; display:inline-block; }
#Koszyk span:first-child { width:54px; height:54px; background:#525252;
  transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -webkit-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}
#Koszyk:hover span:first-child { background:#31b44a; }
#Koszyk span:last-child { padding-left:20px; }
#Koszyk strong { display:block; margin:5px 0px 5px 0px; text-transform:uppercase; font-size:140%; color:#525252; }
#Koszyk b { color:#31b44a; }

/* --- gorne menu --- nie zmieniac nazwy styli, nie usuwac --- */

#GorneMenu { background:#525252;  margin-bottom:5px; }
#GorneMenu ul { list-style-type:none; padding:0px; margin:0px; }
#GorneMenu ul li { text-transform:uppercase; }

/* wersja dla menu w pelnej wersji - glowne menu --- nie zmieniac nazwy styli, nie usuwac --- */
.Rozwiniete ul li { display:inline-block; border-right:1px solid #676767; }
.Rozwiniete ul li:hover > a, .Rozwiniete ul li:hover > span { background:#31b44a; color:#ffffff; }
.Rozwiniete a:hover, .Rozwiniete span:hover { background:#31b44a !important; color:#ffffff !important; }
.Rozwiniete ul li ul li a { padding:6px 15px 6px 15px; color:#ffffff; display:block; text-transform:none; font-size:100%; }
.Rozwiniete ul li ul li a:hover { background:#31b44a; color:#ffffff; }

/* wersja dla menu zwinietego - glowne menu --- nie zmieniac nazwy styli, nie usuwac --- */
.Zwiniete ul li { display:block; border-top:1px solid #676767; }
.Zwiniete ul li:hover > a, .Zwiniete ul li:hover > span { color:#ffffff; }
.Zwiniete a:hover { color:#dbdbdb !important; }
.Zwiniete ul li ul li a { background:#5c5c5c; padding:10px 35px 10px 35px; color:#ffffff; display:block; text-transform:none; font-size:120%; }
.Zwiniete ul li ul li a:hover { color:#dbdbdb; }

/* menu rozwiniete - podmenu --- nie zmieniac nazwy styli, nie usuwac --- */
#GorneMenu ul li ul { display:none; background:#525252; z-index:100; overflow:hidden; }
.Rozwiniete ul li ul { position:absolute; max-width:250px; }
.Zwiniete ul li ul { position:relative; }
#GorneMenu ul li ul li { position:relative; border:0px; display:block; border-top:1px solid #676767; }

/* ogolny wyglad linku w menu --- nie zmieniac nazwy styli, nie usuwac --- */
.Zwiniete a, .Zwiniete span, .Rozwiniete a, .Rozwiniete span  { padding:12px 10px 12px 10px; color:#ffffff; font-weight:normal; display:inline-block; font-size:130%;
  transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -webkit-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}

/* ikona rozwijania dla submenu --- nie zmieniac nazwy styli, nie usuwac --- */
#GorneMenu .IkonaSubMenu { background:url('../obrazki/nawigacja/menu_rozwijane.png') no-repeat right center; width:28px; height:20px; cursor:pointer; margin:13px 10px 0px 0px; float:right; display:inline-block; }

/* ikona rozwijania dla glownego menu przy zwinieciu menu --- nie zmieniac nazwy styli, nie usuwac --- */
.RozwinGorneMenu { padding:8px 10px 8px 10px; text-align:left; }
.RozwinGorneMenu div { background:url('../obrazki/nawigacja/menu_rozwijane.png') no-repeat right center; color:#ffffff; font-size:160%; font-weight:bold; letter-spacing:4px; cursor:pointer; padding:2px 0px 2px 0px; }

/* --- gorne menu --- koniec --- */

@media only screen and (max-width:1023px) {
  #Stopka { margin:20px 0px 20px 0px; }
  .KolumnaStopki { padding:0px 0px 5px 0px; }
  .KolumnaStopki strong { cursor:pointer; margin:0px 0px 10px 0px; }
  /* rozwijanie / zwijanie stopki --- nie zmieniac nazwy styli, nie usuwac --- */
  .KolumnaStopki span.StopkaRozwin { background:url('../obrazki/nawigacja/strzalka_rozwin.png') no-repeat left center; float:right; margin:12px 1px 0px 0px; width:26px; height:10px; }
  .KolumnaStopki span.StopkaZwin { background:url('../obrazki/nawigacja/strzalka_zwin.png') no-repeat left center; float:right; margin:12px 1px 0px 0px; width:26px; height:10px; }
  .KolumnaStopki ul { display:none; padding:10px 0px 20px 0px; }
  .KolumnaStopki ul li { margin:0px 0px 15px 15px; }
  .KolumnaStopki div { display:none; }
}
@media only screen and (min-width:1024px) {
  #Stopka { margin:10px 0px 20px 0px; }
  .KolumnaStopki { width:25%; float:left; padding:20px 0px 20px 0px; }
  .KolumnaStopki strong { margin:0px 20px 15px 0px; }
  .KolumnaStopki:nth-child(4) strong { margin-right:0px; }
  .KolumnaStopki ul { padding:0px; }
  .KolumnaStopki ul li { margin:0px 0px 5px 15px; }
}
.KolumnaStopki strong { display:block; font-size:180%; font-weight:normal; border-bottom:1px solid #dbdbdb; padding:0px 10px 10px 15px;  }
.KolumnaStopki ul { list-style-type:none; margin:0px; }
.KolumnaStopki > div { padding:0px 15px 15px 15px; }

.Copy { padding:5px 0px 15px 0px; text-align:center; font-size:90%; }
.Copy a { color:#929090; }

/*** elementy wspolne ***/

/* ogolny wyglad linkow */
a { text-decoration:none; color:#5c5c5c; font-weight:normal; }
a:hover { text-decoration:none; color:#31b44a; }

/* linki produktow */
h3 a { font-weight:normal; color:#5c5c5c; font-size:120%;  }

/* link pdf */
.pdfIkona { display:inline-block; background:url('../obrazki/pdf/pdf.png') no-repeat left center; padding:5px 0px 5px 25px; }

/* divy jako tabela */
.TabelaTbl { display:table; width:100%; border-collapse:collapse; border-spacing:0; }

/* sekcja produktow lub elementow w modulach i listingach - rowna wysokosc elementow */
.WierszTbl { display:table-row; }

/* definicja zdjecia */
.Zdjecie { padding:5px; }
#ZoomChwilowe { position:absolute; background:url('../obrazki/przyciski/zoom_zdjecia.png') no-repeat; width:37px; height:37px; display:inline-block; }
.Zoom { display:inline-block; }

/* ramka foto animacji koszyka */
#AnimacjaKoszyka img { width:100%; height:100%; }
#AnimacjaKoszyka { border:5px solid #929090; }

/* wyglad ramki powiekszonego obrazka w listingu */
.PowiekszoneZdjecie img { background:#ffffff; padding:5px; border:1px solid #dbdbdb; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.22); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.22); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.22); }

/* ikonki zdjec */
.ZdjecieIkony { display:inline-block; position:relative; overflow:visible; }
.IkonkiProduktu { position:absolute; z-index:99; text-align:left; top:0px; left:0px; }
.Ikona { text-transform:uppercase; display:block; margin-bottom:3px; }
.Ikona b { display:inline-block; padding:0px 5px 0px 5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; color:#ffffff; font-size:11px; line-height:20px;  }
.Ikona b span { margin:0px; padding:0px; display:inline-block; }
.IkonaPromocja b, .IkonaPromocjaProcent b { background:#e70505; }
.IkonaNowosc b { background:#50d329; }
.IkonaPolecany b { background:#2dadb1; }
.IkonaHit b { background:#ff7413; }
.IkonaDostawa b { background:#1584b7; }
.IkonaWyprzedaz b { background:#e200e3; }
.IkonaRabat b, .IkonaCenaSpecjalna b { background:#ff0000; }

/* informacja */
.Informacja { background:url('../obrazki/szablon/info.png') no-repeat left center; padding:7px 5px 7px 35px; }
.InformacjaOk { background:url('../obrazki/szablon/ok.png') no-repeat left center; padding:7px 5px 7px 35px; }
span.Informacja { display:inline-block; }

/* ikonki przesuwania strony gora - dol */
#doGory { position:fixed; right:20px; top:20px; cursor:pointer; width:44px; height:24px; background:url('../obrazki/nawigacja/scroll.png') no-repeat left top; opacity:0.4; filter:alpha(opacity=40); display:none; }
#doGory:hover { opacity:1; filter:alpha(opacity=100); }
#doDolu { position:fixed; right:20px; bottom:20px; cursor:pointer; width:44px; height:24px; background:url('../obrazki/nawigacja/scroll.png') no-repeat left bottom; opacity:0.4; filter:alpha(opacity=40); display:none; }
#doDolu:hover { opacity:1; filter:alpha(opacity=100); }

/*** wyglad czesci srodkowej ***/

/* naglowek modulow i stron w czesci srodkowej */
@media only screen and (max-width:799px) {
  .StrNaglowek { font-size:160%; }
}
@media only screen and (min-width:800px) {
  .StrNaglowek { font-size:190%; }
}
.StrNaglowek { margin-bottom:3px; color:#5c5c5c; font-weight:normal;  text-transform:uppercase; }
.StrNaglowek span { background:url('../obrazki/szablon/tlo_modulu.png') no-repeat right bottom; padding:7px 70px 7px 20px; display:inline-block; }

.StrNaglowek a { color:#5c5c5c; }
.StrNaglowek a:hover { color:#31b44a; }

/* podstrony i wyglad modulow - czesc srodkowa sklepu */
.StrTresc { border:1px solid #e7e7e7; margin-top:1px; margin-bottom:10px; padding:10px; overflow:hidden; }

/* okno porownywarki */
#PorownywarkaTable { margin-bottom:8px; }
#PorownywarkaTable td { padding:7px; width:250px; border:1px dotted #dbdbdb; text-align:center; vertical-align: top; }
#PorownywarkaTable td:first-child { background:#f6f6f6; text-align:right; font-weight:bold; width:110px !important; }
#PorownywarkaTable tr:nth-child(odd) { background:#f6f6f6; }
#PorownywarkaTable .Opisy { text-align:left; margin:5px; }
#PorownywarkaTable .DodatkowePola { text-align:left; margin-top:10px; }
#PorownywarkaTable .DodatkowePola .PolaTbl { display:table; border-collapse: collapse; border-spacing:0; }
#PorownywarkaTable .DodatkowePola .PolaTbl div { display:table-cell; vertical-align:middle; padding:2px 5px 2px 0px; }
#PorownywarkaTable .Foto { position:relative; }

/* formularze */
input, select, textarea { font-size:100%;  }
.cmxform input, .cmxform select, .cmxform textarea, .InputIlosc { color:#5c5c5c; border:1px solid #dbdbdb; padding:6px; }
.cmxform label:not(.formSpan) { position:relative; vertical-align:top; font-weight:normal; display:block; line-height:1.2; padding:3px 0px 3px 30px; cursor:pointer; }
.cmxform label.formSpan { cursor:pointer; }
.cmxform label.required { font-weight:normal; display: inline-block; line-height: 1.2; background:transparent url('../obrazki/formularz/gwiazdka.png') no-repeat scroll center right;}
.cmxform p { margin-bottom:10px; }
.cmxform span { display:block; margin-bottom:5px; }
.cmxform .error { color:#ff0000; }
.cmxform label.error { font-weight: normal; background:transparent url('../obrazki/formularz/blad.png') no-repeat left center; display:block; margin:4px 0px 0px 0px; padding:2px 0px 2px 25px; width:80%}
.cmxform em.required { vertical-align: top; width:5px; height:5px; display:inline-block; background:transparent url('../obrazki/formularz/gwiazdka.png') no-repeat scroll center right; }
#rejestracja .OsobowoscPrawna { margin:20px 0px 20px 0px; }
#rejestracja .OsobowoscPrawna b { display:inline-block; margin-right:15px; }
.errorInformacja label.error { text-align:left; transform:translate(0%, -8px); margin-left:3px; }
div.checkboxOpis { margin-left:35px; }
.CheckSekcja { margin:12px 0px 10px 0px; display:block; }
.ZaznaczWszystkieZgody .CheckSekcja label { padding:1px 0px 1px 30px; font-size:120%; }
.cmxform span.tresc { display:inline; font-weight:bold; margin-bottom:5px; }
.cmxform span.opis { display:inline; font-weight:normal; margin-bottom:5px; }
.KontenerKoszykButton a.przycisk, .przyciskZamow, .przyciskZaplac { cursor:pointer; padding:15px 30px 15px 30px !important; background:#31b44a !important; border:0px !important; color:#ffffff !important; font-size:180%; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px;
  transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -webkit-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}
.KontenerKoszykButton a.przycisk:hover, .przyciskZamow:hover, .przyciskZaplac:hover { background:#525252 !important; }

/* wyglad przyciskow */
.przycisk, .cmxform .przycisk, .cmxform .przyciskWylaczony, .DoKoszyka.Wybor { text-align:center; display:inline-block;  text-transform:uppercase; cursor:pointer; margin-right:4px; padding:7px 12px 7px 12px; background:#525252; border:0px; color:#ffffff; font-weight:bold; border-left:5px solid #31b44a;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px;
  transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -webkit-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}
.przycisk::-moz-focus-inner { border:0px; padding:0px; }
.przycisk:hover, .DoKoszyka.Wybor:hover { color:#ffffff; background:#31b44a; border-left:5px solid #525252; }
.przyciskWylaczony { opacity:0.6; filter:alpha(opacity=60); }
.Prawy { float:right; margin-top:20px; }
.MargGoraPrawy { margin:0px 10px 10px 0px; }
.MargPrzycisk { margin-top:20px; }
.PrawyBezMargin { float:right; margin-bottom:10px; }
.Lewy { float:left; margin-top:20px; }

/* do boxu ze strony informacyjnej i modulu srodkowego - link czytaj dalej */
.StronaInfo { margin:15px 0px 10px 0px; }

/* do koszyka */
.DoKoszyka:not(.Wybor) { text-align:center;  float:left; text-transform:uppercase; cursor:pointer; margin-top:4px; overflow:hidden; display:inline-block; padding:7px 10px 7px 40px; background:url('../obrazki/przyciski/tlo_przycisku_koszyka.png') #525252 no-repeat left center; border:0px; color:#ffffff; font-weight:bold;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px;
  transition: all 0.20s ease-in-out;
  -moz-transition: all 0.20s ease-in-out;
  -webkit-transition: all 0.20s ease-in-out;
  -o-transition: all 0.20s ease-in-out;
}
.DoKoszyka:hover { padding:7px 40px 7px 10px; background:url('../obrazki/przyciski/tlo_przycisku_koszyka.png') #525252 no-repeat right center; }

/* wyglad ceny */
.Cena { color:#525252; font-size:160%;  font-weight:normal; display:block; white-space:nowrap; }
.CenaPromocyjna { color:#31b44a; font-size:160%;  font-weight:normal; display:block; white-space:nowrap; }
.Cena .Brutto, .CenaPromocyjna .Brutto { font-style: normal; font-size:14px; display:block; white-space:nowrap; }
.Cena .Netto, .CenaPromocyjna .Netto { font-style: normal; font-size:12px; display:block; color:#929090; white-space:nowrap; }
.Cena small, .CenaPromocyjna small { white-space:nowrap; }
.CenaPromocyjna .CenaPoprzednia { color:#929090; font-size:80%; text-decoration:line-through; font-weight:normal; display:block; font-style:normal; white-space:nowrap; }
.BrakCeny { color:#ff0000; font-weight:normal; display:block; }
.CenaDlaZalogowanych { color:#ff0000; font-weight:normal; display:block; }
.JmCena { font-style:normal; font-size:14px; font-weight:normal; }

/* nawigacja breadcrumb */
@media only screen and (max-width:800px) {
  #Nawigacja { line-height:2; }
}
#Nawigacja { margin:5px 0px 10px 0px; padding:10px 0px 8px 0px; }
#Nawigacja > span { display:inline-block; background:url('../obrazki/szablon/separator_nawigacja.png') no-repeat right center; padding:2px 25px 2px 5px }
#Nawigacja > span:first-child a { background:url('../obrazki/szablon/domek_nawigacja.png') no-repeat left center; padding:4px 0px 0px 30px; margin-left:-5px; }
#Nawigacja > span:last-child { background:none; }
#Nawigacja span.Nawigacja { display:none; }
#Nawigacja span.Nawigacja:last-child { color:#31b44a; display:inline-block; }
.NawigacjaLink { color:#7a7a7a; }
.NawigacjaLink:hover { color:#31b44a; }

/* preloader strony */
#Preload { display:none; position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:99999; background:#ffffff; opacity:0.5; filter:alpha(opacity=50); }
#StatusTlo { display:none; position:absolute; left:50%; top:50%; background:#ffffff; margin:-64px 0 0 -64px; }
#IkonaLoader { background:url('../obrazki/nawigacja/loader_strony.gif') no-repeat center center; width:128px; height:128px; }

/* wyskakujace okienko z komunikatami */
#PopUpInfo { font-size:110%; background:url('../obrazki/oknoPop/info.png') no-repeat left center; padding:10px 10px 10px 45px; margin:0px 10px 0px 10px; max-width:500px; text-align:center; }
#PopUpInfo h3 { text-align:center; margin:5px; font-weight:bold; }
#PopUpDodaj { font-size:110%; background:url('../obrazki/oknoPop/dodaj.png') no-repeat left center; padding:10px 10px 10px 55px; margin:0px 20px 0px 20px; text-align:center; }
#PopUpDodaj h3 { text-align:center; margin:5px; font-weight:bold; }
#PopUpUsun { font-size:110%; background:url('../obrazki/oknoPop/kasuj.png') no-repeat left center; padding:10px 10px 10px 55px; margin:0px 20px 0px 20px; text-align:center; }
#PopUpUsun h3 { text-align:center; margin:5px; font-weight:bold; }
#PopUpPrzyciski { text-align:center; }
@media only screen and (max-width:799px) {
  #PopUpPrzyciski { max-width:200px; margin:0px auto; margin-top:15px; }
}
@media only screen and (min-width:800px) {
  #PopUpPrzyciski { margin:20px 0px 0px 0px; white-space:nowrap; min-width:300px; }
  #PopUpDodaj, #PopUpUsun { white-space:nowrap; }
}
#PopUpPrzyciski a, #PopUpPrzyciski span { display:inline-block; margin:7px 10px 7px 10px; }

/* lista produktow w oknie popup po dodaniu do koszyka */
@media only screen and (max-width:799px) {
  .ProduktyPopUp { max-height:0; height:0; opacity:0; visibility:hidden; position:absolute; top:-20000px; left:-20000px; }
}
@media only screen and (min-width:800px) {
  .ProduktyPopUp .TabelaTbl { width:700px; display:flex; justify-content:flex-start; align-content:flex-start; align-items:stretch; border:0; margin:0 auto; padding:0 40px 0 40px; }
  .ProduktyPopUp .ProduktPopUpRamka { padding:10px; height:100%; text-align:center; background-clip:content-box; box-sizing:border-box; display:flex; flex-direction:column; }
}
.ProduktyPopUp strong { color:#31b44a; display:block; margin:10px 10px 5px 10px; font-size:140%; text-align:center; }
.ProduktPopUp h3 { margin:0px 0px 5px 0px; }
.ProduktPopUp .Zakup { display:inline-block; margin:0px auto; margin-top:10px; }
.ProduktPopUp .Zakup .IloscProduktu { display:none; }
.ProduktPopUp .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.ProduktPopUp .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 15px 5px 0px; }

/* wysuwane zakladki */
#wysZakladki { position:fixed; display:block; left:0; }
/* facebook */
#fb { width:304px; background:#ffffff; padding:0px; position:fixed; }
#fb_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/fb.png') no-repeat; }
#ramkaFb { border:2px solid #0070cf; font-size:0px; }
/* gg */
#gg { width:230px; background:#dadada; padding:0px; position:fixed; }
#gg_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/gg.png') no-repeat; }
#ramkaGg { border:2px solid #c1c1c1; font-size:0px; }
/* nasza klasa */
#nk { width:304px; background:#21537f; padding:0px; position:fixed; }
#nk_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/nk.png') no-repeat; }
#ramkaNk { border:2px solid #21537f; }
/* youtube */
#yt { width:304px; background:#1f1f1f; padding:0px; position:fixed; }
#yt_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/youtube.png') no-repeat; }
#ramkaYt { border:2px solid #1f1f1f; padding:5px; }
/* google plus */
#gp { width:330px !important; background:#fff; padding:0px; position:fixed; }
#gp_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/google.png') no-repeat; }
#ramkaGp { border-bottom:2px solid #004f95; border-right:2px solid #004f95; }
/* twitter */
#tw { width:304px; background:#60b9dd; padding:0px; position:fixed; }
#tw_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/twitter.png') no-repeat; }
#ramkaTw { border:2px solid #60b9dd; }
/* instagram */
#in { width:240px; background:#ffffff; padding:0px; position:fixed; }
#in_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/instagram.png') no-repeat; }
#ramkaIn { border:2px solid #9d6b53; padding:5px 0px 0px 5px; }
/* pinterest */
#pinte { width:330px; background:#ffffff; padding:0px; position:fixed; }
#pinte_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/pinterest.png') no-repeat; }
#ramkaPinte { border:2px solid #e60023; width:326px; }
#ramkaPinte span { -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -khtml-border-radius:0px; }
/* allegro */
#allegro { width:504px; background:#ffffff; padding:0px; position:fixed; }
#allegro_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/allegro.png') no-repeat; }
#ramkaAg { border:2px solid #ff5602; width:500px; }
#ramkaAg strong { background:#ff5602; padding:4px 8px 4px 8px; color:#ffffff; display:block; font-size:110%; }
#ramkaAg strong a { color:#ffffff; font-weight:bold; }
#ramkaAg .komentarz { padding:8px; }
#ramkaAg .komentarz:nth-child(odd) { background:#f4f4f4; }
#ramkaAg span { display:inline-block; margin:0px 3px 0px 3px; }
#ramkaAg a { color:#0083ff; }
#ramkaAg .opisKomentarza { margin:8px 0px 0px 0px; }
#ramkaAg .pozytywny { padding-right:25px; font-weight:bold; color:#009b00; }
/* allegro opinie */
#allegro_opinie { width:444px; background:#ffffff; padding:0px; position:fixed; }
#allegro_opinie_ikona { position:absolute; width:45px; height:45px; background:url('../obrazki/zakladki/allegro.png') no-repeat; }
#ramkaAgOpinie { border:2px solid #ff5602; width:440px; }
#ramkaAgOpinie .NaglowekOpinieAllegro { line-height:1.3; margin:15px 15px 25px 15px; background:#3ec43d; padding:5px; text-align:center; color:#ffffff; font-size:130%; }
#ramkaAgOpinie .OcenyAllegro { margin:5px 15px 5px 15px; font-size:120%; line-height:22px; }
#ramkaAgOpinie .OcenyAllegro div:nth-child(1) { float:left; width:220px; margin-left:5px; }
#ramkaAgOpinie .OcenyAllegro div:nth-child(2) { float:left; width:100px; text-align:center; }
#ramkaAgOpinie .OcenyAllegro div:nth-child(3) { float:right; text-align:right; margin-right:5px; }
#ramkaAgOpinie .SredniaOcenAllegro { margin:25px 5px 15px 5px; text-align:center; font-size:150%; }
#ramkaAgOpinie .ListaAukcjiAllegro { margin:15px 5px 15px 5px; text-align:center; }
#ramkaAgOpinie .ListaAukcjiAllegro a { background:#ff5a00; padding:10px 20px 10px 20px; font-weight:bold; color:#ffffff; display:inline-block; font-size:120%; text-transform:uppercase; }
#ramkaAgOpinie .ListaAukcjiAllegro a:hover { background:#444444; }

/* autopodpowiedzi */
#Podpowiedzi { border:1px solid #dbdbdb; margin-top:-2px; max-height:300px; background:#ffffff; overflow-y:auto; z-index:15000; }
#Podpowiedzi .zaznacz { font-weight:bold; color:#ff0000; }
#Podpowiedzi table { width:100%; }
#Podpowiedzi td { padding:8px 8px 4px 8px; border-bottom:1px solid #dbdbdb; }
#Podpowiedzi td:last-child { text-align:center; }
#Podpowiedzi td .Cena, #Podpowiedzi td .CenaPromocyjna, #Podpowiedzi td .CenaPoprzednia { font-size:100%; }
#Podpowiedzi tr:last-child td { border-bottom:0px; }
#Podpowiedzi tr:hover { background:#f3f3f3; cursor:pointer; }

/* informacja o wylaczonym cookie - nie kasowac !! */
#BrakCookie { position:fixed; left:50%; top:40%; width:460px; padding:20px; font-weight:bold; background:#ff0000; color:#ffffff; margin:0px auto; margin-left:-220px; z-index:2003; border:10px solid #f6f6f6; text-align:center; }

/* linia pozioma */
.StrTresc .LiniaPoziom { border-bottom:1px dotted #dbdbdb; }

/* wspolne linie */
.LiniaPrawa { border-right:1px dotted #dbdbdb; }
.LiniaDolna { border-bottom:1px dotted #dbdbdb; }
.LiniaDolnaBrak { border-bottom:0px !important; }
.LiniaGorna { border-top:1px dotted #dbdbdb; }
.LiniaCala { border:1px solid #dbdbdb; }
.LiniaCalaPrzerywana { border:1px dotted #dbdbdb; }
.LiniaOpisu { border-top:1px dotted #dbdbdb; border-bottom:1px dotted #dbdbdb; }

/*Custom*/

/*Slider*/
.owl-nav > button {
  background: #000 url(../obrazki/szablon/arrow.svg) no-repeat !important;
  background-size: 30% !important;
  background-position: center !important;
  width: 50px;
  height: 50px;
  transition: .35s;
}
.owl-nav > button:hover {
  opacity: .8;
}
.owl-nav > button:focus {
  outline: 0;
}
.owl-prev {
  top: calc(50% - 50px);
  position: absolute;
  left: 0;
  transform: rotate(180deg);
}
.owl-next {
  top: calc(50% - 50px);
  position: absolute;
  right: 0;
}
#bannery_animacja {
  padding-left: 0;
}
#bannery_animacja img {
  max-width:100%;
  height: calc(100vh - 169px);
  object-fit: cover;
}
.slider__content {
  display: block;
  color: #ffffff;
  top: 60%;
  left: 0;
  right: 0;
  position: absolute;
  padding: 0;
  margin-left: 0;
  height: auto;
  z-index: 2;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  text-align: center;
}
.slider__content-inner {
  width: 880px;
  background: #000;
  padding: 20px 0;
  margin: 0 auto;
}
.slider__title, .slider__subtitle {
  color: #fff;
  font-size: 72px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: normal;
  text-align: center;
  white-space: pre-line;
}
.text-shadow .slider__title, .text-shadow .slider__subtitle {
  text-shadow: 2px 2px 3px #000;
}
.slider__subtitle {
  color: #cfab2d;
  font-weight: 700;
}
.slider__desc {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.56px;
  max-width: 678px;
  text-align: center;
  margin: 45px auto 0;
  height: 80px;
  white-space: pre-line;
}
.slider__btn {
  background-color: #c29032;
  color: #fff !important;
  font-size: 13px;
  font-weight: 400;
  line-height: 29px;
  text-transform: uppercase;
  letter-spacing: 0.52px;
  outline: 2px solid #c29032;
  outline-offset: 2px;
  padding: 15px 44px;
  margin-top: 100px;
  display: inline-block;
  line-height: normal;
  transition: .35s;
}
.slider__btn:hover {
  background: #fff;
  outline: 2px solid #fff;
  color: #c29032 !important;
}
@media (max-width: 799px) {
  .slider__title, .slider__subtitle {
    font-size: 28px;
    line-height: normal;
  }
  .slider__desc {
    line-height: normal;
    height: unset;
    margin-top: 70px;
  }
  .slider__btn {
    padding: 10px 34px;
    margin-top: 30px;
  }
  .owl-prev, .owl-next {
    top: unset;
    bottom: 0;
  }
}
@media (max-width: 991px) AND (max-height: 500px) {
/*  .slider__desc {
    display: none;
  }*/
  .slider__content-inner {
    display: none;
  }
}
/*Slider*/
/*Header strony*/
#NaglowekSklepu {
  background: #fff;
}
.navigation-wrapper {
  background: #fff;
}
#GornaNawigacja {
  display: flex;
  justify-content: space-between;
  background: #fff;
  align-items: center;
}
#Koszyk {
    height: unset;
    background: none;
    padding: 5px 0;
}
#GornaNawigacja a {
    font-size: 14px;
}
#SzukanieKoszyk {
  background: #fff;
}
#Logowanie, #Schowek {
  background: none;
}
#Logowanie {
  padding-right: 0;
  border-right: 0;
}
#Schowek {
  margin-left: 0;
  padding-left: 0;
}
#Schowek a, #Koszyk a {
  padding: 5px 8px;
}
#Schowek a, #Koszyk a, #Logowanie a {
  font-weight: 500;
}
#Schowek a:hover, #Logowanie a:hover {
  padding: 5px 8px;
}
#NaglowekSklepu {
  padding: 10px 50px;
}
#InSzukaj {
  border-width: 1px 0 1px 1px;
  border-color: #f5f5f5;
  border-style: solid;
  box-sizing: border-box;
}
#ButSzukaj {
  background: #abcf38;
  padding: 5px;
  box-sizing: border-box;
}
#Wyszukiwanie a, #Wyszukiwanie div:first-child {
  float: unset;
}
#Wyszukiwanie {
   padding-right: 0;
   position: relative;
   left: 65px;
}
#Wyszukiwanie > a {
  float: right;
  text-align: right;
  width: 100%;
}
#GorneMenu {
  background: #fff;
  margin-bottom: 0;
}
.Zwiniete a, .Zwiniete span, .Rozwiniete a, .Rozwiniete span {
  color: #000 !important;
  font-weight: 500;
  font-size: 18px;
  padding: 16px 12px;
  background: none !important;
}
.Rozwiniete a:hover, .Rozwiniete span:hover {
  background: none !important;
  color: #31b44a !important;
}
.Zwiniete a.AktywnyLinkMenu, .Zwiniete span.AktywnyLinkMenu, .Rozwiniete a.AktywnyLinkMenu, .Rozwiniete span.AktywnyLinkMenu {
  color: #31b44a !important;
}
.Rozwiniete ul li {
  border-right: 0;
}
#GorneMenu ul {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
#GorneMenu ul li ul {
  background: #fff;
}
#GorneMenu ul li ul li {
  border: 1px solid #676767;
}
.Rozwiniete ul li ul li a {
  font-size: 16px;
}
.RozwinGorneMenu {
  background: #abcf38;
}
.logo-after {
  position: absolute;
  left: 0;
  z-index: 1;
}
.header-left-column .logo-header-wrapper .logo-header {
  max-width: 329px !important;
}
.logo-header-wrapper {
  position: absolute;
  top: -22px;
}
/*Header strony*/
/*Baner Slider*/
.slider__content-inner {
  width: 600px;
  background-color: #00a895;
}
.slider__title {
  font-size: 45px;
  font-weight: 700;
  text-align: left;
  padding-left: 35px;
  margin-bottom: 20px;
  text-transform: initial;
}
.slider__subtitle {
  color: #fff;
  font-weight: 300;
  font-size: 24px;
  text-align: left;
  padding-left: 35px;
  text-transform: initial;
}
.slider__btn {
  outline: none;
  background-color: #b22a6d;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 30px;
  position: relative;
  right: 176px;
  margin-top: 30px;
}
.slider__btn:hover {
  background: #00a895;
  outline: none;
  color: #fff !important;
}
.slider__btn:after {
  content: none;
}
.slider__content {
  left: 40%;
}
.owl-nav > button {
  background: url(../obrazki/szablon/arrow-next.png) 50% no-repeat !important;
}
.owl-prev {
  left: 50px;
}
.owl-next {
  right: 50px;
}
/*Baner Slider*/
/*Kategorie*/
.categories-main {
  padding: 0 160px;
  max-width: 1903px;
    box-sizing: border-box;
    margin: 0 auto;
}
.categories-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.categories-item {
  box-sizing: border-box;
  width: 25%;
  padding: 10px;
}
.categories-item:first-child {
  width: 50%;
}
.categories-item-inner {
  display: block;
  position: relative;
  overflow: hidden;
}
.categories-item-inner img {
  max-width: 100%;
  vertical-align: middle;
  transition: .35s;
}
.categories-item-inner:hover img {
  transform: scale(1.1);
}
.categories-item-inner h3 {
  position: absolute;
  color: #000;
  font-size: 48px;
  font-weight: 500;
  bottom: 16px;
  left: 24px;
  text-transform: uppercase;
  line-height: normal;
}
.categories-item:first-child h3 {
  color: #fff;
}
.categories-item:nth-child(2) h3 {
  bottom: unset;
  top: 50px;
}
.categories-item:nth-child(3) h3 {
  color: #fff;
  left: unset;
  right: 24px;
}
.categories-item:nth-child(4) h3 {
  left: unset;
  right: 24px;
}
.categories-item:nth-child(6) h3 {
  color: #fff;
}
.categories-item:nth-child(7) h3 {
  color: #fff;
  left: unset;
  right: 24px;
  bottom: unset;
  top: 50px;
}
/*Kategorie*/
/*Moduly*/
#AnimacjaPrzewijanaKontener {
  margin-bottom: 0 !important;
}
.homepage #SrodekKolumna {
  margin-top: 40px;
}
.StrNaglowek {
  color: #000;
  margin-bottom: 30px;
  margin-top: 20px;
}
.StrNaglowek, .StrNaglowek a {
  color: #000;
  font-size: 36px;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}
.StrNaglowek span { background: none; padding: 0; display:inline-block; }
.StrNaglowek a:hover {
  color: #db202f;
}
.StrTresc {
  border: 0;
  background: #fff;
}
.StrTresc img {
  vertical-align: middle;
}
.ProduktProsty {
  border: 0 !important;
}
.ProduktProsty h3 {
	height: 100px;
  box-sizing: border-box;
}
.ProduktProsty h3 a {
  font-size: 24px;
  line-height: normal;
  color: #000;
}
.ProduktProsty h3 a:hover {
	color: #31b44a;
}
.CenaPromocyjna {
  display: flex;
    justify-content: space-around;
    color: #db202f;
    font-size: 24px;
    font-weight: 700;
}
.CenaPromocyjna .CenaPoprzednia {
  order: 2;
  font-size: 18px;
  font-weight: 400;
  color: #555;
}
.DoKoszyka {
  background: #b22a6d;
  border-radius: 0;
  padding: 8px 20px;
  text-transform: inherit;
  font-size: 16px;
  font-weight: 400;
}
.DoKoszyka:not(.Wybor):hover {
  background: #00a895;
  padding: 8px 20px;
}
.Ikona b {
  font-size: 18px;
  font-weight: 400;
  border-radius: 0;
  padding: 2px 7px;
}
.IkonaNowosc b {
  background: #11adc4;
}
.ProduktProsty .Zakup .InputIlosc {
  width: 35px !important;
  height: 35px;
  box-sizing: border-box;
  border-radius: 3px;
}
.ProduktProsty .Zakup em {
  color: #696969;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin-left: 2px !important;
}
.ProduktProsty .Zobacz strong {
  margin: 0 !important;
}
.Cena {
  color: #31b44a;
font-size: 30px;
font-weight: 700;
}
.ProduktProsty .Zakup {
	margin: 0 !important;
	margin-left: 60px !important;
}
.BanneryStatyczne {
  margin: 0 !important;
  transition: .35s;
}
.BanneryStatyczne:hover {
  filter: brightness(1.05);
}
.baner-static {
  padding: 0;
  margin-top: 50px;
  margin-bottom: 50px;
}
.nowosci-module {
  margin-bottom: 0;
  padding-bottom: 50px;
}
/*Moduly*/
/*Aktualnosci*/
.news-main {
  background: url(../obrazki/szablon/bg_news.jpg);
  margin-bottom: 0;
  padding-bottom: 30px;
  padding-top: 40px;
}
.news-main .StrNaglowek {
  color: #fff;
}
.news-main .StrNaglowek span:first-letter {
  color: #fff;
}
.news-main .AktProsta h2 {
  height: 60px;
}
.news-main .AktProsta h2 a {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  color: #000;
}
.news-main .AktProsta h2 a:hover {
  color: #db202f;
}
.news-main .AktProsta .DataDodania {
  background: none;
  padding-left: 0;
}
.news-main .AktProsta .DaneAktualnosci em {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}
.news-main .AktProsta {
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  border-right: 0;
  padding: 10px 25px;
  text-align: justify;
}
.news-main .przycisk {
  background: none;
  border-left: 0;
  font-size: 16px;
  font-weight: 400;
  padding-left: 0;
  text-transform: lowercase;
  position: absolute;
  bottom: -50px;
}
.news-main > .cl {
  height: 60px;
}
.news-main .przycisk:hover {
  color: #000;
  background: none;
}
.news-main p, .news-main div {
  font-size: 16px;
}
/*Aktualnosci*/
/*Własne moduły*/
.own-text {
  padding: 60px 30px;
}
.own-text table {
  border: 0;
}
.own-text td {
  border: 0;
  letter-spacing: .18px;
  text-transform: uppercase;
  text-align: center;
  width: 33.33%;
  box-sizing: border-box;
  border-right: 1px solid #e8e8e8;
  color: #000;
  font-size: 14px;
}
.own-text td:last-child {
  border-right: 0;
}
.own-text tr {
  display: flex;
  flex-wrap: wrap;
}
.own-text h4 {
  font-size: 23px;
  letter-spacing: .24px;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 5px;
}
/*Własne moduły*/
/*Newsletter*/
.newsletter-wrapper {
    width: 100%;
}
.newsletter-wrapper .ModulNewsletter {
  background: url(../obrazki/szablon/newsletter-bg.png) 115px 0 no-repeat #abcf38;
  padding: 0;
  display: block;
}
.newsletter-wrapper .ModulNewsletter strong {
  color:#ffffff;
  padding: 10px 120px 10px 50px;
  text-transform:uppercase;
  font-size: 36px;
  background: none;
  font-weight: 400;
}
@media(min-width: 1024px) {
  .newsletter-wrapper .ModulNewsletter strong {
    position: relative;
    bottom: 25px;
  }
}
.ModulNewsletter span:first-child {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  color: #000;
}
.ModulNewsletter input[type="button"], .ModulNewsletter input[type="submit"] {
  background: #000;
}
#emailNewsletterModul {
  max-width: 330px;
}
.ModulNewsletter small {
    font-size: 15px;
    color: #fff;
}
/*Newsletter*/
/*Ogólne*/
.Listing .Wiersz .Zakup {
  display: flex;
  flex-wrap: wrap;
}
body {
  font-size: 18px;
}
.Strona {
  position: relative;
  overflow: visible;
}
.ListaOpisy {
  }
@media(max-width: 1023px) {
  .Listing .Wiersz .ProdCena {
    margin-left: 0 !important;
  }
}
#ZakladkiProduktu #TresciZakladek {
  font-size: 18px;
}
.cmxform input[type="checkbox"] {
  -ms-appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 13px;
  height: 13px !important;
  border: 1px solid #000 !important;
  background: #fff;
  position: relative;
  margin-bottom: 0;
}
.cmxform input[type="checkbox"]:checked:after {
    content: "✓";
    width: 13px;
    height: 13px;
    position: absolute;
    bottom: 0;
    left: 1px;
    font-size: 11px;
    font-weight: 700;
}
.przycisk, .cmxform .przycisk, .cmxform .przyciskWylaczony {
  border-radius: 0;
  border: 0;
  background: #31b44a;
  text-transform: inherit;
  font-weight: 400;
  font-size: 14px;
  padding: 9px 20px;
}
.przycisk:hover, .cmxform .przycisk:hover {
  background: #00a895;
  border-left: 0;
}
.Przyciski #PrzyciskKupowania .DoKoszykaKartaProduktu {
    background: #31b44a;
    border-radius: 0;
    padding: 8px 20px;
    text-transform: inherit;
    font-size: 16px;
    font-weight: 400;
}
.Przyciski #PrzyciskKupowania .DoKoszykaKartaProduktu:hover {
  background: #11adc4;
  padding: 8px 20px;
}
#Podpowiedzi .CenaPoprzednia {
  margin-left: 5px;
}
#formularzKlienta.cmxform input[type="text"]:not(#weryfikacja), #formularzKlienta.cmxform textarea, #formularzKlienta .checkboxOpis {
  width: 92% !important;
}
form img {
  margin: 0 !important;
}
.StrTresc.kontakt-form {
  font-size: 20px;
}
.IkonkiProduktu {
	left: unset;
	top: 20px;
    right: 20px;
}
#GorneMenu.fixed {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    border-bottom: 1px solid #000;
}
#GorneMenu.fixed > ul {
	justify-content: center;
}
.inne-strony {
  padding: 60px 0;
}
.inne-strony table {
  border: 0;
}
.inne-strony tr {
  display: flex;
  border: 0;
}
.inne-strony td {
  width: 33.33%;
  overflow: hidden;
  border: 0;
  position: relative;
  height: 360px;
  box-sizing: border-box;
}
.inne-strony td a:not(:first-child) {
  position: absolute;
  bottom: 90px;
  right: 20px;
  width: 254px;
  text-align: center;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}
.inne-strony td:first-child a {
  color: #000;
}
.inne-strony td:first-child img:nth-child(3) {
    position: absolute;
    right: 20px;
    top: 80px;
}
.inne-strony td:nth-child(2) a:not(:first-child) {
  width: 287px;
}
.inne-strony td:nth-child(2) img:nth-child(3) {
  position: absolute;
   right: 94px;
}
.inne-strony td:nth-child(3) a:not(:first-child) {
  width: 287px;
}
.inne-strony td:nth-child(3) img:nth-child(3) {
  position: absolute;
  right: 107px;
}
.inne-strony td:nth-child(2) {
  padding-left: 15px;
}
.inne-strony td:nth-child(3) {
  padding-left: 15px;
}
.inne-strony td img:nth-child(3) {
  pointer-events: none;
}
.inne-strony td a:first-child {
  width: 100%;
  display: block;
  position: absolute;
}
.inne-strony img:first-child {
  width: 100%;
}
.inne-strony img {
  max-width: 100%;
}
.ProduktProsty .AnimacjaZobacz {
  background: #f1f2f6 !important;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.22);
}
/*Ogólne*/
/*Fixy - nie kopiować*/
#DodatkoweZdjecia {
	display: flex;
	flex-wrap: wrap;
}
.ListingFiltry {
  display: none;
}
.Listing .Okno {
  height: 520px !important;
}
.Listing .Wiersz {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
.header-middle-column .dane-kontaktowe-kontakt {
	display: flex;
    flex-direction: column;
    position: relative;
    left: 20px;
}
@media(min-width: 1280px) {
  .header-middle-column {
    align-self: flex-start;
    margin-left: 27px;
  }
}
.header-middle-column .dane-kontaktowe-kontakt a {
	font-size: 24px !important;
}
#InSzukaj {
	max-width: 250px;
}
.formularz-container img {
	min-width: 100%;
	max-height: 360px;
    object-fit: cover;
}
.formularz-container h4 span {
	font-weight: 400;
	line-height: 1.6;
}
.polecane-okna .ProduktProsty {
	height: unset !important;
}
.cena-wrapper {
	display: flex;
	justify-content: center;
}
.bg-gray {
	background: #f1f2f6;
}
.polecane-okna {
  padding-top: 20px;
}
.polecane-okna .AnimacjaZobacz {
  background: #fff;
  max-width: 500px;
    margin: 0 auto;
    padding-bottom: 30px;
}
.polecane-okna .ProduktProsty .Zdjecie {
  padding: 0;
}
.polecane-okna .ProduktProsty {
  padding-bottom: 40px;
}
.BanneryStatyczne {
  position: relative;
  padding: 60px 0;
}
.baner-static {
  position: absolute;
  top: 60px;
  right: 50px;
  pointer-events: none;
}
.baner-static div:nth-child(1) {
  margin: 50px 0;
  text-align: center;
  color: #000;
}
.baner-static div:nth-child(2) {
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #000;
}
.gradient-bg {
  background: url(../obrazki/szablon/news-bg.jpg);
}
.red-bg {
  background: #abcf38;
}
.dane-kontaktowe-img {
	margin-left: 30px;
}
.dane-kontaktowe-img img {
  max-width: 189px;
  max-height: 189px;
  object-fit: contain;
}
.dane-kontaktowe-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.dane-kontaktowe-social-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-right: 20px;
}
.dane-kontaktowe-social-wrapper a {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1px solid rgba(0,140,198,0.4);
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-right: 14px;
}
.dane-kontaktowe-social-wrapper a:hover {
  background: #eee;
}
.dane-kontaktowe-kontakt a {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.dane-kontaktowe-kontakt a:hover {
  color: #31b44a;
}
.dane-kontaktowe-kontakt img {
  margin-right: 15px;
  margin-top: 15px;
  position: relative;
  top: 5px;
}
.social-wrapper {
  display: flex;
  margin-top: 40px;
}
.social-wrapper a {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid #00a3d8;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-right: 12px;
  transition: .35s;
}
.social-wrapper a:hover {
  background: #000;
}
.Producent > div {
	height: 170px !important;
}
.Producent > div img {
	object-fit: cover;
}
.Producent > h3 {
	text-transform: uppercase;
}
.TrescAktualnosci img {
	width: 100%;
    margin: 15px 0 !important;
    max-height: 200px;
    object-fit: cover;
}
.TrescAktualnosci {
  display: block;
  align-items: center;
}
.TrescAktualnosci > div {
  flex: 1;
}
.TrescAktualnosci .przycisk.MargPrzycisk {
  float: right;
}
.news-photo {
    margin-bottom: 25px;
}
.news-photo img {
	display:none;
}
.Listing .Podkategorie strong {
	display: none !important;
}
h1.StrNaglowek {
  margin-top: 40px;
}
h1.StrNaglowek, h1.StrNaglowek a {
	font-size: 32px;
	font-weight: 700;
	color: #31b44a;
}
.Wiersz .Foto img {
	max-width: 470px;
	object-fit: cover;
}
/*Fixy - nie kopiować*/
/*Stopka*/
.subpage #Stopka {
	border-top: 2px solid #000;
}
footer {
  background: #fff;
  margin-bottom: 0 !important;
  padding-top: 40px;
}
.logo-footer img {
  max-width: 260px;
  object-fit: contain;
}
.stopka1 > strong, .stopka2 > strong {
  display: none;
}
.stopka1 a {
  display: block;
}
.social-wrapper {
  display: flex;
  margin-top: 40px;
}
.social-wrapper a {
  width: 48px;
  height: 48px;
   border-radius: 50%;
  border: 1px solid #d5d9df;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  margin-right: 12px;
  transition: .35s;
}
.social-wrapper a:hover {
  background: #f5f5f5;;
}
.footer-contact {
  display: flex;
  flex-direction: column;
}
.footer-contact a {
  font-weight: 500;
}
.footer-contact img {
  margin-right: 10px;
  vertical-align: middle;
}
.footer-contact a {
  margin-top: 10px;
}
.KolumnaStopki > strong {
  border-bottom: 0;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
}
footer a {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  color: #000;
}
.Copy {
  background: #fff;
}
.Copy a {
  color: #000;
}
.Copy a:hover {
  color: #db202f;
}
/*Stopka*/

/*Podstrony*/
#Nawigacja {
  /*margin-top: 95px;*/
  margin-left: 438px;
  font-size: 15px;
  border-top: 1px solid #acacac;
}
.formularz-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.formularz-wrapper > div, .formularz-wrapper > form {
  width: 50%;
}
.opis-formularza {
  order: 2;
  margin-top: 25px;
}
.subpage .StrTresc img {
  margin: 0 20px 20px;
}
.subpage .StrTresc ul {
  margin-top: 0;
}
.BoxKontakt .Godziny b {
  margin-bottom: 25px;
}
/*Podstrony*/
#Wyszukiwanie > a {
  display: none;
}
.subpage #LewaKolumna {
  margin-top: 40px;
}
.LinkPDF {
  display: none !important;
}
#NaglowekSklepu.fixedPadding {
  padding-top: 65px;
}
/*Media sizes*/
@media(max-width: 1699px) {
  .categories-main {
    width: 1200px;
    padding: 0;
  }
}
@media(max-width: 1279px) {
  #GornaNawigacja {
    flex-flow: column;
  }
  .header-right-column {
    padding: 30px 0;
  }
  .categories-main {
    width: 980px;
  }
  .categories-item-inner h3 {
    font-size: 32px;
  }
  .ProduktProsty h3 {
    height: unset;
  }
}
@media(max-width: 1500px) {
   .inne-strony td a:not(:first-child) {
      font-size: 17px;
      top: 56%;
  }
}
@media(max-width: 1300px) {
  .inne-strony tr {
    flex-wrap: wrap;
    max-width: 700px;
    margin: 0 auto;
  }
  .inne-strony td {
    width: 100%;
    padding: 0 !important;
  }
}
@media(max-width: 1279px) {
  #Nawigacja {
    margin-left: 0;
  }
  .logo-header-wrapper {
    position: initial;
  }
}
@media(max-width: 1023px) {
  .KolumnaStopki:first-child div, .KolumnaStopki:nth-child(2) div {
    display: block;
  }
  #NaglowekSklepu {
    padding-top: 60px;
  }
    .KolumnaStopki:nth-child(2) .footer-contact, .KolumnaStopki:nth-child(2) .social-wrapper {
    display: flex !important;
    justify-content: center;
    text-align: center;
  }
  .formularz-wrapper > div, .formularz-wrapper > form {
    width: 100%;
  }
  .opis-formularza {
    order: 0;
    margin-bottom: 30px;
  }
	.formularz-container h4 span {
		font-size: 18px !important;
	}
	.StrNaglowek, .StrNaglowek a, .StrNaglowek span {
		font-size: 24px !important;
	}
	.dane-kontaktowe-img {
		margin-left: 0;
	}
	.MenuLinkKategorie {
		position: relative;
		left: 20px;
	}
  .cmxform input[type="text"], .cmxform textarea, .checkboxOpis {
    width: 90% !important;
  }
  .cmxform input[name="ilosc"] {
    width: 40px !important;
    text-align: center;
  }
  #GorneMenu ul {
    flex-flow: column;
    width: 100%;
  }
  .categories-main {
      width: 100%;
  }
  .categories-item-inner h3 {
    font-size: 26px;
  }
  .own-text {
    margin-bottom: 30px;
  }
  .own-text td {
    width: 100%;
    border-right: 0;
  }
  .own-text td:nth-child(2) {
    padding: 20px 0;
  }
  .newsletter-wrapper {
    position: initial;
  }
  /*Fix dla zwijania stopki, prevent height scalling*/
  footer {
    padding-top: 30px;
  }
  footer img {
    max-width: 100%;
  }
  .stopka1 {
    width: 100%;
  }
  #GorneMenu {
  	position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    left: 0;
    box-sizing: border-box;
  }
  .news-main .przycisk {
  	position: initial;
  }
  .news-main > .cl {
  	height: 0;
  }
  .baner-static div:nth-child(1) {
  	margin: 20px 0;
  }
  .baner-static div:nth-child(2) {
  	font-size: 22px;
  }
  #GorneMenu ul li {
  	text-align: center;
  }
  #GorneMenu .IkonaSubMenu {
  	margin: 17px 10px 0px 0px;
    filter: brightness(0);
    transform: scale(0.75);
  }
  #Nawigacja {
  	margin-top: 0;
    margin-left: 0;
  	padding-left: 10px;
  	padding-right: 10px;
  }
}
@media(max-width: 799px) {
  .inne-strony td {
    height: 320px;
  }
  .header-right-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .dane-kontaktowe-kontakt a {
    font-size: 14px;
  }
  .Przyciski  input {
    max-width: 50% !important;
  }
  .Wiersz .Foto img {
    max-width: 100%;
  }
  .news-main .AktProsta h2 {
    height: unset;
  }
  .ProduktProsty h3 {
    height: unset;
  }
  h1.StrNaglowek {
    padding: 0 10px;
  }
  #PopUpDodaj {
    font-size: 16px;
  }
  #PopUpInfo { font-size:90%; background: none !important; padding: 10px !important; margin:0 !important; max-width:500px; }
  #GornaNawigacja a {
    font-size: 16px;
  }
  .header-middle-column .dane-kontaktowe-kontakt {
    left: 0;
  }
  .Listing .Okno {
    height: unset !important;
  }
	#Wyszukiwanie {
	   left: 0;
	}
	.formularz-container iframe {
		height: 350px;
	}
	#formularzKlienta.cmxform input[type="text"]:not(#weryfikacja), #formularzKlienta.cmxform textarea, #formularzKlienta .checkboxOpis {
	  width: 92% !important;
	}
	.ModulNewsletter #emailNewsletterModul {
		margin: 10px auto !important;
	}
  .baner-static div:nth-child(1) img {
  	max-width: 200px;
  	object-fit: contain;
  }
  .baner-static {
  	top: 0;
  	right: 0;
  }
  .baner-static div:nth-child(2) {
  	display: none;
  }
  .box-kontakt {
    display: none;
  }
  .strona-main {
    display: flex;
    flex-flow: column;
  }
  #LewaKolumna {
    order: 2;
  }
  .categories-item {
    width: 50%;
  }
  .categories-item-inner img {
    height: 100%;
    object-fit: cover;
  }
  #InSzukaj {
    width: 200px;
    font-size: 16px;
  }
  #Koszyk {
    text-align: right;
  }
  #Logowanie, #Koszyk, #Schowek {
    position: relative;
    z-index: 9;
  }
  #Koszyk, #Schowek {
    z-index: 10;
  }
  #NaglowekSklepu {
    padding: 10px 15px;
  }
  #Logowanie {
    text-align: right;
  }
  .slider__content {
    right: 0;
  }
  .slider__title {
    font-size: 32px;
    padding: 0 20px;
  }
  .slider__subtitle {
    font-size: 20px;
    padding: 0 20px;
  }
  .slider__btn {
    right: 10px;
  }
  .slider__content-inner {
    width: 100%;
  }
  .owl-prev {
    left: 10px;
    bottom: 10px;
  }
  .owl-next {
    right: 10px;
    bottom: 10px;
  }
	.slider__content {
		left: unset;
		top: 76%;
	}
	.slider__btn {
		display: none;
	}
	.cena-wrapper {
		flex-direction: column;
	}
  .subpage .StrTresc img {
    margin: 20px 0;
  }
  .dane-kontaktowe-img {
    text-align: center;
  }
  .StrTresc ul {
    padding-left: 12px;
  }
  p {
    font-size: 16px;
  }
}
@media(max-width: 479px) {
  .logo-header {
    max-width: 300px;
  }
  .inne-strony td img:nth-child(3) {
      right: 15px !important;
      max-width: 70px !important;
  }
  .inne-strony td:first-child img:nth-child(3) {
      max-width: 125px !important;
  }
  .inne-strony td a:not(:first-child) {
    text-align: right;
  }
	 .baner-static {
	  	top: -20px;
	  }
    .inne-strony td {
      height: 230px;
    }
	#NaglowekSklepu {
		padding: 0;
    padding-top: 50px;
	}
  .categories-item-inner img {
    height: 150px;
  }
  .header-middle-column img {
    max-width: 100%;
  }
  .categories-item-inner h3 {
    font-size: 20px;
    bottom: 10px !important;
    left: 10px !important;
    top: unset !important;
    right: unset !important;
  }
  .categories-item:nth-child(7) h3 {
    bottom: unset !important;
    top: 30px !important;
  }
  .baner-static img {
    height: 150px !important;
    object-fit: cover;
  }
  #Koszyk {
    float: right;
  }
}
/*Media sizes*/

iframe, video, object { border:0px; max-width:100%; }
img { border:0px; max-width:100%; height:auto !important; }
input:focus, select:focus, textarea:focus, button:focus { outline-width:0; outline:none; }
div.error { display:none; background-color:#fff3f3; border:0; color:#e60c54; padding:15px; margin:1em 0 .5em; position:relative; text-align:center; font-size:14px; font-weight:400; line-height:21px; pointer-events:none; }
div.error::before { display:block; content:''; background:url('../obrazki/formularz/blad.png') no-repeat 50% transparent; width:21px; height:21px; float:left; }
div.error::after { display:block; content:''; background:url('../obrazki/nawigacja/kasuj.png') no-repeat 50% transparent; width:21px; height:21px; float:right; cursor:pointer; pointer-events:all; }
div.error span { display:inline-block; }
.StronaInfoRozwiniecie { overflow:hidden; max-height:0px; }
.StronaInfoRozwiniecieTresc { padding-top:20px; }
.StronaInfoRozwiniecie.Rozwinieta { overflow:visible; max-height:5000px; }
.cmxform em.required.checkreq { position:absolute; left:22px; top:0; width:5px; height:5px; display:inline-block; background:transparent url('../obrazki/formularz/blad.png') center center no-repeat; }
.cmxform div.DodatkowePolaKlientow { margin-bottom:20px; }
.cmxform label input[type=checkbox] { position:absolute; left:0; top:0; }
.cmxform label input[type=radio] { position:absolute; left:0; top:0; }

.ProduktyPopUpAnimowany .slick-prev { left:0px; }
.ProduktyPopUpAnimowany .slick-next { right:0px; }
.ProduktyPopUpAnimowany .slick-prev::before, .ProduktyPopUp .slick-next::before { color:#000000; font-size:40px; }
.ProduktPopUp .Foto { padding-bottom:10px; }

.header-left-column img {}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
input[type=number] { -moz-appearance:textfield; margin:0; max-width:50px; }

.message {background:#fff}


.jBox-container {
    background: #fff;padding:6px;}
	
	
.FormatEdytor ol, .FormatEdytor ul { padding:0; margin:20px 0 20px 0; list-style-position:inside; }
.FormatEdytor ul { list-style-type:disc; }
.FormatEdytor ol { list-style-type:decimal; }
.FormatEdytor h1, .FormatEdytor h2, .FormatEdytor h3, .FormatEdytor h4, .FormatEdytor h5, .FormatEdytor h6 { font-weight:normal; line-height:normal; padding:0; margin:0 0 20px 0; }
.FormatEdytor p { margin:10px 0 10px 0; }
.FormatEdytor h1 { font-size:32px; }
.FormatEdytor h2 { font-size:24px; }
.FormatEdytor h3 { font-size:20px; }
.FormatEdytor h4 { font-size:16px; }
.FormatEdytor h5 { font-size:12px; }
.FormatEdytor h6 { font-size:11px; }
.FormatEdytor table { border-collapse:collapse; border-spacing:0; margin:0; font-weight:normal; max-width:100%; }
	
.FormatEdytor li h1, .FormatEdytor li h2, .FormatEdytor li h3, .FormatEdytor li h4, .FormatEdytor li h5, .FormatEdytor li h6, .FormatEdytor li p, .FormatEdytor li div { margin:0; display:inline-block; font-weight:normal; line-height:normal; }
.InfoCena30dni { font-size:11px; display:block; font-weight:normal; padding-top:5px; opacity:0.8; }

	
.EdytorKolumny { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:15px; }
@media only screen and (max-width:1023px) {
  .EdytorKolumny { flex-wrap:wrap; }
}
.WyrownanieGora { align-items:flex-start; }
.WyrownanieSrodek { align-items:center; }
.WyrownanieDol { align-items:flex-end; }
.EdytorKolumna-20 { width:20%; }
.EdytorKolumna-25 { width:25%; }
.EdytorKolumna-33 { width:33.333%; }
.EdytorKolumna-50 { width:50%; }
.EdytorKolumna-66 { width:66.666%; }
.EdytorKolumna-75 { width:75%; }
.EdytorKolumna-100 { width:100%; }
.EdytorKolumny-2 .EdytorKolumna-1 { margin-right:5px; }
.EdytorKolumny-2 .EdytorKolumna-2 { margin-left:5px; }
@media only screen and (max-width:1023px) {
  .EdytorKolumny-2 .EdytorKolumna { margin:0 0 10px 0; width:100%; }
}
.EdytorKolumny-3 .EdytorKolumna-1 { margin-right:5px; }
.EdytorKolumny-3 .EdytorKolumna-2 { margin:0 5px 0 5px; }
.EdytorKolumny-3 .EdytorKolumna-3 { margin-left:5px; }
@media only screen and (max-width:1023px) {
  .EdytorKolumny-3 .EdytorKolumna { margin:0 0 10px 0; width:100%; }
}
.EdytorKolumny-4 .EdytorKolumna-1 { margin-right:5px; }
.EdytorKolumny-4 .EdytorKolumna-2 { margin:0 5px 0 5px; }
.EdytorKolumny-4 .EdytorKolumna-3 { margin:0 5px 0 5px; }
.EdytorKolumny-4 .EdytorKolumna-4 { margin-left:5px; }
@media only screen and (min-width:480px) and (max-width:1023px) {
  .EdytorKolumny-4 .EdytorKolumna-1, .EdytorKolumny-4 .EdytorKolumna-3 { width:calc(50% - 5px); margin:0 5px 10px 0; }
  .EdytorKolumny-4 .EdytorKolumna-2, .EdytorKolumny-4 .EdytorKolumna-4 { width:calc(50% - 5px); margin:0 0 10px 5px; }
}
@media only screen and (max-width:479px) {
  .EdytorKolumny-4 .EdytorKolumna { margin:0 0 10px 0; width:100%; }
}
.EdytorKolumny-5 .EdytorKolumna-1 { margin-right:5px; }
.EdytorKolumny-5 .EdytorKolumna-2 { margin:0 5px 0 5px; }
.EdytorKolumny-5 .EdytorKolumna-3 { margin:0 5px 0 5px; }
.EdytorKolumny-5 .EdytorKolumna-4 { margin:0 5px 0 5px; }
.EdytorKolumny-5 .EdytorKolumna-5 { margin-left:5px; }
@media only screen and (min-width:480px) and (max-width:1023px) {
  .EdytorKolumny-5 { justify-content:center; }
  .EdytorKolumny-5 .EdytorKolumna { width:calc(33.33% - 10px); margin:5px; }
}
@media only screen and (max-width:479px) {
  .EdytorKolumny-5 { justify-content:center; }
  .EdytorKolumny-5 .EdytorKolumna { width:calc(50% - 10px); margin:5px; }
}

.FaqLista details { text-align:left; line-height:normal; }
.FaqLista details summary { padding:10px 0 10px 0; margin:0; font-weight:bold; cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; transition:height 1s ease; }
.FaqLista:not(.FaqListaPodstrony) details:first-child summary { padding-top:0; }
.FaqLista details summary::-webkit-details-marker { display:none; }
.FaqLista details summary::after { content: "\002B"; font-size:25px; font-weight:normal; }
.FaqLista details[open] summary::after { content: "\00D7"; }
.FaqLista div { transition:max-height 0.35s ease, opacity 0.25s ease, padding 0.25s ease; max-height:0; overflow:hidden; opacity:0; }
.FaqLista details[open] div { padding:0 0 15px 0; line-height:1.5; text-align:justify; max-height:500px; opacity:1; }
.NaglowekFaq { font-size:140%; font-weight:bold; padding:20px 0 20px 0; }

.DoKoszyka.Wybor { margin:4px 0 4px 0 !important; }
.ZapytanieProduktListing { margin-top:4px !important; margin-bottom:4px !important; }
#ProduktyOknoPopUp > .ProduktPopUp:not(:first-child) { display: none; }

.TrescModulKreator h2:not(.StrNaglowek), .TrescModulKreator h3:not(.StrNaglowek), .TrescModulKreator p { font-size:1.0em; margin:0; }

img:not(.tm-carousel img, .tm-grade-label img, .tm-dialog img, .tm-hornet-container-slide img) { border:0; max-width:100% !important; height:auto !important; }
#SrodekKolumna {
  float: initial;
}

BODY { -webkit-text-size-adjust:100%; }

.Kaucja { padding:3px 0 3px 0; font-size:12px; opacity:0.8; }

@media(max-width: 1023px) {
  body {
    padding-top: 300px;
  }
}
/* ukrywanie boxu dla malych rozdzielczosci --- nie zmieniac nazwy styli, nie usuwac --- */
@media only screen and (max-width:799px) {
  /* klasa do ukrywania boxu */
  .BoxRwdUkryj { display:none; }
  .BoxRwd .BoxZawartosc { display:none; }
  /* klasa do minimalizowania boxu */
  .BoxRozwinZwin { display:inline-block; }
}
@media only screen and (min-width:800px) {
  .BoxRwd .BoxZawartosc { display:block; }
  .BoxRozwinZwin { display:none; }
}

/* rozwijanie / zwijanie boxu --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxRozwinZwin { float:right; cursor:pointer; }

/* dla normalnych boxow --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxNaglowek .BoxRozwin { margin:10px 1px 0px 0px; width:26px; height:10px; background:url('../obrazki/nawigacja/strzalka_rozwin.png') no-repeat center center; }
.BoxNaglowek .BoxZwin { margin:10px 1px 0px 0px; width:26px; height:10px; background:url('../obrazki/nawigacja/strzalka_zwin.png') no-repeat center center; }

/* dla boxu kategorii gdzie ma sie pokazac ikona menu --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxNaglowekKategorie .BoxRozwin, .BoxNaglowekKategorie .BoxZwin { margin:5px 1px 0px 0px; width:28px; height:20px; background:url('../obrazki/nawigacja/menu_rozwijane.png') no-repeat; }

/* ramka boxu - z marginesem --- nie zmieniac nazwy styli, nie usuwac --- */
.CalyBox { margin-bottom:10px; }

/* ramka boxu kategorii - z marginesem --- nie zmieniac nazwy styli, nie usuwac --- */
.CalyBoxKategorie { margin-bottom:10px; }

/* wyglad naglowka boxu --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxNaglowek { background:#ebebeb; margin:0px; padding:7px 10px 7px 10px; font-size:160%; font-weight:normal; text-transform:uppercase; }
.BoxNaglowek:first-letter { font-size:120%; color:#31b44a; }

/* wyglad naglowka boxu kategorii --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxNaglowekKategorie { background:#31b44a; margin:0px; padding:7px 10px 7px 10px; font-size:130%; color:#ffffff; font-weight:normal; text-transform:uppercase; }
.BoxNaglowekKategorie:first-letter { font-size:120%; }

/* wyglad ogolny boxu --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxTresc { border:1px solid #e7e7e7; margin-top:3px; padding:5px; overflow:hidden; position:relative; }
.BoxTresc .WszystkieKreska { text-align:right; padding:10px 10px 5px 10px; border-top:1px dotted #dbdbdb; }
.BoxTresc .Wszystkie { text-align:right; margin:10px 10px 5px 10px; }
.BoxTresc .Wszystkie a, .BoxTresc .WszystkieKreska a { color:#929090; background:url('../obrazki/nawigacja/zobacz_wszystkie_box.png') no-repeat left center; padding-left:23px; display:inline-block;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxTresc .Wszystkie a:hover, .BoxTresc .WszystkieKreska a:hover { color:#31b44a; padding-left:28px; }
.BoxTresc .SrodekCentrowany { text-align:center; padding:10px; }

/* box standardowy z kategoriami */
.BoxKategorie { overflow:hidden; background:#ebebeb; border-top:3px solid #ffffff; position:relative; }
.BoxKategorie ul { list-style-type: none; padding:0; margin:0; }
.BoxKategorie li { margin:0px; }
.BoxKategorie a { padding:6px 12px 6px 12px; font-size:110%; font-weight:normal; display:block; border-bottom:3px solid #ffffff;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxKategorie a:hover { text-decoration:none; background:#e5e5e5; }
.BoxKategorie li li a { padding:6px 12px 6px 25px; font-size:90%; font-weight:normal; display:block; }
.BoxKategorie li li a:hover { text-decoration:none; }
.BoxKategorie li li li a { padding:8px 12px 8px 40px; }
.BoxKategorie li li li li a { padding:8px 12px 8px 55px; }
.BoxKategorie li li li li li a { padding:8px 12px 8px 70px; }
.BoxKategorie em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; color:#929090; font-size:80%; }
.BoxKategorie .Aktywna { color:#31b44a; font-weight:bold; }
.BoxKategorie li a span { display:table-cell; vertical-align:middle; }
.BoxKategorie li a span:last-child { padding-left:8px; }
.BoxKategorie small { display:block; margin:3px 0px 0px 0px; font-size:80%; }

/* box kategorii rozwijanych */
.BoxKategorieRozwijane { overflow:hidden; background:#ebebeb; border-top:3px solid #ffffff; position:relative; }
.BoxKategorieRozwijane ul { list-style-type: none; padding:0; margin:0; }
.BoxKategorieRozwijane li { margin:0px; }
.BoxKategorieRozwijane a { padding:6px 12px 6px 12px; font-size:130%; font-weight:normal; display:inline-block; margin-left:25px; }
.BoxKategorieRozwijane a:hover { text-decoration:none; }
.BoxKategorieRozwijane li ul { display:none; }
.BoxKategorieRozwijane li li a { font-size:110%; background:url('../obrazki/kategorie/kategoriaRozwijanaTlo.png') no-repeat left center; padding:6px 10px 6px 15px; font-weight:normal; display:inline-block; margin:1px 0px 1px 40px; }
.BoxKategorieRozwijane li li a:hover { text-decoration:none; }
.BoxKategorieRozwijane li li li a { margin-left:57px; }
.BoxKategorieRozwijane li li li li a { margin-left:74px; }
.BoxKategorieRozwijane li li li li li a { margin-left:91px; }
.BoxKategorieRozwijane em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; color:#929090; font-size:80%; }
.BoxKategorieRozwijane .Aktywna { color:#31b44a; font-weight:bold; }
.BoxKategorieRozwijane div { border-bottom:3px solid #ffffff;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxKategorieRozwijane div:hover { background:#e5e5e5; }
.BoxKategorieRozwijane .Rozwin { position:absolute; display:inline-block; cursor:pointer; width:16px; height:16px; margin:7px 5px 5px 10px; }
.BoxKategorieRozwijane .Plus { background:url('../obrazki/kategorie/kategoriaPlus.png') no-repeat center center; }
.BoxKategorieRozwijane .Minus { background:url('../obrazki/kategorie/kategoriaMinus.png') no-repeat center center; }
.BoxKategorieRozwijane li a span { display:table-cell; vertical-align:middle; }
.BoxKategorieRozwijane li a span:last-child { padding-left:8px; }
.BoxKategorieRozwijane small { display:block; margin:3px 0px 0px 0px; font-size:80%; }

/* box kategorii wysuwanych */
.BoxKategorieWysuwane { background:#ebebeb; border-top:3px solid #ffffff; }
.BoxKategorieWysuwane ul { list-style-type: none; padding:0; margin:0; }
.BoxKategorieWysuwane li { margin:0px;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxKategorieWysuwane li:hover { background:#e5e5e5; }
.BoxKategorieWysuwane a { padding:6px 12px 6px 12px; font-size:130%; font-weight:normal; display:block; border-bottom:3px solid #ffffff; }
.BoxKategorieWysuwane a:hover { text-decoration:none; }
.BoxKategorieWysuwane li ul { display:none; position:absolute; margin:-15px 0px 0px 160px; width:200px; background:#ebebeb; z-index:10000; border:1px solid #dbdbdb; }
.BoxKategorieWysuwane li li a { font-size:110%; padding:5px 25px 5px 10px; font-weight:normal; border:0px; }
.BoxKategorieWysuwane em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; color:#929090; font-size:80%; }
.BoxKategorieWysuwane li a span { display:table-cell; vertical-align:middle; }
.BoxKategorieWysuwane li a span:last-child { padding-left:8px; }
.BoxKategorieWysuwane small { display:block; margin:3px 10px 0px 0px; font-size:80%; }
@media only screen and (min-width: 800px) {
  .BoxKategorieWysuwane a.Rozwin { background:url('../obrazki/kategorie/kategoriaStrzalka.png') no-repeat right center; }
}

/* animowane boxy */
.BoxTresc .BoxAnimacja { text-align:center; position:absolute; margin:0px; z-index:0; }
.BoxTresc .BoxAnimacjaScroll { text-align:center; position:relative; margin:0px; }
.BoxTresc .BoxAnimacja a, .BoxTresc .BoxAnimacjaScroll a { padding:7px 10px 10px 10px; display:inline-block; position:relative; }
.BoxTresc .BoxAnimacja .Cena, .BoxTresc .BoxAnimacja .CenaPromocyjna, .BoxTresc .BoxAnimacjaScroll .Cena, .BoxTresc .BoxAnimacjaScroll .CenaPromocyjna { margin:0px 0px 10px 0px; }
.BoxTresc .AktLicz { display:none; }
.BoxTresc .AnimSzer { min-width:150px; overflow:hidden; }
.BoxTresc .strzalkaLewa { opacity:0.6; filter:alpha(opacity=60); z-index:2; cursor:pointer; display:none; width:19px; height:32px; background:url('../obrazki/nawigacja/strzalka_poprzedni.png') no-repeat left center; position:absolute; margin-top:0px; margin-left:5px; }
.BoxTresc .strzalkaPrawa { opacity:0.6; filter:alpha(opacity=60); z-index:2; cursor:pointer; display:none; width:19px; height:32px; background:url('../obrazki/nawigacja/strzalka_nastepny.png') no-repeat right center; position:absolute; margin-top:0px; margin-left:5px; }
.BoxTresc .strzalkaLewa:hover { opacity:1; filter:alpha(opacity=100); }
.BoxTresc .strzalkaPrawa:hover { opacity:1; filter:alpha(opacity=100); }
.BoxTresc .BoxPrzyciski { margin:10px 0px 10px 0px; text-align:center; }
@media only screen and (max-width:799px) {
  .BoxTresc .BoxPrzyciski b { font-size:140%; margin:4px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  .BoxTresc .BoxPrzyciski b { font-size:130%; margin:3px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:1024px) {
  .BoxTresc .BoxPrzyciski b { font-size:120%; margin:2px; padding:3px 8px 3px 8px; }
}
.BoxTresc .BoxPrzyciski b { display:inline-block; cursor:pointer; background:#b7b7b7; color:#e6e6e6; font-weight:normal; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -khtml-border-radius:4px;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxTresc .BoxPrzyciski b:hover { background:#626262; }
.BoxTresc .BoxPrzyciski .On { background:#626262; font-weight:bold; }

/* linki aktualnosci - kalendarz przy dacie */
.BoxTresc .Lista .Data { background:url('../obrazki/nawigacja/kalendarz.png') no-repeat left center; padding:2px 2px 2px 22px; display:block; margin:5px 5px 5px 0px; color:#929090; font-style:normal; font-weight:normal; }

.BezLinii li:last-child { border:0px !important; }

/* definiowanie boxu np dla nasz hit - tylko lista produktow */
.BoxTresc .Lista h4 a { font-weight:bold; }
.BoxTresc .Lista, .BoxTresc ul { list-style-type: none; padding:0; margin:0; }
.BoxTresc .Lista li { padding:5px 10px 5px 10px; margin:0px; border-bottom:1px dotted #dbdbdb; }
.BoxTresc .Lista li a { background:url('../obrazki/nawigacja/ok.png') no-repeat left center; padding:3px 10px 3px 25px; display:block; }
.BoxTresc .Lista li .cena, .BoxTresc .ListaNumer li .cena { display:block; margin-top:5px; text-align:left; }
.BoxTresc .Lista .OpisText { margin:5px; text-align:left; }

/* box bestsellery lista z numeracja */
.BoxTresc .ListaNumer li { display:table; width:100%; padding:5px 0px 5px 0px; border-bottom:1px dotted #dbdbdb; }
.BoxTresc .ListaNumer a { display:table-cell; padding:3px 0px 3px 0px; }
.BoxTresc .ListaNumer span { display:table-cell; width:40px; text-align:center; vertical-align:middle; }
.BoxTresc .ListaNumer b { display:inline-block; color:#929090; width:15px; text-align:center; padding:3px 5px 3px 5px; margin-right:6px; background:#e6e6e6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -khtml-border-radius:4px; }

/* box ankiet */
.BoxTresc .Ankieta { padding:10px; text-align:center; }
.BoxTresc .Ankieta h4 { display:block; margin-bottom:10px; }
.BoxTresc .Ankieta .Pytania { display:inline-block; margin:0px auto; text-align:left !important; list-style-type: none; padding:0; }
.BoxTresc .Ankieta .Pytania input { float:left; margin:0px 5px 0px 0px !important; }
.BoxTresc .Ankieta .Pytania li { text-align:left; margin-bottom:5px; }
.BoxTresc .Ankieta .Pytania li b { margin-left:0px; font-weight:normal; display:block; }
.BoxTresc .Ankieta #BladAnkiety { display:inline-block; margin:0px auto; font-weight: normal; background:transparent url('../obrazki/formularz/blad.png') no-repeat left center; margin:10px 0px 0px 0px; padding:2px 0px 2px 25px; }
.BoxTresc .Ankieta div { margin-top:10px; }

/* definiowanie boxu np dla nasz hit z miniaturkami 50x50 */
.BoxImgMaly li .PrdDane { background:transparent; padding:5px; display:table-cell; vertical-align:top; }
.BoxImgMaly li .PrdDane a { margin-bottom:8px; display:block; }
.BoxImgMaly li { margin:5px 0px 5px 0px; padding:0px; border-bottom:1px dotted #dbdbdb; display:table; width:100%; }
.BoxImgMaly li .Img { display:table-cell; padding:5px; text-align:center; vertical-align:top; }
.BoxImgMaly .PrdDane .OpisText { margin:5px 5px 5px 0px; text-align:left; }

/* definiowanie boxu np dla nasz hit z wiekszymi obrazkami */
.BoxImgDuzy { text-align:center; border-bottom:1px dotted #dbdbdb; }
.BoxImgDuzy a { margin:12px 10px 10px 10px; display:inline-block; }
.BoxImgDuzy .Cena, .BoxImgDuzy .CenaPromocyjna { margin:0px 0px 10px 0px; }

/* recenzja w boxie, tresc aktualnosci, teksty drobne w boxach */
.BoxTresc .OpisText { margin:10px; text-align:center; }
.BoxTresc .OpisText img { margin-top:6px; }

/* box koszyka - szczegolowy */
.BoxKoszykSzczegoly { line-height:1.2 }
.BoxKoszykSzczegoly ul { list-style-type: none; padding:0; margin:0; }
.BoxKoszykSzczegoly li { border-bottom:1px dotted #dbdbdb; text-align:left; margin:5px 0px 5px 0px; display:table; width:100%; }
.BoxKoszykSzczegoly li .PrdDane { padding:5px; display:table-cell; vertical-align:top; }
.BoxKoszykSzczegoly li .PrdDane a { font-weight:bold; }
.BoxKoszykSzczegoly li .PrdDane .Cena { margin-top:5px; }
.BoxKoszykSzczegoly li .Img { display:table-cell; padding:5px; text-align:center; vertical-align:top; }
.BoxKoszykSzczegoly .Podsumowanie { margin:0px auto; margin-top:15px; display:table; border-collapse: collapse; border-spacing:0; }
.BoxKoszykSzczegoly .Podsumowanie div { display:table-cell; padding-right:5px; vertical-align:middle; }
.BoxKoszykSzczegoly .PrzyciskKoszyk { margin:15px 0px 7px 0px; text-align:center; }
.BoxKoszykSzczegoly .PustyKoszyk { display:block; margin:10px; text-align:center; }

/* box cennika */
.Cennik { text-align:center; }
.Cennik a { display:inline-block; margin:10px 5px 10px 5px; }

/* box producenci chmura tekst */
.BoxTresc .ProducenciChmura a { display:inline-block; margin:5px; }

/* box producenci - przewijana lista */
.BoxTresc .ProducenciLista { overflow-y:auto; }
.BoxTresc .ProducenciLista a { display:block; margin:5px 5px 5px 10px; }

/* definiowanie boxu statystyki */
.BoxTresc .Stat li { padding:5px 10px 5px 10px; margin:0px; border-bottom:1px dotted #dbdbdb; }
.BoxTresc .Stat li:last-child { border-bottom:0px; }
.BoxTresc .Stat li b { font-size:110%; }

/* definiowanie boxu jezyka */
.BoxTresc .Flaga { padding:5px; }
.BoxTresc .FlagaOff { cursor:pointer; opacity:0.6; filter:alpha(opacity=60); }

/* definiowanie boxu waluty */
.BoxTresc .Waluty { text-align:center; padding:10px 0px 0px 0px; }

/* box chmura tagow */
#tagCloud { text-align:center; padding:5px; overflow:hidden; font-size:80%; }
#tagCloud a { display:inline-block; margin:2px; padding:2px; }
.tag_0 { font-size:90%; }
.tag_3 { font-size:120%; }
.tag_5 { font-size:140%; }
.tag_10 { font-size:170%; }
.tag_15 { font-size:190%; }
.tag_20 { font-size:210%; }
.tag_50 { font-size:230%; }

/* box porownywarki produktow */
.BoxPorownywarka { padding:10px; }
.BoxPorownywarka a { display:block; margin-left:25px; }
#ListaProduktowPorownanieBox span { background:url('../obrazki/nawigacja/kasuj.png') no-repeat left center; width:16px; height:16px; margin:0px 10px 0px 0px; float:left; cursor:pointer; display:inline-block; }
#ListaProduktowPorownanieBox { list-style-type: none; padding:0; margin:0; }
#ListaProduktowPorownanieBox li { margin-bottom:8px; }
.BoxPorownywarka #przyciskPorownywaniaBox { margin-top:15px; text-align:center; }

/* box schowka */
.BoxSchowek { padding:10px; text-align:center; line-height:1.2 }
.BoxSchowek .Cena { display:inline-block; }
.BoxSchowek .WartoscSchowka { margin:0px auto; margin-top:5px; margin-bottom:15px; display:table; border-collapse: collapse; border-spacing:0; }
.BoxSchowek .WartoscSchowka div { display:table-cell; padding:0px 3px 0px 3px; vertical-align:middle; }

/* box reklamacji */
.BoxReklamacja { padding:10px; text-align:left; line-height:1.5 }
.BoxReklamacja span { font-size:110%; font-weight:bold; }
.BoxReklamacja ul { list-style-type: none; padding:0; margin:0; }
.BoxReklamacja li { margin:0px; }
.BoxReklamacja a { padding:2px 5px 2px 5px; font-weight:normal; display:block; }

/* box newsletter */
.BoxNewsletter { padding:10px; text-align:center; line-height:1.2; }
.BoxNewsletter .NewsletterOpis { background:url('../obrazki/szablon/newsletter_box.png') no-repeat left center; padding-left:55px; text-align:left; }
.BoxNewsletter .PoleAdresu { margin:15px 0px 15px 0px; }
.BoxNewsletter #emailNewsletter { width:95%; margin:0px auto; }

/* definiowanie boxu z miniaturka i opisem */
.BoxImgTekst { text-align:left; border-bottom:1px dotted #dbdbdb; padding:8px 5px 10px 5px; }
.BoxImgTekst img { float:left; margin-right:12px; margin-bottom:8px; }
.BoxImgTekst h3 { margin-bottom:8px; }

/* box wyszukiwania */
.BoxWyszukiwania { margin:10px; padding-right:55px; text-align:center; line-height:1.2; background:url('../obrazki/szablon/szukaj_lupa_box.png') no-repeat right center; }
.BoxWyszukiwania .PoleFrazy { margin-top:8px; }
.BoxWyszukiwania #InBoxSzukaj { width:90%; margin:0px auto; }
.SzukZaawansowane { border-top:1px dotted #dbdbdb; display:block; margin:15px 0px 5px 0px; padding-top:8px; text-align:center; }

/* box z grafikami, bannerami */
.BoxTresc .Grafiki { list-style-type: none; padding:0; margin:0; }
.BoxTresc .Grafiki li { padding:10px; margin-bottom:8px; text-align:center; }
.BoxTresc .Grafiki span { cursor:pointer; }
.BoxTresc .Reklamy { list-style-type: none; padding:0; margin:0; }
.BoxTresc .Reklamy li { margin-bottom:8px; text-align:center; overflow: hidden; }

/* box kontakt */
.BoxKontakt { list-style-type: none; padding:0; margin:0; }
.BoxKontakt li { padding:5px 10px 5px 10px; margin:0px; border-bottom:1px dotted #dbdbdb; }
.BoxKontakt li:last-child { border:0px; }
.BoxKontakt li b { display:block; margin-bottom:5px; }
.BoxKontakt .Firma { line-height:1.5; }
.BoxKontakt .Firma strong { display:block; margin-bottom:5px; font-size:110%; }
.BoxKontakt .Iko { line-height:1.7; }
.BoxKontakt .Iko b { padding-left:25px; background:url('../obrazki/szablon/ikony_kontakt.png') no-repeat; height:20px; line-height:20px; }
.BoxKontakt .Mail b { background-position:0px -20px; }
.BoxKontakt .Tel b { background-position:0px 0px; }
.BoxKontakt .Fax b { background-position:0px -40px; }
.BoxKontakt .Gg b { background-position:0px -60px; }
.BoxKontakt .Skype b { background-position:0px -80px; }
.BoxKontakt .Godziny b { background-position:0px -100px; }

/* box filtrow */
.BoxTresc #filtrBox { margin:5px; }
.BoxTresc .ZakresCen { padding:5px 0px 10px 5px; border-bottom:1px dotted #dbdbdb; }
.BoxTresc .ZakresCen b { display:block; margin:0px 5px 0px 0px; padding-bottom:10px; font-size:110%; }
.BoxTresc .ZakresCen input { margin:0px 5px 0px 5px; }
.BoxTresc .Multi { padding:5px 0px 10px 0px; border-bottom:1px dotted #dbdbdb; }
.BoxTresc .Multi span { display:block; padding:5px; font-size:110%; }
.BoxTresc .Multi b.Wlaczony { background:url('../obrazki/nawigacja/ok.png') no-repeat left center; padding-left:25px; font-weight:bold; }
.BoxTresc .Multi .Wybor { z-index:999; overflow-y:auto; overflow-x:hidden; max-height:200px; margin:5px; }
.BoxTresc .Multi .Wybor li { margin-bottom:4px; position:relative; }
.BoxTresc .Multi .Wybor li input { display:none; }
/* filtr tekstowy */
.BoxTresc .Multi .Wybor li label { cursor:pointer; width:auto; padding:0px 0px 0px 20px; margin:0px 5px 0px 5px; line-height:1.5; background:url('../obrazki/nawigacja/filtr_wylaczony.png') no-repeat left top; vertical-align:middle; }
.BoxTresc .Multi .Wybor li label.Wlaczony { background:url('../obrazki/nawigacja/filtr_wlaczony.png') no-repeat left top; }
/* filtr obrazkowy */
.BoxTresc .FiltryCechyObrazek .Wybor li label { cursor:pointer; width:auto; display:table-cell; padding:0px 5px 0px 20px; line-height:1.5; background:url('../obrazki/nawigacja/filtr_wylaczony.png') no-repeat left center; vertical-align:middle; }
.BoxTresc .FiltryCechyObrazek .Wybor li label.Wlaczony { background:url('../obrazki/nawigacja/filtr_wlaczony.png') no-repeat left center; }
.BoxTresc .FiltryCechyObrazek .Wybor li div { display:table-cell; padding-right:8px; cursor:pointer; vertical-align:middle; }
.BoxTresc strong { color:#31b44a; display:block; margin:10px 0px 8px 0px; font-size:110%; }
.BoxTresc #filtryWyswietl a { display:block; font-weight:bold; font-size:110%; background:url('../obrazki/nawigacja/kasuj.png') no-repeat right center; margin:10px 5px 0px 5px; padding:2px 20px 2px 2px; }
.BoxTresc #filtryWyswietl a:hover { color:#31b44a; }
.BoxTresc .cl { float:none !important; }
.BoxTresc #filtryWyswietl { text-align:right; }
.BoxTresc #filtryWyswietl input { margin-top:10px; }
 
 .BoxKontakt .PortaleSpolecznoscioweKontakt { margin:10px; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; }
.BoxKontakt .PortaleSpolecznoscioweKontakt li { padding:0px; margin:0px 7px 7px 0px; border:0px; background-size:30px 30px !important; }
.BoxKontakt .PortaleSpolecznoscioweKontakt li a { font-size:0px; display:block; width:30px; height:30px; }
.BoxKontakt .PortaleSpolecznoscioweKontakt .PortaleFacebook { background:url('../obrazki/portale/facebook.svg') no-repeat; }
.BoxKontakt .PortaleSpolecznoscioweKontakt .PortaleInstagram { background:url('../obrazki/portale/instagram.svg') no-repeat; }
.BoxKontakt .PortaleSpolecznoscioweKontakt .PortaleYoutube { background:url('../obrazki/portale/youtube.svg') no-repeat; }
.BoxKontakt .PortaleSpolecznoscioweKontakt .PortaleLinkedIn { background:url('../obrazki/portale/linkedin.svg') no-repeat; }
.BoxKontakt .PortaleSpolecznoscioweKontakt .PortaleTwitter { background:url('../obrazki/portale/twitter.svg') no-repeat; }
.BoxKontakt .PortaleSpolecznoscioweKontakt .PortalePinterest { background:url('../obrazki/portale/pinterest.svg') no-repeat; }
.BoxKontakt .PortaleSpolecznoscioweKontakt .PortaleTiktok { background:url('../obrazki/portale/tiktok.svg') no-repeat; }

.BoxTresc .ZakresNumeryczny { padding:15px 0 20px 5px; border-bottom:1px dotted #d8cca4; }
.BoxTresc .ZakresNumeryczny b { display:block; margin:0 5px 0 0px; padding-bottom:10px; font-size:110%; }
.BoxTresc .ZakresNumeryczny input { margin:0 5px 0 5px; }
/* ukrywanie modulu dla malych rozdzielczosci --- nie zmieniac nazwy styli, nie usuwac --- */
@media only screen and (max-width:799px) {
  /* klasa do ukrywania modulu */
  .ModulRwdUkryj { display:none; }
}

/*** wyglad modulow srodkowych ***/

/* aktualnosci na stronie glownej */
.AktProsta { text-align:left; position:relative; padding:10px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  border-right:1px dotted #dbdbdb; border-bottom:1px dotted #dbdbdb;
}
.AktProsta h2 a { text-align:left; padding:0px; display:block; margin-bottom:5px; font-weight:bold; font-size:110%; }
.AktProsta .DaneAktualnosci { float:none; text-align:left; margin-bottom:8px; display:block; }
.AktProsta .DaneAktualnosci em { display:inline-block; margin:2px 2px 2px 0px; padding-right:15px; color:#929090; font-style:normal; }
.AktProsta .DataDodania { background:url('../obrazki/nawigacja/kalendarz.png') no-repeat left center; padding:2px 0px 2px 22px; }
.AktProsta .IloscOdslon { padding:0px; }

/* wyglad produktu w formie okien */
.ProduktProsty { text-align:center; position:relative; padding:10px 5px 10px 5px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  border-right:1px dotted #dbdbdb; border-bottom:1px dotted #dbdbdb;
}
.ProduktProsty .Foto { display:inline-block; }
.ProduktProsty h3 a { padding:7px 10px 10px 10px; display:inline-block; }
.ProduktProsty .Foto a { position:relative; }
.ProduktProsty .Zdjecie { margin:0px 0px 10px 0px; }
.ProduktProsty .Opis { text-align:left; display:block; margin:10px !important; padding:5px; }
.ProduktProsty .DataDostepnosci { text-align:center; display:block; margin:10px !important; padding:10px 10px 5px 10px; }
.ProduktProsty .DataDostepnosci b { text-align:center; display:block; margin:5px; font-size:110%; }
.ProduktProsty .Zakup { display:inline-block; margin:0px auto; margin-top:10px; }
.ProduktProsty .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.ProduktProsty .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 15px 5px 0px; }
/* wyskakujacy z gory napis zobacz szczegoly z lupa */
.ProduktProsty .AnimacjaZobacz { overflow:hidden; position:relative; }
.ProduktProsty .Zobacz { position:absolute; z-index:100; left:0px; right:0px; top:-100px;
  transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-webkit-transition: all 0.30s ease-in-out;
}
.ProduktProsty .AnimacjaZobacz:hover .Zobacz { top:0px; }
.ProduktProsty .Zobacz strong { display:block; background:#ebebeb; padding:13px 0px 8px 0px; margin:0px 10px 0px 10px; border-bottom:2px solid #31b44a; opacity:0.9; filter:alpha(opacity=90); }
.ProduktProsty .Zobacz a { display:inline-block; color:#9d9d9d; text-transform:uppercase; font-weight:bold; font-size:120%; background:url('../obrazki/szablon/lupa_modul.png') no-repeat; background-position:left center; padding:10px 10px 10px 35px;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.ProduktProsty .Zobacz a:hover { background-position:right center; padding:10px 35px 10px 10px; color:#31b44a; }

/* wyglad produktu w formie okien - z dostepnoscia, ocena, producentem */
.ProduktZlozony { text-align:center; position:relative; padding:10px 5px 5px 5px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  border-right:1px dotted #dbdbdb; border-bottom:1px dotted #dbdbdb;
}
@media only screen and (max-width:1023px) {
  .ProduktZlozony .Foto { margin-bottom:10px; }
  .ProduktZlozony .ProdCena { text-align:center; margin:0px !important; }
  .ProduktZlozony .Ocena { text-align:center; }
  .ProduktZlozony .Ocena img { display:inline-block; }
  .ProduktZlozony .Ocena span { display:block; }
}
@media only screen and (min-width:1024px) {
  .ProduktZlozony .Foto { float:left; margin-left:15px; }
  .ProduktZlozony .ProdCena { text-align:left; padding-right:5px; }
  .ProduktZlozony .Ocena { text-align:left; }
  .ProduktZlozony .Ocena img { display:block; }
}
.ProduktZlozony .ProdCena a { padding:0px 10px 10px 0px; display:inline-block; }
.ProduktZlozony .Opis { text-align:left; display:block; margin:10px !important; padding:5px; }
.ProduktZlozony .Opis .Dostepnosc { font-style:normal; display:block; padding:5px 0px 5px 0px; font-weight:bold; }
.ProduktZlozony .Opis .Dostepnosc em { font-style:normal; color:#929090; font-weight:normal; }
.ProduktZlozony .ProdCena .Producent { margin-top:8px; display:block; }
.ProduktZlozony .ProdCena .Producent a { color:#31b44a; font-weight:bold; }
.ProduktZlozony .ProdCena .Producent a:hover { color:#31b44a; }
.ProduktZlozony .ProdCena .Producent em { font-style:normal; color:#929090; font-weight:normal; }
.ProduktZlozony .cl { height:10px; }
.ProduktZlozony .Ocena { margin-top:10px; line-height:1.5; }
.ProduktZlozony .Ocena img { margin:5px 0px 5px 0px; }
.ProduktZlozony .Ocena strong { display:inline-block; margin-left:3px; font-size:110%; }
.ProduktZlozony .Zakup { display:inline-block; margin-top:5px; }
.ProduktZlozony .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.ProduktZlozony .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 10px 5px 0px; }

/* wyglad modulu produktow z jedynym zdjeciem */
@media only screen and (max-width:799px) {
  .ProduktZdjecieLista .FotoJedno { margin-bottom:20px; width:100% !important; }
  .ProduktZdjecieLista .FotoJedno li { text-align:center; }
  .ProduktZdjecieLista .NazwyProduktow { text-align:left; }
}
@media only screen and (min-width:800px) {
  .ProduktZdjecieLista { display:table; width:100%; border-collapse:collapse; border-spacing:0; }
  .ProduktZdjecieLista .FotoJedno { display:table-cell; vertical-align:middle; text-align:left; padding-left:30px; }
  .ProduktZdjecieLista .NazwyProduktow { display:table-cell; vertical-align:middle; text-align:left; }
}
.ProduktZdjecieLista .FotoJedno ul { list-style-type:none; padding:0px; text-align:left; }
.ProduktZdjecieLista .FotoJedno li { display:none; }
.ProduktZdjecieLista .FotoJedno li:first-child { display:block; }
.ProduktZdjecieLista .NazwyProduktow h3 { display:table; width:100%; }
.ProduktZdjecieLista .NazwyProduktow h3:nth-child(odd) { background:#f3f3f3; }
.ProduktZdjecieLista .NazwyProduktow h3 .wyswietlany { color:#31b44a; }
.ProduktZdjecieLista .NazwyProduktow a { padding:10px; display:table-cell; vertical-align:middle; text-align:left;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.ProduktZdjecieLista .NazwyProduktow a:hover { padding-left:18px; }
.ProduktZdjecieLista .NazwyProduktow .Ceny { vertical-align:middle; display:table-cell; padding:6px 10px 6px 0px; text-align:right; }
.ProduktZdjecieLista .NazwyProduktow .CenaPoprzednia { display:inline-block; margin-right:10px; }

/* przyciski do modulu wszystkich produktow */
#LadowanieWszystkie { display:none; z-index:100; position:absolute; width:100px; height:150px; background:url('../obrazki/nawigacja/loader_maly.gif') no-repeat center center; }
#WszystkieProdukty { z-index:1; }
#WszystkieProdukty .SekcjaRowna:nth-last-child(2) { border-bottom:0px; }
#WszystkieProdukty .ModulPrzyciski { margin:20px 0px 10px 0px; text-align:center; }
@media only screen and (max-width:799px) {
  #WszystkieProdukty .ModulPrzyciski b { font-size:140%; margin:4px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  #WszystkieProdukty .ModulPrzyciski b { font-size:130%; margin:3px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:1024px) {
  #WszystkieProdukty .ModulPrzyciski b { font-size:120%; margin:2px; padding:3px 8px 4px 8px; }
}
#WszystkieProdukty .ModulPrzyciski b { height:auto; width:auto; display:inline-block; cursor:pointer; background:#b7b7b7; color:#e6e6e6; font-weight:normal; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -khtml-border-radius:4px;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
#WszystkieProdukty .ModulPrzyciski b:hover { background:#626262; }
#WszystkieProdukty .ModulPrzyciski b.On { background:#626262; font-weight:bold; }
#WszystkieProdukty .ModulPrzyciski span { display:inline-block; margin:0px 5px 0px 5px; font-weight:bold; }

/* wyglad produktu - modul promocje z zegarem */
.ProduktWiersz { position:relative; padding:10px 0px 10px 0px; border-bottom:1px dotted #dbdbdb; }
.StrTresc .ProduktWiersz:last-child { border:0px; }
@media only screen and (max-width:799px) {
  .ProduktWiersz .Foto { margin:5px 0px 10px 0px; text-align:center; }
  .ProduktWiersz .ProdOpis { margin:5px 0px 10px 0px !important; text-align:center; }
  .ProduktWiersz .Odliczanie { margin-left:0px !important; text-align:center; }
  .ProduktWiersz .OpisKrotki { padding:0px 10px 0px 10px; display:block; }
}
@media only screen and (min-width:800px) {
  .ProduktWiersz .Foto { float:left; margin:5px 0px 0px 15px; }
  .ProduktWiersz .ProdOpis { text-align:left; margin:5px 40px 10px 0px; }
}
.ProduktWiersz .ProdOpis a { padding:0px 10px 10px 0px; display:inline-block; }
.ProduktWiersz .Zdjecie { margin:0px 0px 10px 0px; }
.ProduktWiersz .OpisKrotki { margin:10px 0px 10px 0px; display:block; }
.ProduktWiersz .Odliczanie { display:block; font-size:110%; color:#31b44a; font-weight:bold; margin:12px 0px 8px 0px; }
.ProduktWiersz .Odliczanie span { display:block; color:#5c5c5c; margin-bottom:5px; font-size:19px; font-weight:bold;  }
.ProduktWiersz .Odliczanie span em { display:inline-block; background:#5c5c5c; color:#ffffff; font-style:normal; padding:2px 5px 2px 5px; margin:1px;
                                  -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; -khtml-border-radius:4px; }
.ProduktWiersz .Bestseller_pl { right:0px; top:0px; position:absolute; background:url('../obrazki/ikony/pl/bestseller.png') no-repeat; width:185px; height:111px; }
.ProduktWiersz .Bestseller_en { right:0px; top:0px; position:absolute; background:url('../obrazki/ikony/en/bestseller.png') no-repeat; width:185px; height:111px; }
.ProduktWiersz .Zakup { display:inline-block; }
.ProduktWiersz .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.ProduktWiersz .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 15px 5px 0px; }

/* wyglad kategorii na stronie glownej */
.KategoriaGl { text-align:left; position:relative; padding:5px 8px 10px 8px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  border-right:1px dotted #dbdbdb; border-bottom:1px dotted #dbdbdb;
}
.KategoriaGl .Kategoria { margin-right:60px; }
.KategoriaGl h3 a { padding:7px 10px 10px 3px; display:inline-block; }
.KategoriaGl .Foto { float:right; }
.KategoriaGl .Zdjecie { margin:0px 0px 10px 0px; }
.KategoriaGl ul { list-style-type: none; padding: 0; margin: 0; }
.KategoriaGl li { margin:0px; }
.KategoriaGl li a { background:url('../obrazki/szablon/menu_kategorii_str_glowna.png') no-repeat left center; display:block; padding:3px 10px 3px 18px; }
.KategoriaPusta { display:table-cell; }

/* producenci chmura */
.ProducenciChmuraModul { text-align:center; }
.ProducenciChmuraModul a { display:inline-block; margin:5px; font-size:130%; }

/* wyglad producentow na stronie glownej */
#ProducenciAnimacja { margin:10px 28px 10px 28px; overflow:hidden; }
#ProducenciAnimacjaStrzalkaLewa { display:none; opacity:0.6; filter:alpha(opacity=60); cursor:pointer; float:left; width:28px; height:30px; margin-top:30px; background:url('../obrazki/nawigacja/strzalka_poprzedni.png') no-repeat center center; }
#ProducenciAnimacjaStrzalkaLewa:hover { opacity:1; filter:alpha(opacity=100); }
#ProducenciAnimacjaStrzalkaPrawa { opacity:0.6; filter:alpha(opacity=60); cursor:pointer; float:right; width:28px; height:30px; margin-top:30px; background:url('../obrazki/nawigacja/strzalka_nastepny.png') no-repeat center center; }
#ProducenciAnimacjaStrzalkaPrawa:hover { opacity:1; filter:alpha(opacity=100); }
#ProducenciAnimacjaSrodek ul { list-style-type: none; padding: 0; margin: 0; display:table; border-collapse:collapse; border-spacing:0; }
#ProducenciAnimacjaSrodek li { display:table-cell; vertical-align:middle; text-align:center; margin:0px; }

/* modul animowany - jeden produkt na cala szerokosc szeroki na cala kolumne - przenikanie - promocje */
.AnimModulJeden .ProdOpisSrodek { text-align:left; margin:5px 20px 0px 10px; }
.AnimModulJeden .ProdOpisSrodek a { font-size:22px; font-weight:normal; padding:0px 10px 10px 0px; display:inline-block; }
.AnimModulJeden .ProdOpisSrodek .Znikanie { position:relative; margin:0px; }
@media only screen and (max-width:479px) {
  .AnimModulJeden .ProdOpisSrodek { margin:0px !important; text-align:center; padding-bottom:5px; }
  .AnimModulJeden .FotoPrawe { display:none; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
  .AnimModulJeden .ProdOpisSrodek { padding-bottom:5px; }
  .AnimModulJeden .FotoPrawe { margin:0px; float:right; }
}
@media only screen and (min-width:800px) {
  .AnimModulJeden .FotoPrawe { float:right; margin:5px 15px 0px 15px; }
}
.AnimModulJeden .FotoPrawe .Skakanie { position:relative; margin:0px; }
.AnimModulJeden .FotoPrawe .Zdjecie { border:0px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

/* modul animowany - jeden produkt na cala szerokosc szeroki na cala kolumne - przenikanie - hity */
.AnimModulJeden { list-style-type:none; padding:0px; margin:0px; overflow:hidden; width:50000px; opacity:0; filter:alpha(opacity=0); }
.AnimModulJeden li { float:left; }
@media only screen and (max-width:799px) {
  .AnimModulJeden .Kont { margin:0px 5px 0px 5px; }
  .AnimModulJeden .Foto { text-align:center; margin:5px 0px 10px 0px; width:auto !important; }
  .AnimModulJeden .ProdOpis { text-align:center; }
}
@media only screen and (min-width:800px) {
  .AnimModulJeden .Kont { margin:0px 5px 0px 5px; display:table; width:100%; border-collapse:collapse; border-spacing:0; }
  .AnimModulJeden .Foto { display:table-cell; vertical-align:top; padding:5px 0px 0px 15px; }
  .AnimModulJeden .ProdOpis { display:table-cell; vertical-align:top; text-align:left; }
}
.AnimModulJeden .ProdOpis { padding:5px 20px 0px 20px; }
.AnimModulJeden .ProdOpis a { font-size:180%; font-weight:normal; padding:0px 10px 10px 0px; display:inline-block; }
.AnimModulJeden .Zdjecie { margin:0px 0px 10px 0px; }
.AnimModulJeden .OpisKrotki { margin:5px 0px 10px 0px; display:block; line-height:1.5; }
.AnimModulJeden .Zakup { display:inline-block; margin-top:10px; }
.AnimModulJeden .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.AnimModulJeden .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 15px 5px 0px; }

@media only screen and (max-width:799px) {
  .ModulPrzyciski { text-align:center; margin-bottom:10px; }
}
@media only screen and (min-width:800px) {
  .ModulPrzyciski { text-align:right; }
}
.ModulPrzyciskiSrodek { text-align:center; }
@media only screen and (max-width:799px) {
  .ModulPrzyciski b, .ModulPrzyciskiSrodek b { width:22px; height:22px; margin:4px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  .ModulPrzyciski b, .ModulPrzyciskiSrodek b { width:18px; height:18px; margin:3px; }
}
@media only screen and (min-width:1024px) {
  .ModulPrzyciski b, .ModulPrzyciskiSrodek b { width:14px; height:14px; margin:2px; }
}
.ModulPrzyciski b, .ModulPrzyciskiSrodek b { display:inline-block; cursor:pointer; background:#dbdbdb; color:#dbdbdb; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -khtml-border-radius:50%;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.ModulPrzyciski b:hover, .ModulPrzyciskiSrodek b:hover { background:#5c5c5c; }
.ModulPrzyciski b.On, .ModulPrzyciskiSrodek b.On { background:#5c5c5c; }

/* modul animowany - przewijane produkty lewo / prawo lub przenikanie */
.AnimModul ul { list-style-type:none; padding:0px; width:100%; }
.AnimModul li { overflow:hidden; opacity:0; filter:alpha(opacity=0); width:50000px; }
.AnimModul .StronyAnim { padding:4px 2px 4px 2px; text-align:center; }
@media only screen and (max-width:799px) {
  .AnimModul .StronyAnim b { font-size:140%; margin:4px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  .AnimModul .StronyAnim b { font-size:130%; margin:3px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:1024px) {
  .AnimModul .StronyAnim b { font-size:120%; margin:2px; padding:3px 8px 4px 8px; }
}
.AnimModul .StronyAnim b { display:inline-block; cursor:pointer; background:#b7b7b7; color:#e6e6e6; font-weight:normal; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -khtml-border-radius:4px;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.AnimModul .StronyAnim b:hover { background:#626262; }
.AnimModul .StronyAnim b.On { background:#626262; font-weight:bold; }

.AnimModul { position:relative; }
.AnimModul .StronyStrzalki { margin-left:40px; margin-right:40px; overflow:hidden; position:relative; }
.AnimModul .LewaStrzalka, .AnimModul .PrawaStrzalka { opacity:0.7; filter:alpha(opacity=70);
  transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -webkit-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
.AnimModul .LewaStrzalka { cursor:pointer; z-index:14; position:absolute; left:0px; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../obrazki/animacja_bannery/strzalka_lewa.png') no-repeat; }
.AnimModul .PrawaStrzalka { cursor:pointer; z-index:14; position:absolute; right:0px; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../obrazki/animacja_bannery/strzalka_prawa.png') no-repeat; }
.AnimModul .LewaStrzalka:hover, .AnimModul .PrawaStrzalka:hover { opacity:1; filter:alpha(opacity=100); }

.AnimModul .ProduktProsty { border-bottom:0px; }

@media only screen and (max-width:799px) {
  .AnimModul .Kol-1 .ProduktProsty:nth-child(1n), .AnimModul .Kol-2 .ProduktProsty:nth-child(1n), .AnimModul .Kol-3 .ProduktProsty:nth-child(1n), .AnimModul .Kol-4 .ProduktProsty:nth-child(1n) { border-right:0px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  .AnimModul .Kol-1 .ProduktProsty:nth-child(1n) { border-right:0px; }
  .AnimModul .Kol-2 .ProduktProsty:nth-child(2n), .AnimModul .Kol-3 .ProduktProsty:nth-child(2n), .AnimModul .Kol-4 .ProduktProsty:nth-child(2n) { border-right:0px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  .AnimModul .Kol-1 .ProduktProsty:nth-child(1n) { border-right:0px; }
  .AnimModul .Kol-2 .ProduktProsty:nth-child(2n) { border-right:0px; }
  .AnimModul .Kol-3 .ProduktProsty:nth-child(3n), .AnimModul .Kol-4 .ProduktProsty:nth-child(3n) { border-right:0px; }
}
@media only screen and (min-width:1280px) {
  .AnimModul .Kol-1 .ProduktProsty:nth-child(1n) { border-right:0px; }
  .AnimModul .Kol-2 .ProduktProsty:nth-child(2n) { border-right:0px; }
  .AnimModul .Kol-3 .ProduktProsty:nth-child(3n) { border-right:0px; }
  .AnimModul .Kol-4 .ProduktProsty:nth-child(4n) { border-right:0px; }
}

/* newsletter */
@media only screen and (max-width:799px) {
  .ModulNewsletter strong { display:block; }
  .ModulNewsletter p { display:block; text-align:center; padding:5px 10px 5px 10px; margin:0px; }
}
@media only screen and (min-width:800px) {
  .ModulNewsletter { display:table; width:100%; border-collapse:collapse; border-spacing:0; }
  .ModulNewsletter strong { display:table-cell; vertical-align:middle; }
  .ModulNewsletter #newsletterModul { display:table-cell; vertical-align:middle; text-align:left; }
  .ModulNewsletter p { display:table-cell; vertical-align:middle; padding:5px 10px 5px 10px; text-align:left; }
  .ModulNewsletter #emailNewsletterModul { min-width:120px; }
}
@media only screen and (min-width:1024px) {
  .ModulNewsletter #emailNewsletterModul { min-width:250px; }
}
.ModulNewsletter { background:#ebebeb; line-height:1.5; margin:10px 0px 10px 0px; }
.ModulNewsletter strong { background:#525252; color:#ffffff; font-size:170%; padding:10px 30px 10px 30px; text-transform:uppercase; }
.ModulNewsletter #newsletterModul { text-align:left; }
.ModulNewsletter p { color:#7a7a7a; }
.ModulNewsletter #emailNewsletterModul { width:90%; margin:0px auto; padding:8px; }
.ModulNewsletter span { display:block; margin:10px; }
.ModulNewsletter small { display:block; margin:5px 0px 0px 0px; text-align:left; }
.ModulNewsletter .check { display:block; margin:0px; }

/* wyglad bannerow statycznych */
.BanneryStatyczne { display:block; text-align:center; margin:5px; }

/* animowane bannery na stronie glownej - modul przewijany */
#AnimacjaPrzewijanaKontener { position:relative; overflow:hidden; margin-bottom:15px; }
#BanneryAnimacjaPrzewijanaLewaStrzalka, #BanneryAnimacjaPrzewijanaPrawaStrzalka { opacity:0; filter:alpha(opacity=0);
  transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -webkit-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
#BanneryAnimacjaPrzewijana { width:50000px; list-style-type:none; padding:0px; margin:0px; }
#BanneryAnimacjaPrzewijana img { max-width:100%; height:auto; }
#BanneryAnimacjaPrzewijana li { float:left; overflow:hidden; position:relative; }
#BanneryAnimacjaPrzewijana li span { display:none; background:#565656; text-align:center; color:#ffffff; position:absolute; top:0px; opacity:0; filter:alpha(opacity=0); width:100%; }
@media only screen and (max-width:799px) {
  #BanneryAnimacjaPrzewijana li span { padding:5px; }
}
@media only screen and (min-width:800px) {
  #BanneryAnimacjaPrzewijana li span { padding:10px; }
}
#BanneryAnimacjaPrzewijana li:first-child span { display:block; opacity:0.7; filter:alpha(opacity=70); }
#AnimacjaPrzewijanaKontener:hover #BanneryAnimacjaPrzewijanaLewaStrzalka, #AnimacjaPrzewijanaKontener:hover #BanneryAnimacjaPrzewijanaPrawaStrzalka { opacity:0.7; filter:alpha(opacity=70); }
#BanneryAnimacjaPrzewijanaLewaStrzalka { cursor:pointer; z-index:14; position:absolute; left:0px; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../obrazki/animacja_bannery/strzalka_lewa.png') no-repeat; }
#BanneryAnimacjaPrzewijanaPrawaStrzalka { cursor:pointer; z-index:14; position:absolute; right:0px; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../obrazki/animacja_bannery/strzalka_prawa.png') no-repeat; }
#BanneryAnimacjaPrzewijanaNumer { display:none; }
#BanneryAnimacjaPrzewijanaPrzyciski { margin:10px 0px 15px 0px; text-align:center; }
@media only screen and (max-width:799px) {
  #BanneryAnimacjaPrzewijanaPrzyciski span { width:22px; height:22px; margin:4px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  #BanneryAnimacjaPrzewijanaPrzyciski span { width:18px; height:18px; margin:3px; }
}
@media only screen and (min-width:1024px) {
  #BanneryAnimacjaPrzewijanaPrzyciski span { width:14px; height:14px; margin:2px; }
}
#BanneryAnimacjaPrzewijanaPrzyciski span { display:inline-block; cursor:pointer; background:#b7b7b7; font-size:1px; overflow:hidden; line-height:100; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -khtml-border-radius:50%; }
#BanneryAnimacjaPrzewijanaPrzyciski span:hover { background:#626262; }
#BanneryAnimacjaPrzewijanaPrzyciski span.On { background:#626262; }

/* animowane bannery na stronie glownej - modul przenikania */
#AnimacjaPrzenikanieKontener { position:relative; overflow:hidden; margin-bottom:10px; }
#BanneryAnimacjaPrzenikanieLewaStrzalka, #BanneryAnimacjaPrzenikaniePrawaStrzalka { opacity:0; filter:alpha(opacity=0);
  transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -webkit-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
}
#BanneryAnimacjaPrzenikanie { width:50000px; list-style-type:none; padding:0px; margin:0px; }
#BanneryAnimacjaPrzenikanie img { max-width:100%; height:auto; }
#BanneryAnimacjaPrzenikanie li { position:absolute; overflow:hidden; display:none; }
#BanneryAnimacjaPrzenikanie li span { display:none; background:#565656; text-align:center; color:#ffffff; position:absolute; top:0px; opacity:0; filter:alpha(opacity=0); width:100%; }
@media only screen and (max-width:799px) {
  #BanneryAnimacjaPrzenikanie li span { padding:5px; }
}
@media only screen and (min-width:800px) {
  #BanneryAnimacjaPrzenikanie li span { padding:10px; }
}
#BanneryAnimacjaPrzenikanie li:first-child span { display:block; opacity:0.7; filter:alpha(opacity=70); }
#BanneryAnimacjaPrzenikanie li:first-child { display:block; }
#AnimacjaPrzenikanieKontener:hover #BanneryAnimacjaPrzenikanieLewaStrzalka, #AnimacjaPrzenikanieKontener:hover #BanneryAnimacjaPrzenikaniePrawaStrzalka { opacity:0.7; filter:alpha(opacity=70); }
#BanneryAnimacjaPrzenikanieLewaStrzalka { cursor:pointer; z-index:14; position:absolute; left:0px; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../obrazki/animacja_bannery/strzalka_lewa.png') no-repeat; }
#BanneryAnimacjaPrzenikaniePrawaStrzalka { cursor:pointer; z-index:14; position:absolute; right:0px; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../obrazki/animacja_bannery/strzalka_prawa.png') no-repeat; }
#BanneryAnimacjaPrzenikanieNumer { display:none; }
#BanneryAnimacjaPrzenikaniePrzyciski { margin:10px 0px 15px 0px; text-align:center; }
@media only screen and (max-width:799px) {
  #BanneryAnimacjaPrzenikaniePrzyciski span { width:22px; height:22px; margin:4px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  #BanneryAnimacjaPrzenikaniePrzyciski span { width:18px; height:18px; margin:3px; }
}
@media only screen and (min-width:1024px) {
  #BanneryAnimacjaPrzenikaniePrzyciski span { width:14px; height:14px; margin:2px; }
}
#BanneryAnimacjaPrzenikaniePrzyciski span { display:inline-block; cursor:pointer; background:#b7b7b7; font-size:1px; overflow:hidden; line-height:100; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -khtml-border-radius:50%;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
#BanneryAnimacjaPrzenikaniePrzyciski span:hover { background:#626262; }
#BanneryAnimacjaPrzenikaniePrzyciski span.On { background:#626262; }

/* animowane bannery na stronie glownej - modul mieszany */
#AnimacjaMieszanaKontener { overflow:hidden; position:relative; margin-bottom:10px; }
#AnimacjaMieszanaKontener img { max-width:100%; height:auto; }
#AnimacjaMieszanaKontener ul { list-style-type:none; padding:0px; margin:0px; width:100000px; position:relative; }
#AnimacjaMieszanaKontener li { position:relative; float:left; }
@media only screen and (max-width:799px) {
  #AnimacjaMieszanaKontener span { padding:5px; }
}
@media only screen and (min-width:800px) {
  #AnimacjaMieszanaKontener span { padding:10px; }
}
#AnimacjaMieszanaKontener span { position:absolute; top:0px; display:block; width:100%; background:#565656; color:#ffffff; text-align:center; opacity:0; filter:alpha(opacity=0); }

#BanneryAnimacjaMieszanaPrzyciski { text-align:center; margin:10px; }
@media only screen and (max-width:799px) {
  #BanneryAnimacjaMieszanaPrzyciski span { width:22px; height:22px; margin:4px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  #BanneryAnimacjaMieszanaPrzyciski span { width:18px; height:18px; margin:3px; }
}
@media only screen and (min-width:1024px) {
  #BanneryAnimacjaMieszanaPrzyciski span { width:14px; height:14px; margin:2px; }
}
#BanneryAnimacjaMieszanaPrzyciski span { display:inline-block; cursor:pointer; background:#b7b7b7; font-size:1px; overflow:hidden; line-height:100; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -khtml-border-radius:50%;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
#BanneryAnimacjaMieszanaPrzyciski span:hover { background:#626262; }
#BanneryAnimacjaMieszanaPrzyciski span.On { background:#626262; }

/*** moduly stale ***/

/* ostatnio ogladane - modul staly - przyklejony */
#PrzyklejOstatnieProd { position:fixed; left:0px; bottom:0px; width:100%; background:#000000; border-top:1px solid #ffffff; z-index:1002; opacity:0.5; filter:alpha(opacity=50); text-align:center; }
#PrzyklejOstatnieProd .Rozwiniecie { cursor:pointer; background:url('../obrazki/moduly_stale/ostatnio_ogladane_strzalka.png') no-repeat left center; padding:12px 10px 12px 35px; display:inline-block; font-size:110%; color:#ffffff; font-weight:bold; }
#PrzyklejOstatnieProd .Zamknij { left:0px; position:absolute; margin:10px; cursor:pointer; background:url('../obrazki/moduly_stale/zamknij.png') no-repeat left center; width:20px; height:20px; display:inline-block; }
#PrzyklejOstatnieProd ul { display:none; list-style-type: none; padding:0px 0px 10px 0px; margin:0px; }
#PrzyklejOstatnieProd li { margin:0px; text-align:center; }
#PrzyklejOstatnieProd li a { color:#ffffff; font-weight:normal; font-size:110%; margin:4px 0px 4px 0px; display:inline-block; }
#PrzyklejOstatnieProd li a:hover { text-decoration:underline; }

/* informacje o cookie - modul staly - przyklejony */
#InfoCookie { position:fixed; left:0px; bottom:0px; padding:10px 0px 10px 0px; width:100%; background:#000000; color:#dbdbdb; border-top:1px solid #ffffff; z-index:10003; opacity:0.9; filter:alpha(opacity=90); text-align:center; }
#InfoCookie .CookieTekst { font-size:110%; }
#InfoAkcept { background:url('../obrazki/moduly_stale/zamknij.png') no-repeat left center; display:inline-block; cursor:pointer; color:#ffffff; padding:7px 0px 7px 27px; }

/* blokada 18 + - modul staly - przyklejony */
#Blokada18 { position:fixed; left:0px; top:0px; width:100%; height:100%; background:#000000; z-index:1002; opacity:0.8; filter:alpha(opacity=80); }
@media only screen and (max-width:479px) {
  #BlokadaOkno { position:absolute; top:10%; width:270px; margin:0px auto; margin-left:-140px; }
  #BlokadaOkno strong { margin:0px 10px 0px 10px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
  #BlokadaOkno { position:absolute; top:10%; width:400px; margin:0px auto; margin-left:-205px; }
  #BlokadaOkno strong { margin:0px 10px 0px 10px; }
}
@media only screen and (min-width:800px) {
  #BlokadaOkno { position:fixed; top:30%; width:500px; margin-left:-250px; }
}
#BlokadaOkno { left:50%; background:#ffffff; z-index:1003; border:4px solid #242424;  text-align:center; }
#BlokadaOkno strong {font-size:30px; color:#00a895; display:inline-block; padding:25px; text-align:center; }
#BlokadaOkno .BlokadaTekst { line-height:1.5; text-align:center; margin:0px 30px 0px 30px; }
#BlokadaOkno .BlokadaPrzyciski { padding:25px 0px 25px 0px; }
#BlokadaOkno .BlokadaPrzyciski .przycisk18plus { cursor:pointer; padding:5px 12px 5px 12px; font-weight:bold; font-size:110%;}
#BlokadaOkno .BlokadaPrzyciski .przycisk18plus:hover { color:#ffffff; background:#929090; }
#BlokadaOkno .BlokadaPrzyciski .wejdz { background:#00a895; color:#ffffff; }
#BlokadaOkno .BlokadaPrzyciski .zrezygnuj { background:#b22a6d; color:#ffffff; }
#BlokadaOkno .BlokadaPrzyciski span { margin:0px 5px 0px 5px; }

/* informacja na gorze sklepu */
#InfoTop { position:fixed; left:0px; top:0px; width:100%; background:#31b44a; border-bottom:2px solid #ffffff; z-index:1005; opacity:0.8; filter:alpha(opacity=80); text-align:center; }
#InfoTop span { background:url('../obrazki/oknoPop/uwaga.png') no-repeat left center; font-size:110%; color:#ffffff; display:inline-block; padding:25px 25px 25px 55px; }

/* newsletter popup */
#InfoNewsletter { position:fixed; left:0px; top:0px; width:100%; height:100%; background:#000000; z-index:1002; opacity:0.8; filter:alpha(opacity=80); }
@media only screen and (max-width:479px) {
  #InfoNewsletterOkno { position:absolute; top:10%; width:250px; margin:0px auto; margin-left:-140px; padding:10px; }
  #InfoNewsletterOkno #emailNewsletterPopup { width:200px; }
  #InfoNewsletterOkno #NewsletterZamknij span { margin:-20px 0px 0px 0px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
  #InfoNewsletterOkno { position:absolute; top:10%; width:370px; margin:0px auto; margin-left:-200px; padding:10px; }
  #InfoNewsletterOkno #emailNewsletterPopup { width:250px; }
  #InfoNewsletterOkno #NewsletterZamknij span { margin:-20px 0px 0px 0px; }
}
@media only screen and (min-width:800px) {
  #InfoNewsletterOkno { position:fixed; top:35%; width:460px; margin:0px auto; margin-left:-230px; padding:20px; }
  #InfoNewsletterOkno #emailNewsletterPopup { width:300px; }
  #InfoNewsletterOkno #NewsletterZamknij span { margin:-30px 0px 0px 0px; }
}
#InfoNewsletterOkno { left:50%; background:#ffffff; z-index:1003; border:4px solid #242424; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; -khtml-border-radius:12px; text-align:center; }
#InfoNewsletterOkno h4 { margin:10px 0px 15px 0px; font-size:140%; }
#InfoNewsletterOkno b { font-size:120%; }
#InfoNewsletterOkno small { margin:10px 0px 10px 0px; }
#InfoNewsletterOkno #newsletterPopup { margin:15px 0px 10px 0px; }
#InfoNewsletterOkno #NewsletterZamknij { cursor:pointer; float:right; color:#fff;  font-size:11px; width:30px; height:15px; }
#InfoNewsletterOkno #NewsletterZamknij span { position:absolute; right:-15px; width:30px; height:30px; background:url('../obrazki/nawigacja/zamknij_banner_popup.png'); display:inline-block; }
#InfoNewsletterOkno p { text-align:center; margin:10px 0px 0px 0px; }
#InfoNewsletterOkno #emailNewsletterPopup { font-size:120%; padding:10px; text-align:center; }
#InfoNewsletterOkno #submitNewsletterPopup { font-size:110%; padding:7px 30px 7px 30px; }
#InfoNewsletterOkno #BladDanych { display:none; }
#InfoNewsletterOkno #BladDanych span { max-width:300px; text-align:left; color:#ff0000; font-size:110%; font-weight:normal; background:transparent url('../obrazki/formularz/blad.png') no-repeat left center; display:inline-block; margin:10px 0px 0px 0px; padding:2px 0px 2px 25px; }
#InfoNewsletterOkno #BladDanych strong { text-align:center; color:#ff0000; font-size:120%; font-weight:normal; display:inline-block; margin:10px 0px 10px 0px; }
#InfoNewsletterOkno #ZgodaPopup { margin:10px 0px 5px 0px; font-size:80%; opacity:0.6; filter:alpha(opacity=60); }
#ZakladkaNewsletterOkno { background:url('../obrazki/zakladki/newsletter.png') no-repeat; width:45px; height:117px; position:fixed; left:0px; bottom:100px; cursor:pointer; }

.AktProsta .TrescAktualnosci { text-align:left; margin:5px 0px 5px 0px; }
.AktProsta .TrescAktualnosci .FotoArtykul { padding-bottom:15px; text-align:center; }
.AktProsta .TrescAktualnosci .OpisArtykul { line-height:1.5; }
@media only screen and (min-width:800px) {
  .ModulMobileRwdWyswietl { display:none; }
}

#InfoTopDarmowaDostawa { background:#56b907; text-align:center; color:#ffffff; padding:10px; }
#InfoTopDarmowaDostawa span { color:#ffffff; display:inline-block; font-size:140%; font-weight:bold; }
#InfoTopDarmowaDostawa small { display:block; padding-top:5px; }

#TloExitPopUp { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.82); z-index:10003; display:none; }
#TloExitPopUpZamknij { position:absolute; left:0; top:0; right:0; bottom:0; }
#TloExitPopUp #ExitPopUpZamknij { cursor:pointer; position:absolute; right:5px; top:5px; }
#TloExitPopUp #ExitPopUpZamknij span { position:absolute; top:-15px; right:-15px; width:30px; height:30px; background:url('../obrazki/nawigacja/zamknij_banner_popup.png'); display:inline-block; }
@media only screen and (max-width:799px) {
  #TloExitPopUp .ExitPopUpOkno { width:80%; max-height:80%; overflow-y:auto; }
}
@media only screen and (min-width:800px) {
  #TloExitPopUp .ExitPopUpOkno { width:1000px; }
}
#TloExitPopUp .ExitPopUpOkno { position:fixed; left:50%; top:50%; background:#ffffff; border:4px solid #242424; transform:translate(-50%, -50%) !important; border-radius:12px; z-index:10004; }
#TloExitPopUp .ExitPopUpOknoKont { padding:20px; }
.AnimacjaExitPopUpOkno {
	animation: scale-in-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@keyframes scale-in-center {
  0% {
    opacity:0;
    top:30%;
  }
  100% {
    opacity:1;
    top:50%;
  }
}
/* producenci */
.Producenci .Producent { text-align:center; position:relative; padding:10px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  border-right:1px dotted #dbdbdb; border-bottom:1px dotted #dbdbdb;
}
.Producenci .Producent h3 { margin:10px 0px 5px 0px; }
.Producenci .Producent em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; color:#929090; }

/* recenzje - szczegoly pojedynczej recenzji oraz napisanie recenzji */
.StrTresc .Recenzja .OpisTekst { line-height:1.5; }
.StrTresc .Recenzja p { margin-bottom:10px; display:block; }
.StrTresc .Recenzja .Przyciski a { margin:10px 10px 0px 0px; }
.StrTresc .Recenzja .OpisTekst b { font-weight:normal; display:inline-block; margin:1px 0px 0px 6px; vertical-align:top; }

/* ankieta - wyniki szczegolowe ankiety */
.StrTresc .Odpowiedzi { margin:0px auto; }
.StrTresc .Odpowiedzi td { padding:5px; }
.StrTresc .Slupek { width:180px; }
.StrTresc .Slupek div { background:#31b44a; width:100px; height:18px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; }
.StrTresc .Odpowiedz { text-align:right; }
.StrTresc .Odpowiedz strong { display:inline-block; margin-right:5px; }
.StrTresc .sumaGlosow { text-align:center; }

/* wyszukiwanie zaawansowane */
#WyszukiwanieZaawansowane .WyszukajFraze { font-size:110%; padding:10px 15px 10px 15px; margin:0px 0px 20px 0px; background:#ebebeb; }
#WyszukiwanieZaawansowane .WyszukajFraze #SzukanaFraza { font-size:110%; }
#WyszukiwanieZaawansowane p { display:block; margin:0px 5px 0px 15px !important; overflow:hidden; }
#WyszukiwanieZaawansowane p:before { content:".";  display:block; height:5px; clear:both; visibility:hidden; }
@media only screen and (max-width:479px) {
  #WyszukiwanieZaawansowane p b { width:130px; }
  #WyszukiwanieZaawansowane .Wybor select { max-width:130px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
  #WyszukiwanieZaawansowane p b { width:180px; }
  #WyszukiwanieZaawansowane .Wybor select { max-width:180px; }
}
@media only screen and (min-width:800px) {
  #WyszukiwanieZaawansowane p b { width:250px; }
  #WyszukiwanieZaawansowane .Wybor select { max-width:200px; }
}
#WyszukiwanieZaawansowane p b { display:inline-block; margin-top:2px; font-weight:normal; float:left; }
#WyszukiwanieZaawansowane .Wybor b { display:inline-block; margin-top:0px; font-weight:normal; float:left; }

/* wyszukiwanie w kategoriach artykulow */
#WyszukiwanieZaawansowane .Lf { margin:0px 10px 0px 0px; }
#WyszukiwanieZaawansowane strong { color:#31b44a; margin:0px 0px 10px 0px; font-size:110%; display:block; }
@media only screen and (max-width:799px) {
  #InSzukajArtykul { width:250px; }
  #WyszukiwanieZaawansowane .Lf:first-child { margin-bottom:8px; }
}

/* wynik wyszukiwania */
#WynikWyszukiwania { padding:10px 15px 10px 15px; margin:0px 0px 20px 0px; background:#ebebeb; }
#WynikWyszukiwania p { display:block; margin:8px 5px 8px 0px; }
#WynikWyszukiwania p span { display:inline-block; font-weight:normal; margin-right:5px; }
#WynikWyszukiwania p b { display:inline-block; font-size:120%; }
#WynikWyszukiwania .przycisk { margin:5px 0px 5px 0px; }

/* tabelka w panelu klienta */
.TabelaKlient { margin:0px; padding:0px; width:100%; }
.TabelaKlient table { width:100%; margin:0px; padding:0px; }
.TabelaKlient td, .TabelaKlient th { text-align:left; padding:8px 5px 8px 8px; vertical-align:middle; border:1px solid #dbdbdb; border-width:0px 1px 1px 1px; }
.TabelaKlient span.TabelaOpis { display:none; }
@media only screen and (max-width:1023px) {
  .TabelaKlient table td { display:block; }
  .TabelaKlient table .Naglowek th { display:none; }
  .TabelaKlient table .Naglowek { border-top:1px solid #dbdbdb; }
  .TabelaKlient span.TabelaOpis { display:inline-block; margin-right:5px; }
  #TabelaZamowienia td .Cena { display:inline-block; }
}
@media only screen and (min-width:1024px) {
  #TabelaZamowienia td:nth-child(4) { text-align:center; }
  #TabelaZamowienia td:nth-child(5), #TabelaZamowienia td:nth-child(6) { text-align:right; }
}

.TabelaKlient .Naglowek th { color:#ffffff; background:#525252; text-align:center !important; font-weight:bold; }
.TabelaKlient .Centruj td { text-align:center; }
@media only screen and (max-width:1023px) {
  .TabelaKlient tr.Centruj td { text-align:left; }
}
.TabelaKlient tr:nth-child(odd) { background-color:#e6e6e6; }
.TabelaKlient td .Cena { font-style: normal; }

.TabelaKlient td .Zakup { margin-top:0px; text-align:left; }
.TabelaKlient td .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.TabelaKlient td .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 5px 5px 0px; }
.TabelaKlient td .Zakup .DoKoszyka { margin-right:0px; }
.TabelaKlient td h3 { color: #5c5c5c; font-size: 120%; font-weight: normal; }
.TabelaKlient td h3 a { font-size: 100%; }

@media only screen and (max-width:1023px) {
  .TabelaKlient td .Zakup { display:block; overflow:hidden; text-align:center; }
}

.PodsumowanieWartosc .Cena { font-weight: bold; }
.GrafikaBanneru td { padding:15px 0px 15px 0px; text-align:center; }
@media only screen and (max-width:479px) {
  .GrafikaBanneru td img { max-width:280px; }
}
@media only screen and (min-width:479px) and (max-width:799px) {
  .GrafikaBanneru td img { max-width:650px; }
}
@media only screen and (min-width:800px) {
  .GrafikaBanneru td img { max-width:1000px; }
}

/* select w panelu klienta dotyczacy punktow */
.SelectPunkty { margin: 15px 5px 10px; }
.SelectPunkty select { max-width:60%; }

/* wyglad panelu klienta */
.StrTresc .SekcjaTbl { margin:0px 0px 8px 5px; display:table; width:100%; line-height:1.5; border-collapse: collapse; border-spacing:0; }
.StrTresc .Sekcja { margin:0px 0px 0px 5px; }
.StrTresc .Sekcja .TytulSekcji, .StrTresc .SekcjaTbl .TytulSekcji { background: url("../obrazki/szablon/ok.png") no-repeat scroll left center transparent; font-size:110%; display:block; font-weight:bold; margin:0; padding-left:35px; margin-top:10px; text-decoration: none; line-height:36px; }
.StrTresc .Sekcja .TrescSekcji { background: url("../obrazki/szablon/strzalka_prawa_panel_klienta.png") no-repeat scroll left center transparent; font-weight: normal; margin:7px; margin-left: 35px; padding-left: 25px;text-decoration: none; line-height:1.8; }

.StrTresc .DaneAdresowe { padding-left:10px; }
@media only screen and (max-width:479px) {
  .StrTresc .DaneAdresowe { width:90%; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
  .StrTresc .DaneAdresowe { width:70%; }
}
@media only screen and (min-width:800px) {
  .StrTresc .DaneAdresowe { width:50%; }
}

.StrTresc .Tytul { text-align:left; margin:0px 5px 20px 5px; display:block; font-weight:bold; font-size:110%; }
.StrTresc .StatusZamowienia { display:block; margin:10px 0px 10px 0px; }
.StrTresc .DataZlozenia { background:url('../obrazki/nawigacja/kalendarz.png') no-repeat left center; padding:2px 0px 2px 22px; }
.StrTresc .Adresat { float:left; padding:5px; width:240px; }
.StrTresc .Adresat strong { color:#31b44a; display:block; margin-bottom:10px; }
.StrTresc .Szczegoly { float:left; padding:5px; width:240px; }
.StrTresc .Szczegoly strong { color:#31b44a; display:block; margin-bottom:10px; }
.StrTresc .Adresat ul, .StrTresc .RamkaProcent ul, .StrTresc .Szczegoly ul, .StrTresc .Sekcja ul { list-style-type:none; padding:0px 5px 5px 0px; margin-top:0px; }
.StrTresc .Adresat li, .StrTresc .Szczegoly li, .StrTresc .Sekcja li { line-height:1.5; }
.StrTresc .SzczegolyData { margin:15px 5px 10px 5px; }
.StrTresc .SzczegolySzerokie { float:left; padding:5px; width:70%; }
.StrTresc .SzczegolySzerokie strong { color:#31b44a; }
.StrTresc .SzczegolySzerokie ul { list-style-type:none; padding:10px 5px 5px 0px; margin-top:0px; }
.StrTresc .SzczegolySzerokie li { line-height:150%; }
.StrTresc .StatPp { margin:7px 7px 17px 35px; }

/* wyswietlanie ikonkek z linkami w sekcji klienta */
.StrTresc .Ikonki { padding:5px 0px 15px 0px; }

/* podsumowanie zamowienia */
.PodsumowanieOpis { display:table-cell; padding-right:8px; vertical-align:middle; }
.PodsumowanieWartosc { display:table-cell; text-align:right; padding-right:8px; vertical-align:middle; }
.ZamowienieKomentarz { text-align:left; margin:10px 5px 10px 5px; }

/* sekcja aktualnosci i galerii - wyswietlanie listy artykulow z kategorii oraz zdjec galerii */
.StrTresc .KomorkaTbl { text-align:center; position:relative; padding:10px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  border-right:1px dotted #dbdbdb; border-bottom:1px dotted #dbdbdb;
}
.StrTresc .KomorkaTbl h2 { text-align:right; }
.StrTresc .KomorkaTbl h2 a { text-align:left; padding:0px; display:block; margin-bottom:5px; font-weight:bold; font-size:110%; }
.StrTresc .KomorkaTbl .DaneAktualnosci { float:none; text-align:left; margin-bottom:8px; display:block; }
.StrTresc .KomorkaTbl .TrescAktualnosci { text-align:left; margin:5px 0px 5px 0px; }
.StrTresc .KomorkaTbl .DaneAktualnosci em { display:inline-block; margin:2px 2px 2px 0px; padding-right:15px; color:#929090; font-style:normal; }
.StrTresc .KomorkaTbl .ZdjecieGalerii { display:block; text-align:center; margin-bottom:15px; }

/* w aktualosciach data dodania artykulu i licznik wyswietlen - pojedynczy artykul */
.DaneAktualnosci { display:block; text-align:left; margin-bottom:15px; }
.DaneAktualnosci em { display:inline-block; margin:2px 30px 2px 0px; color:#929090; font-style:normal; }
.DaneAktualnosci .DataDodania { background:url('../obrazki/nawigacja/kalendarz.png') no-repeat left center; padding:2px 0px 2px 22px; }
.DaneAktualnosci .IloscOdslon { padding:0px; }
.ZdjecieKategAktualnosci { margin:0px 10px 10px 0px; float:left; }
.TytulKomentarze { font-size:130%; margin:25px 0px 15px 0px; padding-top:15px; }
.KomentarzArtykul { margin:8px 0px 8px 0px; line-height:1.5; }
.KomentarzArtykul span { opacity:0.6; filter:alpha(opacity=60); }
.KomentarzArtykul div.KomentarzKlienta { padding:10px 0px 10px 0px; line-height:1.2; }
.KomentarzArtykul div.KomentarzOdpowiedz { padding:10px 0px 10px 40px; line-height:1.2; font-style:italic; }
.KomentarzArtykul div.KomentarzOdpowiedz span { display:block; margin-bottom:5px; }
.KomentarzArtykuluForm { margin:15px 0px 5px 0px; }
.KomentarzArtykuluForm b { display:block; font-size:110%; margin-bottom:15px; padding-top:15px; }

/* naglowki informacyjne np logowanie, rejestracja */
.Ramka strong, .Ramka h3 { color:#31b44a; font-size:130%; margin:10px 0px 5px 0px; font-weight:normal; }

/* uzywane np przy logowaniu - podzial strony na 2 czesci */
@media only screen and (max-width:799px) {
  .StrTresc .RamkaProcent { width:90%; }
  .StrTresc .RamkaProcent:last-child { margin-top:15px; }
}
@media only screen and (min-width:800px) {
  .StrTresc .RamkaProcent { width:47%; }
}
.StrTresc .RamkaProcent { float:left; }

/* podziala na 3 kolumny - np panel klienta */
@media only screen and (max-width:799px) {
  .StrTresc .RamkaProcentTrzy { width:100%; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  .StrTresc .RamkaProcentTrzy { width:50%; }
}
@media only screen and (min-width:1024px) {
  .StrTresc .RamkaProcentTrzy { width:33%; }
}
.StrTresc .RamkaProcentTrzy { float:left; }

/* schowek - lista produktow */
.SchowekWartosc { display:table; border-collapse:collapse; border-spacing:0; margin:10px 0px 10px 0px; }
.SchowekWartosc .Kom { display:table-cell; padding:0px 5px 0px 0px; vertical-align:middle; }

/* koszyk */
#SzczegolyKoszyka { margin:5px 0px 10px 0px; }
#TrescKoszyka .StrTresc { padding:10px 0px 0px 0px; border:0px; }
.PrzyciskiKoszyka { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; padding:10px 0 10px 0; }
.PrzyciskiKoszyka span, .PrzyciskiKoszyka a { display:block; text-decoration:underline; margin:0 20px 0 0; padding:5px 0 5px 0; cursor:pointer; display:block; transition:all 0.30s ease; }
.LinkPobraniaKoszykaPDF a { background:url('../obrazki/kartaProduktu/pdf.png') no-repeat left center; background-size:18px 18px; display:inline-block; padding:5px 0 5px 26px; }


/* definicja wygladu kolejnych krokow realizacji zamowienia */

/* koszyk - tabela produktow */
.Koszyk { width:100%; margin-bottom:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.Koszyk th { text-align:center; padding:8px 5px 8px 8px; vertical-align:middle; border:1px solid #dbdbdb; }
.Koszyk td { word-break:break-word; text-align:center; padding:5px 10px 5px 10px; vertical-align:middle; border:1px solid #dbdbdb; }
.Koszyk .Naglowek th { color:#ffffff; background:#525252; text-align:center; font-weight:bold; }
.Koszyk tr td:nth-child(2) h3 { text-align:left; font-size:100%; }
.Koszyk tr td:nth-child(3), .Koszyk tr td:nth-child(5) { white-space:nowrap; }
.Koszyk tr:last-child td { border:0px; }

@media only screen and (max-width:799px) {
  .Koszyk .Cena .Brutto small, .Koszyk .Cena .Netto small { display:block; }
  .Koszyk tr td:nth-child(2) h3 a { font-size:100%; }
  .Koszyk tr td:nth-last-child(2) { border-left:0; }
  .Koszyk .Cena { font-size:100%; }
  .Koszyk .Suma .Cena { font-size:100%; }
}

.Koszyk .UsunKoszyk { display:inline-block; cursor:pointer; background:url('../obrazki/nawigacja/kasuj.png') no-repeat center top; width:16px; height:16px; }
.Koszyk input { text-align:center; color:#5c5c5c; border:1px solid #dbdbdb; padding:5px; }
.Koszyk .SumaTekst { text-align:right; font-weight:bold; font-size:110%; }
.Koszyk .Suma { background:#31b44a; color:#ffffff; padding:5px 10px 5px 10px; text-align:center; white-space:nowrap; }
.Koszyk .Suma .Cena { color:#ffffff; font-weight:bold; }
.Koszyk .Suma em { color:#ffffff; font-weight:bold; }
.Koszyk .Suma small { color:#ffffff; font-weight:normal; }
.Koszyk .Przelicz { display:block; margin-top:5px; text-align:center; }

@media only screen and (max-width:479px) {
  /* zamienia przycisk na ikonke graficzna */
  .Koszyk .Przelicz .przycisk { width:16px; height:16px; background:url('../obrazki/nawigacja/przelicz.png') no-repeat; overflow:hidden; line-height:200; padding:0px; margin:0px; border:0px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
  .Koszyk .Przelicz .przycisk { font-size:90%; margin:0px; }
}

.Koszyk .Cecha, table .Cecha { font-size:90%; display:block; margin-top:2px; font-weight:normal; }
.Koszyk .Cecha a, table .Cecha a { font-size:100%; font-weight:normal; }
.Koszyk .Komentarz { font-size:90%; display:block; margin-top:5px; font-weight:normal; }
.Koszyk .Komentarz b { font-size:90%; display:block; font-weight:bold; }
.Koszyk .Komentarz img { float:left; margin:0px 5px 5px 0px; cursor:pointer; }
.Koszyk .Komentarz textarea { width:100%; }

.InformacjaBrakMagazynProdukt { text-align:left; color:#ff0000; margin-top:5px; background:url('../obrazki/oknoPop/uwaga.png') no-repeat left center; background-size:20px auto; padding:8px 0px 8px 30px; font-weight:bold; }
.InformacjaBrakMagazyn { text-align:left; color:#ff0000; margin:15px 0px 20px 0px; background:url('../obrazki/oknoPop/uwaga.png') no-repeat left center; padding:8px 0px 8px 40px; font-weight:bold; }

.PodsumowanieInformacja { background:url('../obrazki/szablon/info.png') no-repeat center left; padding: 5px 35px 5px; margin: 0px 0px 10px 5px; }
.DarmowaWysylkaInformacja { margin-top:15px; padding:15px 0 15px 0; text-align:center; }
.WysylkaSuwak { padding:10px 0 10px 0; }
.WysylkaSuwakTlo { margin:0 auto; max-width:80%; height:10px; background:#f2f2f2; border-radius:5px; overflow:hidden; position:relative; }
.WysylkaSuwakWartosc { position:absolute; top:0; left:0; bottom:0; display:block; background:#444; border-radius:5px; animation:suwak-animacja 1s; transform-origin:left center; }
@keyframes suwak-animacja {
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}

/* koszyk - box wyboru wysylki i platnosci */
.KontenerDostawaPlatnosc { display:table; border-collapse:collapse; border-spacing:0; width:100%; margin:10px 0 10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.KontenerDostawaPlatnosc .Odstep { width:2%; height:15px; }

.DostawaWybor { background:#f3f3f3; border:1px solid #dbdbdb; padding:0px 10px 0px 10px; }
.PlatnoscWybor { background:#f3f3f3; border:1px solid #dbdbdb; padding:0px 10px 0px 10px; }
@media only screen and (max-width:799px) {
  .DostawaWybor, .PlatnoscWybor { display:block; }
  .InfoTip { display:none; }
}
@media only screen and (min-width:800px) {
  .KontenerDostawaPlatnosc { display:table; border-collapse:collapse; border-spacing:0; width:100%; }
  .DostawaWybor, .PlatnoscWybor { display:table-cell; width:49%; }
  .InfoTip { cursor:pointer; margin-left:8px; width:16px; height:16px; display:inline-block; }
}

.DostawaWybor h3, .PlatnoscWybor h3 { color:#31b44a; font-size:130%; margin-bottom:0.3em; margin-top:1.0em; padding:0 5px; font-weight:normal; }
.PlatnoscListaWyboru { padding: 10px 15px 10px 0px; }
.DostawaListaWyboru { padding: 10px 15px 10px 0px; }

.ListaWyboru { padding: 10px 15px 10px 0px; }
.ListaTbl { display:table; border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:4px; }
.ListaTbl .ListaRadio { display:table-cell; width:5%; }
.ListaTbl .ListaOpis { display:table-cell; width:67%; }
.ListaTbl .ListaCena { display:table-cell; width:28%; text-align:right; font-size:110%; }
.ListaWyboru input, .InfoPunkty input { margin:4px; padding:4px; }
.ListaTbl .ListaOpis label { font-size:110%; padding:0px; line-height:16px; }
.ListaTbl .ListaOpis:hover label { color:#31b44a; text-decoration:none; cursor:pointer; }
.ListaTbl .ListaOpis img { display:inline-block; vertical-align:middle; }
.ListaTbl .ListaOpis label img { max-width:50px !important; display:inline-block; vertical-align:middle; margin:5px 0px 5px 10px; }

/* wybor punktu dostawy w koszyku */
.WyborPunktuKoszyk { padding:10px 0px 5px 0px; display:none; }
.WybranyPunktMapyKoszyk { padding-bottom:8px; font-size:110%; font-style:italic; font-weight:bold; }

/* koszyk - podsumowanie zamowienia */
@media only screen and (max-width:799px) {
  .KontenerKoszykPodsumowanie { margin:30px 0px 10px 0px; }
}
@media only screen and (min-width:800px) {
  .KontenerKoszykPodsumowanie { float:right; width:49%; }
}
.KontenerKoszykPodsumowanie h3 { font-size:130%; margin:8px 0px 0px 5px; }
.KontenerKoszykPodsumowanie .ListaWyboru { padding:10px 0px 10px 0px; }
.ListaTblPodsumowania { display:table; border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:4px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.ListaTblPodsumowania div { border-bottom:1px solid #dbdbdb; font-size:110%; display:table-cell; padding:4px; }
.ListaPodsumowania { padding: 10px 15px 10px; }
.ListaTblPodsumowania:last-child div { border:0px; }
.ListaPodsumowaniaCena { border-bottom:1px solid #dbdbdb; font-size:110%; display:table-cell; text-align:right; }
.ListaPodsumowaniaCenaUjemna { color:#ff0000; text-align:right; }
.ListaPodsumowaniaSumaOpis { color:#31b44a; font-size:110%; }
.ListaPodsumowaniaSumaCena { color:#31b44a; font-weight:bold; font-size:140% !important; text-align:right; }

/* koszyk - informacja o punktach */
.KontenerInfoPunkty { padding: 10px 15px 10px; text-align:left; font-size:110%; line-height:1.5; }
.KontenerPunkty { display:table; border:1px solid #dbdbdb; width:100%; line-height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.KontenerPunkty h3 { color:#31b44a; font-size:130%; margin-bottom:0.3em; margin-left:10px; margin-top:1.0em; padding:0 5px; font-weight:normal; }
.FormularzPunkty { margin:10px 10px 10px 0px; line-height:16px; }
.FormularzPunkty .UsunPunkty { margin-left:5px; display:inline-block; cursor:pointer; background:url('../obrazki/nawigacja/kasuj.png') no-repeat center top; width:16px; height:16px; }
#PunktyForm label.error { text-align:left; margin-left:3px; margin-top:0px; margin-bottom:10px;width:160px !important; }

@media only screen and (max-width:799px) {
    #PunktyForm div { display:block; margin-bottom:10px; }
}
@media only screen and (min-width:800px) {
    #PunktyForm div { display:inline-block; margin-right:10px; vertical-align:middle; }
}

@media only screen and (max-width:799px) {
  .KontenerRaty { border:1px solid #dbdbdb; padding:0px 10px 0 20px; }
  .KontenerRaty div { display:inline-block; vertical-align:middle; text-align:left; }
  .KontenerRaty div a { padding:15px 20px 10px 0px; display:inline-block; }
  .KontenerKupon { border:1px solid #dbdbdb; padding: 0 10px 0 20px; margin-top:10px; }
  .KontenerKoszykButton { text-align:center; margin:35px 0px 15px 0px; }
  .KontenerKoszykButtonKontynuuj { text-align:center; margin-bottom:10px; }
  .KontenerKoszykButtonKontynuuj .Prawy { float:none; }
}
@media only screen and (min-width:800px) {
  .KontenerKoszykPozostale { display:table; border:1px solid #dbdbdb; width:100%; line-height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
  .KontenerRaty { display:table-cell; border-right:1px solid #dbdbdb; padding:0px 10px 0 10px; width:15%; }
  .KontenerRaty div { text-align:center; }
  .KontenerRaty div a { padding:20px 10px 5px 10px; display:inline-block; }
  .KontenerRaty h5 { text-align:center; }
  .KontenerKupon { display:table-cell; border-right:1px solid #dbdbdb; padding: 0 10px 0 20px; width:50%; }
  .KontenerKoszykButton { display:table-cell; position:relative; height:110px; margin:auto; vertical-align:middle; text-align:center; }
}

.KontenerRaty h5 { color:#31b44a; font-size:130%; font-weight:normal; margin-top:1.0em; }
.KontenerKupon h5 { color:#31b44a; font-size:130%; font-weight:normal; margin-top:1.0em; }
.KontenerOpakowanieOzdobne h5 { color:#31b44a; font-size:130%; font-weight:normal; margin-top:1.0em; }

.FormularzKupon { margin:10px 10px 10px 0px; line-height:1.5; }
.FormularzKupon p { padding-bottom:10px; }
.FormularzKupon .Aktywuj { overflow:hidden; display: inline; margin-top:0px; text-align:center; }
.FormularzKupon .UsunKupon { margin-left:5px; display:inline-block; cursor:pointer; background:url('../obrazki/nawigacja/kasuj.png') no-repeat center top; width:16px; height:16px; }
#KuponRabatowyForm label.error { text-align:left; margin-left:3px; margin-top:4px; margin-bottom:10px; width:130px !important; }
#KuponRabatowyForm div { display:inline-block; margin-right:10px; vertical-align:middle; }

.KontenerOpakowanieOzdobne { border:1px solid #dbdbdb; padding:0px 10px 5px 20px; margin:10px 0px 10px 0px; }
.FormularzOpakowanieOzdobne { margin:10px 10px 10px 0px; line-height:1.5; }
.FormularzOpakowanieOzdobne p { margin-bottom:10px; }
.FormularzOpakowanieOzdobne .UsunOpakowanieOzdobne { margin-left:5px; display:inline-block; cursor:pointer; background:url('../obrazki/nawigacja/kasuj.png') no-repeat center top; width:16px; height:16px; }

/* koszyk - przycisk zamowienia */
.KontenerKoszykButton strong { background:url('../obrazki/oknoPop/uwaga.png') no-repeat center left; display:block; text-align:left; margin:20px; padding:5px 0px 5px 42px; color:#ff0000; font-size:120%; font-weight:normal; line-height:1.5; }
.KontenerKoszykButton strong span { white-space:nowrap; }

/* gratisy */
.Gratisy { padding:10px; margin:10px 0px 10px 0px; }
.Gratisy .InfoGratis { background:url('../obrazki/szablon/ikona_gratisy.png') no-repeat left center; padding:4px 4px 4px 35px; font-size:110%; font-weight:bold; margin-bottom:10px; }

/* cennik */
.PozycjeCennika ul { list-style-type: none; padding: 0; margin: 0; }
.PozycjeCennika ul li { padding:10px 0px 0px 10px; font-weight:normal; font-weight:bold; }
.PozycjeCennika ul ul li { font-weight:normal !important; }
.PozycjeCennika em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; }
.PozycjeCennika a { float:right; }

/* potwierdzenie zamowienia - dane klienta */
.KontenerDaneKlienta { margin-top:10px; margin-bottom:15px; }
.KontenerDaneKlienta .Odstep { width:2%; height:15px; }
.DaneWysylki { background:#f3f3f3; border:1px solid #dbdbdb; }
.DaneFaktura { background:#f3f3f3; border:1px solid #dbdbdb; }
@media only screen and (max-width:799px) {
  .DaneWysylki, .DaneFaktura { padding:15px; }
}
@media only screen and (min-width:800px) {
  .KontenerDaneKlienta { display:table; border-collapse:collapse; border-spacing:0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
  .DaneWysylki, .DaneFaktura { display:table-cell; width:49%; padding:15px; vertical-align:top; }
}
.DaneWysylki h3, .DaneFaktura h3 { color:#31b44a; font-size:130%; padding:0px 0px 10px 0px; font-weight:normal; }
.DaneWysylki .Tekst, .DaneFaktura .Tekst { padding:10px 15px 0px 0px; font-size:110%; line-height:1.5; }
.DaneFaktura .Tekst div { margin-top:15px; }
.DaneFaktura ul { list-style-type: none; margin: 0; padding: 0; }
.DaneWysylki ul { list-style-type: none; margin: 0; padding: 0; }

.PotwierdzenieAkceptacje { text-align:left; }
.PotwierdzenieAkceptacje .PotwierdzenieOpis { margin-left:35px; }
.PrzyciskiPotwierdzenie { margin:20px 0px 10px 0px; }

/* podziekowanie za zlozone zamowienie */
.Podziekowanie { margin:0px 5px 20px 5px; font-size:160%; font-weight:bold !important; }

/* podsumowanie zamowienia - szczegoly */
.KontenerSzczegoly { line-height:2; margin-bottom:25px; }
.KontenerSzczegoly #podsumowanieZamowienia { font-size:110%; list-style-type:none; margin:0; padding:0; margin-top:10px; margin-left:5px; }
.KontenerSzczegoly #podsumowanieZamowienia li { clear:both; margin: 0; padding: 1px 0; margin-top:3px; }
@media only screen and (max-width:799px) {
  .KontenerSzczegoly #podsumowanieZamowienia li strong { display:block; margin:5px 0px 0px 0px; }
}
@media only screen and (min-width:800px) {
  .KontenerSzczegoly #podsumowanieZamowienia li strong { float:left; width:200px; }
}
.PlatnoscInfo { font-size:110%; margin:10px 0 10px 0; border:1px solid #dbdbdb; padding:5px; }

/* podsumowanie zamowienia - zgoda do systemow ratalnych */
.WyrazamZgode { padding: 8px; font-size:110%; font-style:normal; }

/* strona bledu platnosci elektronicznych */
.KomunikatBledu { color:#ff0000; font-weight:bold; padding: 7px 7px 7px 7px; border:1px dotted #dbdbdb; }

/* logowanie i integracja z facebook */
.AkcjaFacebook { background: url("../obrazki/przyciski/facebook.png") no-repeat left center; padding:5px 0px 5px 35px; }
/* logowanie i integracja z google */
.AkcjaGooglePlus { background: url("../obrazki/przyciski/google.png") no-repeat left center; padding:5px 0px 5px 35px; }

/* wysuwane ikonki podziel sie - dla aktualnosci */
#PodzielSieAktualnosci { list-style-type:none; padding:0px; margin:0px; min-height:55px; }
#PodzielSieAktualnosci li { float:left; display:inline-block; vertical-align:top; margin:4px 4px 4px 0px;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
}
#PodzielSieAktualnosci li:hover { margin:0px 4px 8px 0px; }
#PodzielSieAktualnosci a { display:inline-block; width:32px; height:32px; }
#PodzielSieAktualnosci .facebook { background:url('../obrazki/podziel_ikony/podziel_sie.png') no-repeat 0px 0px; }
#PodzielSieAktualnosci .twitter { background:url('../obrazki/podziel_ikony/podziel_sie.png') no-repeat 0px -32px; }
#PodzielSieAktualnosci .pinterest { background:url('../obrazki/podziel_ikony/podziel_sie.png') no-repeat 0px -64px; }
#PodzielSieAktualnosci .linkedin { background:url('../obrazki/podziel_ikony/podziel_sie.png') no-repeat 0px -96px; }
#PodzielSieAktualnosci .wykop { background:url('../obrazki/podziel_ikony/podziel_sie.png') no-repeat 0px -128px; }
#PodzielSieAktualnosci .pinger { background:url('../obrazki/podziel_ikony/podziel_sie.png') no-repeat 0px -160px; }

#WyszukiwanieZaawansowane label { overflow:hidden; height:37px; line-height:37px; padding:0px; }
#WyszukiwanieZaawansowane label span { margin:0px; }
#WyszukiwanieZaawansowane label input[type="checkbox"] { position:relative; }
.StrTresc .KomorkaTbl .TrescAktualnosci .FotoArtykul { padding-bottom:15px; text-align:center; }
.StrTresc .KomorkaTbl .TrescAktualnosci .OpisArtykul { line-height:1.5; }
.StrTresc .Ikonki a { display:inline-block; margin:5px 20px 5px 0px; }

.StrTresc .PozycjaZamowienieLista { margin:5px 5px 20px 5px; }
.StrTresc .DataPlanowanejWysylki { display:block; margin:10px 0px 10px 0px; }

.OpisPolaFormularza { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; }
.OpisFormularza, .TrescPolaFormularza { margin-bottom:25px; width:100%; }
.OpisFormularza { line-height:1.5; }
.OpisFormularzaPusty .OpisFormularza { display:none; }
.TrescPolaFormularza input[type=text], .TrescPolaFormularza select, .TrescPolaFormularza textarea { max-width:calc(100% - 20px); }
.FormularzOpis-Dol .OpisFormularza { order:2; }
.FormularzOpis-Dol .TrescPolaFormularza { order:1; }
@media only screen and (min-width:800px) {
  .FormularzOpis-Lewa .OpisFormularza { width:calc(50% - 15px); padding-right:15px; }
  .FormularzOpis-Lewa .TrescPolaFormularza { width:calc(50% - 15px); padding-left:15px; }
}
@media only screen and (min-width:800px) {
  .FormularzOpis-Prawa .OpisFormularza { order:2; width:calc(50% - 15px); padding-left:15px; }
  .FormularzOpis-Prawa .TrescPolaFormularza { order:1; width:calc(50% - 15px); padding-right:15px; }
}

.OdliczajPlatnoscKontener { padding:30px 0 30px 0; text-align:center; }
.OdliczajPlatnoscKontener > strong { display:block; font-size:130%; padding-bottom:20px; }
.OdliczajPlatnosc { margin:0 auto; width:120px; height:120px; border-radius:50%; display:flex; justify-content:center; align-items:center; border:3px solid #ccc; overflow:hidden; cursor:pointer; position:relative; }
.OdliczajPlatnoscPostep { position:absolute; bottom:0; left:0; right:0; background:#f5f5f5; transition:all 0.30s ease-in-out; }
.OdliczajPlatnosc div.LicznikZegara { font-family:Tahoma; }
.OdliczajPlatnosc div.LicznikZegara b { font-size:60px; line-height:60px; width:100%; position:relative; z-index:1; }
.OdliczajPlatnosc div.LicznikZegara small { width:100%; display:block; font-size:15px; position:relative; z-index:1; }
.ZatrzymajZegar { text-align:center; padding-top:15px; }

@media only screen and (max-width:1023px) {
  .PodzialZamowienie .RamkaProcentZamowienie { margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #dbdbdb; }
  .RamkaPolaBezRejestracji { margin-top:30px; border-top:1px solid #dbdbdb; }
  .PodzialZamowienie .RamkaProcentZamowienie:last-child { margin:0; border:0; }
  .InformacjeWysylkaPlatnosc .InformacjeWysylka { margin:30px 10px 30px 10px; }
}
@media only screen and (min-width:1024px) {
  .PodzialZamowienie, .PodzialZakupRejestracja { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; margin:0 -25px 0 -25px; }
  .PodzialZamowienie .RamkaProcentZamowienie { width:calc(50% - 50px); padding:0 25px 0 25px; }
  .PodzialZakupRejestracja > div { width:calc(50% - 50px); padding:0 25px 0 25px; }
  .InformacjeWysylkaPlatnosc { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
  .InformacjeWysylkaPlatnosc > div { width:calc(50% - 52px); }
}
.RamkaPolaBezRejestracji { padding-top:30px; }
.RamkaProcentZamowienie h3, .PodzialZakupRejestracja h3 { margin:0 0 25px 0; padding-top:15px; }

.InformacjeWysylkaPlatnosc { margin:0 -10px 0 -10px; }
.InformacjeWysylkaPlatnosc > div { margin:10px; padding:15px; border:1px solid #dbdbdb; }
.InformacjeWysylkaPlatnosc > div > b { display:block; }
.InformacjeWysylkaPlatnosc > div div { padding-top:10px; }
.InformacjeWysylkaPlatnosc .przycisk { margin-top:15px; }
.InformacjeWysylkaPlatnosc h3 { padding-top:0; }

.OpisInfoKonto { margin:25px 0 25px 0; line-height:1.6; }

.CheckboxFlex { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:flex-start; }
.CheckboxFlex > label { margin-right:20px; }
.CheckboxFlex > label:last-child { margin:0; }

.PodzialZakupPrzyciski > div { padding-top:30px; text-align:center; }
.PodzialZakupPrzyciski > div input { width:100%; box-sizing:border-box; }
.PodzialZakupPrzyciski > div:last-child { text-align:right; }
.PodzialZakupPrzyciski > div:last-child a { margin:0; }

.HasloSila { display:none; }
.HasloKont { display:flex; justify-content:flex-start; align-items:center; white-space:nowrap; padding-bottom:20px; }
#HasloPasekKont { width:100%; max-width:250px; background-color:#e8e8e8; border-radius:5px; height:15px; margin-right:10px; }
#HasloPasek { height:100%; width:0; border-radius:5px; transition:width 0.3s; }
.sila-slaba { background-color:red; }
.sila-srednia { background-color:orange; }
.sila-mocna { background-color:green; }

@media only screen and (max-width:799px) {
  .Koszyk .UkryjMobile { width:0 !important; min-width:0 !important; padding:0 !important; border:none !important; background:none !important; font-size:0 !important; }
  .Koszyk .UkryjMobile > * { display: none !important; }
}

.KonternerFbGoogle { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:10px; align-items:flex-start; padding:30px 0 0 0; }
/*
 Zebra_DatePicker:a lightweight jQuery date picker plugin
 Default theme
 copyright (c) 2011 - 2014 Stefan Gabos
 http://stefangabos.ro/jquery/zebra-datepicker/

*/

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before { -moz-box-sizing:content-box !important; -webkit-box-sizing:content-box !important; box-sizing:content-box !important }
.Zebra_DatePicker { position:absolute; background:#666; border:3px solid #666; z-index:100; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; }
.Zebra_DatePicker * { margin:0; padding:0; color:#000; background:transparent; border:none }
.Zebra_DatePicker table { border-collapse:collapse; border-spacing:0; width:auto; table-layout:auto; }

.Zebra_DatePicker td,
.Zebra_DatePicker th { text-align:center; padding:5px 0 }
.Zebra_DatePicker td { cursor:pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker { margin-top:3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td { background:#E8E8E8; width:30px; border:1px solid #7BACD2 }

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px }

.Zebra_DatePicker.dp_visible { display:block; visibility:visible; filter:alpha(opacity=100); -khtml-opacity:1; -moz-opacity:1; opacity:1; transition:opacity 0.2s ease-in-out }
.Zebra_DatePicker.dp_hidden { display:none; visibility:hidden; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; opacity:0 }

.Zebra_DatePicker .dp_header td { color:#ffffff }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next { width:30px }

.Zebra_DatePicker .dp_header .dp_caption { font-weight:bold }
.Zebra_DatePicker .dp_header .dp_hover { background:#222222; color:#ffffff }

.Zebra_DatePicker .dp_daypicker th { background:#ffcc33 }
.Zebra_DatePicker td.dp_not_in_month { background:#f3f3f3; color:#cdcdcd; cursor:default }
.Zebra_DatePicker td.dp_not_in_month_selectable { background:#f3f3f3; color:#cdcdcd; cursor:pointer }
.Zebra_DatePicker td.dp_weekend { background:#d8d8d8 }
.Zebra_DatePicker td.dp_weekend_disabled { color:#cccccc; cursor:default }
.Zebra_DatePicker td.dp_selected { background:#5a4b4b; color:#ffffff !important }
.Zebra_DatePicker td.dp_week_number { background:#ffcc33; color:#555; cursor:text; font-style:italic }

.Zebra_DatePicker .dp_monthpicker td { width:33% }
.Zebra_DatePicker .dp_yearpicker td { width:33% }
.Zebra_DatePicker .dp_footer { margin-top:3px }
.Zebra_DatePicker .dp_footer .dp_hover { background:#222; color:#ffffff }
.Zebra_DatePicker .dp_today { color:#ffffff; padding:3px }
.Zebra_DatePicker .dp_clear { color:#ffffff; padding:3px }

.Zebra_DatePicker td.dp_current { color:#c40000 }
.Zebra_DatePicker td.dp_disabled_current { color:#e38585 }
.Zebra_DatePicker td.dp_disabled { background:#f3f3f3; color:#cdcdcd; cursor:default }
.Zebra_DatePicker td.dp_hover { background:#482424; color:#ffffff }

button.Zebra_DatePicker_Icon { display:block; position:absolute; width:16px; height:16px; background:url('../../../programy/zebraDatePicker/css/calendar.png') no-repeat left top; text-indent:-9000px; border:none; cursor:pointer; padding:0; line-height:0; vertical-align:top }
button.Zebra_DatePicker_Icon_Disabled { background-image:url('../../../programy/zebraDatePicker/css/calendar-disabled.png') }

button.Zebra_DatePicker_Icon { margin:0 0 0 3px }
button.Zebra_DatePicker_Icon_Inside { margin:0 3px 0 0 }/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:20000; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch; padding-top:28px;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../../../programy/colorBox/images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../../../programy/colorBox/images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../../../programy/colorBox/images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../../../programy/colorBox/images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../../../programy/colorBox/images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../../../programy/colorBox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../../../programy/colorBox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../../../programy/colorBox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../../../programy/colorBox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; top:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../../../programy/colorBox/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../../../programy/colorBox/images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; top:0; left:0; background:url(../../../programy/colorBox/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; top:0; left:27px; background:url(../../../programy/colorBox/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; top:0; right:0; background:url(../../../programy/colorBox/images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}