/* kolor tla strony, tekstu na stronie oraz rozmiaru marginesu     background-image:url('../obrazki/right.png');
    background-repeat:no-repeat;
    background-position:98% center;*/
/* kolor tla strony, tekstu na stronie oraz rozmiaru marginesu */
BODY { color: #000000; font-size:85%; font-family: Roboto, 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: 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:150px; max-height:150px; }
}
@media only screen and (min-width:480px) and (max-width:799px) { 
  .Zdjecie, .BoxTresc img, .StrTresc .Zdjecie { max-width:150px; max-height:150px; }
}
@media only screen and (min-width:800px) {
  .Zdjecie, .BoxTresc img, .StrTresc .Zdjecie { max-width:100%; max-height:100%; }
}

/* 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:1240px; }
  .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; }
}


#tlo { background:#ebebeb; }

/* tlo gornego paska jezyk, logowanie, schowek */
#GornaNawigacja { background:#ffffff; margin-top:44px; }

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

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

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

/* gorny pasek z koszykiem, wyszukiwarka, logowaniem */
#GornyPasek { background:#ffffff; margin-top:44px;   
}
@media only screen and (min-width:1024px) {
  #GornyPasek { width:100%; height:40px; position:fixed; z-index: 9999; }
  #GornyPasekWew { margin:0px auto; display:table; border-collapse: collapse; border-spacing:0; }
}

@media only screen and (max-width:1023px) {
  #GornyPasek { box-shadow:0 0px 0px -0px #666; }
}

/* logowanie i zalozenie konta w pasku */
#MenuLogowanie { height:40px; line-height:39px; padding:0px 10px 0px 10px; display:table-cell; vertical-align:top; background:url('../obrazki/szablon/zna.png') no-repeat left center; padding-left:20px; display:inline-block; }
@media only screen and (max-width:1023px) {
  #MenuLogowanie { display:none; }
}
#MenuLogowanie a { display:inline-block; padding:2px 9px 0px 9px; color:#666666; font-size:100%;
  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;  
}
#MenuLogowanie a:hover { text-decoration:underline; }
#MenuLogowanie a:last-child { padding-right:20px; }

@media only screen and (max-width:479px) {  
   #InSzukaj { width:180px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {  
   #InSzukaj { width:300px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
   #InSzukaj { width:570px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
  #InSzukaj { width:200px; }
}
@media only screen and (min-width:1280px) {
  #InSzukaj { width:370px; }
}
@media only screen and (min-width:1024px) {
  #WyszukiwaniePasek { display:table-cell; vertical-align:top; height:49px; padding:0px 20px 0px 20px; }
  #WyszukiwaniePasek div { float:left; }
  #WyszukiwaniePasek div:last-child { width:100px; font-size:90%; height:49px; }
  #WyszukiwaniePasek .cl { display:none; }
  #InSzukaj { height:30px; }
  #ButSzukaj { margin:7px 0px 0px 5px; }
}
@media only screen and (max-width:1023px) {
  #Wyszukiwanie { display:none; padding-bottom:10px; text-align:center; }
  #Wyszukiwanie div:first-child, #Wyszukiwanie div:last-child { display:inline-block; }  
  #InSzukaj { height:40px; font-size:120%; }
  #ButSzukaj { margin:20px 1px 0px 10px; }
}
#InSzukaj { float:left; margin:3px 5px 0px 70px; border:1px solid #C3CAD0; padding:1px 10px 1px 10px; background:#ffffff; color:#9d7d5e; font-size:110%; }
#ButSzukaj { float:left; }
#WyszukiwaniePasek div:last-child a { display:inline-block; color:#ababab; margin-top:8px; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
#WyszukiwaniePasek div:last-child a:hover { color:#9d7d5e; }  

/* koszyk w pasku gornym */
#Koszyk { display:table-cell; vertical-align:top; text-align:right; }
@media only screen and (max-width:1023px) {
  #Koszyk { display:none; }
}
#KoszykWew { height:49px; line-height:35px; float:right; padding:0px 20px 0px 20px; }
#Koszyk span { font-size:120%; font-weight:bold; }
#Koszyk strong { font-size:120%; color:#FF3300;; display:inline-block; margin-right:8px; }
#Koszyk a { display: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;
}
#Koszyk a:hover { text-decoration:none; color:#00509e; }
#Koszyk b, #Koszyk a { padding:3px; padding-left:40px; display:inline-block; font-weight:bold; color:#666666; font-size:130%; }

/* menu tylko ponizej 800px */
@media only screen and (max-width:1023px) {
  #maleRwd { display:block; }
}
@media only screen and (min-width:1024px) {
  #maleRwd { display:none; }
}
#maleRwd { list-style-type:none; padding:0px; margin:0px auto; height:50px; overflow:hidden; }
#maleRwd ul { list-style-type:none; padding:0px; margin:0px; text-align:center; } 
#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:last-child { border:0px; }
#maleRwd li a, #maleRwd li span { margin-top:10px; display:inline-block; cursor:pointer; }
.RwdSchowek li { width:20%; }
.RwdBezSchowka li { width:25%; }



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

#GorneMenu { background:#ffffff; font-family:Roboto, Arial, Tahoma, Verdana, sans-serif; text-align:center; list-style-type:none; font-size:110%; padding:6px 15px 6px 15px; }           
#GorneMenu ul { list-style-type:none; padding:0px; margin:0px; }   
#GorneMenu ul li { text-transform:uppercase; }
/* wersja dla menu w pelnej wersji - glowne menu --- nie zmieniac nazwy styli, nie usuwac --- */
.Rozwiniete ul li { display:inline-block; border-right:1px solid #dedede; }
.Rozwiniete ul li:hover > a, .Rozwiniete ul li:hover > span { background:#dedede; }
.Rozwiniete a:hover, .Rozwiniete span:hover { background:#dedede !important; }
.Rozwiniete ul li ul li a { padding:6px 15px 6px 15px; color:#ffffff; display:block; text-transform:none; font-size:100%; }
.Rozwiniete ul li ul li a:hover { background:#e10101; color:#ffffff; }

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

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

/* ogolny wyglad linku w menu --- nie zmieniac nazwy styli, nie usuwac --- */
.Zwiniete a, .Zwiniete span, .Rozwiniete a, .Rozwiniete span  { padding:12px 10px 12px 10px; color:#000000; font-weight:normal; display:inline-block; font-size:110%; text-align:center; 
  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;
}
.Rozwiniete a:first-letter { font-size:120%; color:#e10101; }
.Rozwiniete span:first-letter { font-size:120%; color:#e10101; }
.Rozwiniete ul li ul li a:first-letter { font-size:100%; color:#ffffff; }


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

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

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

/* --- dolne menu --- nie zmieniac nazwy styli, nie usuwac --- #00509e;Archivo Narrowuppercase*/ 

#DolneMenu { font-family:'Oswald', sans-serif; margin-bottom:5px; text-align: right; }            
#DolneMenu ul { list-style-type:none; padding:0px; margin:0px; }   
#DolneMenu ul li { text-transform:uppercase;  }

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

/* ogolny wyglad linku w menu --- nie zmieniac nazwy styli, nie usuwac --- */
.Roz a, .Roz span  { padding:12px 10px 12px 10px; color:#f5f5f5; font-weight:normal; display:inline-block; font-size:110%; 
  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;
}

/* --- dolne menu --- koniec --- */

@media only screen and (max-width:479px) {
#DolneMenu { display:none !important;}
}
@media only screen and (min-width:480px) and (max-width:799px) {
#DolneMenu { font-size:80%;}
#DolneMenu ul li { text-transform:none; }
.Roz a, .Roz span  { padding:14px 5px 15px 5px;}
}



@media (max-width: 800px) {
.sstekst { display:none !important;}
}

@media only screen and (max-width:479px) {
.numer { display:none !important;}
}
@media only screen and (min-width:480px) and (max-width:799px) {
.numer { display:none !important;}
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.numer { display:none !important;}
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.numer { display:none !important; }
}
@media only screen and (max-width:479px) {
.tekst { display:none !important;}
}
@media only screen and (min-width:480px) and (max-width:799px) {
.tekst { display:none !important;}
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.tekst { display:none !important;}
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.tekst { display:none !important; }
}
@media only screen and (min-width:1280px) {
.tekstrwd { display:none !important; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
.tekstrwd { display:none !important;}
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.tekstrwd { display:none !important; }
}
@media only screen and (max-width:479px) {
.tekst1 { display:none !important;}
}
@media only screen and (max-width:479px) {
.tekstrwd { display:none !important;}
}
@media only screen and (min-width:480px) and (max-width:799px) {
.tekst1 { display:none !important;}
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.tekst1 { display:none !important;}
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.tekst { display:none !important; }
}

@media only screen and (max-width:1023px) {
  #Stopka { background:#ffffff; margin:20px 0px 20px 0px; }
  .KolumnaStopki { padding:5px 0px 5px 0px; }  
  .KolumnaStopki strong { cursor:pointer; margin:0px 0px 10px 0px; }
  /* rozwijanie / zwijanie stopki --- nie zmieniac nazwy styli, nie usuwac --- */
  .KolumnaStopki span.StopkaRozwin { background:url('../obrazki/nawigacja/strzalka_rozwin.png') no-repeat left center; float:right; margin:12px 1px 0px 0px; width:26px; height:10px; }
  .KolumnaStopki span.StopkaZwin { background:url('../obrazki/nawigacja/strzalka_zwin.png') no-repeat left center; float:right; margin:12px 1px 0px 0px; width:26px; height:10px; }
  .KolumnaStopki ul { display:none; padding:10px 0px 20px 0px; }
  .KolumnaStopki ul li { margin:0px 0px 15px 15px; }
  .KolumnaStopki a { color:#000000; }
}
@media only screen and (min-width:1024px) {
  #Stopka { background:#ffffff; margin:0px 0px 0px 0px; }
  .KolumnaStopki { background:#ffffff; width:25%; float:left; padding:20px 0px 20px 0px; }
  .KolumnaStopki strong { background:#ffffff; margin:0px 20px 15px 0px; }
  .KolumnaStopki:nth-child(4) strong { background:#ffffff; margin-right:0px; }
  .KolumnaStopki ul { background:#ffffff; padding:0px; }
  .KolumnaStopki ul li { background:#ffffff; margin:0px 0px 5px 15px; }

}
.KolumnaStopki strong { font-size:160%; font-weight:normal; display:block; border-bottom:1px solid #dbdbdb; padding:0px 10px 10px 15px; font-family: 'Roboto', sans-serif; color:#222; }
.KolumnaStopki ul { list-style-type:none; margin:0px; } 
.KolumnaStopki a { color:#666666; }
.KolumnaStopki a:hover { color:#086ae4; }

.Copy { background:#f5f5f5; padding:5px 0px 15px 0px; text-align:center; font-size:80%; }
.Copy a { color:#aaaaaa; } 

/*** elementy wspolne ***/

/* ogolny wyglad linkow */
a { text-decoration:none; color:#104c6d; font-weight:normal; }
a:hover { text-decoration:none; color:#e10101; }

/* linki produktow */
h3 a { font-weight:normal; color:#222; font-size:120%; font-family: 'Archivo Narrow', sans-serif; line-height: 1.1em; }
h3 a:hover { color:#00806e; }

/* 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 */
.IkonkiProduktu { position:absolute; margin:0px; width:100px; height:100px; z-index:99; text-align:left; }
.Ikona { display:block; height:23px; margin-bottom:3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; }
.Nowosc_pl { background:url('../obrazki/ikony/pl/nowosc.png') no-repeat; width:53px; z-index:99; }
.Promocja_pl { background:url('../obrazki/ikony/pl/promocja.png') no-repeat; width:60px; z-index:99; }
.Polecany_pl { background:url('../obrazki/ikony/pl/polecany.png') no-repeat; width:62px; z-index:99; }
.Hit_pl { background:url('../obrazki/ikony/pl/hit.png') no-repeat; width:60px; z-index:99; }
.Dostawa_pl { background:url('../obrazki/ikony/pl/darmowa_dostawa.png') no-repeat; width:108px; z-index:99; }
.Nowosc_en { background:url('../obrazki/ikony/en/nowosc.png') no-repeat; width:34px; z-index:99; }
.Promocja_en { background:url('../obrazki/ikony/en/promocja.png') no-repeat; width:54px; z-index:99; }
.Polecany_en { background:url('../obrazki/ikony/en/polecany.png') no-repeat; width:58px; z-index:99; }
.Hit_en { background:url('../obrazki/ikony/en/hit.png') no-repeat; width:35px; z-index:99; }
.Dostawa_en { background:url('../obrazki/ikony/en/darmowa_dostawa.png') no-repeat; width:80px; z-index:99; }

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

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

/*** wyglad czesci srodkowej ***/

/* naglowek modulow i stron w czesci srodkowej */
@media only screen and (max-width:799px) {
  .StrNaglowek { font-size:200%; }
}
@media only screen and (min-width:800px) {
  .StrNaglowek { font-size:260%; }
}
.StrNaglowek { color:#01386c; font-family: 'Roboto', sans-serif; font-weight:normal; margin-left:5px; }
.StrNaglowek span { display:inline-block; }


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

/* podstrony i wyglad modulow - czesc srodkowa sklepu */
.StrTresc { margin-bottom:10px; padding:10px; overflow:hidden; }

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

/* formularze */
input, select, textarea { font-size:100%; font-family: 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; width:160px; padding-left:0px; padding-top:4px; padding-bottom:4px; }
.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; }
#error-regulamin label.error, #error-przetwarzanie label.error { text-align:left; margin-left:3px; width:300px !important; }
#rejestracja div.checkboxOpis { margin-left:35px; }
#rejestracja .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:15px 30px 15px 30px !important; background:#e10101 !important; border:0px !important; color:#ffffff !important; font-size:180%; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -khtml-border-radius:3px; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.KontenerKoszykButton a.przycisk:hover, .przyciskZamow:hover, .przyciskZaplac:hover { background:#525252 !important; }

/* wyglad przyciskow */
.przycisk, .cmxform .przycisk, .cmxform .przyciskWylaczony { text-align:center; display:inline-block; font-family:Roboto, sans-serif; text-transform:none; cursor:pointer; margin-right:4px; padding:7px 12px 7px 12px; background:#2a4c65; box-shadow:0 6px 6px -7px #222; color:#f5f5f5; font-weight:normal; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; -khtml-border-radius:2px; 
  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:hover { color:#ffffff; background:#018541; }
.przyciskWylaczony { opacity:0.6; filter:alpha(opacity=60); }
.Prawy { float:right; margin-top:20px; }
.MargPrzycisk { margin-top:20px; }
.PrawyBezMargin { float:right; margin-bottom:10px; }
.Lewy { float:left; margin-top:20px; }

/* wyglad przyciskow */
.przyciskw, .cmxformw .przyciskw, .cmxformw .przyciskWylaczonyw { width:100%; text-align:center; display:inline-block; font-family:Roboto, sans-serif; color:#00a790; text-transform:uppercase; cursor:pointer; padding:4px 10px 4px 10px; font-weight:normal; font-size:120%; letter-spacing: 1px;  
}
.przyciskw:hover { color:#00ceb2; }


.przyciska, .cmxforma .przyciska, .cmxforma .przyciskWylaczonya { text-align:center; display:inline-block; font-family:Roboto, sans-serif; color:#00a790; text-transform:uppercase; cursor:pointer; padding:4px 10px 4px 10px; font-weight:normal; font-size:120%;  
}
.przyciska:hover { color:#00bba1; background:#f5f5f5; }
.przyciskWylaczony { opacity:0.6; filter:alpha(opacity=60); }
.Prawya { float:right; margin-top:20px; }
.MargPrzyciska { margin-top:20px; }
.PrawyBezMargina { float:right; margin-bottom:10px; }
.Lewya { float:left; margin-top:20px; }

.przyciskp, .cmxformp .przyciskp, .cmxformp .przyciskWylaczonyp { width:95%; text-align: justify; display:inline-block; font-family:Roboto, sans-serif; color:#222; font-size:100%; line-height: 1.9em; padding:20px 20px 20px 20px; background:#f5f5f5; font-weight:normal;  
}

.art { width:99%; text-align: justify; display:inline-block; font-family:Roboto, sans-serif; color:#222; font-size:180%; line-height: 1.6em; padding:15px 15px 15px 15px; background:#fdfdfd; font-weight:normal;  
}

.przyciskpp, .cmxformpp .przyciskpp, .cmxformpp .przyciskWylaczonypp { width:95%; text-align: justify; display:inline-block; font-family:Roboto, sans-serif; color:#222; font-size:95%; line-height: 1.6em; padding:20px 20px 20px 20px; background:#f5f5f5; font-weight:normal;  
}

/* wyglad przyciskow */
.przyciskb, .cmxformb .przyciskb, .cmxformb .przyciskbWylaczony { width:100%; text-align:center; display:inline-block; font-family:Roboto, sans-serif; color:#00a790; text-transform:uppercase; cursor:pointer; padding:4px 10px 4px 10px; font-weight:normal; font-size:120%; letter-spacing: 1px;
}
.przyciskb:hover { color:#00ceb2; }
.przyciskbWylaczony { opacity:0.6; filter:alpha(opacity=60); }
.Prawyb { float:right; margin-top:20px; }
.MargPrzyciskb { margin-top:20px; }
.PrawyBezMarginb { float:right; margin-bottom:10px; }
.Lewyb { 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: 'Roboto', sans-serif; float:left; text-transform:none; cursor:pointer; margin-top:4px; overflow:hidden; padding:6px 10px 6px 10px; background:#005371; box-shadow:0 6px 6px -7px #222; color:#f5f5f5; font-weight:normal; border:1px solid #C3CAD0;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.DoKoszyka:hover { padding:6px 10px 6px 10px; background:#f5f5f5; color:#01386c;  }


/* wyglad ceny */
.Cena { color:#3a4e58; font-size:116%; font-family: Roboto,sans-serif; font-weight:normal; display:block; white-space:nowrap; }
.CenaPromocyjna { color:#e10101; font-size:116%; font-family:'Arial', sans-serif; font-weight:normal; display:block; white-space:nowrap; }
.Cena .Brutto, .CenaPromocyjna .Brutto { font-family: Roboto,sans-serif; font-style: normal; font-weight:bold; font-size:116%; color:#000000; display:block; white-space:nowrap; }
.Cena .Netto, .CenaPromocyjna .Netto { font-style: normal; font-size:100%; display:block; color:#525252; white-space:nowrap; }
.Cena small, .CenaPromocyjna small { white-space:nowrap; }
.CenaPromocyjna .CenaPoprzednia { display: none; }
.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; }
}
@media only screen and (max-width:479px) {  
  #Nawigacja { display:none !important; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
  #Nawigacja { display:none !important; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
  #Nawigacja { display:none !important; }
}

#Nawigacja { margin:5px 0px 1px 0px; padding:1px 0px 1px 0px; margin-top:130px; }
#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 28px; margin-left:-5px; }
#Nawigacja > span:last-child { background:none; }
#Nawigacja span.Nawigacja { display:none; }
#Nawigacja span.Nawigacja:last-child { color:#000000; display:inline-block; }
.NawigacjaLink { color:#929289;}
.NawigacjaLink:hover { color:#212121; text-decoration:underline; }

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

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

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

.kac-sm-panel{
position: fixed;
top: 150px;
right: -100px;
}
.kac-sm-panel ul{
list-style-type: none;
}
.kac-sm-panel li{
border-radius: 5px;
width: 140px;
height: 40px;
padding: 5px;
margin: 3px 0px;
position: relative;
right: 0px;
box-sizing: initial;
}
.kac-sm-panel span{
width: 80px;
display: inline;
font-size: 16px;
vertical-align: middle;
padding-bottom: 13px;
position: absolute;
top: 15px;
left: 50px;
color: #FFF;
font-family: sans-serif;
font-weight: 700;
}
.kac-sm-text-black {
color: #000000 !important;
}
.kac-sm-panel a{
text-decoration: none;
}
.kac-sm-block{
transition: right 0.5s ease-out 0s;
}
.kac-sm-block:hover{
right: 90px;
}

.kac-sm-fb{
background: none repeat scroll 0% 0% #295C9E;
}.kac-sm-gplus{
background:  none repeat scroll 0% 0% #DA2128;
}.kac-sm-pkt{
background:  none repeat scroll 0% 0% #FFFFFF;
}.kac-sm-twitter{
background:  none repeat scroll 0% 0% #16B9ED;
}.kac-sm-blog{
background:  none repeat scroll 0% 0% #0171BB;
}.kac-sm-pinterest{
background:  none repeat scroll 0% 0% #D73532;
}.kac-sm-youtube{
background:  none repeat scroll 0% 0% #E32C26;
}.kac-sm-goldenline{
background:  none repeat scroll 0% 0% #FFFFFF;
}.kac-sm-allegro{
background:  none repeat scroll 0% 0% #FF5A00;
}.kac-sm-linkedin{
background:  none repeat scroll 0% 0% #0097BD;
}.kac-sm-googlekspert{
background:  none repeat scroll 0% 0% #FFFFFF;
}.kac-sm-payback{
background:  none repeat scroll 0% 0% #00349A;
}
@media screen and (max-width:640px){ .kac-sm-panel{display:none;} }

.przewijakisprawdz h4 a {
    display:block;
    color:#353535;
    padding:0 10px;
    height:0em;
    line-height:1.0em;
    text-align:center;
    font-family: font-family:'Roboto', sans-serif;
    font-size:120%;
    }
	
.przewijak{
    font-size:120%;
    width:100%;
    height:320px;
    display:inline;
    float:right;
    color:#525252;
    font-family: 'Roboto', sans-serif;	

    }

    .przewijak h2 a {
    display:block;
    color:#ffffff;
    padding:10px;
    text-align:center;
    font-family: 'Roboto', sans-serif;
    font-size:120%;
	background:#2a4c65;
	margin-bottom:30px;
	box-shadow: 0 6px 6px -5px #222;
    }

    .przewijak h2 a:hover {
    color:#f5f5f5;
    }
	  
    .przewijak p {
    margin-bottom:0px;
	line-height:1.7em;
	padding:20px;
	text-align: justify;
    }

    .przewijak img {
    width: 500px; 
	height: 275px;
	float:left;
	padding-right:30px;
    }

@media only screen and (max-width:479px) {
.przewijak img { width: 500px; height: 150px; }
}
@media only screen and (max-width:479px) {
.przewijak { height:620px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
.przewijak img { width: 500px; height: 225px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
.przewijak { height:600px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.przewijak { height:470px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.przewijak { height:380px; }
}

.przewijaki{
    font-size:100%;
    width:25%;
    height:265px;
    padding:25;
    display:inline;
    float:left;
    color:#767676;	

    }

    .przewijaki h3 a {
    display:block;
    color:#353535;
    padding:0 10px;
    height:14em;
    line-height:1.0em;
    text-align:center;
    font-family: font-family:'Roboto', sans-serif;
    font-size:120%;
    }
	
    .przewijaki h3 a:hover {
    background-color:#ffffff; color:#00a790;
      }
    .przewijaki p {
    margin-bottom:0px;
    padding:0 20px
    }
	
@media only screen and (max-width:479px) {
.przewijaki { width:100%; height:290px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
.przewijaki { width:50%; height:330px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.przewijaki { width:50%; height:265px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.przewijaki { height:265px; }
}

.opisstrony{
    font-size:110%;
    width:50%;
    height:440px;
    padding:25;
    display:inline;
    float:left;
    color:#525252;
    font-family: 'Archivo Narrow', sans-serif;	

    }

    .opisstrony h2 a {
    display:block;
    color:#2a4c65;
    padding:10px;
    text-align:center;
    font-family: 'Roboto', sans-serif;
    font-size:130%;
	background:#ebebeb;
	margin-right:3px;
	margin-bottom:4px;
	box-shadow: 0 6px 6px -10px #222;	
    }

    .opisstrony p {
    margin-bottom:0px;
    padding:20px;
	background:#f5f5f5;
	margin-right:3px;
	line-height:1.4em;
	border-radius:0px 0px 40px 0px;
	box-shadow: 0 6px 6px -7px #222;
    }
	
	.opisstrony img {
    width: 605px; 
	height: 205px;
    }

.opisstrony2{
    font-size:110%;
    width:50%;
    height:440px;
    padding:25;
    display:inline;
    float:left;
    color:#525252;
    font-family: 'Archivo Narrow', sans-serif;	

    }

    .opisstrony2 h2 a {
    display:block;
    color:#f5f5f5;
    padding:10px;
    text-align:center;
    font-family: 'Roboto', sans-serif;
    font-size:130%;
	background:#0070b1;
	margin-right:3px;
	margin-bottom:4px;
	box-shadow: 0 6px 6px -10px #222;
    }

    .opisstrony2 p {
    margin-bottom:0px;
    padding:20px;
	background:#f5f5f5;
	margin-right:3px;
	line-height:1.4em;
	border-radius:0px 0px 0px 40px;
	box-shadow: 0 6px 6px -7px #222;
    }
	
    .opisstrony2 img {
    width: 605px; 
	height: 205px;
    }

@media only screen and (max-width:479px) {
.opisstrony { width:100%; height:570px; }
}
@media only screen and (max-width:479px) {
.opisstrony2 { width:100%; height:530px; }
}
@media only screen and (max-width:479px) {
.opisstrony img { width: 297px; height: 110px; }
}
@media only screen and (max-width:479px) {
.opisstrony2 img { width: 297px; height: 110px; }
}



@media only screen and (min-width:480px) and (max-width:799px) {
.opisstrony { width:100%; height:530px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
.opisstrony2 { width:100%; height:500px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
.opisstrony img { width: 417px; height: 170px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
.opisstrony2 img { width: 417px; height: 170px; }
}


@media only screen and (min-width:800px) and (max-width:1023px) {
.opisstrony p { padding:19px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.opisstrony img { width: 367px; height: 140px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.opisstrony2 img { width: 367px; height: 140px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.opisstrony { height:540px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.opisstrony2 { height:540px; }
}


@media only screen and (min-width:1024px) and (max-width:1279px) {
.opisstrony p { padding:20px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.opisstrony img { width: 477px; height: 180px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.opisstrony2 img { width: 477px; height: 180px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.opisstrony { height:515px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.opisstrony2 { height:515px; }
}

.lateks{
    font-size:100%;
    width:33.33%;
    height:155px;
    padding:25;
    display:inline;
    float:left;
    color:#525252;	

    }

    .lateks h4 {
    display:block;
    color:#006699;
    padding:0 10px;
    height:6em;
    line-height:1.2em;
    text-align:center;
    font-family: font-family:'Roboto', sans-serif;
    font-size:120%;
    font-weight:bold;
    }
@media only screen and (max-width:479px) {
.lateks { height:195px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
.lateks { height:170px; }
}

.rekawice{
    font-size:100%;
    width:50%;
    height:315px;
    padding:25;
    display:inline;
    float:right;
    color:#525252;	
    }

    .rekawice h3 a {
    display:block;
    color:#000000;
    padding:0 10px;
    height:6em;
    line-height:1.2em;
    text-align:center;
    font-family: font-family:'Roboto', sans-serif;
    font-size:120%;
    font-weight:bold;
    }
	
	.rekawice h3 img {
    width:600px;
	height:400px;
    }

    .rekawice h3 a:hover {
    background-color:#ffffff; color:#0973f6;
      }
    .rekawice p {
    margin-bottom:0px;
    padding:0 20px;

    }
	
.zajawkarekawice{
    width:25%;
    height:230px;
    padding:25;
    display:inline;
    float:left;
    color:#666666;	
	font-weight:bold;
    margin-top:5px;	

    }

    .zajawkarekawice h3 a {
width:100%; text-align:center; display:inline-block; font-family:Roboto, sans-serif; color:#00a790; text-transform:uppercase; cursor:pointer; font-weight:normal; font-size:110%; letter-spacing: 1px;
    }

    .zajawkarekawice h3 a:hover {
	color:#00ceb2;
      }
    .zajawkarekawice p {
    margin-bottom:0px;
    padding:0 25px

    }
@media only screen and (max-width:479px) {
.zajawkarekawice { width:100%; height:220px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
.zajawkarekawice { width:50%; height:250px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.zajawkarekawice { width:50%; height:250px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.zajawkarekawice { width:50%; height:230px; }
}


.zajawkadostawy{
    font-size:100%;
    width:25%;
    height:120px;
    padding:25;
    display:inline;
    float:left;
    color:#525252;	

    }

    .zajawkadostawy h4 a {
    display:block;
    color:#000000;
    padding:0 10px;
    height:6em;
    line-height:1.2em;
    text-align:center;
    font-family: font-family:'Roboto', sans-serif;
    font-size:120%;
    font-weight:bold;
    }

    .zajawkadostawy h4 a:hover {
    background-color:#ffffff; color:#0973f6;
      }
    .zajawkadostawy p {
    margin-bottom:0px;
    padding:0 20px

    }
@media only screen and (max-width:479px) {
.zajawkadostawy { width:100%; height:133px; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
.zajawkadostawy { width:50%; height:155px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.zajawkadostawy { height:190px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.zajawkadostawy h4 a { height:7em; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.zajawkadostawy { height:145px; }
}	

.zajawkadolphin{
    font-size:110%;
    font-family: 'Archivo Narrow', sans-serif;
    width:50%;
    height:120px;
    padding:25;
    display:inline;
    float:left;
	margin-top:25px;
    border-bottom:1px dotted #ebebeb;	

    }
    .zajawkadolphin h2 a {
    display:block;
    color:#0c4da2;
    padding:0 10px;
    height:2em;
    line-height:2em;
    text-align:center;
    font-family: 'Arial', sans-serif;
    font-size:130%;
    border-radius:5px;
	text-transform: uppercase;
	font-weight:bold;
    }
    .zajawkadolphin p a:hover {
    background-color:#2d8ab7; color:#000000;
      }
    .zajawkadolphin h2 a:hover {
    background-color:#ffffff; color:#ff8c00;
      }
    .zajawkadolphin p {
    margin-bottom:0px;
    padding:0 20px

    }
@media only screen and (max-width:479px) {
.zajawkadolphin { width:100%; height:100px; }
}
@media only screen and (max-width:479px) {
.zajawkadolphin h2 a { line-height:0.9em; height:1.5em; font-size:110%; }
}

@media only screen and (min-width:480px) and (max-width:799px) {
.zajawkadolphin { width:100%; height:130px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.zajawkadolphin { width:100%; height:130px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.zajawkadolphin { height:140px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.zajawkadolphin h2 a { line-height:1.0em; height:2.0em; }
}

.zajawkaroyal{
    font-size:110%;
    font-family: 'Archivo Narrow', sans-serif;
    width:50%;
    height:120px;
    padding:25;
    display:inline;
    float:left;
	margin-top:25px;
    border-bottom:1px dotted #ebebeb;	

    }
    .zajawkaroyal h2 a {
    display:block;
    color:#0c4da2;
    padding:0 10px;
    height:2em;
    line-height:2em;
    text-align:center;
    font-family: 'Arial', sans-serif;
    font-size:130%;
    border-radius:5px;
	text-transform: uppercase;
	font-weight:bold;
    }
    .zajawkaroyal p a:hover {
    background-color:#2d8ab7; color:#000000;
      }
    .zajawkaroyal h2 a:hover {
    background-color:#ffffff; color:#ff8c00;
      }
    .zajawkaroyal p {
    margin-bottom:0px;
    padding:0 20px

    }
@media only screen and (max-width:479px) {
.zajawkaroyal { width:100%; height:100px; }
}
@media only screen and (max-width:479px) {
.zajawkaroyal h2 a { line-height:0.9em; height:1.5em; font-size:110%; }
}

@media only screen and (min-width:480px) and (max-width:799px) {
.zajawkaroyal { width:100%; height:130px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.zajawkaroyal { width:100%; height:130px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.zajawkaroyal { height:140px; }
}
@media only screen and (min-width:1024px) and (max-width:1279px) {
.zajawkaroyal h2 a { line-height:1.0em; height:2.0em; }
}
dron {

 background:#01386c; width: 100%;
 text-align: center;
 height: 45px;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999; 

}
@media only screen and (max-width:479px) {
dron { padding-left: 35px; }
}

@media only screen and (min-width:480px) and (max-width:799px) {
dron { padding-left: 85px; }
}
.kup-telefonicznie {
    display: block;
    text-align: center;
    margin: 10px auto 0;
    cursor: default;
    background: #ffdd00 url('../obrazki/nawigacja/ok.png') no-repeat 8px 11px;
    width: 150px;
    line-height: 110%;
    padding: 7px 0 8px 20px;
    text-transform: uppercase;
    font-size: 11px;
}


/* skalowanie YouTube */
.skalowanieYT {
	position: relative;
	padding-bottom: 48%; /* 56.26% = 16:9 */
	padding-top: 25px;
	height: 0;
}
.skalowanieYT iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 81%;
	height: 90%;
}

/* skalowanie YouTube2 */
.skalowanieYT2 {
	position: relative;
	padding-bottom: 60%; /* 56.26% = 16:9 */
	padding-top: 25px;
	height: 0;
}
.skalowanieYT2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90%;
}

@media only screen and (max-width:479px) {
.skalowanieYT iframe {width: 100%; height: 98.50%; !important;}
}

@media only screen and (min-width:480px) and (max-width:799px) {
.skalowanieYT iframe {width: 100%; height: 90%; !important;}
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.skalowanieYT iframe {width: 100%; height: 90%; !important;}
}

@media only screen and (min-width:800px) and (max-width:1023px) {
#hamburgericonmenuwrapper { display:none !important;}
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
#hamburgericonmenuwrapper { display:none !important; }
}

@media only screen and (min-width:1028px){
#hamburgericonmenuwrapper { display:none !important; }
}


#hamburgericonmenuwrapper{
	z-index: 10000;
	position: absolute;
  font-size: 16px; /* base font size for em values below */
}

/* ###### CSS for Hamburger UI DIV and links ###### */

#hamburgerui{
	overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2; /* make #hamburgerui higher in z-index than #fullscreenmenu */
}

#hamburgerui ul{
	margin: 0;
	padding: 0;
	font: bold 16px 'Bitter', sans-serif; /* #hamburgerui font size (Bitter is Google font) */
	list-style-type: none;
}

#hamburgerui li{
	display: inline;
	margin: 0;
}

#hamburgerui li a{
	float: left;
	display: block;
  position: relative;
	text-decoration: none;
	margin: 0;
	padding: 25px 30px; /*padding inside each link */
	color: white;
  outline: none;
	background: #01386c; /*background of tabs (default state)*/
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

#hamburgerui li:last-of-type a{
  width: 35px; /* width of last LI A containing hamburger style icon */
  
}

#hamburgerui li:last-of-type a:after{
  visibility: hidden;
}

#hamburgerui li a:visited{
	color: white;
}

#hamburgerui li a:hover{
	background: #01386c; /*background of UI links for hover state  */
}


#navtoggler{  /* Main hamburger icon to toggle menu state */
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 8px; /* change font size to change hamburger icon dimensions. Leave width/height below alone */
  width: 4em;
  height: 2.5em;
  padding: 0;
  text-indent: -1000px;
  border: 0.6em solid white;
  /* border color */
  border-width: 0.6em 0;
  cursor: pointer;
  -webkit-transform: translate3D(-50%, -50%, 0);
  transform: translate3D(-50%, -50%, 0); /* center hamburger icon inside link */
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}


#navtoggler::before, #navtoggler::after{
  /* inner strip inside hamburger icon */
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 0.6em;
  top: 50%;
  margin-top: -0.3em;
  left: 0;
  background: white; /* stripes background color. Change to match border color of parent label above */
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}


/* ###### CSS for Full Screen Menu NAV ###### */

#fullscreenmenu{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 40px;
  left: 0;
  background: #01386c; /* background color of full screen menu */
	padding-top: 8px; */ shift UL downwards by 100px so it's not obscured by hamburger icon */
  z-index: 1;
	visibility: hidden;
	overflow: auto;
	font-family: 'Bitter', sans-serif; /* 'Bitter' is Google font */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate3D(0, 0, 0); /* hide menu initially on screen by offsetting it vertically */
  transform: translate3D(0, 0, 0); 
  -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
  transition: transform 0.5s, visibility 0s 0.5s;
}

#fullscreenmenu ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
  position: relative;
  font-weight: bold;
  font-size: 2.5em; /* font size of UL menu */
  text-transform: none;
  -webkit-transform: translate3D(0, -40px, 0);
  transform: translate3D(0, -40px, 0);
  opacity: 0;
  transition: all 0.5s 0.4s;
}

#fullscreenmenu ul li{
	width: 100%; /* by default, show 2 columns of links */
	float: left;
	display: inline;
  text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 1px; /* bottom spacing between LI */
}

#fullscreenmenu ul li a{ margin-right:20px; margin-left:20px;
  text-decoration: none;
  position: relative;
  color: white; /* link color */
	padding: 8px; /* general spacing between links */
  display: block;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}

#fullscreenmenu ul new a{ display:block; position:fixed; top:10; left:0; z-index:1001; background: #0078ec; color:#ebebeb;
        width:13px;
        font-size:18px;
        line-height:20px;
        text-align:center;
        padding:10px;
        border:1px solid #0064c5;
        border-radius:3px 3px 3px 3px;
        word-wrap:break-word; }

#fullscreenmenu ul sale a{ display:block; position:fixed; margin-top:200px; left:0; z-index:1001; background: #0078ec; color:#ebebeb;
        width:13px;
        font-size:18px;
        line-height:20px;
        text-align:center;
        padding:10px;
        border:1px solid #0064c5;
        border-radius:3px 3px 3px 3px;
        word-wrap:break-word; }

#fullscreenmenu ul kontakt a{ display:block; position:fixed; margin-top:420px; left:0; z-index:1001; background: #0078ec; color:#ebebeb;
        width:13px;
        font-size:18px;
        line-height:20px;
        text-align:center;
        padding:10px;
        border:1px solid #0064c5;
        border-radius:3px 3px 3px 3px;
        word-wrap:break-word; }

#fullscreenmenu ul kontakt a:first-letter { color:#e10101; }
#fullscreenmenu ul sale a:first-letter { color:#e10101; }
#fullscreenmenu ul new a:first-letter { color:#e10101; }
#fullscreenmenu ul kontakt a:hover:first-letter { color:#ffffff; }
#fullscreenmenu ul sale a:hover:first-letter { color:#ffffff; }
#fullscreenmenu ul new a:hover:first-letter { color:#ffffff; }

#fullscreenmenu ul li a:hover{
  background: #e10101; margin-left:20px;
}

#fullscreenmenu ul li a:hover:after{
  width: 100%; margin-left:20px;
}

/* #### Menu Hamburger Icon UI when shrinked CSS ######## */

#hamburgerui.shrink li:nth-last-of-type(n+2) a{
  opacity: 0;
  pointer-events: none;
}



/* #### Menu Opened State CSS ######## */

#hamburgericonmenuwrapper.open #fullscreenmenu{
	visibility: visible;
  -webkit-transform: translate3D(0, 0, 0); /* show menu by shifting it vertically to visible position within container */
  transform: translate3D(0, 0, 0);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

#hamburgericonmenuwrapper.open #navtoggler{
  border-width: 0;
}

#hamburgericonmenuwrapper.open #navtoggler::before{
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); /* rotate line to create "x" */
}

#hamburgericonmenuwrapper.open #navtoggler::after{
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); /* rotate line to create "x" */
}

#hamburgericonmenuwrapper.open #hamburgerui li:nth-last-of-type(n+2) a{
  opacity: 0;
  pointer-events: none;
}

#hamburgericonmenuwrapper.open #fullscreenmenu ul{
  opacity: 1;
  -webkit-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0); /* restore UL to original positon */
}


/* ####### responsive layout CSS ####### */

@media (max-width: 800px) { /* 1st breaking point */

	#hamburgerui li a{
		padding: 22px; /*padding inside each link */
  }

  #fullscreenmenu ul{
    font-size: 2em;
  }

}

@media (max-width: 600px) { /* 2nd breaking point */

	#hamburgerui li a{
		padding: 20px; /*padding inside each link */
	}

  #fullscreenmenu ul{
    font-size: 1.5em;
  }
}

@media (max-width: 480px) { /* 3rd breaking point */
  #fullscreenmenu ul{
    font-size: 1em;
  }
}

/* Banner */
    #banner strong { color:#01386c; }
    #banner h2 { color:#01386c; font-family: 'Archivo Narrow', sans-serif; }
	#banner  {
	    font-family: 'Archivo Narrow', sans-serif;
		color:#01386c;
		text-align: center;
		padding: 2.0em 0 2.0em 0;
		margin-bottom: 0;
	}

		#banner header > p {
			margin-bottom: 0;
		}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Body - not related to megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
    margin: 0 auto;
    margin-top:84px;
    background: #ffffff;
    border-bottom:1px solid #C3CAD0;
	border-top:1px solid #C3CAD0;
	position:fixed;
	z-index: 999;
} 

@media (min-width: 1100px) {
.menu-container { width:1240px; }
}
@media (max-width: 1100px) and (min-width: 1000px) {
.menu-container { width:980px; }
}
@media (min-width: 1100px) {
.menu-container { width:1240px; }
}

.menu-mobile {
    display: none;
    padding: 10px;
}

.menu > ul {
    margin: 0 auto;
    list-style-type:none;
    width: 100%;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
    color:#556879;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
}

.menu > ul > li a {
    text-decoration: none;
    padding: 0.6em 0.8em;
    display: block;
    color:#222;
    font-weight:normal;
    font-family: 'Roboto', sans-serif;
	cursor:pointer;
   
}

.ren > ul > li {
	list-style-type:none;
    float: right;
    padding: 0;
    margin: 0;
}

.ren > ul > li a {
    text-decoration: none;
    padding: 0.6em 0.4em;
    display: block;
    color:#222;
    font-weight:normal;
	font-size: 110%;
    font-family: 'Roboto', sans-serif;
	margin-right:14px;
   
}

.ren > ul > li a:hover {
    color:#056dbb;
}

.menu > ul > li a:hover {
    color:#6f869a;
}

.menu > ul > li:hover >span {
    border-top: 2px solid #3c4c50;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #ffffff;
    padding: 10px;
    position: absolute;
    z-index: 999;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
	border:1px solid #C3CAD0;
    font-size: 110%;
	font-family: 'Roboto', sans-serif;
    color:#222;
	box-shadow: 0 10px 20px -10px #000;
}

.menu > ul > li > ul:before { color:#f29400; }
.menu > ul > li > ul:after {
    content: "";
    display: table;
    color:#f29400;
}

.menu > ul > li > ul:after {
    color:#f29400;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
    color:#222;
}

.menu > ul > li > ul > li a {
    color:#222;
    padding: 0.1em 0.1em;
    width: 95%;
    display: block;
	font-weight:bold;
    font-family: 'Roboto', sans-serif;
	text-align:left; 
	border-bottom: 1px solid #C3CAD0;
	font-size:100%;
}

.menu > ul > li > ul > li > ul > li a {
    color:#222;
    font-family: 'Archivo Narrow', sans-serif;
    font-weight:normal;
}

.menu > ul > li > ul > li a:hover {
    color: #086ae4;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 5px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 0px 0;
    margin: 0;
    font-size:90%;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width:479px) {
.menu-container { display:none !important;}
}
@media only screen and (min-width:480px) and (max-width:799px) {
.menu-container { display:none !important;}
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.menu-container { display:none !important;}
} 
/*------------------------------dol---------------------------*/
.run { text-align:center; background:#f5f5f5; border-top:1px solid #dbdbdb; padding:8px 8px 8px 8px; }
.run a { font-family: 'Archivo Narrow', sans-serif; color#:ffffff; }

.produkt__h3{
	text-align: center !important;
	color: #222 !important;
	font-size:16px !important;
	margin-bottom: 2px !important;
	margin-top: 2px !important;
	font-family: 'Archivo Narrow', sans-serif !important;
	font-weight: normal !important;
	line-height: 1.1 !important;
}

.produkt__h3:hover{
	color:#00806e !important;
}

.produkt__p{
	text-align: center !important;
	color: #666666 !important;
	font-size:12px !important;
	margin-bottom: 2px !important;
	margin-top: 12px !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: normal !important;
}

.naglowek__h3{
	text-align: left !important;
	color: #222 !important;
	font-size: 21px !important;
	margin-bottom: 2px !important;
	font-family: Roboto, sans-serif !important;
	font-weight: bold !important;
	line-height: 1.2 !important;
}
.span__blog{
	text-align: left !important;
	font-size: 14px !important;
	margin-bottom: 5px !important;
	font-weight: bold !important;
	display: flex;
}
.span__blog a{
	text-align: left !important;
	color: #222 !important;
	font-size: 21px !important;
	margin-bottom: 2px !important;
	font-family: Roboto, sans-serif !important;
	font-weight: bold !important;
	line-height: 1.2 !important;
}

.AktProsta h2{
	text-align: left !important;
	color: #222 !important;
	font-size: 18px !important;
	margin-bottom: 2px !important;
	font-family: Roboto, sans-serif !important;
	font-weight: bold !important;
	line-height: 1.2 !important;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Menu zastosowanie
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-containerzas {
    margin: 0 auto;
    background: #ffffff;
    border-bottom:1px solid #C3CAD0;
	border-top:1px solid #C3CAD0;
	z-index: 999;
	cursor:pointer;
	margin-top:10px; 
	
} 
@media (min-width: 1100px) {
.menu-containerzas { width:1240px; }
}
@media (max-width: 1100px) and (min-width: 1000px) {
.menu-containerzas { width:980px; }
}
@media (min-width: 1100px) {
.menu-containerzas { width:1240px; }
}

.menu > img {
    padding:0px 6px 0px 20px;
}

.renz > ul > li {
	list-style-type:none;
    float: right;
    padding: 0;
    margin: 0;
}

.renz > ul > li a {
    text-decoration: none;
    padding: 1.5em 6.7em;
    display: block;
    color:#043572;
    font-weight:bold;
    font-family: 'Roboto', sans-serif;
   
}

.renz > ul > li a:hover {
    color:#6f869a;
}

@media only screen and (max-width:479px) {
.menu-containerzas { width:100%; font-size:80%; }
}
@media only screen and (min-width:480px) and (max-width:799px) {
.menu-containerzas { width:100%; font-size:90%; }
}
@media only screen and (min-width:800px) and (max-width:1023px) {
.menu-containerzas { width:100%; }
}
.box__pob{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.box__pob a{
	display: block;
	color: #0c4da2;
	padding: 0 10px;
	height: 2em;
	line-height: 2em;
	text-align: center;
	font-family: 'Arial', sans-serif;
	font-size: 130%;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
}
.box__pob a img{
	margin-bottom: 20px;
}
.box__pob a:first-child{
	margin-bottom: 20px !important;
}
.nag__red{
	font-size: 18px !important;
	font-weight: bold !important;
}
.nag__box--str{
	margin: 0px;
	padding: 0px;
	font-size: 1.0em;
	color: #525252;
	font-family: 'Archivo Narrow', sans-serif;
}
.nag__box--str a{
	display: block;
	color: #f5f5f5;
	padding: 10px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-size: 130%;
	background: #0070b1;
	margin-right: 3px;
	margin-bottom: 4px;
	box-shadow: 0 6px 6px -10px #222;
}
.odn__breadcrumbs--last{
  color: #000000 !important;
}
.odn__breadcrumbs--last:hover{
  text-decoration: underline;
}



@media only screen and (max-width: 799px) {
  .BoxKategorieRozwijane {
     position: sticky !important;
  
  }
}


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

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

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

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

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

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

/* wyglad naglowka boxu --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxNaglowek { background:#01386c; color:#f5f5f5; padding:7px 10px 7px 10px; font-size:160%; font-weight:normal; font-family:Roboto, Arial, Tahoma, Verdana, sans-serif; }

/* wyglad naglowka boxu kategorii --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxNaglowekKategorie { background:#01386c; color:#f5f5f5; padding:10px 10px 10px 10px; font-size:170%; font-weight:normal; font-family: 'Roboto', sans-serif; border-bottom:1px solid #C3CAD0; }

/* wyglad ogolny boxu --- nie zmieniac nazwy styli, nie usuwac --- */
.BoxTresc { border:1px solid #e7e7e7; margin-top:3px; padding:5px; overflow:hidden; position:relative; }
.BoxTresc .WszystkieKreska { text-align:right; padding:10px 10px 5px 10px; border-top:1px dotted #dbdbdb; }
.BoxTresc .Wszystkie { text-align:right; margin:10px 10px 5px 10px; }
.BoxTresc .Wszystkie a, .BoxTresc .WszystkieKreska a { color:#929090; background:url('../obrazki/nawigacja/zobacz_wszystkie_box.png') no-repeat left center; padding-left:23px; display:inline-block; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxTresc .Wszystkie a:hover, .BoxTresc .WszystkieKreska a:hover { color:#e10101; }
.BoxTresc .SrodekCentrowany { text-align:center; padding:10px; }
/* box standardowy z kategoriami */
.BoxKategorie { overflow:hidden; background:#ebebeb; border-top:3px solid #ffffff; position:relative; }
.BoxKategorie ul { list-style-type: none; padding:0; margin:0; }
.BoxKategorie li { margin:0px; }
.BoxKategorie a { padding:4px 12px 4px 12px; font-size:130%; font-weight:normal; display:block; border-bottom:3px solid #ffffff;
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxKategorie a:hover { text-decoration:none; background:#e5e5e5; }
.BoxKategorie li li a { padding:5px 12px 5px 25px; font-size:120%; font-weight:normal; display:block; }
.BoxKategorie li li a:hover { text-decoration:none; }
.BoxKategorie li li li a { padding:8px 12px 8px 40px; font-size:100%; }
.BoxKategorie li li li li a { padding:8px 12px 8px 55px; }
.BoxKategorie li li li li li a { padding:8px 12px 8px 70px; }
.BoxKategorie em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; color:#929090; font-size:80%; }
.BoxKategorie .Aktywna { color:#e10101; font-weight:bold; }
.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; position:relative; }
.BoxKategorieRozwijane ul li a { overflow:hidden; background:#01386c; border-top:0px solid #ffffff; position:relative; }
.BoxKategorieRozwijane ul { list-style-type: none; padding:0; margin:0; }
.BoxKategorieRozwijane li { margin:0px; }
.BoxKategorieRozwijane a { padding:6px 12px 6px 12px; font-size:110%; font-weight:normal; display:block; border-bottom:1px solid #01427f; font-family: 'Roboto', sans-serif; color:#ebebeb;
  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 a:hover { text-decoration:none; color:#f29400; }
.BoxKategorieRozwijane li ul { display:none; }
.BoxKategorieRozwijane li li a { padding:6px 12px 6px 35px; font-size:100%; font-weight:normal; display:block; }
.BoxKategorieRozwijane li li a:hover { text-decoration:none; }
.BoxKategorieRozwijane li li li a { padding:6px 12px 6px 60px; font-size:100%; }
.BoxKategorieRozwijane li li li li a { padding:6px 12px 6px 70px; }
.BoxKategorieRozwijane li li li li li a { margin-left:95px; }
.BoxKategorieRozwijane em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; color:#929090; font-size:80%; }
.BoxKategorieRozwijane .Aktywna { color:#f29400; }
.BoxKategorieRozwijane li a span { display:table-cell; vertical-align:middle; }
.BoxKategorieRozwijane li a span:last-child { padding-left:8px; }

@media only screen and (max-width:479px) {
.BoxKategorieRozwijane { position:sticky; display:block; }
}

/* box kategorii wysuwanych */
.BoxKategorieWysuwane { background:#01386c; border-top:0px solid #ffffff; }
.BoxKategorieWysuwane ul { list-style-type: none; padding:0; margin:0; }
.BoxKategorieWysuwane li { margin:0px; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxKategorieWysuwane li:hover { background:#01386c; }
.BoxKategorieWysuwane a { padding:8px 12px 8px 12px; font-size:135%; font-weight:normal; display:block; border-bottom:1px solid #346089; font-family: 'Archivo Narrow', sans-serif; color:#dbdbdb; }
.BoxKategorieWysuwane a:hover { text-decoration:none; color:#f29400; }
.BoxKategorieWysuwane li ul { display:none; position:absolute; margin:-5px 0px 0px 300px; width:300px; background:#01386c; z-index:10000; border:1px solid #346089; }
.BoxKategorieWysuwane li li a { font-size:120%; padding:5px 25px 5px 20px; font-weight:normal; border-bottom:1px solid #346089; width:300px; }
.BoxKategorieWysuwane em { display:inline-block; margin-left:5px; font-weight:normal; font-style:normal; color:#929090; font-size:80%; }
.BoxKategorieWysuwane li a span { display:table-cell; vertical-align:middle; }
.BoxKategorieWysuwane li a span:last-child { padding-left:8px; }
@media only screen and (min-width: 800px) {
  .BoxKategorieWysuwane a.Rozwin { background:url('../obrazki/kategorie/kategoriaStrzalka.png') no-repeat right center; }
}
/* animowane boxy */
.BoxTresc .BoxAnimacja { text-align:center; position:absolute; margin:0px; z-index:0; }
.BoxTresc .BoxAnimacjaScroll { text-align:center; position:relative; margin:0px; }
.BoxTresc .BoxAnimacja a, .BoxTresc .BoxAnimacjaScroll a { padding:7px 10px 10px 10px; display:inline-block; position:relative; }
.BoxTresc .BoxAnimacja .Cena, .BoxTresc .BoxAnimacja .CenaPromocyjna, .BoxTresc .BoxAnimacjaScroll .Cena, .BoxTresc .BoxAnimacjaScroll .CenaPromocyjna { margin:0px 0px 10px 0px; }
.BoxTresc .AktLicz { display:none; }
.BoxTresc .AnimSzer { min-width:150px; overflow:hidden; }
.BoxTresc .strzalkaLewa { opacity:0.6; filter:alpha(opacity=60); z-index:2; cursor:pointer; display:none; width:19px; height:32px; background:url('../obrazki/nawigacja/strzalka_poprzedni.png') no-repeat left center; position:absolute; margin-top:0px; margin-left:5px; }
.BoxTresc .strzalkaPrawa { opacity:0.6; filter:alpha(opacity=60); z-index:2; cursor:pointer; display:none; width:19px; height:32px; background:url('../obrazki/nawigacja/strzalka_nastepny.png') no-repeat right center; position:absolute; margin-top:0px; margin-left:5px; }
.BoxTresc .strzalkaLewa:hover { opacity:1; filter:alpha(opacity=100); }
.BoxTresc .strzalkaPrawa:hover { opacity:1; filter:alpha(opacity=100); }
.BoxTresc .BoxPrzyciski { margin:10px 0px 10px 0px; text-align:center; }
@media only screen and (max-width:799px) {
  .BoxTresc .BoxPrzyciski b { font-size:140%; margin:4px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
  .BoxTresc .BoxPrzyciski b { font-size:130%; margin:3px; padding:3px 8px 3px 8px; }
}
@media only screen and (min-width:1024px) { 
  .BoxTresc .BoxPrzyciski b { font-size:120%; margin:2px; padding:3px 8px 3px 8px; }
}
.BoxTresc .BoxPrzyciski b { display:inline-block; cursor:pointer; background:#b7b7b7; color:#e6e6e6; font-weight:normal; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -khtml-border-radius:4px; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.BoxTresc .BoxPrzyciski b:hover { background:#626262; }
.BoxTresc .BoxPrzyciski .On { background:#626262; font-weight:bold; }

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

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

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

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

/* box ankiet */
.BoxTresc .Ankieta { padding:10px; text-align:center; }
.BoxTresc .Ankieta h4 { display:block; margin-bottom:10px; }
.BoxTresc .Ankieta .Pytania { display:inline-block; margin:0px auto; text-align:left !important; list-style-type: none; padding:0; }
.BoxTresc .Ankieta .Pytania input { float:left; margin:0px 5px 0px 0px !important; }
.BoxTresc .Ankieta .Pytania li { text-align:left; margin-bottom:5px; }
.BoxTresc .Ankieta .Pytania li b { margin-left: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: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:#e10101; 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:#e10101; }
.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;
  border-right:1px dotted #dbdbdb; border-bottom:1px dotted #dbdbdb;
}
.AktProsta h2 a { text-align:left; padding:0px; display:block; margin-bottom:5px; font-weight:bold; font-size:110%; }
.AktProsta h3 a { text-align:left; padding:0px; display:block; margin-bottom:5px; font-weight:bold; font-size:170%; }
.AktProsta .DaneAktualnosci { float:none; text-align:left; margin-bottom:8px; display:block; }
.AktProsta .DaneAktualnosci em { display:inline-block; margin:2px 2px 2px 0px; padding-right:15px; color:#929090; font-style:normal; }
.AktProsta .DataDodania { background:url('../obrazki/nawigacja/kalendarz.png') no-repeat left center; padding:2px 0px 2px 22px; }
.AktProsta .IloscOdslon { padding:0px; }

/* wyglad produktu w formie okien */
.ProduktProsty { text-align:center; position:relative; padding:10px 5px 10px 5px; float:left;
  -webkit-background-clip:content-box; -moz-background-clip:content-box; background-clip:content-box;  
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  border-right:1px dotted #dbdbdb; border-bottom:1px dotted #dbdbdb;
}
.ProduktProsty .Foto { display:inline-block; }
.ProduktProsty h3 a { padding:7px 10px 10px 10px; display:inline-block; }
.ProduktProsty .Foto a { position:relative; }
.ProduktProsty .Zdjecie { margin:0px 0px 10px 0px; }
.ProduktProsty .Opis { text-align:left; display:block; margin:10px !important; padding:5px; }
.ProduktProsty .DataDostepnosci { text-align:center; display:block; margin:10px !important; padding:10px 10px 5px 10px; }
.ProduktProsty .DataDostepnosci b { text-align:center; display:block; margin:5px; font-size:110%; }
.ProduktProsty .Zakup { display:inline-block; margin:0px auto; margin-top:10px; }
.ProduktProsty .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.ProduktProsty .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 15px 5px 0px; }
/* wyskakujacy z gory napis zobacz szczegoly z lupa */
.ProduktProsty .AnimacjaZobacz { overflow:hidden; position:relative; }
.ProduktProsty .Zobacz { position:absolute; display:none; z-index:100; width:100%; }
.ProduktProsty .Zobacz strong { display:block; background:#ebebeb; padding:13px 0px 8px 0px; margin:0px 10px 0px 10px; border-bottom:1px solid #212121; opacity:0.8; filter:alpha(opacity=80); }
.ProduktProsty .Zobacz a { display:inline-block; color:#212121; text-transform:none; font-weight:normal; font-size:130%; padding:10px 10px 10px 10px; font-family:Roboto, Arial, Tahoma, Verdana, sans-serif; 
  transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
}
.ProduktProsty .Zobacz a:hover { padding:10px 10px 10px 10px; color:#000000; }

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

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

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

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

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

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

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

/* modul animowany - jeden produkt na cala szerokosc szeroki na cala kolumne - przenikanie - promocje */

.AnimModulJeden .ProdOpisSrodek { text-align:left; margin:5px 20px 0px 10px; }
.AnimModulJeden .ProdOpisSrodek a { font-size:28px; font-weight:normal; padding:0px 10px 10px 0px; display:inline-block; font-family: 'Roboto', sans-serif; color:#01386c; font-weight:bold; }
.AnimModulJeden .OpisKrotki { font-size:120%; }
.AnimModulJeden .Brutto { font-size:200%; font-family:'Roboto', sans-serif; margin-top:30px; color:#FF3300; font-weight:bold; }
.AnimModulJeden .Brutto small { font-size:60%; }
.AnimModulJeden .Netto { margin-left:5px; }
.AnimModulJeden .CenaPoprzednia { display:none; }
.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:200%; font-weight:bold; padding:0px 10px 10px 0px; display:inline-block; font-family: 'Roboto', sans-serif; }
.AnimModulJeden .Zdjecie { margin:0px 0px 10px 0px; }
.AnimModulJeden .OpisKrotki { margin:5px 0px 10px 0px; display:block; line-height:1.5; }
.AnimModulJeden .Zakup { display:inline-block; margin-top:10px; }
.AnimModulJeden .Zakup .InputIlosc { float:left; text-align:center; width:30px; margin:4px 5px 4px 0px; }
.AnimModulJeden .Zakup em { display:inline-block; float:left; font-style:normal; margin:10px 15px 5px 0px; }

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

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

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

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

/* 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:#000000; text-align:center; font-size:160%; color:#ffffff; position:absolute; top:0px; opacity:5; filter:alpha(opacity=5); width:100%; }
@media only screen and (max-width:799px) {
  #BanneryAnimacjaPrzewijana li span { padding:5px; }
}
@media only screen and (min-width:800px) {
  #BanneryAnimacjaPrzewijana li span { padding:10px; }
}
#BanneryAnimacjaPrzewijana li:first-child span { display:block; opacity:0.7; filter:alpha(opacity=70); }
#AnimacjaPrzewijanaKontener:hover #BanneryAnimacjaPrzewijanaLewaStrzalka, #AnimacjaPrzewijanaKontener:hover #BanneryAnimacjaPrzewijanaPrawaStrzalka { opacity:0.7; filter:alpha(opacity=70); }
#BanneryAnimacjaPrzewijanaLewaStrzalka { cursor:pointer; z-index:14; position:absolute; left:0px; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../obrazki/animacja_bannery/strzalka_lewa.png') no-repeat; }
#BanneryAnimacjaPrzewijanaPrawaStrzalka { cursor:pointer; z-index:14; position:absolute; right:0px; top:50%; margin-top:-20px; width:40px; height:40px; background:url('../obrazki/animacja_bannery/strzalka_prawa.png') no-repeat; }
#BanneryAnimacjaPrzewijanaNumer { display:none; }
#BanneryAnimacjaPrzewijanaPrzyciski { margin:10px 0px 15px 0px; text-align:center; }
@media only screen and (max-width:799px) {
  #BanneryAnimacjaPrzewijanaPrzyciski span { width:22px; height:22px; margin:4px; }
}
@media only screen and (min-width:800px) and (max-width:1023px) { 
  #BanneryAnimacjaPrzewijanaPrzyciski span { width:18px; height:18px; margin:3px; }
}
@media only screen and (min-width:1024px) { 
  #BanneryAnimacjaPrzewijanaPrzyciski span { width:14px; height:14px; margin:2px; }
}
#BanneryAnimacjaPrzewijanaPrzyciski span { display:inline-block; cursor:pointer; background:#b7b7b7; font-size:1px; overflow:hidden; line-height:100; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -khtml-border-radius:50%; }
#BanneryAnimacjaPrzewijanaPrzyciski span:hover { background:#626262; }
#BanneryAnimacjaPrzewijanaPrzyciski span.On { background:#626262; }

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

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

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

/*** moduly stale ***/

/* ostatnio ogladane - modul staly - przyklejony */
#PrzyklejOstatnieProd { position:fixed; left:0px; bottom:0px; width:100%; background:#000000; border-top:1px solid #ffffff; z-index:1002; opacity:0.5; filter:alpha(opacity=50); text-align:center; }
#PrzyklejOstatnieProd .Rozwiniecie { cursor:pointer; background:url('../obrazki/moduly_stale/ostatnio_ogladane_strzalka.png') no-repeat left center; padding:12px 10px 12px 35px; display:inline-block; font-size:110%; color:#ffffff; font-weight:bold; }
#PrzyklejOstatnieProd .Zamknij { left:80px; 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:100%; }
#InfoAkcept { background:url('../obrazki/moduly_stale/zamknij.png') no-repeat left center; display:inline-block; cursor:pointer; font-size:110%; color:#ffffff; padding:7px 0px 7px 27px; }

/* informacje o cookie - modul staly - przyklejony - z wyborem integracji */
#InfoCookieTlo { content:''; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:10002; }
#InfoCookieIntegracje { position:fixed; left:0; bottom:0; right:0; padding:10px 0 10px 0; background:rgba(0,0,0,0.82); color:#dbdbdb; border-top:1px solid #555; z-index:10003; }
#InfoCookieIntegracje a { color:#dbdbdb; text-decoration:underline; }

#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; }
#CookieOknoUstawien .CookieOknoUstawieniaOpis p { color:#dbdbdb; text-decoration:underline; }

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