.product_thumbs_colors {
  display: flex; flex-wrap: wrap; gap: 5px;
}
.product_thumbs_colors .item {
  padding: 8px; font-size: 12px; border: 1px solid #d2d2d2;
}
.product_thumbs_colors .item.active {
  padding: 8px; font-size: 12px; border: 1px solid blue;
}
.product_sizes {
  display: flex; flex-wrap: wrap; gap: 15px;
}
.product_sizes .item {
  padding: 15px; color: white; background: black;
}
.product_sizes .item.active {
  background: blue;
}
.product_sizes .item a {
  color: white;
}









#produktyID {
 position: relative;
}
#loadingProdukty {
 position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: #ffffff; z-index: 50;
 opacity: 0.95;
}
#loadingProdukty img {
 margin-top: 10%;
}


ul.zoradenie {
 margin: 0 0 30px 0; padding: 0; list-style: none; font-size: 0;
}
ul.zoradenie li {
 display: inline-block; margin: 0 12px 0 0; padding: 0; font-size: 13px;
}
ul.zoradenie li.filter {
 font-weight: bold;
}
ul.zoradenie li a {
 display: block; color: #000000; text-decoration: none;
}
ul.zoradenie li a:hover, ul.zoradenie li a.active {
 text-decoration: underline;
}

/* produkty */
.produkty {
}
.produkty .col {
  width: 23%; float: left; margin: 0 1% 2% 1%; border: 1px solid #e1e1e1;
}
.produkty .col:nth-child(4n+1) {
 clear: both;
}
.produkty .col .img {
 position: relative; margin-bottom: 15px;
}
.produkty .col .img img {
 display: block; width: 100%; height: auto;
}
.produkty .col .img .stav {
 position: absolute; top: 0; left: 0; display: inline-block; padding: 8px 20px; color: #ffffff; background: #e4004b;
}

.produkty .col .img .prevedenieBlok {
 position: absolute; bottom: 10px; left: 0; right: 0; width: 80%; margin: auto; padding: 8px; text-align: center; font-size: 17px; color: #000000; background: rgba(255,255,255, 0.8);
}

.produkty .popis {
 text-align: center;
}
.produkty .popis h2 {
 display: inline-block; margin: 0 0 6px 0; font-size: 16px; font-weight: 600;
}
.produkty .popis h2 a {
 display: inline-block; padding: 2px 0; text-decoration: none;
}
.produkty .popis h2 a:hover {
 text-decoration: underline;
}
.produkty .popis .cena {
 display: inline-block; font-weight: 600;
}
.produkty .popis .cenaold {
 display: inline-block; margin-left: 7px; font-size: 13px; text-decoration: line-through; font-weight: 600;
}
.produkty .popis .vkosiku {
 display: none;
}
.produkty .popis a.dokosika {
 clear: both; display: inline-block; margin-top: 8px; padding: 6px 10px; font-size: 14px; text-decoration: none; text-align: center;
 border: 1px solid #000000;
}
.produkty .popis .textdoplnkovy {
 margin-bottom: 5px;
}
/* /produkty */


/* PRODUKT */
.produkt {
}
.produkt h1 {
}
.produkt .obrazky {
 float: left; width: 47%; height: auto;
}
.produkt .obrazky #gallery {
 height: auto;
}
.produkt .obrazky #gallery ul {
 position: relative; margin: 0; padding: 0; padding-top: 100%; list-style: none;
}
.produkt .obrazky #gallery ul li {
 position: absolute; top: 0; left: 0; padding: 0; margin: 0;
}
.produkt .obrazky #gallery img, .produkt .obrazky #gallery ul li img {
 width: 100%; height: auto;
}
.produkt .obrazky #gallery div {
 position: relative; padding-top: 20px; text-align: center;
}
.produkt .obrazky #gallery div a {
 display: inline-block; float: none; width: 20px; height: 20px; text-indent: -1000px; overflow: hidden;
 background: transparent url('../functions/plugins/cycle_sprite.png') no-repeat 0 0;
 background-position: -20px 0;
}
.produkt .obrazky #gallery div a.activeSlide {
 background-position: 0 0;
}

.produkt .obrazky .material {
 margin: 40px 0 0 0; text-align: center;
}
.produkt .obrazky .material img {
 width: 80%; height: auto;
}

.produkt .veci {
 float: right; width: 47%;
}
.produkt .veci h1 {
}

.produkt .veci .kategorieproduktu {
 margin: 30px 0 0 0; padding: 0;
}
.produkt .veci .kategorieproduktu .item {
 margin: 5px 0 0 0; padding: 0; font-size: 16px; color: #000000;
}
.produkt .veci .kategorieproduktu .item a {
 color: #000000; text-decoration: none;
}
.produkt .veci .kategorieproduktu .item a:hover {
 text-decoration: underline;
}
.produkt .veci .kategorieproduktu .item small {
 font-family: tahoma;
}

.produkt .veci big.niejevpredaji {
 display: block; margin: 20px 0 0 0; font-size: 30px; color: #ff0000; text-align: center;
}
.produkt .veci ul.produktstav {
 margin: 0 0 30px 0; padding: 0; list-style: none; font-size: 0;
}
.produkt .veci ul.produktstav li {
 display: inline-block; margin: 0 8px 0 0; color: #000000; font-size: 13px;
}

.produkt .veci .veci2 .popis {
 margin-bottom: 15px; font-size: 14px; line-height: 160%;
}
.produkt .veci .veci2 .textdoplnkovy {
 margin: 0 0 0 0; padding: 15px 0; font-size: 14px; line-height: 160%;
 border-top: 1px solid #000000; border-bottom: 1px solid #000000;
}

.produkt .veci .veci2 a.tipNakup {
 display: inline-block; margin-top: 30px; font-size: 16px; text-decoration: none;
}
.produkt .veci .veci2 a.tipNakup:hover {
 text-decoration: underline;
}

.produkt .prevedenia {
 margin: 0 0 20px 0;
}
.produkt .prevedenia .nadpis {
 display: block; margin: 0 0 10px 0;
}
.produkt .prevedenia ul {
 float: left; margin: 0; padding: 0; list-style: none;
}
.produkt .prevedenia ul li {
 position: relative; display: inline-block; margin: 0 7px 7px 0; padding: 0 5px; min-width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #484848; cursor: pointer;
 background-repeat: no-repeat; background-size: cover; background-position: center center;
}
.produkt .prevedenia.farba ul li {
 /*border: none;*/
 min-width: 50px; height: 50px; line-height: 50px;
}

.produkt .prevedenia.farba ul li .button.secondary.url {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 100%; height: 100%;
}
/*.produkt .prevedenia.farba ul li:after {
 content:''; position: absolute; width: 42px; height: 42px; border-bottom:2px solid #ffffff;
 -webkit-transform: translateY(-21px) translateX(-21px) rotate(-45deg); left:0px;  top:-1px;
}*/
.produkt .prevedenia.farba ul li.jednaFarba:after {
 display: none;
}

.produkt .prevedenia ul li.active {
 outline: 1px solid #000000; outline-offset: 1px;
}

.produkt .prevedenieKOSIKall {
 display: none;
}
.produkt .prevedenieKOSIKall.block {
 display: block;
}

.produkt .vybratVelkost {
 display: block; margin: 10px 0 25px 0;
}

.produkt .stav {
 margin: 10px 0 25px 0;
}
.produkt .stav .skladom {
 display: block;
}
.produkt .stav .niejeskladom {
 display: block;
}

.produkt .veci .dokosika {
 display: block; float: left; margin-right: 20px; margin-bottom: 20px;
}
.produkt .veci .dokosika span.dokosikap {
 float: left; display: inline-block; width: auto; height: 40px; line-height: 38px; margin-right: 12px; padding: 0;
}
.produkt .veci .dokosika .dokosikainp {
 float: left; display: inline-block; height: 40px; line-height: 38px; padding: 0 0 0 0; border: 1px solid #000000;
}
.produkt .veci .dokosika .dokosikainp input[type=text] {
 float: left; width: 40px; height: 100%; margin-right: 5px; font-size: 16px; text-align: center; border: none;
}
.produkt .veci .dokosika .dokosikainp .arrows {
 float: right; height: 40px; text-align: center;
}
.produkt .veci .dokosika .dokosikainp span.plus {
 display: block; width: 15px; height: 8px; margin: 0 0 1px 0; padding: 9px 16px;
 background: url(../img/dokosikaIcon_up.png) no-repeat center 9px; cursor: pointer;
}
.produkt .veci .dokosika .dokosikainp span.minus {
 display: block; width: 15px; height: 8px; margin: 1px 0; padding: 9px 16px;
 background: url(../img/dokosikaIcon_down.png) no-repeat center 3px; cursor: pointer;
}

.produkt .veci .cena {
 float: left; display: block; margin-bottom: 20px; font-size: 0;
}
.produkt .veci .cena span.cenap {
 display: inline-block; width: auto; height: 40px; line-height: 38px; margin-right: 10px; padding: 0; font-size: 14px;
}
.produkt .veci .cena span.cenas {
 display: inline-block; height: 40px; line-height: 38px; padding: 0 10px 0 10px; font-size: 16px; border: 1px solid #000000;
}
.produkt .veci .cena span.cenas em.cenyold {
 margin-left: 5px; font-size: 14px; text-decoration: line-through; font-style: normal;
}

.produkt .veci .vkosikutext {
 display: block; float: left; height: 40px; line-height: 38px; margin-bottom: 20px; margin-left: 10px; padding: 0 10px;
 color: #515151; border: 1px solid #757575;
}

.produkt .veci a.dokosikabutton {
 display: inline-block; margin-bottom: 30px; padding: 15px 30px; text-decoration: none; color: #ffffff; background: #000000;
}
.produkt .veci a.dokosikabutton:hover {
 text-decoration: underline;
}

.produkt .alternativneprodukty {
 margin-top: 70px; padding-top: 30px; border-top: 1px solid #000000;
}
.produkt h3 {
 margin: 0 0 20px 0;
}

/*
.produkt .veci ul.produktstav li.akcia { background: #f60e0e; }
.produkt .veci ul.produktstav li.novinka { background: #1cde20; }
.produkt .veci ul.produktstav li.topkat { background: #1fabec; }
.produkt .veci ul.produktstav li.vypredaj { background: #ecd221; }
.produkt .veci ul.produktstav li.doporucujeme { background: #3bc590; }
*/

/*
.produkt { width: 100%; min-height: 600px; }
.produkt .obrazky {
 float: left; width: 49%;
}
.produkt .obrazky .hlavny {}
.produkt .obrazky .hlavny img {
 width: 96%; padding: 2%; border: 1px solid #b0b0b0;
}
.produkt .obrazky .ostatne {
 margin-top: 8px;
}
.produkt .obrazky .ostatne img {
 width: 18%; margin: 0 1% 0 0; padding: 1%; border: 1px solid #c3c3c3;
}

.produkt .veci {
 float: right; width: 49%;
}
.produkt .veci big.niejevpredaji {
 display: block; margin: 20px 0 0 0; font-size: 30px; color: #ff0000; text-align: center;
}
.produkt .veci ul.produktstav {
 margin: 0 0 7px 0; padding: 0; list-style: none;
}
.produkt .veci ul.produktstav li {
 display: inline-block; margin: 0 5px 0 0; padding: 7px 12px; color: #ffffff
}
.produkt .veci ul.produktstav li.akcia { background: #f60e0e; }
.produkt .veci ul.produktstav li.novinka { background: #1cde20; }
.produkt .veci ul.produktstav li.topkat { background: #1fabec; }
.produkt .veci ul.produktstav li.vypredaj { background: #ecd221; }
.produkt .veci ul.produktstav li.doporucujeme { background: #3bc590; }

.produkt .veci2 {
 display: block; width: 100%; text-align: center; background: #ececec;
}
.produkt .veci2 .cena {
 display: block; margin: 0 auto; padding-top: 25px; font-size: 30px; font-weight: bold; color: #0a1922;
}
.produkt .veci2 .cenyold {
 margin: 20px 0 0 0;
}
.produkt .veci2 .cenyold big {
 font-size: 18px; text-decoration: line-through;
}
.produkt .veci2 .cenyold small {
 color: #cc0000; font-size: 15px;
}
.produkt .veci2 .akazlava {
 display: block; margin: 4px 0 0 0; color: #000000; font-weight: bold;
}
.produkt .veci2 hr {
 margin: 0 auto; width: 96%; height: 1px; margin-top: 25px; margin-bottom: 25px; background: #bdbdbd; border: none;
 border-bottom: 1px solid #ffffff;
}
.produkt .veci2 .pocty {
 margin: 0 0 15px 0; text-align: center; display: inline-block;
}
.produkt .veci2 .pocty a.minus {
 float: left; width: 26px; height: 26px; background: url(../img/dokosikaminus.png) no-repeat;
}
.produkt .veci2 .pocty a.plus {
 float: left; width: 26px; height: 26px; background: url(../img/dokosikaplus.png) no-repeat;
}
.produkt .veci2 .pocty input[type=text] {
 float: left; width: 35px; height: 22px; margin: 0 4px; font-size: 15px; text-align: center; border: 1px solid #717171;
}
.produkt .veci2 .vkosikutext {
 display: block; width: 120px; margin: 0 auto; padding: 4px 10px; font-size: 14px; color: #ffffff;
 background: #000000; opacity: 0.8;
}
.produkt .veci2 a.dokosika {
 display: block; margin: 15px 0 0 0;
}
.produkt .veci2 a.dokosika .dokosika1 {
 float: left; width: 75%; height: 60px; font-size: 18px; line-height: 60px; color: #ffffff; background: #245e7f;
 -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;
}
.produkt .veci2 a.dokosika .dokosika2 {
 float: left; display: block; width: 25%; height: 60px;
 background: #173c51 url(../img/basketICON_36x30.png) no-repeat center center;
 -webkit-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out;
}
.produkt .veci2 a.dokosika:hover .dokosika1 {
 background: #232323;
}
.produkt .veci2 a.dokosika:hover .dokosika2 {
 background: #000000 url(../img/basketICON_36x30.png) no-repeat center center;
}
*/