#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 15px 0; padding: 0; list-style: none; font-size: 0; border-bottom: 3px solid #636363;
}
ul.zoradenie li {
 display: inline-block; margin: 0 5px 0 0; padding: 0; font-size: 14px;
}
ul.zoradenie li a {
 display: block; padding: 10px 18px 8px 18px; color: #414141; background: #ffffff; border: 1px solid #cdcdcd; border-bottom: none;
}
ul.zoradenie li a:hover {
 text-decoration: none; border: 1px solid #636363; border-bottom: none;
}
ul.zoradenie li a.active {
 color: #ffffff; background: #636363; border: 1px solid #636363; border-bottom: none;
}

.produkty {
 padding-bottom: 5px; 
}
.produkty .col {
 position: relative; height: auto; margin-bottom: 20px; padding-bottom: 12px; text-align: center; color: #ffffff;
 background: #e65960 url(../img/produktbg.png) repeat;
 -webkit-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out;
}
.produkty .col:hover {
 background: #3385b3;
}
.produkty .col .img {
 overflow: hidden; position: relative;
}

.produkty .col .img  .stav.skladom {
 position: absolute; bottom: 16px; left: 0;
 display: block; width: 60px; padding: 4px 6px; font-size: 12px; text-align: center; color: #ffffff; background: #01bc7c; opacity: 0.6;
}
.produkty .col .img  .stav.niejeskladom {
 position: absolute; bottom: 16px; left: 0;
 display: block; width: 90px; padding: 4px 6px; font-size: 12px; text-align: center; color: #ffffff; background: #8d0000; opacity: 0.6;
}
.produkty .col .img .nahlad {
 display: block; position: absolute; top: -50px; right: 5px;
 width: 40px; height: 39px; background: url(../img/lupaICON.png) no-repeat center center;
}
.produkty .col .img img {
 display: block; margin: 0 auto; width: 98%; margin-top: 1.1%; margin-bottom: 15px;
}
.produkty .col .img .vkosiku {
 display: block; position: absolute; bottom: 15px; right: 0; padding: 2px 10px; font-size: 12px; color: #ffffff; 
 background: #000000; opacity: 0.8;
}
.produkty .col .popis {
 display: block;
}
.produkty .col .popis h2 {
 height: 44px; width: 92%; margin: 0 auto; margin-bottom: 20px; font-size: 16px; line-height: 22px; 
 color: #ffffff; font-weight: normal; overflow: hidden;
}
.produkty .col .popis h2 a {
 color: #ffffff;
}
.produkty .col .popis .minuspercenta {
 position: absolute; top: 10px; left: 0; display: block; width: 80px; padding: 10px 0 10px 0; font-size: 22px;
 color: #ffffff; text-align: center; background: #3385b3;
}
.produkty .col .popis .cenaold {
 float: right; margin: 0 7px 0 0; display: block; font-size: 16px; color: #ffffff; text-align: center;
 text-decoration: line-through;
}
.produkty .col .popis .cena {
 float: right; margin: 0 10px 0 0; display: block; font-size: 23px; color: #ffffff; text-align: center;
}
/*
.produkty .col .dokosika {
 display: none; position: absolute; left: 0; bottom: -50px; width: 100%; height: 54px; 
 font-size: 18px; line-height: 54px; background: #245e7f; opacity: 0; z-index: 2;
}
.produkty .col:hover .dokosika {
 display: block;
}
.produkty .col .dokosika a {
 float: right; display: block; width: 70px; height: 54px; margin: 0 auto;
 background: #173c51 url(../img/basketICON_36x30.png) no-repeat center center;
}
.produkty .col .dokosika a:hover {
 background: #000000 url(../img/basketICON_36x30.png) no-repeat center center;
}
*/
.produkty .col a.dokosika {
 display: none; position: absolute; left: 0; bottom: -60px; width: 100%; opacity: 0; z-index: 2;
}
.produkty .col:hover a.dokosika {
 display: block;
}
.produkty .col 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;
}
.produkty .col 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;
}
.produkty .col a.dokosika:hover .dokosika1 {
 background: #232323;
}
.produkty .col a.dokosika:hover .dokosika2 {
 background: #000000 url(../img/basketICON_36x30.png) no-repeat center center;
}


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


.produkt .popis {
 float: right; width: 100%; margin: 12px 0 0 0;
}
.produkt .popis .stav.skladom {
 display: block; width: 150px; margin-bottom: 10px; padding: 6px 8px; text-align: center; color: #ffffff; background: #01bc7c;
}
.produkt .popis .stav.niejeskladom {
 display: block; width: 300px; margin-bottom: 10px; padding: 6px 8px; text-align: center; color: #ffffff; background: #dd0000;
}
.produkt .popis .text {
 margin: 5px 0 12px 0;
}
.produkt .popis .text p {
 margin: 0 0 8px 0;
}
.produkt .popis .idkod {
 margin: 0 0 10px 0; padding: 0;
}
.produkt .popis .idkod strong {
 color: #000000;
}
.produkt .popis .kategorieproduktu {
 margin: 0 0 10px 0; padding: 0;
}
.produkt .popis .kategorieproduktu strong {
 font-size: 13px; color: #000000;
}
.produkt .popis .kategorieproduktu .item {
 margin: 0; padding: 0; font-size: 13px; color: #000000;
}
.produkt .popis .kategorieproduktu .item a {
 color: #000000;
}
.produkt .popis .kategorieproduktu .item small {
 font-family: tahoma;
}


.produkt .alternativneprodukty {
}
.produkt h3 {
 padding: 7px 0 7px 10px; font-size: 20px; color: #414141; background: #ececec; border-left: 7px solid #e65960;
}