@font-face {
  font-family: 'EncodeSansNarrow';
  src: url('../font/EncodeSansNarrow-Regular.eot?#iefix') format('embedded-opentype'),  url('../font/EncodeSansNarrow-Regular.woff') format('woff'), url('../font/EncodeSansNarrow-Regular.ttf')  format('truetype'), url('../font/EncodeSansNarrow-Regular.svg#EncodeSansNarrow-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'EncodeSansNarrow';
  src: url('../font/EncodeSansNarrow-Bold.eot?#iefix') format('embedded-opentype'),  url('../font/EncodeSansNarrow-Bold.woff') format('woff'), url('../font/EncodeSansNarrow-Bold.ttf')  format('truetype'), url('../font/EncodeSansNarrow-Bold.svg#EncodeSansNarrow-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}


/* kolor tla strony, tekstu na stronie oraz rozmiaru marginesu */
BODY { background:#ffffff; color: #5c5c5c; font-size:75%; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; margin: 0px; font-weight:normal; }
h1, h2, h3, h4, h5, h6, p { margin:0px; padding:0px; font-size:1.0em; }
img { border:0px; }
table { border-collapse: collapse; border-spacing:0; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; 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:200px; height:auto; }
}
@media only screen and (min-width:480px) and (max-width:799px) { 
  .Zdjecie, .BoxTresc img, .StrTresc .Zdjecie { max-width:250px; 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; }

/* 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; }

/* 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; }
}

#CalaStrona { width:100%; overflow:hidden; }

/* ===================================================================
   NAGLOWEK - nowy wyglad (bialy naglowek wg makiety)
   nie usuwac id: #Naglowek, #Logo, #Wyszukiwanie, #InSzukaj, #ButSzukaj,
   #Logowanie, #Koszyk (animacja koszyka), #Schowek, #maleRwd
   =================================================================== */
#Naglowek { position:relative; background:#ffffff; }
#Naglowek .Strona { overflow:visible; position:relative; }

/* gorny pasek - korzysci i kontakt */
#PasekGorny { background:#f7f7fa; border-bottom:1px solid #ececf2; color:#4a4a5a; font-size:110%; }
#PasekGorny .Strona { display:flex; justify-content:space-between; align-items:center; min-height:36px; }
.PasekKorzysci, .GornyKontakt { list-style-type:none; margin:0px; padding:0px; display:flex; align-items:center; flex-wrap:wrap; }
.PasekKorzysci li, .GornyKontakt li { padding:8px 0px 8px 24px; background-repeat:no-repeat; background-position:left center; background-size:17px 17px; }
.PasekKorzysci li + li, .GornyKontakt li + li { margin-left:22px; }
.KorzyscWysylka { background-image:url('../obrazki/szablon/n_wysylka.svg'); }
.KorzyscGwarancja { background-image:url('../obrazki/szablon/n_gwarancja.svg'); }
.KorzyscZwrot { background-image:url('../obrazki/szablon/n_zwrot.svg'); }
.GornyKontakt li:nth-child(1) { background-image:url('../obrazki/szablon/n_telefon.svg'); }
.GornyKontakt li:nth-child(2) { background-image:url('../obrazki/szablon/n_mail.svg'); }
.GornyKontakt li a { color:#2f2583; font-weight:bold; }
.GornyKontakt li a:hover { color:#ef7d00; }
@media only screen and (max-width:799px) {
  .PasekKorzysci { display:none; }
  #PasekGorny .Strona { justify-content:center; }
}

/* glowny wiersz naglowka */
@media only screen and (min-width:800px) {
  .NaglowekGlowny { display:flex; align-items:center; min-height:92px; }
  .NaglowekGlowny > * { flex:0 0 auto; }
}

/* logo */
#Logo a { display:block; font-size:0px; }
#Logo img { display:block; width:auto; }
@media only screen and (max-width:799px) {
  #Logo { text-align:center; padding:10px 0px 4px 0px; }
  #Logo img { display:inline-block; height:64px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  #Logo { margin-right:18px; }
  #Logo img { height:52px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  #Logo { margin-right:28px; }
  #Logo img { height:62px; }
}
@media only screen and (min-width:1280px) {
  #Logo { margin-right:40px; }
  #Logo img { height:72px; }
}

/* wyszukiwanie w naglowku */
#Wyszukiwanie div:first-child { position:relative; display:flex; height:48px; border:2px solid #e3e3ea; border-radius:12px; background:#ffffff; overflow:hidden;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:border-color .2s ease, box-shadow .2s ease; }
#Wyszukiwanie div:first-child:focus-within { border-color:#ef7d00; box-shadow:0 0 0 3px rgba(239,125,0,.18); }
#Wyszukiwanie div:first-child:before { content:""; position:absolute; right:0px; top:0px; bottom:0px; width:56px; background:#ef7d00; transition:background .2s ease; }
#Wyszukiwanie div:first-child:hover:before { background:#2f2583; }
#InSzukaj { order:1; flex:1 1 auto; width:auto; min-width:0px; height:44px; border:0px; padding:0px 14px 0px 16px; color:#333333; font-size:125%; background:transparent; outline:none; font-family:'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; }
#InSzukaj::placeholder { color:#9a9aa8; }
#ButSzukaj { order:2; position:relative; z-index:1; flex:0 0 auto; width:24px; height:24px; margin:10px 16px 0px 16px; -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1); }
@media only screen and (max-width:799px) {
  #Wyszukiwanie { padding:6px 0px 14px 0px; display:none; }
}
@media only screen and (min-width:800px) {
  #Wyszukiwanie { flex:1 1 auto; min-width:0px; max-width:600px; margin:0px auto 0px 0px; }
}

/* konto, schowek, koszyk - wspolne */
#Logowanie, #Schowek, #Koszyk { position:relative; color:#2f2583; }
#Logowanie strong, #Schowek strong, #Koszyk strong { display:block; font-size:125%; font-weight:bold; color:#2f2583; line-height:1.2; }
@media only screen and (max-width:799px) {
  #Logowanie, #Schowek, #Koszyk { display:none; }
}
@media only screen and (min-width:800px) {
  #Logowanie { margin-left:24px; }
  #Schowek, #Koszyk { margin-left:22px; }
}

/* konto */
@media only screen and (min-width:800px) {
  #Logowanie { display:flex; align-items:center; }
}
#Logowanie .KontoIkona { flex:0 0 auto; width:32px; height:32px; margin-right:10px; background:url('../obrazki/szablon/n_konto.svg') no-repeat center; background-size:30px 30px; }
#Logowanie .KontoTekst { color:#9a9aa8; white-space:nowrap; }
#Logowanie .KontoTekst a { color:#555566; }
#Logowanie .KontoTekst a:hover { color:#ef7d00; }

/* schowek i koszyk */
#Schowek a, #Koszyk a { position:relative; display:block; padding:2px 0px 2px 42px; min-height:32px; color:#555566; white-space:nowrap; }
#Schowek a { display:flex; align-items:center; }
#Schowek a:before, #Koszyk a:before { content:""; position:absolute; left:0px; top:50%; margin-top:-16px; width:32px; height:32px; background-repeat:no-repeat; background-position:center; background-size:30px 30px; }
#Schowek a:before { background-image:url('../obrazki/szablon/n_schowek.svg'); }
#Koszyk a:before { background-image:url('../obrazki/szablon/n_koszyk.svg'); }
#Schowek a:hover strong, #Koszyk a:hover strong { color:#ef7d00; }
#Koszyk span { display:block; font-weight:bold; color:#ef7d00; }
.NaglowekGlowny .Licznik { position:absolute; left:20px; top:50%; margin-top:-22px; z-index:1; min-width:22px; height:22px; padding:0px 5px; border:2px solid #ffffff; border-radius:12px;
  background:#ef7d00; color:#ffffff; font-style:normal; font-weight:bold; font-size:11px; line-height:18px; text-align:center;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#Schowek .Licznik { background:#2f2583; }

/* tablet (800-1023px) - tylko ikony, bez opisow */
@media only screen and (min-width:800px) and (max-width:1023px) {
  #Logowanie .KontoTekst, #Schowek strong, #Koszyk strong, #Koszyk span { display:none; }
  #Logowanie .KontoIkona { margin-right:0px; }
  #Schowek a, #Koszyk a { padding-left:32px; }
  .PasekKorzysci li:nth-child(3) { display:none; }
}

/* menu z ikonami - tylko ponizej 800px */
#maleRwd { list-style-type:none; padding:0px; margin:0px auto; height:50px; overflow:hidden; border-top:1px solid #ececf2; }
#maleRwd li { float:left; height:50px; text-align:center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
#maleRwd li a, #maleRwd li span { margin-top:12px; display:inline-block; cursor:pointer; }
#maleRwd li img { display:block; width:26px; height:26px; }
.RwdSchowek li { width:20%; }
.RwdBezSchowka li { width:25%; }
@media only screen and (max-width:799px) {
  #maleRwd { display:block; }
}
@media only screen and (min-width:800px) {
  #maleRwd { display:none; }
}

/* ===================================================================
   MENU KATEGORII - granatowy pasek pod naglowkiem (2026-10-27: wczesniej bialy)
   nie usuwac: #MenuKategorii, .MenuKategorie, .Glowna, .RozwinKategorie, .OknoKategoria
   =================================================================== */
#TloMenu { margin-bottom:10px; background:#2f2583; border-top:0px; border-bottom:0px; box-shadow:0 4px 12px rgba(47,37,131,.18); }
#TloMenu .Strona { overflow:visible; }

/* menu - telefon i tablet (rozwijane) */
@media only screen and (max-width:1023px) {
  #MenuKategorii h2 { color:#ffffff; cursor:pointer; font-size:150%; font-weight:bold; letter-spacing:.5px; padding:13px 0px 13px 0px; }
  #MenuKategorii h2 span { display:block; background:url('../obrazki/szablon/n_menu_bialy.svg') no-repeat right center; background-size:26px 26px; }
  #MenuKategorii .MenuKategorie { display:none; list-style-type:none; padding:0px; margin:0px auto; position:relative; overflow:visible; border-top:1px solid rgba(255,255,255,.15); }
  #MenuKategorii li { position:relative; border-bottom:1px solid rgba(255,255,255,.15); }
  #MenuKategorii li:last-child { border-bottom:0px; }
  #MenuKategorii li.Glowna > a { display:block; padding:13px 46px 13px 0px; color:#ffffff; font-size:130%; font-weight:bold; text-transform:uppercase; }
  #MenuKategorii .RozwinKategorie { position:absolute; right:0px; top:4px; width:40px; height:40px; cursor:pointer; background:url('../obrazki/szablon/n_strzalka_biala.svg') no-repeat center; background-size:16px 16px; }
  #MenuKategorii li .OknoKategoria { display:none; z-index:10000; overflow:hidden; padding:0px 0px 10px 0px; }
  #MenuKategorii li ul { list-style-type:none; margin:0px; padding:0px; text-align:left; }
  #MenuKategorii .OknoKategoria ul li { border:0px; }
  #MenuKategorii .OknoKategoria a { position:relative; display:block; padding:8px 0px 8px 18px; color:#dcd9f3; font-size:115%; }
  #MenuKategorii .OknoKategoria a:before { content:""; position:absolute; left:4px; top:50%; margin-top:-3px; width:6px; height:6px; border-radius:50%; background:#ef7d00; }
  #MenuKategorii .OknoKategoria a:hover { color:#ffffff; }
}

/* menu - komputer (poziomy pasek z rozwijanymi oknami) */
@media only screen and (min-width:1024px) {
  #MenuKategorii h2 { display:none; }
  #MenuKategorii .MenuKategorie { display:flex !important; list-style-type:none; padding:0px; margin:0px; position:relative; overflow:visible; }
  #MenuKategorii .Glowna { position:static; }
  #MenuKategorii .Glowna:first-child > a { padding-left:0px; }
  #MenuKategorii li.Glowna > a { display:block; padding:15px 18px 12px 18px; color:#ffffff; font-size:120%; font-weight:bold; letter-spacing:.3px; text-transform:uppercase;
    border-bottom:3px solid transparent; transition:color .2s ease, border-color .2s ease; }
  #MenuKategorii .GlownaStrzalka > a { padding-right:36px !important; background:url('../obrazki/szablon/n_strzalka_biala.svg') no-repeat right 14px center; background-size:12px 12px; }
  #MenuKategorii .Glowna:hover > a { color:#ef7d00; border-bottom-color:#ef7d00; }
  #MenuKategorii .GlownaStrzalka:hover > a { background-image:url('../obrazki/szablon/n_strzalka_pom.svg'); }

  #MenuKategorii li .OknoKategoria { z-index:10000; display:none; position:absolute; top:100%; left:0px; width:100%; overflow:hidden; background:#ffffff;
    border:1px solid #ececf2; border-top:3px solid #ef7d00; border-radius:0px 0px 14px 14px; box-shadow:0 16px 32px rgba(47,37,131,.14);
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
  #MenuKategorii .OknoPodkategorie { padding:22px 26px; }
  #MenuKategorii .OknoKategoria ul { list-style-type:none; padding:0px; margin:0px; display:grid; grid-template-columns:repeat(3, 1fr); gap:2px 18px; }
  #MenuKategorii .OknoKategoria a { display:block; padding:9px 12px; border-radius:8px; color:#444455; font-size:120%; transition:background .2s ease, color .2s ease; }
  #MenuKategorii .OknoKategoria a:hover { background:#fff4e8; color:#ef7d00; }
}
@media only screen and (min-width:1280px) {
  #MenuKategorii .OknoKategoria ul { grid-template-columns:repeat(4, 1fr); }
  #MenuKategorii .OknoPodkategorie { padding:26px 30px; }
}

/* podpowiedzi wyszukiwarki - szersze okno */
#Podpowiedzi { min-width:320px; }

/* ===================================================================
   STRONA GLOWNA - baner z konfiguratorem "Znajdz toner"
   nie usuwac: #Wyszukiwarka, #Selecty, #SelectWynik_1..6 (konfigurator)
   =================================================================== */
#Wyszukiwarka { position:relative; margin:18px 0px 22px 0px; border-radius:20px; overflow:hidden; border:1px solid #f1e6da;
  background:#fff7ee; background:linear-gradient(120deg, #fff6ec 0%, #fdf9f4 45%, #f3f1fa 100%); }
#Wyszukiwarka .HeroTresc { position:relative; z-index:1; }
.HeroZnacznik { display:inline-block; padding:5px 14px; border-radius:20px; background:#ef7d00; color:#ffffff; font-weight:bold; font-size:110%; letter-spacing:.3px; }
.NaglowekWyszukiwarka { margin:14px 0px 10px 0px; }
#Wyszukiwarka strong { display:block; color:#1f1a4d; font-weight:bold; line-height:1.12; }
#Wyszukiwarka strong em { font-style:normal; color:#ef7d00; }
.HeroOpis { color:#555566; font-size:135%; line-height:1.5; margin-bottom:18px; }
#Selecty { max-width:460px; }
#Selecty select { display:block; width:100%; margin:0px 0px 10px 0px; padding:13px 44px 13px 18px; border:2px solid #e3e3ea; border-radius:12px; cursor:pointer; outline:none;
  background:#ffffff url('../obrazki/szablon/n_strzalka.svg') no-repeat right 16px center; background-size:14px 14px; color:#2f2583; font-size:130%; font-family:'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif;
  -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:border-color .2s ease, box-shadow .2s ease; }
#Selecty select:hover { border-color:#ef7d00; }
#Selecty select:focus { border-color:#ef7d00; box-shadow:0 0 0 3px rgba(239,125,0,.18); }
#Selecty a { display:block; margin:4px 0px 10px 0px; padding:14px 20px; border-radius:12px; background:#ef7d00; color:#ffffff; font-weight:bold; font-size:135%; text-align:center; box-shadow:0 6px 16px rgba(239,125,0,.35); transition:background .2s ease; }
#Selecty a:hover { background:#2f2583; color:#ffffff; }
.HeroAtuty { list-style-type:none; margin:16px 0px 0px 0px; padding:0px; display:flex; flex-wrap:wrap; gap:8px 22px; color:#4a4a5a; font-size:112%; }
.HeroAtuty li { padding-left:24px; background:url('../obrazki/szablon/n_ok.svg') no-repeat left center; background-size:17px 17px; }
.HeroAtuty a { color:#2f2583; font-weight:bold; }
.HeroAtuty a:hover { color:#ef7d00; }
.HeroGrafika picture, .HeroGrafika img { display:block; width:100%; height:auto; }
@media only screen and (max-width:799px) {
  #Wyszukiwarka { padding:22px 18px 20px 18px; }
  #Wyszukiwarka strong { font-size:210%; }
  .HeroOpis { font-size:120%; }
  .HeroGrafika { display:none; }
}
@media only screen and (min-width:800px) {
  #Wyszukiwarka { padding:36px 40px 34px 40px; min-height:300px; }
  #Wyszukiwarka .HeroTresc { max-width:58%; }
  .HeroGrafika { position:absolute; right:24px; bottom:0px; width:38%; max-width:520px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  #Wyszukiwarka strong { font-size:240%; }
}
@media only screen and (min-width:1024px) {
  #Wyszukiwarka strong { font-size:310%; }
  #Wyszukiwarka .HeroTresc { max-width:54%; }
  .HeroGrafika { width:42%; right:36px; }
}

/* kafelki kategorii pod banerem */
#KafleKategorii { list-style-type:none; margin:0px 0px 28px 0px; padding:0px; display:grid; gap:18px; }
#KafleKategorii a { position:relative; display:block; height:100%; overflow:hidden; background:#ffffff; border:1px solid #ececf2; border-radius:16px; box-shadow:0 4px 14px rgba(0,0,0,.06);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
#KafleKategorii a:hover { transform:translateY(-4px); border-color:#ef7d00; box-shadow:0 10px 24px rgba(47,37,131,.14); }
#KafleKategorii img { display:block; width:100%; height:auto; }
#KafleKategorii strong { position:relative; display:block; padding:14px 56px 2px 18px; color:#2f2583; font-size:150%; line-height:1.25; }
#KafleKategorii strong:after { content:""; position:absolute; right:16px; top:50%; margin-top:-8px; width:32px; height:32px; border-radius:50%;
  background:#ef7d00 url('../obrazki/szablon/n_dalej.svg') no-repeat center; background-size:16px 16px; transition:background-color .2s ease; }
#KafleKategorii a:hover strong:after { background-color:#2f2583; }
#KafleKategorii span { display:block; padding:2px 56px 16px 18px; color:#777788; font-size:115%; }
@media only screen and (max-width:799px) {
  #KafleKategorii { grid-template-columns:1fr; gap:12px; }
  #KafleKategorii a { display:grid; grid-template-columns:38% 1fr; grid-template-rows:1fr 1fr; }
  #KafleKategorii img { grid-row:1 / 3; height:100%; object-fit:cover; }
  #KafleKategorii strong { align-self:end; padding:10px 12px 2px 14px; font-size:130%; }
  #KafleKategorii strong:after { display:none; }
  #KafleKategorii span { align-self:start; padding:2px 12px 10px 14px; font-size:105%; }
}
/* 4 kategorie: 2 kolumny na tablecie, 4 na komputerze */
@media only screen and (min-width:800px) and (max-width:1023px) {
  #KafleKategorii { grid-template-columns:repeat(2, 1fr); }
}
@media only screen and (min-width:1024px) {
  #KafleKategorii { grid-template-columns:repeat(4, 1fr); }
  #KafleKategorii strong { font-size:135%; padding-right:50px; }
  #KafleKategorii span { padding-right:18px; }
}

/* naglowki modulow na stronie glownej - spokojniejsze, wg makiety */
.StrGlowna .StrNaglowek { border-bottom:0px; margin:10px 0px 14px 0px; text-transform:none; }
.StrGlowna .StrNaglowek span { position:relative; display:inline-block; padding:0px 0px 10px 0px; background:none; box-shadow:none; border-radius:0px; text-shadow:none; color:#1f1a4d; font-size:130%; letter-spacing:0px; }
.StrGlowna .StrNaglowek span:before { content:none; }
.StrGlowna .StrNaglowek span:after { content:""; position:absolute; left:0px; bottom:0px; width:48px; height:4px; border-radius:2px; background:#ef7d00; }
.StrGlowna .StrNaglowek a { color:#1f1a4d; }
.StrGlowna .StrNaglowek a:hover { color:#ef7d00; }

#IkonyInfo { margin-top:10px; margin-bottom:10px; line-height:1.5; }
#IkonyInfo ul { list-style-type:none; margin:0px; padding:0px; }
#IkonyInfo ul li { padding:0px 20px 0px 90px; 
  -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;
}
#IkonyInfo ul li strong { color:#404040; display:block; margin-bottom:8px; }

@media only screen and (max-width:799px) {
  #IkonyInfo ul li { font-size:115%; margin:25px 0px 25px 0px; }
  #IkonyInfo ul li strong { font-size:120%; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  #IkonyInfo ul li { font-size:115%; }
  #IkonyInfo ul li strong { font-size:120%; }
  #IkonyInfo ul li { float:left; width:50%; }
  #IkonyInfo ul li:nth-child(3) { clear:both; margin-top:15px; }
  #IkonyInfo ul li:nth-child(4) { margin-top:15px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  #IkonyInfo ul li { font-size:105%; }
  #IkonyInfo ul li strong { font-size:110%; }
  #IkonyInfo ul li { float:left; width:25%; }
}
@media only screen and (min-width:1280px) {
  #IkonyInfo ul li { font-size:120%; }
  #IkonyInfo ul li strong { font-size:130%; }
  #IkonyInfo ul li { float:left; width:25%; }
}

@media only screen and (max-width:799px) {
  #IkonyInfo { padding:5px 0px 5px 10px; }
  #IkonyInfo ul li:nth-child(1) { background:url('../obrazki/szablon/ikona_dostawa.png') no-repeat 20px 8px; }
  #IkonyInfo ul li:nth-child(2) { background:url('../obrazki/szablon/ikona_wysylka.png') no-repeat 20px 8px; }
  #IkonyInfo ul li:nth-child(3) { background:url('../obrazki/szablon/ikona_zwroty.png') no-repeat 25px 8px; }
  #IkonyInfo ul li:nth-child(4) { background:url('../obrazki/szablon/ikona_bezpieczenstwo.png') no-repeat 25px 8px; }
}
@media only screen and (min-width:800px) {
  #IkonyInfo { padding:25px 0px 25px 10px; }
  #IkonyInfo ul li:nth-child(1) { background:url('../obrazki/szablon/ikona_dostawa.png') no-repeat 20px 15px; }
  #IkonyInfo ul li:nth-child(2) { background:url('../obrazki/szablon/ikona_wysylka.png') no-repeat 20px 15px; }
  #IkonyInfo ul li:nth-child(3) { background:url('../obrazki/szablon/ikona_zwroty.png') no-repeat 25px 15px; }
  #IkonyInfo ul li:nth-child(4) { background:url('../obrazki/szablon/ikona_bezpieczenstwo.png') no-repeat 25px 15px; }
}

#NewsletterGlowny { background:#e3e3e3; margin-top:20px; }

/* ===================================================================
   STOPKA - nowy wyglad (granatowa, laczy sie z paskiem newslettera)
   nie usuwac: .KolumnaStopki, .StopkaRozwin / .StopkaZwin (zwijanie na telefonie), #KontaktDolny
   =================================================================== */
#StopkaTlo { background:#1f1a4d; color:#c9c6e6; }
#Stopka { margin:0px auto; }

/* kolumny z linkami */
.KolumnaStopki strong { display:block; color:#ffffff; font-size:140%; font-weight:bold; padding:10px 10px 10px 0px; }
.KolumnaStopki ul { list-style-type:none; margin:0px; }
.KolumnaStopki div { padding:0px 15px 15px 0px; }
.KolumnaStopki a { color:#c9c6e6; font-size:115%; transition:color .2s ease, padding .2s ease; }
.KolumnaStopki a:hover { color:#ef7d00; }

/* kontakt */
#KontaktDolny { position:relative; }
#KontaktDolny p { margin:0px; padding:0px 0px 14px 0px; color:#ffffff; font-size:130%; font-weight:bold; line-height:1.4; }
#KontaktDolny .DaneRejestrowe { display:block; padding-top:8px; color:#9a96c4; font-size:70%; font-weight:normal; line-height:1.5; }
#KontaktDolny .Kontakt { list-style-type:none; padding:0px; margin:0px; }
#KontaktDolny .Kontakt li { padding:0px 0px 8px 0px; margin:0px; font-size:110%; }
#KontaktDolny .Kontakt li a, #KontaktDolny .Kontakt li b { color:#ffffff; font-weight:bold; font-size:110%; padding-left:4px; }
#KontaktDolny .Kontakt li a:hover, #KontaktDolny .Kontakt li a:hover b { color:#ef7d00; }
#KontaktDolny .Kontakt .Godziny { margin-top:4px; padding:8px 12px; display:inline-block; border-radius:10px; background:rgba(255,255,255,.08); color:#ffffff; }

@media only screen and (max-width:1023px) {
  #KontaktDolny { background:url('../obrazki/szablon/n_pinezka.svg') no-repeat 0px 26px; background-size:28px 28px; padding:24px 0px 24px 42px; }
  #Stopka { padding:6px 0px 10px 0px; }
  .KolumnaStopki { padding:6px 0px 0px 0px; border-bottom:1px solid rgba(255,255,255,.12); }
  .KolumnaStopki strong { cursor:pointer; margin:6px 0px 6px 0px; font-size:125%; }
  /* rozwijanie / zwijanie stopki --- nie zmieniac nazwy styli, nie usuwac --- */
  .KolumnaStopki span.StopkaRozwin, .KolumnaStopki span.StopkaZwin { float:right; margin:2px 0px 0px 0px; width:26px; height:18px; background:url('../obrazki/szablon/n_strzalka_biala.svg') no-repeat center; background-size:16px 16px; transition:transform .2s ease; }
  .KolumnaStopki span.StopkaZwin { transform:rotate(180deg); }
  .KolumnaStopki ul { display:none; padding:4px 0px 10px 0px; }
  .KolumnaStopki ul li { padding:0px 0px 14px 0px; }
  .KolumnaStopki div { display:none; }
}
@media only screen and (min-width:1024px) {
  #Stopka { display:flex; gap:28px; padding:42px 0px 36px 0px; }
  .KolumnaStopki { flex:1 1 0px; padding:0px; }
  .KolumnaStopki strong { margin:0px 0px 12px 0px; padding:0px 0px 10px 0px; position:relative; }
  .KolumnaStopki strong:after { content:""; position:absolute; left:0px; bottom:0px; width:32px; height:3px; border-radius:2px; background:#ef7d00; }
  .KolumnaStopki ul { padding:0px; }
  .KolumnaStopki ul li { margin:0px 0px 9px 0px; }
  .KolumnaStopki a:hover { padding-left:4px; }
  #KontaktDolny { flex:0 0 28%; padding:0px 0px 0px 72px; border-left:1px solid rgba(255,255,255,.12); background:url('../obrazki/szablon/n_pinezka.svg') no-repeat 24px 0px; background-size:32px 32px; }
}

.NaglowekChmura { text-align:center; margin:20px 0px 5px 0px; font-size:170%; color:#797474; font-weight:normal; display:block; }

/* pasek z informacja o oprogramowaniu - ciemniejszy, na cala szerokosc */
.Copy { padding:16px 0px 16px 0px; text-align:center; font-size:90%; color:#9a96c4; background:#17133b; box-shadow:0 0 0 100vmax #17133b; -webkit-clip-path:inset(0 -100vmax); clip-path:inset(0 -100vmax); }
.Copy a { color:#9a96c4; }
.Copy a:hover { color:#ef7d00; }

/*** elementy wspolne ***/

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

/* linki produktow */
h3 a { font-weight:normal; color:#2f2583; font-size:120%; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; }

/* link pdf */
.pdfIkona { 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 { 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; font-family:Arial, sans-serif; }
.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 */
/* naglowki stron i modulow - nowy wyglad: granatowy tekst z pomaranczowa kreska (zamiast pomaranczowej zakladki) */
.StrNaglowek { display:block; position:relative; margin:10px 0px 16px 0px; font-size:160%; font-family:'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; text-transform:none; border-bottom:0px; }
.StrNaglowek span { position:relative; display:inline-block; padding:0px 0px 10px 0px; color:#1f1a4d; font-weight:bold; line-height:1.25; text-shadow:none; background:none; }
.StrNaglowek span:after { content:""; position:absolute; left:0px; bottom:0px; width:48px; height:4px; border-radius:2px; background:#ef7d00; }
.StrNaglowek a { color:#1f1a4d; font-weight:bold; }
.StrNaglowek a:hover { color:#ef7d00; }
@media only screen and (max-width:799px) {
  .StrNaglowek { font-size:140%; }
}

/* podstrony i wyglad modulow - czesc srodkowa sklepu */
.StrTresc { margin:10px 0px 20px 0px; padding:1px; 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%; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; }
.cmxform input, .cmxform select, .cmxform textarea, .InputIlosc { color:#5c5c5c; border:1px solid #dbdbdb; padding:6px; }
.cmxform label { vertical-align:top; font-weight:normal; display:inline-block; line-height:1.2; padding:3px 0px 3px 0px; 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; margin-left:3px; }
div.checkboxOpis { margin-left:35px; }
.CheckSekcja { margin:12px 0px 10px 0px; display:block; }
.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:25px 30px 25px 30px !important; background:#ef7d02 !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; }
.ZaznaczWszystkieZgody .CheckSekcja label { padding:1px 0px 1px 0px; font-size:120%; font-weight:bold; }

/* wyglad przyciskow */
.przycisk, .cmxform .przycisk, .cmxform .przyciskWylaczony { text-align:center; display:inline-block; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; text-transform:uppercase; cursor:pointer; margin-right:4px; padding:8px 12px 8px 12px; background:#2f2583; border:0px; color:#ffffff; font-weight:normal; 
  -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 { color:#ffffff; background:#ef7d00; }
.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:5px; text-align:right; }

/* do koszyka */
.DoKoszyka { text-align:center; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; font-size:120%; float:left; text-transform:uppercase; cursor:pointer; margin-top:1px; overflow:hidden; display:inline-block; padding:8px 12px 8px 12px; background:#2f2583; border:0px; color:#ffffff; font-weight:normal; 
  -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 { background:#ef7d00; }

/* wyglad ceny */
.Cena { color:#514e4e; font-size:18px; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; font-weight:normal; display:block; white-space:nowrap; }
.CenaPromocyjna { color:#ff0000; font-size:18px; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; font-weight:normal; display:block; white-space:nowrap; }
.Cena .Brutto, .CenaPromocyjna .Brutto { font-style: normal; font-size:18px; display:block; white-space:nowrap; }
.Cena .Netto, .CenaPromocyjna .Netto { font-style: normal; font-size:15px; display:block; color:#929090; white-space:nowrap; margin-top:5px; }
.Cena small, .CenaPromocyjna small { white-space:nowrap; font-size:11px; color:#888888; }
.CenaPromocyjna .CenaPoprzednia { color:#929090; font-size:14px; text-decoration:line-through; font-weight:normal; display:block; margin-bottom:5px; font-style:normal; white-space:nowrap; }
.BrakCeny { color:#ff0000; font-weight:normal; display:block; }
.CenaDlaZalogowanych { color:#ff0000; font-weight:normal; display:block; }

/* 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:#ef7d00; display:inline-block; }
.NawigacjaLink { color:#7a7a7a; }
.NawigacjaLink:hover { color:#ef7d00; }

/* 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 { display:none; }
}
@media only screen and (min-width:800px) { 
  .ProduktyPopUp { display:table; max-width:700px; border-collapse:collapse; border-spacing:0; margin:0px auto; margin-top:10px; }
}
.ProduktyPopUp strong { color:#ef7d02; display:block; margin:10px 10px 5px 10px; font-size:140%; text-align:center; }
.ProduktPopUp { display:table-cell; vertical-align:top; text-align:center; padding:15px 10px 15px 10px; }
.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; }
/* 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; }

/* 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; }

.JmCena { font-style:normal; font-size:14px; font-weight:normal; }
@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; } }

#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_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; }

.AktProsta em.AutorArtykulu { display:block; padding:3px 0px 5px 0px; }
.DaneAktualnosci em.AutorArtykulu { display:block !important; padding:3px 0px 5px 0px; }

/* === etonery: nowy wyglad popupow jBox (Modal) === */
.jBox-overlay.jBox-overlayModal{background:rgba(20,33,61,.55)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.jBox-Modal.jBox-Default .jBox-container{background:#fff!important;border-radius:16px!important;border-top:4px solid #ef7d00!important;box-shadow:0 18px 50px rgba(20,33,61,.25)!important;overflow:hidden}
.jBox-Modal.jBox-Default .jBox-content{padding:28px 28px 24px!important;max-width:min(480px,calc(100vw - 32px));box-sizing:border-box}
.jBox-Modal .message{text-align:center;color:#14213d;font-size:15px;line-height:1.55}
.jBox-Modal .message :is(#PopUpInfo,#PopUpDodaj,#PopUpUsun){background-image:none!important;padding:90px 0 0!important;margin:0 0 20px!important;position:relative;text-align:center;font-weight:500;min-height:0!important}
.jBox-Modal .message :is(#PopUpInfo,#PopUpDodaj,#PopUpUsun)::before{content:"";position:absolute;top:0;left:50%;margin-left:-55px;width:110px;height:78px;background:url("/images/maskotka_kciuk.png") center/contain no-repeat}
.jBox-Modal .message #PopUpPrzyciski{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;box-sizing:border-box;margin:0!important;padding:0!important}
.jBox-Modal .message #PopUpPrzyciski a.przycisk{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:140px;max-width:100%;box-sizing:border-box;padding:11px 20px!important;margin:0!important;border-radius:999px!important;background:#ef7d00!important;border:2px solid #ef7d00!important;color:#fff!important;font-weight:600;font-size:14px;white-space:normal;text-align:center;line-height:1.3;text-decoration:none!important;box-shadow:none!important;transition:background .15s,border-color .15s}
.jBox-Modal .message #PopUpPrzyciski a.przycisk:hover{background:#d96f00!important;border-color:#d96f00!important}
.jBox-Modal .message #PopUpPrzyciski a.przycisk~a.przycisk{background:#fff!important;color:#2f2583!important;border-color:#2f2583!important}
.jBox-Modal .message #PopUpPrzyciski a.przycisk~a.przycisk:hover{background:#2f2583!important;color:#fff!important}
/* priorytet przycisku glownego: panel-klienta > koszyk > pierwszy */
.jBox-Modal .message #PopUpPrzyciski:not(:has(a[href*="koszyk"])):not(:has(a[href*="panel-klienta"])):has(>a.przycisk:nth-child(3)) a.przycisk:first-child{flex-basis:100%}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="koszyk"]):not(:has(a[href*="panel-klienta"])) a.przycisk:not([href*="koszyk"]){background:#fff!important;color:#2f2583!important;border-color:#2f2583!important;order:0}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="koszyk"]):not(:has(a[href*="panel-klienta"])) a.przycisk:not([href*="koszyk"]):hover{background:#2f2583!important;color:#fff!important}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="koszyk"]):not(:has(a[href*="panel-klienta"])) a.przycisk[href*="koszyk"]{background:#ef7d00!important;color:#fff!important;border-color:#ef7d00!important;order:-1}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="koszyk"]):not(:has(a[href*="panel-klienta"])) a.przycisk[href*="koszyk"]:hover{background:#d96f00!important;border-color:#d96f00!important;color:#fff!important}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="koszyk"]):not(:has(a[href*="panel-klienta"])):has(>a.przycisk:nth-child(3)) a.przycisk[href*="koszyk"]{flex-basis:100%}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="panel-klienta"]) a.przycisk:not([href*="panel-klienta"]){background:#fff!important;color:#2f2583!important;border-color:#2f2583!important;order:0}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="panel-klienta"]) a.przycisk:not([href*="panel-klienta"]):hover{background:#2f2583!important;color:#fff!important}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="panel-klienta"]) a.przycisk[href*="panel-klienta"]{background:#ef7d00!important;color:#fff!important;border-color:#ef7d00!important;order:-1}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="panel-klienta"]) a.przycisk[href*="panel-klienta"]:hover{background:#d96f00!important;border-color:#d96f00!important;color:#fff!important}
.jBox-Modal .message #PopUpPrzyciski:has(a[href*="panel-klienta"]):has(>a.przycisk:nth-child(3)) a.przycisk[href*="panel-klienta"]{flex-basis:100%}
@media (max-width:480px){.jBox-Modal .message :is(#PopUpInfo,#PopUpDodaj,#PopUpUsun){padding-top:66px!important}.jBox-Modal .message :is(#PopUpInfo,#PopUpDodaj,#PopUpUsun)::before{width:80px;height:57px;margin-left:-40px}.jBox-Modal.jBox-Default .jBox-content{padding:24px 18px 20px!important}.jBox-Modal .message #PopUpPrzyciski{flex-direction:column}.jBox-Modal .message #PopUpPrzyciski a.przycisk{width:100%;box-sizing:border-box}}
/* 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:6px 1px 0px 0px; width:26px; height:10px; background:url('../obrazki/nawigacja/strzalka_rozwin_ciemny.png') no-repeat center center; }
.BoxNaglowek .BoxZwin { margin:6px 1px 0px 0px; width:26px; height:10px; background:url('../obrazki/nawigacja/strzalka_zwin_ciemny.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:1px 1px 0px 0px; width:28px; height:20px; background:url('../obrazki/nawigacja/menu_rozwijane_ciemne.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, .BoxNaglowekKategorie { background:#ef7d00; margin:0px; padding:9px 10px 9px 10px; font-size:160%; text-shadow:1px 1px #7b7b7b; color:#ffffff; font-weight:bold; text-transform:uppercase; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; }

/* wyglad ogolny boxu --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxTresc { margin:10px 0px 20px 0px; overflow:hidden; position:relative;  }
.BoxTresc .WszystkieKreska { text-align:center; padding:10px 10px 5px 10px; border-top:1px dotted #dbdbdb; }
.BoxTresc .Wszystkie { text-align:center; 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:#ef7d02; padding-left:28px; }
.BoxTresc .SrodekCentrowany { text-align:center; padding:10px; }

/* box standardowy z kategoriami */
.BoxKategorie { overflow:hidden; background:#2f2483; margin-top:3px; position:relative; }
.BoxKategorie ul { list-style-type: none; padding:0; margin:0; }
.BoxKategorie li { margin:0px; }
.BoxKategorie a { padding:8px 12px 8px 12px; font-size:130%; font-weight:normal; display:block; border-bottom:2px solid #ffffff; color:#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:#ef7d00; }
.BoxKategorie li li a { padding:8px 12px 8px 25px; font-size:110%; 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; font-size:80%; }
.BoxKategorie .Aktywna { background:#ef7c00; color:#ffffff; }
.BoxKategorie li a span { display:table-cell; vertical-align:middle; }
.BoxKategorie li a span:last-child { padding-left:8px; }

/* box kategorii rozwijanych */
.BoxKategorieRozwijane { overflow:hidden; background:#2f2483; margin-top:3px; position:relative; }
.BoxKategorieRozwijane ul { list-style-type: none; padding:0; margin:0; }
.BoxKategorieRozwijane li { margin:0px; }
.BoxKategorieRozwijane a { padding:8px 12px 8px 12px; font-size:130%; font-weight:normal; display:inline-block; margin-left:25px; color:#ffffff; }
.BoxKategorieRozwijane a:hover { text-decoration:none; }
.BoxKategorieRozwijane li ul { display:none; }
.BoxKategorieRozwijane li li a { font-size:120%; 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; font-size:80%; }
.BoxKategorieRozwijane .Aktywna { font-weight:bold; color:#ef7d00; }
.BoxKategorieRozwijane div { border-bottom:2px 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:#ef7d00; color:#ffffff; }
.BoxKategorieRozwijane div:hover a { color:#ffffff; }
.BoxKategorieRozwijane .Rozwin { position:absolute; display:inline-block; cursor:pointer; width:16px; height:16px; margin:8px 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; }

.BoxKategorie small { display:block; margin:3px 0px 0px 0px; font-size:80%; }
.BoxKategorieRozwijane small { display:block; margin:3px 0px 0px 0px; font-size:80%; }
.BoxKategorieWysuwane small { display:block; margin:3px 10px 0px 0px; font-size:80%; }

/* box kategorii wysuwanych */
.BoxKategorieWysuwane { background:#2f2483; margin-top:3px; }
.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:#ef7d00; }
.BoxKategorieWysuwane a { padding:8px 12px 8px 12px; font-size:130%; font-weight:normal; display:block; border-bottom:2px solid #ffffff; color:#ffffff; }
.BoxKategorieWysuwane a:hover { text-decoration:none; }
.BoxKategorieWysuwane li ul { display:none; position:absolute; margin:-15px 0px 0px 160px; width:200px; background:#2f2483; z-index:10000; border:1px solid #636363; border-bottom:0px; }
.BoxKategorieWysuwane li li a { font-size:120%; padding:6px 25px 6px 10px; font-weight:normal; }
.BoxKategorieWysuwane em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; font-size:80%; }
.BoxKategorieWysuwane li a span { display:table-cell; vertical-align:middle; }
.BoxKategorieWysuwane li a span:last-child { padding-left:8px; }
@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:#ffffff; 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:#ef7d00; }
.BoxTresc .BoxPrzyciski .On { background:#ef7d00; 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:20px; 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:90%; margin:10px 0px 20px 0px; opacity:0.8; filter:alpha(opacity=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:#ef7d02; 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:#ef7d02; }
.BoxTresc .cl { float:none !important; }
.BoxTresc #filtryWyswietl { text-align:right; }
.BoxTresc #filtryWyswietl input { margin-top:10px; }
 /* 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;
}
.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: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;
}
.ProduktProsty .Foto { display:inline-block; }
.ProduktProsty h3 { min-height:120px; }
.ProduktProsty h3 a { padding:7px 10px 0px 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 .ZakupCena { display:table; width:100%; }
.ProduktProsty .InfoCena { display:table-cell; vertical-align:middle; padding:10px 0px 10px 10px; background:#ececec; text-align:left; }
.ProduktProsty .Zakup { display:table-cell; vertical-align:middle; padding:10px 10px 10px 0px; background:#ececec; }
.ProduktProsty .Zakup .InputIlosc { float:right; text-align:center; width:30px; margin:4px 0px 4px 5px; }
.ProduktProsty .Zakup em { display:inline-block; float:right; font-style:normal; margin:10px 5px 5px 0px; }
.ProduktProsty .Zakup .DoKoszyka { float:right; }
.ProduktProsty .AnimacjaZobacz { overflow:hidden; position:relative; padding-top:15px; border:2px solid #ffffff;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  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 .AnimacjaZobacz:hover { 
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.45);
}
.ProduktProsty .PoleDostepnosc { background:#e3e3e3; padding:13px 10px 0px 10px; text-align:right; min-height:30px; }
.ProduktProsty .Dostepnosc { font-style:normal; display:block; font-weight:bold; }
.ProduktProsty .Dostepnosc em { font-style:normal; color:#929090; font-weight:normal; }
.ProduktProsty .CenaPoprzednia { display:none; }

/* 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;
}
@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 15px 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:#ef7d02; font-weight:bold; }
.ProduktZlozony .ProdCena .Producent a:hover { color:#ef7d02; }
.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:15px; }
.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:#ef7d02; }
.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:#ffffff; 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:#ef7d00; }
#WszystkieProdukty .ModulPrzyciski b.On { background:#ef7d00; 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:#ef7d02; font-weight:bold; margin:12px 0px 8px 0px; }
.ProduktWiersz .Odliczanie span { display:block; color:#ef7d00; margin-bottom:5px; font-size:19px; font-weight:bold; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; }
.ProduktWiersz .Odliczanie span em { display:inline-block; background:#ef7d00; 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;
}
.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; }
@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:#ef7d00; }
.ModulPrzyciski b.On, .ModulPrzyciskiSrodek b.On { background:#ef7d00; }

/* 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:#ffffff; 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:#ef7d00; }
.AnimModul .StronyAnim b.On { background:#ef7d00; font-weight:bold; }

.AnimModul { position:relative; }
.AnimModul .StronyStrzalki { margin-left:22px; margin-right:22px; 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:17px; height:40px; background:url('../obrazki/szablon/strzalka_lewa.png') no-repeat left center; }
.AnimModul .PrawaStrzalka { cursor:pointer; z-index:14; position:absolute; right:0px; top:50%; margin-top:-20px; width:17px; height:40px; background:url('../obrazki/szablon/strzalka_prawa.png') no-repeat right center; }
.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 { line-height:1.5; margin:10px 0px 10px 0px; }
.ModulNewsletter strong { color:#ef7d00; font-size:230%; padding:10px 30px 10px 0px; text-transform:uppercase; }
.ModulNewsletter #newsletterModul { text-align:left; }
.ModulNewsletter p { color:#7a7a7a; }
.ModulNewsletter #emailNewsletterModul { width:90%; margin:0px auto; padding:9px; font-size:110%; }
.ModulNewsletter span { display:block; margin:10px; }
.ModulNewsletter small { display:block; margin:10px 0px 10px 0px; text-align:left; }

#submitNewsletterModul { background:#ef7d00; }
#submitNewsletterModul:hover { background:#2f2583; }
#submitUnsubscribeNewsletterModul { background:#cdced0; }
#submitUnsubscribeNewsletterModul:hover { background:#2f2583; }

/* 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:3px; }
}
#BanneryAnimacjaPrzewijanaPrzyciski span { display:inline-block; cursor:pointer; background:#ffffff; border:2px solid #aaacae; 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 { border:2px solid #ef7c00; }
#BanneryAnimacjaPrzewijanaPrzyciski span.On { border:2px solid #ef7c00; }

/* 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:3px; }
}
#BanneryAnimacjaPrzenikaniePrzyciski span { display:inline-block; cursor:pointer; background:#ffffff; border:2px solid #aaacae; 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 { border:2px solid #ef7c00; }
#BanneryAnimacjaPrzenikaniePrzyciski span.On { border:2px solid #ef7c00; }

/* 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:3px; }
}
#BanneryAnimacjaMieszanaPrzyciski span { display:inline-block; cursor:pointer; background:#ffffff; border:2px solid #aaacae; 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 { border:2px solid #ef7c00; }
#BanneryAnimacjaMieszanaPrzyciski span.On { border:2px solid #ef7c00; }

/*** 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; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; -khtml-border-radius:12px; text-align:center; }
#BlokadaOkno strong { background:url('../obrazki/moduly_stale/info18plus.png') no-repeat left center; font-size:110%; color:#ff0000; display:inline-block; padding:25px 25px 25px 55px; 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%; font-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; }
#BlokadaOkno .BlokadaPrzyciski .przycisk18plus:hover { color:#ffffff; background:#929090; }
#BlokadaOkno .BlokadaPrzyciski .wejdz { background:#ef7d02; color:#ffffff; }
#BlokadaOkno .BlokadaPrzyciski .zrezygnuj { background:#dbdbdb; color:#ffffff; }
#BlokadaOkno .BlokadaPrzyciski span { margin:0px 5px 0px 5px; }

/* informacja na gorze sklepu */
#InfoTop { position:fixed; left:0px; top:0px; width:100%; background:#ef7d02; 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-family: 'EncodeSansNarrow', Arial, Tahoma, Verdana, sans-serif; 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; }

/* ===================================================================
   PRZENIESIONE Z strona_glowna.tp (2026-10-14) - wczesniej inline <style>
   =================================================================== */
/* karty produktow w modulach (Nowosci itp.) - nowy wyglad */
.AnimModul .ProduktProsty { padding:10px; }
.AnimModul .ProduktProsty .AnimacjaZobacz { background:#fff; border:1px solid #ececec !important; border-radius:14px; box-shadow:0 4px 14px rgba(0,0,0,.06) !important; transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.AnimModul .ProduktProsty .AnimacjaZobacz:hover { transform:translateY(-4px); border-color:#ef7d00 !important; box-shadow:0 10px 24px rgba(47,37,131,.14) !important; }
.AnimModul .ProduktProsty .Zdjecie { transition:transform .3s ease; }
.AnimModul .ProduktProsty .AnimacjaZobacz:hover .Zdjecie { transform:scale(1.05); }
.AnimModul .ProduktProsty h3 { min-height:96px; }
.AnimModul .ProduktProsty h3 a { color:#2f2583; font-weight:600; line-height:1.45; padding:4px 14px 0 14px; }
.AnimModul .ProduktProsty h3 a:hover { color:#ef7d00; }
.AnimModul .ProduktProsty .InfoCena, .AnimModul .ProduktProsty .Zakup { background:#f7f7fa; border-top:1px solid #efeff4; }
.AnimModul .ProduktProsty .InfoCena { padding:12px 0 12px 14px; }
.AnimModul .ProduktProsty .Zakup { padding:12px 14px 12px 0; }
.AnimModul .ProduktProsty .Brutto { font-size:120%; font-weight:bold; }
.AnimModul .ProduktProsty .CenaPoprzednia { display:block; font-size:12px; margin-bottom:2px; }
.AnimModul .ProduktProsty .Zakup .InputIlosc { border-radius:8px; border:1px solid #dcdce4; }
.AnimModul .ProduktProsty .DoKoszyka { white-space:nowrap; font-size:110%; background:#ef7d00; border-radius:22px; padding:9px 13px; font-weight:bold; box-shadow:0 3px 10px rgba(239,125,0,.3); transition:background .2s ease; }
.AnimModul .ProduktProsty .DoKoszyka:hover { background:#2f2583; box-shadow:0 3px 10px rgba(47,37,131,.3); }
.AnimModul .ProduktProsty .PoleDostepnosc { background:#fff; padding:10px 14px 0 14px; min-height:32px; text-align:center; border-top:1px solid #efeff4; }
.AnimModul .ProduktProsty .Dostepnosc { color:#2e9d4a; }
.AnimModul .Ikona b { border-radius:20px; padding:0 10px; font-weight:bold; letter-spacing:.4px; box-shadow:0 2px 6px rgba(0,0,0,.15); }
.AnimModul .IkonaNowosc b { background:#2fb344; }
.AnimModul .IkonaPromocja b { background:#e53935; }
.AnimModul .StronyAnim b { width:32px; height:32px; line-height:32px; padding:0 !important; border-radius:50% !important; background:#ececf2 !important; color:#2f2583 !important; font-size:110% !important; transition:background .2s ease; }
.AnimModul .StronyAnim b:hover { background:#f7c48c !important; }
.AnimModul .StronyAnim b.On { background:#ef7d00 !important; color:#fff !important; }
/* pasek IkonyInfo na stronie glownej */
#IkonyInfo { padding:30px 10px !important; }
#IkonyInfo ul { display:flex; flex-wrap:wrap; gap:18px; }
#IkonyInfo ul li, #IkonyInfo ul li:nth-child(n) { float:none !important; clear:none !important; width:auto !important; flex:1 1 220px; margin:0 !important;
  background-color:#fff !important; background-clip:border-box !important; -webkit-background-clip:border-box !important; background-position:20px center !important;
  border:1px solid #ececec; border-top:3px solid #ef7c00; border-radius:12px; box-shadow:0 4px 14px rgba(0,0,0,.06);
  padding:20px 16px 20px 92px !important; min-height:100px; display:flex; flex-direction:column; justify-content:center; color:#555;
  transition:transform .2s ease, box-shadow .2s ease; }
#IkonyInfo ul li:hover { transform:translateY(-3px); box-shadow:0 8px 22px rgba(0,0,0,.10); }
#IkonyInfo ul li strong { color:#2f2583 !important; letter-spacing:.5px; margin-bottom:6px !important; }
/* opis sklepu na stronie glownej (modul tekstowy) */
.StrGlowna .StrTresc > .FormatEdytor { background:#fff; border:1px solid #ececec; border-radius:12px; box-shadow:0 4px 14px rgba(0,0,0,.06); padding:26px 32px; margin-top:16px; color:#555; line-height:1.75; font-size:105%; }
.StrGlowna .StrTresc > .FormatEdytor p { margin:0 0 14px 0; -webkit-column-break-inside:avoid; break-inside:avoid; }
.StrGlowna .StrTresc > .FormatEdytor p:first-child { font-size:110%; color:#333; }
@media only screen and (min-width:1024px) { .StrGlowna .StrTresc > .FormatEdytor { -webkit-column-count:2; column-count:2; column-gap:48px; column-rule:1px solid #f0f0f0; } }
/* newsletter na dole kazdej strony */
#NewsletterGlowny { background:linear-gradient(120deg,#2f2583 0%,#554ba0 100%) !important; margin-top:30px; padding:26px 0; }
#NewsletterGlowny .ModulNewsletter { margin:0; }
#NewsletterGlowny .ModulNewsletter strong { color:#ffffff; font-size:200%; letter-spacing:1px; white-space:nowrap; }
#NewsletterGlowny .ModulNewsletter strong:before { content:"\2709"; color:#ef7d00; margin-right:12px; font-size:110%; }
#NewsletterGlowny .ModulNewsletter p { color:#dcd9f3; }
#NewsletterGlowny #emailNewsletterModul { border:0; border-radius:30px; padding:12px 20px; font-size:105%; color:#333; box-shadow:0 2px 8px rgba(0,0,0,.15); outline:none; -webkit-box-sizing:border-box; box-sizing:border-box; }
#NewsletterGlowny #emailNewsletterModul:focus { box-shadow:0 0 0 3px rgba(239,125,0,.6); }
#NewsletterGlowny #submitNewsletterModul, #NewsletterGlowny #submitUnsubscribeNewsletterModul { border-radius:30px; padding:12px 26px; font-weight:bold; letter-spacing:.5px; transition:all .2s ease; }
#NewsletterGlowny #submitNewsletterModul { background:#ef7d00 !important; color:#fff; border:0; box-shadow:0 3px 10px rgba(239,125,0,.4); }
#NewsletterGlowny #submitNewsletterModul:hover { background:#ffffff !important; color:#ef7d00; }
#NewsletterGlowny #submitUnsubscribeNewsletterModul { background:transparent !important; color:#fff; border:1px solid rgba(255,255,255,.55); }
#NewsletterGlowny #submitUnsubscribeNewsletterModul:hover { background:rgba(255,255,255,.15) !important; }
#NewsletterGlowny #newsletterModul p:last-child { white-space:nowrap; }
@media only screen and (max-width:799px) { #NewsletterGlowny .ModulNewsletter strong { text-align:center; font-size:170%; padding:0 0 8px 0; } #NewsletterGlowny #emailNewsletterModul { width:100%; } }
/* zakladka opinie o sklepie - wysuwana zakladka */
#opinie { padding:0px; position:fixed; background:#ffffff; }
#opinieIkona { position:absolute; }
#opinieIkona span { display:block; margin:0px 2px 4px 2px; width:70px; background:#ff7200; text-align:center; color:#ffffff; font-size:130%; font-weight:bold; font-family:Arial, Tahoma; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; padding:10px; }
#opinieSklepu { border:1px solid #dbdbdb; display:inline-block; width:250px; padding:10px; }
#opinieSklepu .Podzial { display:table; width:100%; }
#opinieSklepu .Podzial .Wiersz div { display:table-cell; vertical-align:middle; }
#opinieSklepu .Podzial .Wiersz div strong { font-size:160%; }
#opinieSklepu .Podzial .Wiersz div span { display:block; background:#ff7200; color:#ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; padding:5px; text-align:center; }
#opinieSklepu .Podzial .Wiersz div span b { font-size:180%; display:block; margin-top:3px; }
#opinieSklepu .Podzial .Wiersz { display:table-row; }
#opinieSklepu .SredniaOcenaSklepuRamka { background:#f1f1f1; margin:10px 0px 10px 0px; padding:7px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; }
#opinieSklepu .SredniaOcenaSklepu { font-size:120%; width:auto; margin:0px auto; }
#opinieSklepu .SredniaOcenaSklepu b { font-size:220%; color:#ff7200; display:inline-block; padding-left:10px; }
#opinieSklepu .Oceny { list-style-type:none; padding:0px; margin:0px 8px 10px 8px; }
#opinieSklepu .Oceny li { padding:5px 0px 5px 0px; }
#opinieSklepu .Oceny li.Ocena_1 { background:url('../obrazki/recenzje/ocena_1.png') no-repeat right center; }
#opinieSklepu .Oceny li.Ocena_2 { background:url('../obrazki/recenzje/ocena_2.png') no-repeat right center; }
#opinieSklepu .Oceny li.Ocena_3 { background:url('../obrazki/recenzje/ocena_3.png') no-repeat right center; }
#opinieSklepu .Oceny li.Ocena_4 { background:url('../obrazki/recenzje/ocena_4.png') no-repeat right center; }
#opinieSklepu .Oceny li.Ocena_5 { background:url('../obrazki/recenzje/ocena_5.png') no-repeat right center; }
#opinieSklepu .IluPoleca { background:#ff7200; color:#ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -khtml-border-radius:5px; padding:5px; text-align:center; }
#opinieSklepu .IluPoleca b { display:block; font-size:190%; }
#opinieSklepu .WszystkieOpinie a { display:block; text-align:center; color:#ff7200; font-size:120%; margin:10px 0px 5px 0px; }
#opinieSklepu .WszystkieOpinie a:hover { color:#444444; }

/* listing opinii o sklepie */
.Listing .Opinie { display:table; width:100%; margin:8px 0px 8px 0px; }
.Listing .Opinie:last-child { border-bottom:0px; }
.Listing .OcenaSklepu { padding:10px; }
.Listing .OcenaSklepu .SredniaOcena { font-size:110%; text-transform:uppercase; }
.Listing .OcenaSklepu .SredniaOcena b { display:inline-block; font-size:180%; margin-left:8px; }
.Listing .OcenaSklepu .Oceny { list-style-type:none; padding:0px; margin:10px 0px 10px 0px; }
.Listing .OcenaSklepu .Oceny li:first-child { margin-top:5px; }
.Listing .OcenaSklepu .Oceny li.Ocena_1 { background-image:url('../obrazki/recenzje/ocena_1.png'); }
.Listing .OcenaSklepu .Oceny li.Ocena_2 { background-image:url('../obrazki/recenzje/ocena_2.png'); }
.Listing .OcenaSklepu .Oceny li.Ocena_3 { background-image:url('../obrazki/recenzje/ocena_3.png'); }
.Listing .OcenaSklepu .Oceny li.Ocena_4 { background-image:url('../obrazki/recenzje/ocena_4.png'); }
.Listing .OcenaSklepu .Oceny li.Ocena_5 { background-image:url('../obrazki/recenzje/ocena_5.png'); }
@media only screen and (min-width:800px) and (max-width:1023px) {
  .Listing .OcenaSklepu .Oceny li { background-position:left bottom; background-repeat:no-repeat; }
  .Listing .OcenaSklepu .Oceny li { padding:10px 0px 20px 0px; }
  .Listing .OcenaSklepu .Oceny li:first-child { padding:0px 0px 20px 0px; }
}
@media only screen and (min-width:1024px) {
  .Listing .OcenaSklepu .Oceny li { background-position:right center; background-repeat:no-repeat; }
  .Listing .OcenaSklepu .Oceny li { padding:5px 0px 5px 0px; }
}
@media only screen and (max-width:799px) {
  .Listing .OcenaSklepu .Oceny li { background-position:right center; background-repeat:no-repeat; }
  .Listing .OcenaSklepu .Oceny li { padding:5px 0px 5px 0px; }
  .Listing .OcenaInfo { padding:0px 10px 20px 10px; }
}
@media only screen and (min-width:800px) { 
  .Listing .OcenaSklepu { display:table-cell; vertical-align:top; width:35%; }
  .Listing .OcenaInfo { display:table-cell; vertical-align:top; width:65%; padding:10px 10px 10px 30px; }
}
.Listing .OcenaInfo .AutorData { list-style-type:none; padding:0px; margin:5px 0px 0px 0px; }
.Listing .OcenaInfo .AutorData li { display:inline-block; margin:0px 20px 10px 0px; }
.Listing .OcenaInfo .AutorData li:first-child { padding-right:20px; }
.Listing .OcenaInfo .KomentarzOpinii { margin:10px 0px 10px 0px; line-height:1.5; }
.Listing .OcenaInfo .KlientPoleca { margin-top:15px; font-weight:bold; }

.Listing .OcenaInfo .ProduktyZakupil { opacity:0.7; filter:alpha(opacity=70); }
.Listing .OcenaInfo .ProduktyZakupil strong { margin:15px 0px 8px 0px; display:block; font-weight:bold; }
.Listing .OcenaInfo .ProduktyZakupil ul { list-style-type:square; padding:0px; margin:0px; list-style-position: inside; }   
.Listing .OcenaInfo .ProduktyZakupil ul li { margin:2px 0px 3px 0px; }

.OpinieRecenzjaProduktu { margin:10px 0px 10px 0px; }
.OpinieRecenzjaProduktu b { display:block; margin-bottom:8px; }
.OpinieRecenzjaProduktuOcena { display:table; }
.OpinieRecenzjaProduktuOcena div { display:table-cell; vertical-align:top; padding-right:20px; }
@media only screen and (max-width:1023px) {
  .OpinieRecenzjaProduktuOcena div textarea { max-width:250px; }
}
@media only screen and (max-width:799px) {
  .OpinieRecenzjaProduktuOcena div { display:block; padding:0px 0px 10px 0px; }
}

/* napisanie opinii o sklepie */
.StrTresc .Opinia .OpisTekst { line-height:1.5; }
.StrTresc .Opinia p { margin-bottom:10px; display:block; }
.StrTresc .Opinia h5 { font-size:140%; margin-bottom:15px; }
.StrTresc .Opinia .Przyciski a { margin:10px 10px 0px 0px; }
.StrTresc .Opinia .OcenaSklepuWybor { list-style-type:none; padding:0px; margin:0px 0px 20px 0px; }
.StrTresc .Opinia .OcenaSklepuWybor li {
  -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;
}
@media only screen and (max-width:479px) {
  .StrTresc .Opinia .OcenaSklepuWybor li { padding:0px 0px 20px 0px; }
}
@media only screen and (min-width:480px) and (max-width:1023px) {
  .StrTresc .Opinia .OcenaSklepuWybor li { width:50%; float:left; padding:0px 25px 30px 0px; }
}
@media only screen and (min-width:1024px) {
  .StrTresc .Opinia .OcenaSklepuWybor li { width:25%; float:left; padding-right:25px; }
}
.StrTresc .Opinia .OcenaSklepuWybor li span { font-size:110%; display:block; margin-bottom:10px; padding-bottom:10px; }

/* informacje o cookie - modul staly - przyklejony - z wyborem integracji */
#InfoCookieIntegracje { position:fixed; left:0px; bottom:0px; right:0px; padding:10px 0px 10px 0px; background:#000000; color:#dbdbdb; border-top:1px solid #ffffff; z-index:10003; opacity:0.9; filter:alpha(opacity=90); }

#InfoCookieIntegracje .CookieTekstIntegracje { text-align:left; line-height:1.5; }

@media only screen and (max-width:1023px) {
  #InfoCookieIntegracje .Strona { width:95%; }
  #InfoCookieIntegracje .CookieTekstIntegracje { padding-bottom:15px; clear:both; }  
  #InfoCookieIntegracje .CookiePrzyciskUstawien { float:left; width:45%; }
  #InfoCookieIntegracje .CookiePrzyciskAkceptacja { float:right; width:45%; text-align:right; }  
}
@media only screen and (min-width:1024px) {
  #InfoCookieIntegracje .CookieTekstIntegracje { float:left; width:60%; }
  #InfoCookieIntegracje .CookieIntegracjePrzyciski { float:right; width:35%; text-align:right; }
  #InfoCookieIntegracje .CookiePrzyciskUstawien, #InfoCookieIntegracje .CookiePrzyciskAkceptacja { display:inline-block; vertical-align:top; }
  #InfoCookieIntegracje .CookieIntegracjePrzyciski span { margin:5px 0px 5px 15px; }
}

#InfoCookieIntegracje .CookieIntegracjePrzyciski span { text-align:center; padding:8px 15px 8px 15px; cursor:pointer; display:inline-block; vertical-align:top; text-transform:uppercase; 
    transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
}

#InfoUstawieniaIntegracje { color:#dbdbdb; border:2px solid #4d4d4d; margin:0px; }
#InfoUstawieniaIntegracje:hover { color:#dbdbdb; border:2px solid #dbdbdb; }
  
#InfoAkceptIntegracje { color:#000000; border:2px solid #cacaca; background:#cacaca; font-weight:bold; }
#InfoAkceptIntegracje:hover { color:#000000; border:2px solid #dbdbdb; background:#dbdbdb; } 
  
/* okno ustawien cookie */
  
#CookieOknoUstawien { position:fixed; left:0px; bottom:0px; right:0px; top:0px; background-color:rgba(0, 0, 0, 0.8); z-index:10003; display:none; }
#CookieOknoUstawien #CookieOknoZamknij { cursor:pointer; position:absolute; right:-15px; top:-15px; }
#CookieOknoUstawien #CookieOknoZamknij span { width:30px; height:30px; background:url('../obrazki/nawigacja/zamknij_banner_popup.png'); display:inline-block; }

@media only screen and (max-width:799px) { 
  #CookieOknoUstawien .CookieOkno { width:80%; }
}
@media only screen and (min-width:800px) {
  #CookieOknoUstawien .CookieOkno { width:560px; }
}

#CookieOknoUstawien .CookieOkno { position:fixed; left:50%; top: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; 
  -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

#CookieOknoUstawien .CookieOknoKont { padding:30px 20px 30px 30px; text-align:left; }

#CookieOknoUstawien .CookieOknoKont .CookieZgody { max-height:300px; padding-right:10px; overflow-y:scroll; }

#CookieOknoUstawien .NaglowekCookieOkno { font-size:130%; font-weight:bold; margin-bottom:10px; }
#CookieOknoUstawien .GotoweCookieOkno { padding-top:15px; text-align:center; }
#CookieOknoUstawien .GotoweCookieOkno span { display:inline-block; }

#CookieOknoUstawien .CookieOknoUstawienia { padding:10px 0px 10px 0px; }
#CookieOknoUstawien .CookieOknoUstawieniaInput { font-size:120%; }
#CookieOknoUstawien .CookieOknoUstawieniaInput input { padding:0px; float:left; margin:5px 10px 0px 0px; }
#CookieOknoUstawien .CookieOknoUstawieniaInput label { float:left; }

#CookieOknoUstawien .CookieOknoUstawieniaOpis { padding-top:10px; clear:both; }


/*
    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);
}