@font-face {
    font-family: AlegreyaSansLight;
    src: url('fonts/AlegreyaSansLight.eot'); /* IE9 Compat Modes */
    src: url('fonts/AlegreyaSansLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         /*url('fonts/AlegreyaSansLight.woff2') format('woff2'),  Modern Browsers */
        url('fonts/AlegreyaSansLight.woff') format('woff'), /* Modern Browsers */
        url('fonts/AlegreyaSansLight.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/AlegreyaSansLight.svg') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
    font-dispaly:swap;
}




body {
    width:100%;
    min-width:270px;
    margin:0;padding:0;
    overflow: auto;
    background-color:#FFFFFF;
    font-size: 12px;
    color:#111111;
    font-family: AlegreyaSansLight;
    height:auto;
   }

h1{
    font-size: 18px;
  }

h2{
    font-size: 16px;
  }

h3{
    font-size: 14px;
  }

h4{
    font-size: 12px;
  }

h5{
    font-size: 10px;
  }
h6{
    font-size: 8px;
  }





@media screen and (max-width: 640px) {
  body {

  }
}





#main{float:left;margin:auto;width:100%;height:auto;min-height:600px;background-repeat:no-repeat;} /* strona  glowna wysrodkowana   */
#naglowek_gora{float:left;left:0px; top:0px;width:100%;height:30px;display:none;text-align:left;background-color:#9B2675;box-shadow: 5px 5px 5px -3px #666;}


#naglowek{float:left;width:100%;height:auto;min-height:100px;text-align:center;background-color:white;display:none;z-index:3;
          box-shadow: 5px 5px 5px -3px #666;}
#naglowek_podklad{float:left;width:100%;height:100px;text-align:center;background-color:white;display:none;}

#menu {float:left;margin-top:0px;width:260px;height:auto;min-height:100px;text-align:center;margin-top:20px;display:none;}
//#menu_w {float:left;margin-top:0px;width:90%;margin-left:10px;height:auto;background-color:white}
#menu_w {float:left;margin-top:150px;top:0px;width:244.4px;;margin-left:10px;height:auto;background-color:white;position:fixed;}


#opcjemargineslewy{float:left;width:15.4%;height:auto;min-height:100px;border:0px solid black;}
@media screen and (max-width: 790px) {
  #opcjemargineslewy {display:none;}
}


#opcjesrodek{float:left;width:1330px;max-width:100%;height:auto;min-height:100px;border:0px solid black;}
@media screen and (max-width: 790px) {
  #opcjesrodek {width:100%;}
}



#mojsklepl{float:left;height:auto;width:46%;font-size:15px;margin-top:10px;margin-bottom:10px; line-height:17px;background-color:#FFFFFF;padding-left:2%; padding-right:2%; padding-top:15px;  padding-bottom:15px;
                         box-shadow: 2px 2px 10px rgba(0,0,0,.2);
                         border-radius:3px;
                         -moz-border-radius:3px;
                        -webkit-border-radius:3px;}
@media screen and (max-width: 790px) {
  #mojsklepl {width:96%;}
}

#mojsklepp{float:left;height:auto;width:44%;font-size:15px;margin-top:10px;margin-bottom:10px; line-height:17px;background-color:#FFFFFF;padding-left:2%; padding-right:2%; margin-left:2%; padding-top:15px;  padding-bottom:15px;
                         box-shadow: 2px 2px 10px rgba(0,0,0,.2);
                         border-radius:3px;
                         -moz-border-radius:3px;
                        -webkit-border-radius:3px;}
@media screen and (max-width: 790px) {
  #mojsklepp {width:96%;margin-left:0px;}
}

.mojskleplinia{float:left;width:90%;margin-top:5px;margin-left:5%;}



.lupa{float:left;width:40px;height:40px;background-image:url('../grafika/lupa.gif');background-position:top}
.lupa:hover{background-image:url('../grafika/lupa.gif');background-position:bottom}

.koszyk_pusty{float:left;width:40px;height:40px;background-image:url('../grafika/koszyk_pusty.gif');background-position:top;user-select: none;}
.koszyk_pusty:hover{background-image:url('../grafika/koszyk_pusty.gif');background-position:bottom;user-select: none;}

.koszyk_pelny{float:left;width:40px;height:40px;margin-right:2%;background-image:url('../grafika/koszyk_pelny.gif');background-position:top;}
.koszyk_pelny:hover{background-image:url('../grafika/koszyk_pelny.gif');background-position:bottom}

.koszykilosc{position:absolute;margin-left:-9px;margin-top:27px;background:#9B2675;padding:2px 6px;border-radius:4px;border:solid 1px white;box-shadow:0 1px 2px silver;font:normal 12px Tahoma, Geneva, sans-serif;font-style:normal;color:white;text-align:center;display:none;}

.koszyk_cena{float:left;width:100%;margin-top:2px;font:bold 12px Arial, Geneva, sans-serif;font-style:normal;color:black;text-align:center;}





.ludzik{float:left;width:40px;height:40px;background-image:url('../grafika/ludzik.gif');background-position:top}
.ludzik:hover{background-image:url('../grafika/ludzik.gif');background-position:bottom}


.lupam{float:left;width:80px;height:80px;background-image:url('../grafika/lupa_m.gif');background-position:top}
.lupam:hover{background-image:url('../grafika/lupa_m.gif');background-position:bottom}

.koszyk_pustym{float:right;width:80px;height:40px;margin-top:20px;margin-right:20px;background-image:url('../grafika/koszyk_pusty_m.gif');background-position:top}
.koszyk_pustym:hover{background-image:url('../grafika/koszyk_pusty_m.gif');background-position:bottom}

.koszyk_pelnym{float:right;width:80px;height:40px;margin-top:20px;margin-right:20px;background-image:url('../grafika/koszyk_pelny_m.gif');background-position:top;}
.koszyk_pelnym:hover{background-image:url('../grafika/koszyk_pelny_m.gif');background-position:bottom}

.arrow{float:left;width:16px;height:16px;margin-left:4px;margin-top:3px;background-image:url('../grafika/strzalki.gif');background-position:top left;}

 @media screen and (max-width: 790px) {
  .arrow {margin-top:7px;
  }
}


.arrow_prawy{float:right;width:16px;height:16px;margin-top:10px;margin-right:8px;background-image:url('../grafika/strzalkibok.gif');background-position:top left;}
.arrow_lewy{float:left;width:16px;height:16px;margin-top:10px;margin-left:8px;background-image:url('../grafika/strzalkibok.gif');display:none;background-position:top right;}




#glowna{float:left;margin-top:0px;width:100%;height:auto;min-height:1000px;background-color:#FFFFFF;margin-top:20px;opacity:0.2;
        -webkit-transition: opacity 0.3s;
          -moz-transition: opacity 0.3s;
          transition: opacity 0.3s}
@media screen and (max-width: 790px) {
  #glowna {display:none;}
}



#stopka{float:left;width:100%;height:auto;text-align:left;background-color:white;margin-top:20px;} /* strona  glowna wysrodkowana moz-user-select:none;user-select:none;  */
@media screen and (max-width: 790px) {
  #stopka {display:none;}
}

.stopka_calosc{float:left;width:100%;margin-left:0%;margin-top:10px;margin-bottom:10px;background-color:white;}
.stopka_podzial{float:left;width:14.67%;margin-left:1%;}
@media screen and (max-width: 790px) {
  .stopka_podzial {width:48%;margin-bottom:25px;height:190px;}
}

.stopka_podzial2{float:left;width:14.67%;margin-left:1%;}
@media screen and (max-width: 790px) {
  .stopka_podzial2 {display:none;}
}

.stopka_tytul{float:left;width:90%;margin-left:5%;font-size:16px;color:#9B2675;font-size:18px;font-weight:bold;}
@media screen and (max-width: 790px) {
  .stopka_tytul {width:98%;margin-left:1%}
}

.stopka_zawartosc{float:left;width:80%;margin-left:10%;font-size:16px;font-size:16px}
@media screen and (max-width: 790px) {
  .stopka_zawartosc {width:94%;margin-left:3%}
}

.naglowek_gora_teksty{float:left;font-size:14px;text-align:left;width:49%;margin-left:1%;color:#EEEEEE;margin-top:5px;}
.naglowek_srodek{float:left;font-size:14px;text-align:center;width:33.3%;overflow:hidden;background:none;user-select: none;outline:0;background-color: #FFFFFF;}



.naglowek_gora_tekstyw{float:left;color:#EFEFEF;padding-left:10px;padding-right:10px;border-right:1px solid #CCCCCC;cursor:pointer;user-select: none;}
.naglowek_gora_tekstyw:hover {float:left;color:#CCCCCC;}




.szukana{float:left;border-width:0px;margin-left:5%;width:94%;border-bottom:1px solid #AAAAAA;height:30px;margin-top:25px;} /* strona  glowna wysrodkowana   */
.szukana_mala{float:left;border-width:0px;margin-left:5%;width:94%;border:0px;border-bottom:1px solid #AAAAAA;height:30px;margin-top:10px;font-size:21px;outline:none;}

.szukanabox{width:550px;position:fixed;height:auto;height:auto;background-color:white;border:1px solid #AAAAAA;top:-1;display:none;z-index:4;left:50px;;color:#333333;top:128px;overflow-y:auto;moz-user-select:none;user-select:none;
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
           user-select: none;
          box-shadow: 2px 2px 10px rgba(0,0,0,.2);
          border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;
          -webkit-transition: color 0.3s;
          -moz-transition: color 0.3s;
          transition: color 0.3s;
          scrollbar-width: thin;
          webkit-scrollbar {background: #fff;width: 15px;height: 15px;}}
.boxtagpozycjawewscrool::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}
.boxtagpozycjawewscrool::-webkit-scrollbar
{
	width: 10px;
	background-color: #fff;
}
.boxtagpozycjawewscrool::-webkit-scrollbar-thumb
{
	background-color: #aaa;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
                       color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}

@media screen and (max-width: 790px) {
  .szukanabox {width:90%;max-width:550px;left:5%;top:133px;font-size:19px};
  }
}



.wybierztekst{color:#9B2675;text-shadow:0px 0px 1px #222222;}
.wybierztekstp{text-decoration:underline;}
.wybierztekstp:active{text-decoration:underline;color:#9B2675;}
.wybierztekstczarny{color:#000000;}


.menumale{position:fixed;width:300px;left:-315px;max-width:100%;height:100%;max-height:100%;overflow:auto;margin-top:75px;background-color:white;
          box-shadow:3px 3px 3px #666666;-moz-box-shadow:3px 3px 3px #666666;-webkit-box-shadow:3px 3px 3px #666666;z-index:4;padding-left:10px;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          transition: all 0.5s;}

.menumalew{float:left;width:98%;margin-left:2%;margin-bottom:5px;height:auto;text-align:left;background-color:white;box-shadow: 5px 5px 5px -3px #666;border:1px solid #DDDDDD}



.box0{float:left;font-weight:bold;color:#EEEEEE;font-size:16px;text-align:center;border:0px solid #9B2675;text-shadow:0px 0px 0px #222222;background-color:#9B2675;
      box-shadow:2px 2px 2px #666666;-moz-box-shadow:2px 2px 2px #666666;-webkit-box-shadow:2px 2px 2px #666666;border-radius:7px 7px 0px 0px;
      -moz-border-radius:7px 7px 0px 0px;-webkit-border-radius:7px 7px 0px 0px;width:100%; height:25px;padding-top:5px;margin-left:0%;
      }
.box1{float:left;text-align:center;border:0px solid #efefef;text-shadow:0px 0px 0px #222222;
      box-shadow:0px 0px 0px #666666;-moz-box-shadow:0px 0px 0px #666666;-webkit-box-shadow:0px 0px 0px #666666;border-radius:0px 0px 0px 0px;
      -moz-border-radius:0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;width:100%; height:auto;margin-left:0%;
      }

.boxkategoria{float:left;width:100%;height:auto;min-height:25px;padding-bottom:3px;text-align:left;color:#333333;font-size:15px;padding-top:12px;
              border-bottom:1px solid #EEEEEE;cursor:pointer;}

@media screen and (max-width: 790px) {
  .boxkategoria {font-size:22px;
  }
}
.boxkategoria:hover{background-color:silver;}


.link_menu_kreska_gora{float:left;width:100%;height:auto;margin-bottom:5px;text-align:left;padding-top:12px;
              border-bottom:1px solid #DDDDDD;}

.ludzik_menu_tekst{float:left;width:60%;color:#333333;font-size:20px;padding:5px;text-align:leftl}

.link_menu_odstep{float:left;width:100%;height:auto;min-height:25px;padding-bottom:3px;text-align:left;color:#333333;font-size:15px;padding-top:12px;
              border-bottom:1px solid #9B2675;cursor:pointer;}

.link_menu{float:left;width:100%;height:auto;min-height:25px;padding-bottom:3px;text-align:left;color:#333333;font-size:15px;padding-top:12px;
              border-bottom:1px solid #EEEEEE;cursor:pointer;}
@media screen and (max-width: 790px) {
  .link_menu {font-size:22px;
  }
}
.link_menu:hover{background-color:silver;}



.poziomkategoria{float:left;height:auto;max-height:0px;overflow:hidden;width:100%;
                 -webkit-transition: max-height 0.5s;
                 -moz-transition: max-height 0.5s;
                 transition: max-height 0.5s;}


#towary_kategorie{float:left;font-size:17px;height:25px;width:100%;}
@media screen and (max-width: 790px) {
  #towary_kategorie {display:none;}

}
.towary_kategorie_tekst{float:left;margin-left:5px;cursor:pointer;}
.towary_kategorie_tekst:hover{text-decoration:underline;}
.towary_kategorie_tekst:active{text-decoration:underline;color:#9B2675;margin-top:1px;}



#tagi {float:left;margin-top:10px;width:100%;height:auto;background-color:#FFFFFF;margin-top:10px;}
.tagbox{height:40px;float:left;width:auto;height:auto;margin-right:8px;margin-bottom:8px;border:1px solid #9B2675; padding:4px;padding-left:7px;padding-right:7px;border-radius:4px;
      -moz-border-radius:4px;-webkit-border-radius:4px;font-size:16px;display:inline;cursor:pointer;color:#333333;}
@media screen and (max-width: 790px) {
          .tagbox {font-size:24px;margin-left:15px;margin-right:0px;} }

.boxtagpozycja{float:left;padding-left:1%;width:99%;height:auto;text-align:left;font-size:15px;height:32px;min-height:32px;
              border-bottom:1px solid #EEEEEE;cursor:pointer;}
@media screen and (max-width: 790px) {
  .boxtagpozycja {font-size:22px;height:45px;min-height:45px;
  }
  }

.boxtagpozycjawew{float:left;margin-top:5px;display: table-cell;vertical-align:middle;height:25px;}
@media screen and (max-width: 790px) {
  .boxtagpozycjawew { margin-top:10px;height:33px;
  }
  }






.boxtagpozycjawewscrool{float:left;margin-top:5px;display: table-cell;vertical-align:middle;height:auto;max-height:300px;overflow-y:auto;
                        scrollbar-width: thin;
                        webkit-scrollbar {background: #fff;width: 15px;height: 15px;}}
.boxtagpozycjawewscrool::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #fff;
}
.boxtagpozycjawewscrool::-webkit-scrollbar
{
	width: 10px;
	background-color: #fff;
}
.boxtagpozycjawewscrool::-webkit-scrollbar-thumb
{
	background-color: #aaa;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
                       color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}



.boxtagpozycja:hover{background-color:silver;}

.tagboxusunac{height:36px;float:left;margin-left:5px;width:auto;margin-right:8px;margin-bottom:8px;border:0px solid #AAAAAA;padding:4px;padding-left:7px;padding-right:7px;border-radius:4px;
      -moz-border-radius:4px;-webkit-border-radius:4px;height:20px;font-size:14px;display:inline-flex;background:#E1E1E1;}
@media screen and (max-width: 790px) {
      .tagboxusunac {font-size:20px;height:31px;} }




.tagboxusunacxtytul{height:36px;float:left;font-size:16px;padding:4px;}


.tagboxusunacx{float:left;width:18px;background-color:#919191; height:18px; margin-left:8px; text-align:center;
text-decoration: none;font: bold 14px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:white; cursor:pointer; border-radius:8px; box-shadow:0 2px 4px -1px #666;}
.tagboxusunacx:hover{color:red;}
@media screen and (max-width: 790px) {
      .tagboxusunacx {font-size:20px;height:25px;width:24px;margin-top:3px;} }


.tagsuwakod{float:left;border-width:0px;width:auto;border-bottom:1px solid #AAAAAA;height:20px;text-align:left;font-size:15px;}
@media screen and (max-width: 790px) {.tagsuwakod {font-size:22px;height:27px;}}
.tagsuwakdo{float:right;border-width:0px;width:auto;border-bottom:1px solid #AAAAAA;height:20px;text-align:right;font-size:15px;}
@media screen and (max-width: 790px) {.tagsuwakdo {font-size:22px;height:27px;}}
.inputoddo{float:left;border:0px;font-size:14px;text-align:right;width:90%;-webkit-appearance:none;-moz-appearance: textfield;outline: none;}
@media screen and (max-width: 790px) {.inputoddo {font-size:20px;}}

.tagsuwak{float:left;position:absolute;height:17px;width:35px;background-color:#9B2675;margin-top:33px;margin-left:19px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;moz-user-select:none;user-select:none;}
@media screen and (max-width: 790px) {.tagsuwak {height:35px;margin-top:16px;}}


.tagmobilny_rozjasniajacyp {position: absolute;float:left;width: 10%;height:40px;margin-left:90%;background: linear-gradient(to right,transparent,white,white);opacity: 1;z-index: 1;}
.tagmobilny_rozjasniajacyl {position: absolute;float:left;width: 10%;height:40px;background: linear-gradient(to left,transparent,white,white);display:none;opacity: 1;z-index: 1;}




.szukajkapozycja{float:left;padding-left:1%;width:99%;height:auto;text-align:left;font-size:15px;height:auto;
              border-bottom:0px solid #EEEEEE;}
@media screen and (max-width: 790px) {
  .szukajkapozycja {font-size:22px;min-height:40px;
  }
  }

.szukajkapozycjawew{float:left;padding:2px;height:auto;width:95%;cursor:pointer;}
@media screen and (max-width: 790px) {
  .boxtagpozycjawew { margin-top:10px;
  }
  }
.szukajkapozycjawew:hover{color:#9B2675;}


#towary {float:left;margin-top:10px;width:100%;height:auto;background-color:#FFFFFF;}
@media screen and (max-width: 790px) {
  #towary { margin-top:75px;
  }}

.towarpodklad {float:left;min-width:210px;width:14.28%;height:350px;background-color:#FFFFFF;}
.towary_tekst{float:left;height:38px;margin-left:2%;width:96%;font-size:15px;overflow:hidden;background-color:#FFFFFF;}
.towary_cena{float:left;margin-top:0px;text-align:right;margin-left:1%;width:96%;font-size:20px;font-weight:bold;color:#9B2675;}
.towary_do_koszyka{float:left;width:100%;text-align:center;margin-top:10px;}




.pokaztowar_lewy {float:left;width:585px;height:auto;background:white;margin-top:10px;background-color:#FFFFFF;border:1px solid #F3f3F3;top:185px;
           box-shadow: 0px 0px 0px rgba(0,0,0,.2);
          border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;}
@media screen and (max-width: 790px) {
  .pokaztowar_lewy  {width:96%;margin-left:2%;border:0px;margin-top:5px;border-radius:0px;box-shadow: 0px 0px 0px rgba(0,0,0,.2);float:left;
          -moz-border-radius:0px;
          -webkit-border-radius:0px;
  }}


.pokaztowar_lewy_obraz {float:left;width:calc(100% - 110px);height:auto;margin-left:55px;margin-top:20px;overflow-x:scroll;overflow:hidden;
-webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
           user-select: none;
          }

@media screen and (max-width: 790px) {
  .pokaztowar_lewy_obraz {width:calc(100%);margin-left:0px;
  }}





.pokaztowar_obrazn {float:left;width:475px;height:475px;cursor:zoom-in;}
.pokaztowar_obraz {float:left;width:1425px;height:auto;cursor:zoom-in;}

@media screen and (max-width: 475px) {
  .pokaztowar_obrazn {width:33.3%;height:auto;margin-left:0px;
  }}
@media screen and (max-width: 475px) {
  .pokaztowar_obraz {width:300%;height:auto;margin-left:0px;
  }}


.pokaztowar_obraznanimacja{position:absolute;transition-duration: 500ms;z-index:10;margin:0px;cursor:none;}



.clicznikzdjec{float:left;position:absolute;bottom:20px;margin-left:10px;border:1px solid #222222;font-size:16px;padding:3px;display:none;z-index:1}

@media screen and (max-width:790px) {
  .clicznikzdjec {display:block;
  margin-left:10px;
  font-size:12px;
  left:0px;
  }}


.divrozjasniajacypokaztowarp {position: absolute;float:left;width:55px;height:475px;margin-left:calc(100% - 55px);background: linear-gradient(to right,transparent,white);opacity: 1;z-index: 2;}
@media screen and (max-width: 790px) {
  .divrozjasniajacypokaztowarp {display:none;
  }}


.divrozjasniajacypokaztowarl {position: absolute;float:left;width:55px;height:475px;margin-left:0%;z-index: 2;}
@media screen and (max-width: 790px) {
  .divrozjasniajacypokaztowarl {display:none;
  }}



.pokaztowar_lewy_obraz_prawa{position: absolute;float:left;margin-left:-55px;left:100%;width:55px;height:55px;margin-top:210px;background-image:url('../grafika/strzalkibaner.png');background-position:top left;opacity:0;z-index: 2;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;cursor:pointer}
@media screen and (max-width: 790px) {
  .pokaztowar_lewy_obraz_prawa {display:none;
  }}


.pokaztowar_lewy_obraz_lewa{position: absolute;float:left;margin-left:0%;width:55px;height:55px;margin-top:210px;background-image:url('../grafika/strzalkibaner.png');background-position:top right;opacity:0;z-index: 2;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;cursor:pointer}
@media screen and (max-width: 790px) {
  .pokaztowar_lewy_obraz_lewa {display:none;
  }}



.pokaztowar_lewy_miniatury {float:left;width:100%;height:auto;margin-top:5px;overflow-x:scroll;overflow:hidden;
-webkit-touch-callout: none;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
           user-select: none;
          }

.pokaztowar_lewy_obraz_wielowariatnowosc{scale:0%;display:block;position: absolute;float:left;width:calc(100% - 110px);height:auto;margin-left:55px;margin-top:20px;opacity:0;z-index:-1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;cursor:pointer}




.glowna_towar_dol_nazwa0 {float:left;color:#333333;height:17px;width:6px;background:#9B2675;margin-bottom:10px;margin-top:20px;}
@media screen and (max-width: 790px) {
  .glowna_towar_dol_nazwa0  { height:23px;
  }}

  .glowna_towar_dol_nazwa {float:left;color:#333333;font-size:17px;width:calc(100% - 16px);margin-left:4px;font-weight: bold;cursor:pointer;border-bottom:1px solid #F0F0f0;padding-bottom:10px;margin-bottom:10px;margin-top:20px;}
@media screen and (max-width: 790px) {
  .glowna_towar_dol_nazwa  { font-size:23px;
  }}

.towar_kolekcja_box_towar{float:left;width:calc(14.16%);margin-left:0%;max-width:240px;text-align:center;color:#333333;font-size:12px;cursor:pointer;margin-top:25px;padding-bottom:10px;}
.towar_kolekcja_box_towar:hover{color:#9B2675;}

@media screen and (max-width: 790px) {
  .towar_kolekcja_box_towar  {font-size:17px;width:46%;max-width:48%; margin-left:2%;
  }}

.towar_kolekcja_box_towar_zdjecie{width:100%;height:auto;}
.towar_kolekcja_box_towar_zdjecie:hover{transform: scale(1.05);
            -webkit-transition: all 0.5s;user-select:none;
            -moz-transition: all 0.5s;
             transition: all 0.5s;}


.towar_kolekcja_box_towar_odstep{float:left;width:3.0%;height:1px;}
@media screen and (max-width: 790px) {
  .towar_kolekcja_box_towar_odstep  {display:none
  }}

.towar_kolekcja_box_towar_nazwa{float:left;height:35px;text-align:center;width:98%;margin-left:1%;font-size:15px;font-weight: normal;overflow:hidden;margin-top:10px;}




@media screen and (max-width: 790px) {
  .pokaztowar_lewy_miniatury { display:none;
  }}

.pokaztowar_lewy_miniaturyrel {float:left;position:relative;width:98%;height:90px;margin-left:1%;}

@media screen and (max-width: 790px) {
  .pokaztowar_lewy_miniaturyrel { display:none;
  }}




.arrow_prawy_miniatury{float:right;width:16px;height:16px;margin-top:30px;margin-right:1px;background-image:url('../grafika/strzalkibok.gif');background-position:top left;}
.arrow_lewy_miniatury{float:left;width:16px;height:16px;margin-top:30px;margin-left:1px;background-image:url('../grafika/strzalkibok.gif');display:none;background-position:top right;}

.tagminiatury_rozjasniajacyp {position: absolute;float:left;width: 5%;height:80px;margin-left:95%;background: linear-gradient(to right,transparent,white,white);opacity: 1;z-index: 1;user-select: none;}
.tagminiatury_rozjasniajacyl {position: absolute;float:left;width: 5%;height:80px;background: linear-gradient(to left,transparent,white,white);display:none;opacity: 1;z-index: 1;user-select: none;}






.pokaztowar_prawy {float:left;width:calc(100% - 599px);height:auto;min-height:587px;margin-top:10px;margin-left:10px;background-color:#FFFFFF;border:1px solid #F3f3F3;overflow:hidden;
           box-shadow: 0px 0px 0px rgba(0,0,0,.2);
          border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;}
@media screen and (max-width: 790px) {
  .pokaztowar_prawy  {width:96%;margin-left:2%;border:0px;margin-top:5px;border-radius:0px;box-shadow: 0px 0px 0px rgba(0,0,0,.2)float:left;min-height:0px;
          -moz-border-radius:0px;
          -webkit-border-radius:0px;
  }}


.pokaztowar_dol {float:left;width:calc(100% - 2px);height:auto;margin-top:10px;padding-bottom:10px;padding-top:5px;background-color:#FFFFFF;border:1px solid #F3f3F3;
           box-shadow: 0px 0px 0px rgba(0,0,0,.2);
           border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;}
@media screen and (max-width: 790px) {
  .pokaztowar_dol  {width:95%;margin-left:2%;border:0px;margin-top:5px;border-radius:0px;box-shadow: 0px 0px 0px rgba(0,0,0,.2)float:left;
          -moz-border-radius:0px;
          -webkit-border-radius:0px;
  }}

.pokaztowar_prawy_pozycja{float:left;margin-left:2%;width:96%;margin-top:5px;border-bottom:1px solid #F0F0f0;font-size:18px;color:#444444;overflow:hidden;background-color:#FFFFFF;}
.pokaztowar_none{display:none;}


.pokaztowar_gwiazdki{float:left;margin-left:10px;margin-right:10px;margin-top:3px;width:97px;height:15px;background: url("../grafika/gwiazdki.png") no-repeat left top;
          background-position:0px -0px;

 }
 
 
.pokaztowar_gwiazdki_zewn{float:left;width:120px;}
.pokaztowar_gwiazdki_nazwa{float:left;width:calc(98% - 120px);}

@media screen and (max-width: 790px) {
  .pokaztowar_gwiazdki_zewn  {width:100%;}
  .pokaztowar_gwiazdki_nazwa  {width:94%;margin-left:4%}
   }


.gwiazdki_puste{float:left;width:100%;height:32px;background: url("../grafika/gwiazdka_pusta.svg");}
.gwiazdki_pelne{float:left;width:100%;height:32px;background: url("../grafika/gwiazdka_pelna.svg"); transition:width 0.2s linear;}


.pokaztowar_nazwa{float:left;font-weight:bold;color:#222222;font-size:25px;text-align:left;width:100%;height:auto;min-height:45px;}
.pokaztowar_ocena{float:left;text-align:left;width:100%;height:auto;margin-top:10px;cursor:pointer;}
.pokaztowar_info{float:left;color:#444444;font-size:20px;text-align:left;width:100%;height:calc(25% - 10px);margin-top:10px}


.oceny_dodaj {float:left;float:left;width:50%;margin-top:20px;margin-left:2%;border:1px solid silver;}
@media screen and (max-width: 790px) {
  .oceny_dodaj  {width:96%;}
   }


.pokaztowar_pozycjacena{float:left;font-weight:normal;color:#222222;font-size:20px;text-align:left;width:100%;height:50%;}

@media screen and (max-width: 790px) {
  .pokaztowar_pozycjacena  {text-align:center;}
   }

.pokaztowar_cena{float:left;width:auto;font-size:36px;font-weight:bold;color:#9B2675;margin-left:10px;margin-top:-4px;}
.pokaztowar_cena_przek{float:left;width:auto;font-size:24px;margin-top:6px;font-weight:bold;color:gray;margin-left:10px;text-decoration:line-through;}
.pokaz_towar_samochod {float:left;width:60%;margin-top:6px;margin-left:35px;text-align:left;}

@media screen and (max-width: 790px) {
  .pokaz_towar_samochod  {margin-top:5px;width:90%;margin-left:40px;margin-top:0px;}
   }

.pokaztowar_sam1{float:left;width:30px;height:30px;background-image:url('../grafika/samochodziki.png');background-position:top left;}
.pokaztowar_sam2{float:left;width:30px;height:30px;background-image:url('../grafika/samochodziki.png');background-position:center left;}
.pokaztowar_sam3{float:left;width:30px;height:30px;background-image:url('../grafika/samochodziki.png');background-position:bottom left;}




.pokaztowar_wariant{float:left;width:70px;height:70px;padding:5px;margin-left:5px;margin-top:5px;border:1px solid #efefef;cursor:pointer;user-select: none;}
.pokaztowar_wariant:hover{box-shadow: inset 0 0 0 1px #AAAAAA;}
@media screen and (max-width: 790px) {
  .pokaztowar_wariant  {width:110px;height:110px;}
   }


.wielowariantowosc_komorka{float:left;width:100%;height:auto;display:none;}
@media screen and (max-width: 790px) {
  .wielowariantowosc_komorka  {display:block;}
   }


.pokaztowar_warianty{width:100%;max-height:178px;min-height:144px;height:auto;margin-top:3px;float:left;}
@media screen and (max-width: 790px) {
  .pokaztowar_warianty  {max-height:none;min-height:0px;height:133px;overflow-x:scroll;scroll-behavior: smooth;}
   }

.pokaztowar_wariantywew{width:100%;height:auto;float:left;}
@media screen and (max-width: 790px) {
  .pokaztowar_wariantywew  {width:100%;}
   }


.pokaztowar_warianty_duzy{height:auto;padding-bottom:5px;max-height:1000px;}


.pokaztowar_wariant_rozmiar{float:left;height:27px;font-float:left;width:auto;min-width:30px;text-align:center;height:auto;margin-left:5px;margin-bottom:5px;border:1px solid #efefef; padding:3px;border-radius:3px;justify-content: center;
      -moz-border-radius:3px;-webkit-border-radius:3px;font-size:13px;cursor:pointer;color:#000000;;opacity:1;background-color:white;font-family:arial;
      }
.pokaztowar_wariant_rozmiar:hover{box-shadow: inset 0 0 0 1px #AAAAAA;}


@media screen and (max-width: 790px) {
  .pokaztowar_wariant_rozmiar  {font-size:17px;}
   }

.pokaztowar_wariant_wiecej{float:right;position:absolute;width:70px;height:70px;padding:5px;margin-left:calc(100% - 88px);margin-top:92px;border:1px solid #efefef;cursor:pointer;user-select: none;color:#9B2675;text-align:center;background:white;display:none;}
.pokaztowar_wariant_wiecej:hover{box-shadow: inset 0 0 0 1px #AAAAAA;}


.pokaztowar_wielowariantowosc{max-height:580px;overflow-y:auto;
          scrollbar-width: thin;
          webkit-scrollbar {background: #fff;width: 15px;height: 15px;}}


@media screen and (min-width: 1750px) {.towarpodklad {width:14.28%;}}
@media screen and (max-width: 1749px) and (min-width: 1540px) {.towarpodklad {width:16.65%;}}
@media screen and (max-width: 1539px) and (min-width: 1330px) {.towarpodklad {width:20%;}}
@media screen and (max-width: 1329px) and (min-width: 1120px) {.towarpodklad {width:25%;}}
@media screen and (max-width: 1119px) and (min-width: 960px) {.towarpodklad {width:33.33%;}}


@media screen and (max-width: 959px) and (min-width: 860px) {.towarpodklad {width:25%;}}
@media screen and (max-width: 869px) and (min-width: 749px) {.towarpodklad {width:33.33%;}}
@media screen and (max-width: 790px) and (min-width: 440px) {.towarpodklad {width:50%;}}
@media screen and (max-width: 439px) and (min-width: 340px) {.towarpodklad {width:49.7%;min-width:0px;border-right:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;}}
@media screen and (max-width: 339px) and (min-width: 0px) {.towarpodklad {width:99.2%;min-width:0px;border-right:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;}}


.towarbox {float:center;margin-left:auto;margin-right:auto;margin-top:10px;max-width:200px;width:95.24%;height:320px;overflow-x:hidden;}
.towarbox:hover {box-shadow: 0px 1px 5px 2px rgb(237,234,234);}
@media screen and (max-width: 439px) and (min-width: 270px) {.towarbox:hover {box-shadow: 0px 0px 0px 0px rgb(237,234,234);}}
@media screen and (max-width: 339px) and (min-width: 0px) {.towarbox:hover {box-shadow: 0px 0px 0px 0px rgb(237,234,234);}}

.towarboxmgla{position:absolute;height:270px;background-color:#FFFFFF;opacity:0;width:200px;z-index:-1;
          transition: opacity 0.9s}
@media screen and (max-width: 400px) and (min-width: 270px) {.towarboxmgla {width:47%}}

.towardodano{position:absolute;margin-top:50px;height:80px;opacity:0;width:160px;margin-left:20px;border:0px solid gray;z-index:3;text-align:center;z-index:-1;
             font-size:16px;font-weight:bold;text-shadow: 0px 0px 5px #FFFFFF, 3px 3px 5px #FFFFFF, -3px -3px 5px #FFFFFF;
          transition: opacity 0.9s}


.towarboxmgla_towar{position:absolute;height:100%;margin-top:0px;background-color:#FFFFFF;opacity:0;width:100%;z-index:-1;
          transition: opacity 0.9s}
@media screen and (max-width: 400px) and (min-width: 270px) {.towarboxmgla {width:47%}}

.towardodano_towar{position:absolute;margin-top:0px;height:100%;opacity:0;width:100%;margin-left:2px;border:0px solid gray;z-index:3;text-align:center;z-index:-1;
             font-size:16px;font-weight:bold;text-shadow: 0px 0px 5px #FFFFFF, 3px 3px 5px #FFFFFF, -3px -3px 5px #FFFFFF;
          transition: opacity 0.9s}




.towar_warianty{position:absolute;bottom:1px;height:auto;margin-left:2%;width:15%;height:auto;border:0px solid gray;text-align:center;z-index:2;display:flex;-webkit-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;flex-flow:column;font-family:courier;
                }


.towar_wariant{height:26px;font-float:left;width:100%;text-align:center;height:auto;margin-right:4px;margin-bottom:4px;border:2px solid #AAAAAA; padding:2px;padding-left:2px;padding-right:2px;border-radius:3px;justify-content: center;
      -moz-border-radius:3px;-webkit-border-radius:3px;font-size:10px;display:inline-flex;cursor:pointer;color:#000000;;opacity:0.7;background-color:white;font-family:arial;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      transition: all 0.2s;}



.pokaztowar_dol_menu {float:left;width:calc(100% - 2px);height:auto;margin-top:10px;background-color:#FFFFFF;border-bottom:1px solid #F0F0f0;
           box-shadow: 0px 0px 0px rgba(0,0,0,.2);
           border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;}
@media screen and (max-width: 790px) {
  .pokaztowar_dol_menu  {display:none;
  }}

.pokaztowar_dol_menu_rozwiniecie {float:left;width:calc(100% - 2px);height:auto;background-color:#FFFFFF;font-size:18px;
           box-shadow: 0px 0px 0px rgba(0,0,0,.2);
           border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;}
@media screen and (max-width: 790px) {
  .pokaztowar_dol_menu_rozwiniecie  {width:96%;margin-left:2%;border:0px;margin-top:5px;border-radius:0px;box-shadow: 0px 0px 0px rgba(0,0,0,.2)float:left;min-height:0px;text-align:left;font-size:22px;
          -moz-border-radius:0px;
          -webkit-border-radius:0px;
  }}


.pokaztowar_dol_menu_rozwiniecielewa {float:left;width:33%;padding:1%;}
@media screen and (max-width: 790px) {
  .pokaztowar_dol_menu_rozwiniecielewa  {width:98%;
  }}

.pokaztowar_dol_menu_rozwiniecielewak1 {display:table-cell;padding:5px;text-align:right;color:#808080;}
.pokaztowar_dol_menu_rozwiniecielewak2 {display:table-cell;padding:5px;vertical-align: middle;}

  .pokaztowar_dol_menu_rozwiniecieprawa {float:left;width:63%;padding:1%;}
@media screen and (max-width: 790px) {
  .pokaztowar_dol_menu_rozwiniecieprawa  {width:98%;
  }}

  .pokaztowar_dol_menu_rozwinieciesrodek {float:left;width:98%;padding:1%;}
@media screen and (max-width: 790px) {
  .pokaztowar_dol_menu_rozwinieciesrodek  {width:98%;
  }}


.pokaztowar_dol_menu_rozwiniecie_button{float:left;width:97%;margin-left:1%;margin-top:3px;height:auto;min-height:25px;padding-bottom:6px;text-align:left;color:#333333;font-weight: bold;font-size:20px;padding-left:1%;padding-top:6px;display:none;
              border:0px solid #9B2675;cursor:pointer;background-color:#F6F6F6}

@media screen and (max-width: 790px) {
  .pokaztowar_dol_menu_rozwiniecie_button {display:block;
  }
}


.pokaztowar_dol_menu_rozwiniecie_opisy {width:96%;height:0px;float:left;overflow:hidden;height:0px;display:block;padding-left:2%;padding-right:2%;opacity:0;transition: opacity 500ms ease-out;}
@media screen and (max-width: 790px) {
  .pokaztowar_dol_menu_rozwiniecie_opisy  {height:0px;transition:height 3s;
  }}

.pokaztowar_dol_menu_rozwiniecie_opisy_wybor {height:auto;opacity:1;min-height:250px;}
@media screen and (max-width: 790px) {
  .pokaztowar_dol_menu_rozwiniecie_opisy_wybor {min-height:0px;
  }
}




.towar_menu {float:left;width:16.66%;text-align:center;color:#808080;font-size:18px;padding-top:7px;padding-bottom:7px;cursor:pointer;border-bottom:4px solid #FFFFFF;transition:border-bottom 500ms, color 500ms;}
.towar_menu:hover{color:#000000;border-bottom:4px solid #F0F0f0;}
.towar_menu:active{color:#9B2675;border-bottom:4px solid #9B2675;font-weight: bold;}
.towar_menu_wybor{float:left;width:16.66%;text-align:center;color:#9B2675;font-size:18px;padding-top:7px;padding-bottom:7px;cursor:pointer;border-bottom:4px solid #9B2675;font-weight: bold;}


.towarilosc{float:center;border:0px;height:auto;padding-top:4px;padding-bottom:4px;font-size:16px;text-align:center;width:90%;-webkit-appearance:none;-moz-appearance: textfield;border-bottom: 1px solid #AAAAAA;outline: none;}
@media screen and (max-width: 790px) {.towarilosc {font-size:20px;padding-top:1px;}}



.miniatura {float:left;width:100%;height:200px;background-image:url('../grafika/noimage.jpg');background-size:100%;background-repeat:no-repeat;transform: scale(0.9);text-align:center;
            -webkit-transition: all 0.5s;user-select:none;
            -moz-transition: all 0.5s;
             transition: all 0.5s;}
.miniatura_powieksz {transform: scale(0.98);}





.mk_kwadracik_rozjasniajacy {position:absolute;float:left;width: 100%;height:100%;opacity:1;z-index: 1;}


.mk_kwadracik_mgla{position:absolute;height:123px;background-color:#FFFFFF;opacity:0;width:100%;z-index:-1;transition: opacity 0.9s}


.mk_kwadracik_usun{position:absolute;margin-top:30px;opacity:0;width:100%;margin-left:0px;border:0px solid gray;text-align:center;z-index:-1;font-size:15px;
                   font-size:16px;transition: opacity 0.5s}
                   
@media screen and (max-width: 790px) {.mk_kwadracik_usun {font-size:20px;}}


.mk_kwadracik {float:left;width:30.5%;height:125px;border:1px solid #DDDDDD;font-size:15px;margin-left:2%;margin-bottom:5px;margin-top:10px;}
.mk_kwadracik_wybor {float:left;width:30.5%;height:123px;border:2px solid #9B2675;font-size:15px;margin-left:2%;margin-bottom:5px;margin-top:10px;}



@media screen and (max-width: 790px) {
  .mk_kwadracik  {width:96%;font-size:20px;height:152px;}
  .mk_kwadracik_wybor  {width:96%;font-size:20px;height:150px;}
  .mk_kwadracik_mgla  {font-size:20px;height:150px;}
  }


.mk_kwadracikw {float:left;width:90%;height:auto;border-bottom: 1px solid #EEEEEE;margin-left:5%;margin-top:10px;padding-bottom:5px;}
@media screen and (max-width: 790px) {
  .mk_kwadracikw  {padding-bottom:10px;
  }}
.mk_kwadracikwlinia {float:left;width:100%;height:19px;overflow:hidden;}
@media screen and (max-width: 790px) {
  .mk_kwadracikwlinia  {height:21px;
  }}

.mk_kwadracikw2 {float:left;width:90%;height:auto;margin-left:5%;margin-top:8px;font-size:15px;color:#555555;margin-bottom:7px;}
@media screen and (max-width: 790px) {
  .mk_kwadracikw2  {font-size:22px;
  }}

.mk_kwadracik_edytuj_usun {float:right;cursor:pointer}
.mk_kwadracik_edytuj_usun:hover{color:#9B2675;}



.mk_kwadracikd {float:left;width:30%;margin-top:16px;font-size:75px;color:#555555;margin-left:45px;}
@media screen and (max-width: 790px) {
  .mk_kwadracikd  {font-size:90px;margin-top:13px;
  }}

.mk_kwadracikd2 {float:left;width:30%;margin-top:28px;font-size:19px;color:#555555;margin-left:5%;}
@media screen and (max-width: 790px) {
  .mk_kwadracikd2  {font-size:25px; margin-top:29px;
  }}





.mk_weryfikacja {float:left;width:40%;position:fixed;left:30%;top:30%;text-align:center;font-size:18px;display:none;border:1px solid #AAAAAA;
                 background-color:white;
                 box-shadow: 2px 2px 10px rgba(0,0,0,.2);
                 border-radius:3px;
                 -moz-border-radius:3px;
                 -webkit-border-radius:3px;
                }


@media screen and (max-width: 790px) {
  .mk_weryfikacja  {font-size:22px;width:90%;left:5%;top:20%;
  }}
  

.mk_menu {float:left;width:25%;text-align:center;color:#808080;font-size:18px;padding-top:7px;padding-bottom:7px;cursor:pointer;border-bottom:4px solid #FFFFFF;transition:border-bottom 500ms, color 500ms;}
@media screen and (max-width: 790px) {
  .mk_menu  {font-size:22px;width:100%;
  }}


.mk_menu:hover{color:#000000;border-bottom:4px solid #F0F0f0;}
.mk_menu:active{color:#9B2675;border-bottom:4px solid #9B2675;font-weight: bold;}
.mk_menu_wybor{float:left;width:25%;text-align:center;color:#9B2675;font-size:18px;padding-top:7px;padding-bottom:7px;cursor:pointer;border-bottom:4px solid #9B2675;font-weight: bold;}

@media screen and (max-width: 790px) {
  .mk_menu_wybor  {font-size:22px;width:100%;
  }}


.mk_dol_menu {float:left;width:calc(100% - 2px);height:auto;margin-top:10px;background-color:#FFFFFF;border-bottom:1px solid #F0F0f0;
           box-shadow: 0px 0px 0px rgba(0,0,0,.2);
           border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;}
@media screen and (max-width: 790px) {
  .mk_dol_menu2  {display:none;
  }}

.mk_dol_menu_rozwiniecie {float:left;width:calc(100% - 2px);height:auto;font-size:18px;
           box-shadow: 0px 0px 0px rgba(0,0,0,.2);
           border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;}
@media screen and (max-width: 790px) {
  .mk_dol_menu_rozwiniecie  {width:96%;margin-left:2%;border:0px;margin-top:5px;border-radius:0px;box-shadow: 0px 0px 0px rgba(0,0,0,.2)float:left;min-height:0px;text-align:left;font-size:22px;
          -moz-border-radius:0px;
          -webkit-border-radius:0px;
  }}


.mk_dol_menu_rozwiniecielewa {float:left;width:33%;padding:1%;}
@media screen and (max-width: 790px) {
  .mk_dol_menu_rozwiniecielewa  {width:98%;
  }}

.mk_dol_menu_rozwiniecielewak1 {display:table-cell;padding:5px;text-align:right;color:#808080;}
.mk_dol_menu_rozwiniecielewak2 {display:table-cell;padding:5px;vertical-align: middle;}

  .mk_dol_menu_rozwiniecieprawa {float:left;width:63%;padding:1%;}
@media screen and (max-width: 790px) {
  .mk_dol_menu_rozwiniecieprawa  {width:98%;
  }}

  .mk_dol_menu_rozwinieciesrodek {float:left;width:98%;padding:1%;}
@media screen and (max-width: 790px) {
  .mk_dol_menu_rozwinieciesrodek  {width:98%;
  }}


.mk_dol_menu_rozwiniecie_button{float:left;width:97%;margin-left:1%;margin-top:3px;height:auto;min-height:25px;padding-bottom:6px;text-align:left;color:#333333;font-weight: bold;font-size:20px;padding-left:1%;padding-top:6px;display:none;
              border:0px solid #9B2675;cursor:pointer;background-color:#F6F6F6}

@media screen and (max-width: 790px) {
  .mk_dol_menu_rozwiniecie_button {display:block;
  }
}


.mk_dol_menu_rozwiniecie_opisy {width:96%;height:0px;float:left;overflow:hidden;height:0px;display:block;opacity:0;transition: opacity 500ms ease-out;}
@media screen and (max-width: 790px) {
  .mk_dol_menu_rozwiniecie_opisy  {height:0px;transition:height 3s;
  }}

.mk_dol_menu_rozwiniecie_opisy_wybor {height:auto;opacity:1;min-height:250px;}
@media screen and (max-width: 790px) {
  .mk_dol_menu_rozwiniecie_opisy_wybor {min-height:0px;
  }
}


.box_mk{float:left;height:auto;width:100%;max-width:900px;font-size:15px;margin-top:10px;margin-bottom:10px; background-color:#FFFFFF;padding-top:15px;  padding-bottom:15px;
                         box-shadow: 2px 2px 10px rgba(0,0,0,.2);
                         border-radius:3px;
                         -moz-border-radius:3px;
                        -webkit-border-radius:3px;}

@media screen and (max-width: 790px) {
  .box_mk {box-shadow: 0px 0px 0px rgba(0,0,0,0);
                         border-radius:0px;
                         -moz-border-radius:0px;
                        -webkit-border-radius:0px;
  }
}

.box_mk_naglowek {
    float: left;
    width:98%;
    margin-top:7px;
    margin-left:2%;
    margin-bottom:7px;
    color: #ae5fa9;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}

@media screen and (max-width: 790px) {
  .box_mk_naglowek {font-size: 20px;
  }
}






#oknotag {float:left;position:fixed;width:280px;height:auto;max-height:400px;background-color:white;border:1px solid #AAAAAA;top:100px;left:100px;display:none;z-index:4;
          box-shadow: 2px 2px 10px rgba(0,0,0,.2);
          border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;}

#oknokoszyk {float:right;position:fixed;width:400px;height:auto;background-color:white;border:1px solid #AAAAAA;top:125px;right:20px;display:none;z-index:4;
          box-shadow: 2px 2px 10px rgba(0,0,0,.2);
          border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;}


.oknokoszykpozycja{float:left;padding-left:1%;width:99%;height:auto;text-align:left;font-size:15px;height:75px;padding-top:7px;
                   border-bottom:1px solid #EEEEEE;border-top:1px solid #EEEEEE;margin-bottom:0px;overflow:hidden;
                   -webkit-transition: height 0.3s;
                   -moz-transition: height 0.3s;
                   transition: height 0.3s;
                   }
.oknokoszykpozycja:hover{border-bottom:1px solid #9B2675;border-top:1px solid #9B2675;height:75px;}
.oknokoszykpozycjaw{float:left;height:auto;}
.oknokoszykpozycjawusun{cursor:pointer;float:right;margin-top:32px;height:32px;width:32px;}




.oknokoszpozycja{float:left;padding-left:1%;width:99%;height:80px;text-align:left;font-size:15px;padding-top:7px;
                   border-bottom:1px solid #EEEEEE;border-top:1px solid #EEEEEE;margin-bottom:0px;overflow:hidden;
                   -webkit-transition: height 0.3s;
                   -moz-transition: height 0.3s;
                   transition: height 0.3s;
                   }
@media screen and (max-width: 790px) {
  .oknokoszpozycja {height:105px;
  }}



.oknokoszpozycja:hover{border-bottom:1px solid #9B2675;border-top:1px solid #9B2675;}
.oknokoszpozycjaw{float:left;height:auto;}
.oknokoszpozycjawnazwa{float:left;height:auto;font-size:15px;line-height:20px;}
@media screen and (max-width: 790px) {
  .oknokoszpozycjawnazwa {font-size:21px; line-height:24px;
  }}

.oknokoszpozycjawkod{float:left;height:auto;font-size:12px;line-height:16px;margin-top:5px;}
@media screen and (max-width: 790px) {
  .oknokoszpozycjawnazwa {font-size:20px; line-height:20px;
  }}


.oknokoszpozycjaw48{float:left;width:20%;height:15px;position:absolute;top:40px;left:40%;text-align:right}
@media screen and (max-width: 790px) {
  .oknokoszpozycjaw48 {font-size:20px;top:65px;left:17%;
  }}

.oknokoszpozycjaw48sam{float:left;width:32px;height:auto;position:absolute;top:35px;left:60%;}
@media screen and (max-width: 790px) {
  .oknokoszpozycjaw48sam {font-size:20px;top:63px;left:37%;
  }}


.oknokoszpozycjawcena{float:right;margin-top:4px;height:40px;width:100%;text-align:right;}

.oknokoszpozycjawcenaw{float:right;width:100%;text-align:right;font-size:20px;font-weight:bold;color:#9B2675;}
.oknokoszpozycjawcenap{float:right;width:100%;text-align:right;font-size:13px;font-weight:}
@media screen and (max-width: 790px) {
  .oknokoszpozycjawcenaw {font-size:21px;}
  .oknokoszpozycjawcenap {font-size:16px;}
  }




.oknokoszpozycjawusun{cursor:pointer;float:right;margin-top:0px;height:32px;width:32px;background-image:url('../grafika/kosz.png');background-position:top left;user-select: none;}
.oknokoszpozycjawusun:hover{background-image:url('../grafika/kosz.png');background-position:top left;}
.oknokoszpozycjawusun:active{background-image:url('../grafika/kosz.png');background-position:top left;margin-top:1px;}
@media screen and (max-width: 790px) {
  .oknokoszpozycjawusun {margin-top:13px;}
  .oknokoszpozycjawusun:hover {margin-top:14px;}
  }

.oknokoszpozycjai{width:140px;position:absolute;top:40px;margin-left:-70px;left:90%;height:auto;border:1px solid #333333;text-align:center;font-size:40px;}

.oknokoszpozycjaizmniejsz{cursor:pointer;float:left;width:40px;border-right:1px solid ;text-align:center;height:30px;line-height:30px;}
.oknokoszpozycjaizwieksz{cursor:pointer;float:left;width:40px;border-left:1px solid ;text-align:center;height:30px;line-height:30px;}


.oknokoszpozycjaiilosc{float:left;width:58px;height:30px}
@media screen and (max-width: 790px) {
  .oknokoszpozycjai {top:60px;left:50%;margin-left:0px;border:1px solid #333333;}
  }
.oknokoszpozycjatowarilosc{float:center;border:0px;height:auto;padding-top:6px;padding-bottom:4px;font-size:16px;text-align:center;width:90%;-webkit-appearance:none;-moz-appearance: textfield;outline: none;}
@media screen and (max-width: 790px) {.towarilosc {font-size:21px;padding-top:2px;}}



.sam_kosz1{float:right;width:30px;height:30px;background-image:url('../grafika/samochodziki.png');background-position:top left;}
.sam_kosz2{float:right;width:30px;height:30px;background-image:url('../grafika/samochodziki.png');background-position:center left;}
.sam_kosz3{float:right;width:30px;height:30px;background-image:url('../grafika/samochodziki.png');background-position:bottom left;}




#oknologowanie {float:right;position:fixed;width:250px;height:auto;background-color:white;border:1px solid #AAAAAA;top:125px;right:170px;display:none;z-index:4;font-size:15px;padding-bottom:20px;
          box-shadow: 2px 2px 10px rgba(0,0,0,.2);
          border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;}

.oknologowaniepozycjaw{float:left;height:auto;width:100%}




.box_kosza_wybor {float:left;width:30%;height:240px;background-color:white;border:1px solid #ae5fa9;font-size:15px;margin-bottom:10px;margin-top:10px;margin-left:2.4%;
          box-shadow: 2px 2px 10px rgba(0,0,0,.2);
          border-radius:6px;
          -moz-border-radius:6px;
          -webkit-border-radius:6px;}

@media screen and (max-width: 790px) {.box_kosza_wybor {width:90%;margin-left:5%;}}

.box_kosza_wyborpozycjaw{float:left;height:auto;width:100%;font-size:18px;font-weight:bold;color:#000000;margin-top:5px;}
.box_kosza_wyborpozycjawtext{float:left;height:auto;width:90%;margin-top:5px;margin-left:5%}


.box_kosza_lewy {float:left;width:900px;height:auto;}
@media screen and (max-width: 790px) {
  .box_kosza_lewy {width:95%; margin-left:2%
  }}




.box_kosza_prawy {float:right;right:15.4%;width:330px;min-height:300px;height:auto;background-color:#FFFFFF;border:1px solid #FFFFFF;position:fixed;top:185px;padding-bottom:15px;
           box-shadow: 2px 2px 10px rgba(0,0,0,.2);
          border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;}
@media screen and (max-width: 790px) {
  .box_kosza_prawy {width:95%;margin-left:2%;border:0px;margin-top:5px;border-radius:0px;box-shadow: 0px 0px 0px rgba(0,0,0,.2);position:static;float:left;
          -moz-border-radius:0px;
          -webkit-border-radius:0px;
  }}


.xbox_kosza_prawy {float:right;right:15.4%;width:330px;min-height:300px;height:auto;background-color:#FFFFFF;border:1px solid #AAAAAA;position:fixed;top:205px;padding-bottom:15px;
          box-shadow: 2px 2px 10px rgba(0,0,0,.2);
          border-radius:3px;
          -moz-border-radius:3px;
          -webkit-border-radius:3px;}
@media screen and (max-width: 790px) {
  .xbox_kosza_prawy {width:95%;margin-left:2%;border:0px;margin-top:5px;border-radius:0px;box-shadow: 0px 0px 0px rgba(0,0,0,.2);position:static;float:left;
          -moz-border-radius:0px;
          -webkit-border-radius:0px;
  }}

.box_kosza{float:left;height:auto;width:96%;font-size:15px;margin-top:10px;margin-bottom:10px; line-height:17px;background-color:#FFFFFF;padding-left:2%; padding-right:2%; padding-top:15px;  padding-bottom:15px;
                         box-shadow: 2px 2px 10px rgba(0,0,0,.2);
                         border-radius:3px;
                         -moz-border-radius:3px;
                        -webkit-border-radius:3px;}


.box_kosza_naglowek {
    float: left;
    width:100%;
    margin-top:7px;
    margin-bottom:7px;
    color: #ae5fa9;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}


.box_kosza_prawy_pozycja{float:left;height:auto;width:100%;font-size:15px;margin-top:7px;line-height:17px;}
@media screen and (max-width: 790px) {
  .box_kosza_prawy_pozycja {font-size:23px;line-height:23px;padding-top:10px;margin-top:15px
  }}


.box_kosza_lewy_pozycja{float:left;width:100%;margin-top:15px;}
@media screen and (max-width: 790px) {
  .box_kosza_lewy_pozycja {font-size:20px;line-height:23px;margin-top:20px
  }}


.box_kosza_wartosc{font-size:22px;height:20px;font-family:arial;font-weight:bold;color:#9B2675;margin-top:5px;}
 @media screen and (max-width: 790px) {.divbanercenat {font-size:31px;}}


.ok_kosz1{float:right;width:30px;height:30px;margin-top:5px;background-image:url('../grafika/ikonki_ok.png');background-position:top left;}
.ok_kosz2{float:right;width:30px;height:30px;margin-top:5px;background-image:url('../grafika/ikonki_ok.png');background-position:bottom left;}
.ok_kosz23{float:right;width:30px;height:30px;margin-top:5px;background-image:url('../grafika/ikonki_ok.png');background-position:top right;}

.ok_kosz3{float:right;width:30px;height:30px;margin-top:5px;background-image:url('../grafika/ikony_koszyk.png');background-position:top;}
.ok_kosz4{float:right;width:30px;height:30px;margin-top:5px;background-image:url('../grafika/ikony_koszyk.png');background-position:center;}
.ok_kosz5{float:right;width:30px;height:30px;margin-top:5px;background-image:url('../grafika/ikony_koszyk.png');background-position:bottom;}












.container {
  display: inline-block;
  cursor: pointer;
  margin-top:18px;
  margin-left:20px;
  user-select: none;outline:0;
}

.bar1, .bar2, .bar3 {
  width: 35px;
  height: 2px;
  background-color: #333;
  margin-top: 9px;
  transition: 0.4s;
  user-select: none;outline:0;
}

/* Rotate first bar */
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-10px, -5px) ;
  transform: rotate(-45deg) translate(-10px, 5px) ;
}

/* Fade out the second bar */
.change .bar2 {
  opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -6px) ;
  transform: rotate(45deg) translate(-8px, -6px) ;
}











figure {
	width: 300px;
	height: 200px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure:hover+span {
	bottom: -36px;
	opacity: 1;
}

.hover14{
	position: relative;
}
.hover14::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,2) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,2) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14:hover::before {
	-webkit-animation: shine 1.2s;
	animation: shine 1.2s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}


.button1 {
float:none;
box-shadow:inset 0px 1px 0px 0px #e184f3;
background:linear-gradient(to bottom, #d16fb3 5%, #9b2676 100%);
background-color:#d16fb3;
border-radius:6px;
border:1px solid #7a2c8a;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #aa43bf;
max-width:100%
}
.button1:hover {
background:linear-gradient(to bottom, #9b2676 5%, #d16fb3 100%);
background-color:#9b2676;
}
.button1:disabled {
background:linear-gradient(to bottom, #DDDDDD 5%, #EEEEEE 100%);
color: #AAAAAA;
box-shadow:inset 0px 0px 0px 0px #e184f3;
text-shadow:0px 0px 0px #aa43bf;
border: 1px solid #beafc1;
}
.button1:active {
position:relative;
top:1px;
}

.button1mobilna {
float:none;
display:none;
box-shadow:inset 0px 1px 0px 0px #e184f3;
background:linear-gradient(to bottom, #d16fb3 5%, #9b2676 100%);
background-color:#d16fb3;
border-radius:6px;
border:1px solid #7a2c8a;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #aa43bf;
max-width:100%

}

 @media screen and (max-width: 790px) {.button1mobilna {display:inline-block;}}

.button1mobilna:hover {
background:linear-gradient(to bottom, #9b2676 5%, #d16fb3 100%);
background-color:#9b2676;
}
.button1mobilna:disabled {
background:linear-gradient(to bottom, #DDDDDD 5%, #EEEEEE 100%);
color: #AAAAAA;
box-shadow:inset 0px 0px 0px 0px #e184f3;
text-shadow:0px 0px 0px #aa43bf;
border: 1px solid #beafc1;
}
.button1mobilna:active {
position:relative;
top:1px;
}





.button2 {
    float: none;
    background: linear-gradient(to bottom, #ffffff 5%, #fff 100%);
    border-radius: 6px;
    border: 1px solid #beafc1;
    display: inline-block;
    cursor: pointer;
    color: #ae5fa9;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
}
.button2:hover {
background: linear-gradient(to bottom, #eee 5%, #eee8ee 100%);
}
.button2:active {
position:relative;
top:1px;
}
.button2:disabled {
background:linear-gradient(to bottom, #DDDDDD 5%, #EEEEEE 100%);
color: #AAAAAA;
}

@media screen and (max-width: 790px) {
  .button2 {font-size:20px;
  }}


.button3 {
float:none;
box-shadow:inset 0px 1px 0px 0px #e184f3;
background:linear-gradient(to bottom, #d16fb3 5%, #9b2676 100%);
background-color:#d16fb3;
border-radius:6px;
border:1px solid #7a2c8a;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:13px;
font-weight:bold;
padding:2px 10px;
text-decoration:none;
text-shadow:0px 1px 0px #aa43bf;
}
.button3:hover {
background:linear-gradient(to bottom, #9b2676 5%, #d16fb3 100%);
background-color:#9b2676;
}
.button3:disabled {
background:linear-gradient(to bottom, #AAAAAA 5%, #BBBBBB 100%);
background-color:#9b2676;cursor:auto;
}
.button3:active {
position:relative;
top:1px;
}



#przyciemnij{position:fixed; left:0px; top:0px; background-color:none; width:100%; height:100%;}

.przyciemnijtowar{position:fixed; left:0px; top:0px; background-color:white; opacity:1.0; width:100%; height:100%;}

//@-webkit-keyframes przyciemnijtowarsmooth {
    //animation:przyciemnijtowarsmooth 100ms ease-in;
//    0% { opacity: 0;}
//    100% { opacity: 1;}
//}



.edycjatowarduzagaleria{position:fixed; background-color:#EEEEEE;  width:95%; height:92%; left:2.5%; top:4%;z-index:10}



.alertblad {position:fixed; overflow:auto;float:left;width:350px;min-height:150px;font-weight:bold;height:auto;padding:2px 5px;color:red;font-size:20px;top:50%;left:50%;margin-left:-177px;margin-top:-155px;border:3px solid red;background-color:#FFFFFF;display:none;z-index:10;
          box-shadow: 2px 2px 10px rgba(0,0,0,.2);
          border-radius:8px;
          -moz-border-radius:8px;
          -webkit-border-radius:8px;}
@media screen and (max-width: 790px) {.alertblad {width:80%;padding:1% 2%;margin-left:-42%;margin-top:-110px;font-size:25px;}}

.alertbladwewgora {float:left;width:80%;height:25px;text-align:right;font-size:20px;cursor:pointer;}
 @media screen and (max-width: 790px) {.alertbladwewgora {font-size:30px;height:35px;}}

.alertbladwewsrodek {float:left;width:80%;margin-left:20%;height:auto;min-height:100px;text-align:left;}
.alertbladwewdol {float:left;width:100%;height:auto;text-align:center;margin-top:10px;margin-bottom:5px;}


.buttonblad {
float:none;
background-color:red;
border:1px solid white;
border-radius:6px;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:6px 24px;
text-decoration:none;
text-shadow:0px 1px 0px #aa43bf;
min-width:100px;
}
.buttonblad:hover {
border:1px solid black;
}
.buttonblad:active {
position:relative;
top:1px;
}











.divbanernazwat {position: relative;float:left;width:100%;margin-top:-140px;text-align:center;height:60px;overflow:visible;mix-blend-mode: hard-light;font-size:13px;line-height:15px}
@media screen and (max-width: 790px) {.divbanernazwat {font-size:15px;}}
.divbanernazwat:after {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background: linear-gradient(transparent,gray);
}

.divbanercenat{float:left;margin-top:0px;text-align:right;width:96%;font-size:17px;height:20px;font-weight:bold;color:#9B2675;}
@media screen and (max-width: 790px) {.divbanercenat {font-size:22px;}}

.divrozjasniajacybanerp {position: absolute;float:left;width:4.01%;height:100%;margin-left:96%;background: linear-gradient(to right,transparent,white);opacity: 1;z-index: 1;}
@media screen and (max-width: 790px) {
  .divrozjasniajacybanerp {display:none;
  }}


.divrozjasniajacybanerl {position: absolute;float:left;width: 4%;height:100%;margin-left:0%;z-index: 1;}
@media screen and (max-width: 790px) {
  .divrozjasniajacybanerl {display:none;
  }}




.divbanersprawa{position: absolute;float:left;margin-left:-55px;left:100%;width:55px;height:55px;margin-top:50px;background-image:url('../grafika/strzalkibaner.png');background-position:top left;opacity:0;z-index: 2;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
@media screen and (max-width: 790px) {
  .divbanersprawa {display:none;
  }}


.divbanerslewa{position: absolute;float:left;margin-left:0%;width:55px;height:55px;margin-top:50px;background-image:url('../grafika/strzalkibaner.png');background-position:top right;opacity:0;z-index: 2;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}

@media screen and (max-width: 790px) {
  .divbanerslewa {display:none;
  }}







.loader {
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em red, 2em -2em 0 0em red, 3em 0 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 -1em red, -3em 0 0 -1em red, -2em -2em 0 0 red;
  }
  12.5% {
    box-shadow: 0 -3em 0 0 red, 2em -2em 0 0.2em red, 3em 0 0 0 red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 -1em red, -3em 0 0 -1em red, -2em -2em 0 -1em red;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em red, 2em -2em 0 0 red, 3em 0 0 0.2em red, 2em 2em 0 0 red, 0 3em 0 -1em red, -2em 2em 0 -1em red, -3em 0 0 -1em red, -2em -2em 0 -1em red;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0em 0 0 red, 2em 2em 0 0.2em red, 0 3em 0 0em red, -2em 2em 0 -1em red, -3em 0em 0 -1em red, -2em -2em 0 -1em red;
  }
  50% {
    box-shadow: 0 -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0 0 -1em red, 2em 2em 0 0em red, 0 3em 0 0.2em red, -2em 2em 0 0 red, -3em 0em 0 -1em red, -2em -2em 0 -1em red;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 0 red, -2em 2em 0 0.2em red, -3em 0 0 0 red, -2em -2em 0 -1em red;
  }
  75% {
    box-shadow: 0em -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0em 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 0 red, -3em 0em 0 0.2em red, -2em -2em 0 0 red;
  }
  87.5% {
    box-shadow: 0em -3em 0 0 red, 2em -2em 0 -1em red, 3em 0 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 0 red, -3em 0em 0 0 red, -2em -2em 0 0.2em red;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em red, 2em -2em 0 0em red, 3em 0 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 -1em red, -3em 0 0 -1em red, -2em -2em 0 0 red;
  }
  12.5% {
    box-shadow: 0 -3em 0 0 red, 2em -2em 0 0.2em red, 3em 0 0 0 red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 -1em red, -3em 0 0 -1em red, -2em -2em 0 -1em red;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em red, 2em -2em 0 0 red, 3em 0 0 0.2em red, 2em 2em 0 0 red, 0 3em 0 -1em red, -2em 2em 0 -1em red, -3em 0 0 -1em red, -2em -2em 0 -1em red;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0em 0 0 red, 2em 2em 0 0.2em red, 0 3em 0 0em red, -2em 2em 0 -1em red, -3em 0em 0 -1em red, -2em -2em 0 -1em red;
  }
  50% {
    box-shadow: 0 -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0 0 -1em red, 2em 2em 0 0em red, 0 3em 0 0.2em red, -2em 2em 0 0 red, -3em 0em 0 -1em red, -2em -2em 0 -1em red;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 0 red, -2em 2em 0 0.2em red, -3em 0 0 0 red, -2em -2em 0 -1em red;
  }
  75% {
    box-shadow: 0em -3em 0 -1em red, 2em -2em 0 -1em red, 3em 0em 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 0 red, -3em 0em 0 0.2em red, -2em -2em 0 0 red;
  }
  87.5% {
    box-shadow: 0em -3em 0 0 red, 2em -2em 0 -1em red, 3em 0 0 -1em red, 2em 2em 0 -1em red, 0 3em 0 -1em red, -2em 2em 0 0 red, -3em 0em 0 0 red, -2em -2em 0 0.2em red;
  }
}




.imgcieniowanie {opacity:1;transition:opacity 0.2s;}



.loader_img {
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #AAAAAA; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin_img 2s linear infinite;
}



@keyframes spin_img {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.loader_sredni{
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #AAAAAA; /* Blue */
  border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin_img 2s linear infinite;
}

@keyframes spin_img {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



.formularzinput {
  float:left;
  width: 100%;
}
.formularzinput__label {
  float:left;margin-left:-99%;margin-top:26px;color:#999999;font-size:15px;font-family:Open Sans,sans-serif;background:white;padding-right:5px;padding-left:5px;max-width:90%;height:20px;overflow:hidden;
  transition: all ease-in-out 0.25s;
}
.formularzinput__input {
  float:left;width:100%;margin-top:15px;border:1px solid #DDDDDD;border-radius:2px;color:#222;font-size:15px;height:40px;outline:none;line-height: 21px;padding:8px 8px;background:white;font-family:Open Sans,sans-serif;
  transition: border ease-in-out 0.25s;
  filter: none;outline: none;
}
.formularzinput__input:focus {
  border:1px solid #777777;
}
.formularzinput__input:focus + .formularzinput__label {
color:#444444;font-size:13px;
margin-top:6px;
}
.formularzinput__input:valid + .formularzinput__label {
color:#444444;font-size:13px;
margin-top:6px;
}
.formularzinput__input:invalid:focus {
border:1px solid #777777;
}
.formularzinput__input:invalid {
border:1px solid #DDDDDD;
}

.formularzinput__blad {box-shadow: 0 0 1px 1px red;}

.formularzinput_komunikat {width:100%;float:left;color:red;cursor:pointer}


input[type="checkbox"] {display:none;}

input[type='checkbox'] + label {color:#f2f2f2;}

input[type='checkbox'] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    border:1px solid #AAAAAA;
    cursor:pointer;
}

input[type='checkbox']:checked + label span {
    background-image:url('../grafika/ptaszek2.png');
}


input[type='radio'] {
    display:none;
}

input[type='radio'] + label {
    color:#f2f2f2;
    font-family:Arial, sans-serif;
}

input[type='radio'] + label span {
    display:inline-block;
    width:25px;
    height:25px;
    vertical-align:middle;
    background-image:url('../grafika/radio.png');background-position:top left;
    cursor:pointer;
}

input[type='radio']:hover + label span {
    background-image:url('../grafika/radio.png');background-position:bottom left;
}

radiohover{background-image:url('../grafika/radio.png');background-position:bottom left;}

input[type='radio']:checked + label span {
    background-image:url('../grafika/radio.png');background-position:top right;
}

.aaa {
  background:none;
  color:#222222;
  font-size:14px;
  padding:8px 12px;
  text-decoration:none;
 }
.aaa:hover
 {
 color:#9B2675;;
 }




.youtube-player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin: 5px;
}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}

.youtube-player img {
  object-fit: cover;
  display: block;
  left: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  transition: 0.4s all;
}

.youtube-player img:hover {
  -webkit-filter: brightness(75%);
  -moz-filter: brightness(75%);
  filter: brightness(75%);
}

.youtube-player .play {
  height: 48px;
  width: 68px;
  left: 50%;
  top: 50%;
  margin-left: -34px;
  margin-top: -24px;
  position: absolute;
  background: url("https://i.ibb.co/j3jcJKv/yt.png") no-repeat;
  cursor: pointer;
}



 .obrazek3dx{
        width: 100%;
        height: calc(100vw);
        float:left;
        position: relative;
      }


.towar_nowosc {background-image:url('../grafika/nowosc.png');  background-repeat: no-repeat; background-position:top right;
    width:100px; height:100px;position:absolute;right:0px;top:-200px;float:right;text-align:center;


}


.glowna_kategorie_slajder {float:left;width:100%;height:auto;background:white;}
@media screen and (max-width: 790px) {
  .glowna_kategorie_slajder  {display:none;
  }}



.glowna_wiersz_kategoria{float:left;width:100%;height:35px;margin-top:10px;text-align:center;overflow:hidden}
.glowna_wiersz_slajder{float:left;width:100%;height:auto;padding-bottom:10px;text-align:center;overflow:hidden}


.glowna_wiersz_slajder_jpg{width:100%;float:left;height:400px;opacity:1;
        -webkit-transition: opacity 0.5s;
          -moz-transition: opacity 0.5s;
          transition: opacity 0.5s}

@media screen and (max-width: 1330px) {
  .glowna_wiersz_slajder_jpg  {height:calc(30vw);
  }}

.glowna_kategoria{width:auto;height:auto;height:35px;padding-bottom:3px;text-align:center;color:#333333;font-size:17px;font-weight: bold;padding-top:3px;cursor:pointer;padding-left:15px;padding-right:15px;display:inline-block;}
.glowna_kategoria:hover{color:#9B2675;}




.glowna_boxy_naglowek_mobilna {float:left;width:100%;height:auto;background:white;display:none}
@media screen and (max-width: 790px) {
  .glowna_boxy_naglowek_mobilna  {margin-top:10px;display:block;
  }}




.glowna_boxy {float:left;width:100%;height:auto;background:white;}
@media screen and (max-width: 790px) {
  .glowna_boxy  {margin-top:10px;
  }}

.glowna_box_mobilna{display:none;}
@media screen and (max-width: 790px) {
  .glowna_box_mobilna  {display:block;
  }}

.glowna_box_duzy{float:left;width:31.6%;margin-left:0%;max-width:420px;text-align:center;color:#333333;font-size:17px;font-weight: bold;cursor:pointer;margin-top:5px;padding-bottom:5px;}
.glowna_box_duzy:hover{color:#9B2675;}

@media screen and (max-width: 790px) {
  .glowna_box_duzy  {font-size:21px;width:98%;max-width:98%; margin-left:1%;
  }}

.glowna_box_duzy_odstep{float:left;width:2.6%;height:40px;}
@media screen and (max-width: 790px) {
  .glowna_box_duzy_odstep  {display:none
  }}

.glowna_box_maly{float:left;width:18%;margin-left:0%;max-width:240px;text-align:center;color:#333333;font-size:17px;font-weight: bold;cursor:pointer;margin-top:5px;padding-bottom:5px;}
.glowna_box_maly:hover{color:#9B2675;}

@media screen and (max-width: 790px) {
  .glowna_box_maly  {font-size:21px;width:48%;max-width:48%; margin-left:1%;
  }}

.glowna_box_maly_odstep{float:left;width:2.5%;height:1px;}
@media screen and (max-width: 790px) {
  .glowna_box_maly_odstep  {display:none
  }}

.glowna_slajdery {float:left;width:100%;padding-top:20px;height:auto;background:white;}
@media screen and (max-width: 790px) {
  .glowna_slajdery  {
  }}

  .glowna_slajdery_nazwa0 {float:left;color:#333333;height:17px;width:6px;background:#9B2675;margin-bottom:10px;margin-top:20px;}
@media screen and (max-width: 790px) {
  .glowna_slajdery_nazwa0  { height:23px;
  }}

  .glowna_slajdery_nazwa {float:left;color:#333333;font-size:17px;width:calc(100% - 16px);margin-left:4px;font-weight: bold;cursor:pointer;border-bottom:1px solid #F0F0f0;padding-bottom:10px;margin-bottom:10px;margin-top:20px;}
@media screen and (max-width: 790px) {
  .glowna_slajdery_nazwa  { font-size:23px;
  }}


.glowna_box_towar{float:left;width:calc(14.16%);margin-left:0%;max-width:240px;text-align:center;color:#333333;font-size:12px;cursor:pointer;margin-top:25px;padding-bottom:10px;}
.glowna_box_towar:hover{color:#9B2675;}

@media screen and (max-width: 790px) {
  .glowna_box_towar  {font-size:17px;width:46%;max-width:48%; margin-left:2%;
  }}

.glowna_box_towar_zdjecie{width:100%;height:auto;}
.glowna_box_towar_zdjecie:hover{transform: scale(1.05);
            -webkit-transition: all 0.5s;user-select:none;
            -moz-transition: all 0.5s;
             transition: all 0.5s;}


.glowna_box_towar_odstep{float:left;width:3.0%;height:1px;}
@media screen and (max-width: 790px) {
  .glowna_box_towar_odstep  {display:none
  }}

.glowna_box_towar_nazwa{float:left;height:35px;text-align:center;width:98%;margin-left:1%;font-size:15px;font-weight: normal;overflow:hidden;margin-top:10px;}

@media screen and (max-width: 790px) {
  .glowna_box_towar_nazw {height:45px;width:100%;margin-left:0%;font-size:17px;font-weight: bold
  }}
  


.payubank0{float:left;border:solid 3px;border-color:silver;width:106;height:66;margin:2px;cursor:pointer;}
  
@media screen and (max-width: 790px) {
  .payubank0 {width:30%;
  }}

.payubank{
    float:left;
    display:inline;
    border-color:silver;
    margin:0px;
    text-align:center;
    position: relative;
    width:100%;
    height:100%;
}

.boxzwykly{float:left;height:auto;text-align:center;width:98%;margin-left:1%;font-size:15px;font-weight: normal;overflow:hidden;margin-top:10px;}

@media screen and (max-width: 790px) {
  .boxzwykly {margin-left:0%;font-size:18px;
  }}





.minitxt{float:left;height:auto;width:100%;text-decoration: none;font: 11px Calibri, Tahoma, Geneva, sans-serif;font-style:normal;color:#808080;margin-left:5px;}

  
  
.flexcontainer {
            display: flex;
            flex-direction: row; /* Ustawia orientację w poziomie */
            justify-content: flex-start; /* Wyrównuje do lewej */
            align-items: center; /* Wyrównuje w pionie */
            float:left;
        }
.flexboxc {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 10px;
          }
.flexboxr {
            display: flex;
            justify-content: right;
            align-items: center;
            margin-right: 10px;
          }
          
.toggle-password {
            position: absolute;
            right: 12px;
            top: 22px;
            cursor: pointer;
        }
        
        
a {
    text-decoration: none; /* Usuwa podkreślenie */
    color: #222222; /* Kolor niebieski */
    font-weight: none; /* Gruby tekst */
    transition: color 0.3s ease; /* Płynna zmiana koloru */
}

/* Stan hover - kiedy myszka najedzie na link */
a:hover {
    color: #0056b3; /* Zmienia kolor na ciemniejszy niebieski */
}

/* Stan active - kiedy link jest aktywowany */
a:active {
    color: #004085; /* Zmienia kolor na jeszcze ciemniejszy podczas aktywacji */
}

/* Opcjonalnie - stan odwiedzonego linku */
a:visited {
    color: #6f42c1; /* Ustal kolor dla odwiedzonych linków */
}