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

.activeParam {
 margin: -10px 0 25px 0;
}
.activeParam div {
 display: inline-block; margin: 0 5px 5px 0; line-height: 100%; padding: 10px 12px 10px 14px; color: #000000; background: #f6f6f6; border-radius: 3px;
}
.activeParam div span {
 display: inline-block;
}
.activeParam div a {
 display: inline-block;
}
.activeParam div a:hover {
 text-decoration: none;
}
.activeParam div a:before {
 content: "\f057"; font-family: "Font Awesome 5 Free"; margin: 0 0 0 10px; font-weight: bold; opacity: 0.5; 
}
.activeParam div a:hover:before {
 text-decoration: none; opacity: 1;
}

ul.zoradenie {
 margin: 0 0 10px 0; padding: 0; list-style: none; font-size: 0;
}
ul.zoradenie li {
 display: inline-block; margin: 0 15px 10px 0; padding: 0; font-size: 13px;
}
ul.zoradenie li:last-child {
 margin-right: 0;
}
ul.zoradenie li.filter {
 font-weight: bold;
}
ul.zoradenie li a {
 display: block; padding: 10px 12px; color: #000000; text-decoration: none; border: 1px solid #dedede;
 -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
ul.zoradenie li a:hover, ul.zoradenie li a.active {
 text-decoration: underline;
}

/* slider */
.filter {
 margin: 0 0 30px 0; padding: 12px 12px; border: 1px solid #dedede;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.filter .slider .nadpis {
 display: inline-block; float: left; width: 120px; font-weight: 600;
}
.filter .slider .slider_cena_od {
 display: block; float: left; width: 50px;
}
.filter .slider .sliderRange {
 float: left; width: 850px; margin: 0 20px; margin-top: 4px;
}
.filter .slider .slider_cena_do {
 display: block; float: left; width: 50px; text-align: right;
}
/* /slider */

#parameters1B {
 display: none; width: 100%; padding: 15px 20px 15px 20px; font-size: 15px; color: #ffffff; background: #41a88b; cursor: pointer;
}
#parameters1B:before {
 content: "\f0fe"; font-family: "Font Awesome 5 Free"; position: relative; top: 2px; margin-right: 15px; font-weight: 400; font-size: 20px; color: #ffffff;
}
#parameters1B.active:before {
 content: "\f146";
}
#parametre {
 display: block; padding-top: 0;
}
#parametre.visible { 
 display: block;
}
.parameters {
 margin-bottom: 20px;
}
.parameters .nadp {
 display: block; margin-bottom: 10px; font-size: 16px;
}

/* produkty */
.produkty {
}
.produkty.titulkove {
 margin: 20px 0;
}
.produkty .col {
 float: left; width: 23.5%; margin-bottom: 40px; padding: 20px 20px 10px 20px; margin-left: 1%; margin-right: 1%; border: 2px solid #45a15a;
}
.produkty .col:hover {
 border: 2px solid #a73938;
}
.produkty .col:nth-child(4n+1) {
 clear: both; margin-left: 0
}
.produkty .col:nth-child(4n) {
 margin-right: 0;
}
.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: -10px; left: -10px; display: inline-block; padding: 8px 12px; font-size: 12px; line-height: 100%; color: #ffffff; background: #2e693d;
}
.produkty .col .img .stav.vypredaj {           
 background: #ccc168;
}
.produkty .popis {
 text-align: left;
}
.produkty .popis h2 {
 display: block; height: 45px; margin: 0 0 5px 0; font-size: 14px; line-height: 150%; font-weight: 400; text-align: center; overflow: hidden;
}
.produkty .popis h2 a {
 display: inline-block; padding: 2px 0; text-decoration: none;
}
.produkty .popis h2 a:hover {
 text-decoration: underline;
}
.produkty .popis .rozmerPNEU {
 display: block; margin: 10px 0 15px 0; text-align: center; font-weight: 600; font-size: 15px;
}

.produkty .popis .iconsPneu {
 height: 24px; margin: 10px auto 25px 0; text-align: center; opacity: 0.75;
}
.produkty .popis .iconsPneu span {
 display: inline-block; width: auto; height: 24px; margin-right: 12px; padding-left: 26px; padding-top: 1px; font-size: 16px; font-weight: bold;
}
.produkty .popis .iconsPneu span.pump {
 background: url(../img/icons/pump.png?2) no-repeat left center;
}
.produkty .popis .iconsPneu span.rain {
 background: url(../img/icons/rain.png?2) no-repeat left center;
}
.produkty .popis .iconsPneu span.volume {
 background: url(../img/icons/volume.png?2) no-repeat left center;
}


.produkty .popis .cenaV {
 display: block; margin: 5px 0 20px 0; line-height: 200%; text-align: center;
}
.produkty .popis .cena {
 display: inline-block; font-size: 18px; font-weight: 700; color: #a73938;
}
.produkty .popis .naobjednavku {
 font-size: 14px; font-weight: 600; color: #a73938;
}
.produkty .popis .cenaold {
 display: inline-block; margin-left: 10px; font-size: 15px; text-decoration: line-through; font-weight: 600;
}
.produkty .popis .vkosiku {
 display: none;
}
.produkty .popis a.dokosika {
 clear: both; float: left; display: inline-block; height: 36px; line-height: 36px; margin: 0; padding: 0 10px; font-size: 14px; text-decoration: none; text-align: center; font-weight: 500; color: #ffffff; font-weight: 400; background: #409654; border-radius: 2px;      
  -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out;
}
.produkty .col:hover .popis a.dokosika {
 background: #a73938;   
}
.produkty .popis .stav {
 float: right; height: 36px; line-height: 36px; font-size: 13px;
}
.produkty .popis .stav.niejeskladom {
 color: #ff0000;
}
/* /produkty */


/* PRODUKT */
.produkt {
 margin-bottom: 40px;
}
.produkt .obrazky {
 float: left; width: 40%; height: auto;
}
.produkt .obrazky .obrazoktop {
 padding: 10px; text-align: center;
}
.produkt .obrazky .obrazoktop img {
 max-width: 100%; height: auto;
}
.produkt .obrazky .gallerySmall {
 margin: 20px; text-align: center;
}
.produkt .obrazky .gallerySmall a {
 display: inline-block; margin: 0 4px;
}
.produkt .obrazky .gallerySmall a img {
 display: inline-block; opacity: 0.7; padding: 2px; border: 1px solid #dedede;
 -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}
.produkt .obrazky .gallerySmall a:hover img {
 opacity: 1; border: 1px solid #dedede;
}
.produkt .obrazky .gallerySmall a img.xactive { 
  border: 1px solid #a73938;
}

.produkt .veci {
 float: right; width: 56%;
}

.produkt .veci .kategorieproduktu {
 margin: 0 0 30px 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; line-height: 100%; margin: 0 8px 0 0; padding: 12px 14px; font-size: 13px; line-height: 13px; color: #ffffff; background: #2e693d;
}
.produkt .veci ul.produktstav li.vypredaj {
 background: #ccc168;
}
.produkt .veci ul.produktstav li.akcia {
 background: #cc5555;
}


.produkt .veci .iconsPneu {
 margin-bottom: 30px;
}
.produkt .veci .iconsPneu span {
 display: inline-block; width: auto; height: 24px; margin-right: 20px; padding-left: 28px; padding-top: 1px; font-size: 16px; font-weight: bold;
}
.produkt .veci .iconsPneu span.pump {
 background: url(../img/icons/pump.png?2) no-repeat left center;
}
.produkt .veci .iconsPneu span.rain {
 background: url(../img/icons/rain.png?2) no-repeat left center;
}
.produkt .veci .iconsPneu span.volume {
 background: url(../img/icons/volume.png?2) no-repeat left center;
}


.produkt .veci .veci2 .popis {
 margin-bottom: 30px; font-size: 15px; line-height: 170%; text-align: justify;
}
.produkt .veci .veci2 .popis h2 {
 margin: 0; padding: 0; font-size: 15px; line-height: 170%;
}
.produkt .veci .veci2 .naobjednavku {
 margin-bottom: 30px; font-size: 16px; font-weight: 600; color: #2e693d;
}
.produkt .veci .veci2 .naobjednavku a {
 position: relative; clear: both; display: inline-block; margin: 15px 0 0 0; padding-left: 24px; color: #000000; font-size: 14px;
}
.produkt .veci .veci2 .naobjednavku a:before {
 position: absolute; top: 3px; left: 0;
 content: ''; display: inline-block; width: 16px; height: 16px; margin-right: 5px; background: url(../img/icons/email.svg); background-size: 16px 16px;
}

.produkt .oblubene {
 position: relative; display: block; height: 20px; line-height: 20px; margin: 10px 0 0 0; padding-left: 26px; text-align: left;
 background: url(../img/icons/oblubene.svg) no-repeat left center; background-size: 18px 18px; cursor: pointer;
}
.produkt .oblubene:hover {
 text-decoration: underline;
}
.produkt .oblubene.active {
 color: #a73938; background: none;
}
.produkt .oblubene.active:before {
 content: ''; width: 18px; height: 18px; display: inline-block; position: absolute; left: 0; top: 1px;
 -webkit-mask: url(../img/icons/oblubene.svg) no-repeat left 50%; mask: url(../img/icons/oblubene.svg) no-repeat left 50%; background-color: #a73938;   
}


.produkt .veci .veci2 .popisParametre {
 margin-bottom: 25px;
}
.produkt .veci .veci2 .popisParametre .itemParameter {
 clear: both; margin-bottom: 8px;
}
.produkt .veci .veci2 .popisParametre .itemParameter span:first-child {
 float: left; display: block; width: 100px; padding-bottom: 8px; font-weight: 600; border-bottom: 1px solid #dedede;
}
.produkt .veci .veci2 .popisParametre .itemParameter span:last-child {
 display: block; margin-left: 115px; padding-bottom: 8px; border-bottom: 1px solid #dedede;
}

.produkt table.popisParametre2 {
 float: left; width: 100%; margin: 30px 0 0 0; border: 1px solid #dddddd;
}
.produkt table.popisParametre2 tr td {
 padding: 10px;
}
.produkt table.popisParametre2 tr td:first-child {
 width: 300px;
}
.produkt table.popisParametre2 tr:nth-child(2n+1) td {
 background: #f6f6f6;
}
.produkt table.popisParametre2 tr td:first-child {
 font-weight: bold;
}

.produkt .prevedenia {
 margin: 20px 0 0 0;
}
.produkt .prevedenia .nadpis {
 float: left; display: inline-block; height: 30px; line-height: 30px; margin: 0 10px 0 0;
}
.produkt .prevedenia ul {
 float: left; margin: 0; padding: 0; list-style: none;
}
.produkt .prevedenia ul li {
 position: relative; display: inline-block; margin: 0 3px 7px 0; padding: 0 5px; min-width: 30px; height: 30px; line-height: 30px; text-align: center;
 border: 1px solid #484848; cursor: pointer;
}
.produkt .prevedenia.farba ul li {
 border: none;
}
.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 .stavzasoba {
 display: block; margin: 5px 0 20px 0;
}
.produkt .stavzasoba .skladom {
 display: inline-block; padding: 10px 12px; color: #2e693d; font-weight: 600; border: 1px solid #2e693d;
}
.produkt .stavzasoba .niejeskladom {
 display: inline-block; color: #ff0000;
}

.produkt .blokCenyKosik {
 padding: 20px 20px; background: #f6f6f6;
}

.produkt .veci .veci2 .dokosika {
 display: block; float: left; margin-top: 4px; margin-right: 20px;
}
.produkt .veci .veci2 .dokosika span.dokosikap {
 float: left; display: inline-block; width: auto; height: 40px; line-height: 38px; margin-right: 12px; padding: 0;
}
.produkt .veci .veci2 .dokosika .dokosikainp {
 float: left; display: inline-block; height: 40px; line-height: 38px; padding: 0 0 0 0; border: 1px solid #000000;
}
.produkt .veci .veci2 .dokosika .dokosikainp input[type=text] {
 float: left; width: 40px; height: 100%; margin-right: 5px; font-size: 16px; text-align: center; border: none;
}
.produkt .veci .veci2 .dokosika .dokosikainp .arrows {
 float: right; height: 40px; text-align: center;
}
.produkt .veci .veci2 .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 .veci2 .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 .veci2 .cena {
 float: left; display: block; margin-top: 4px; font-size: 0;
}
.produkt .veci .veci2 .cena span.cenap {
 display: inline-block; width: auto; height: 40px; line-height: 38px; margin-right: 10px; padding: 0; font-size: 14px;
}
.produkt .veci .veci2 .cena span.cenas {
 display: inline-block; height: 40px; line-height: 38px; padding: 0 10px 0 10px; font-size: 16px; font-weight: bold; border: 1px solid #000000;
}
.produkt .veci .veci2 .cena span.cenas em.cenyold {
 margin-left: 5px; font-size: 14px; text-decoration: line-through; font-style: normal;
}
.produkt .veci .veci2 .cena span.cenas2 {
 display: inline-block; height: 40px; line-height: 38px; padding: 0 10px 0 10px; font-size: 14px;
}

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

.produkt .veci .veci2 a.dokosikabutton {
 clear: both; float: left; display: inline-block; margin: 25px 0 20px 0; padding: 14px 26px; text-decoration: none; color: #ffffff; background: #a73938;
 -moz-transition: 0.25s all ease; -webkit-transition: 0.25s all ease; -o-transition: 0.25s all ease; transition: 0.25s all ease; 
 border-radius: 3px;
}
.produkt .veci .veci2 a.dokosikabutton:hover {
 text-decoration: none; background: #8c3131; 
}

.produkt .alternativneprodukty {
 margin-top: 70px; padding-top: 30px; border-top: 1px solid #dedede;
}
.produkt h3 {
 margin: 20px auto 40px auto; font-size: 24px; font-weight: 400; text-align: center;
}

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