html, body, form, h1, h2, h3, h4, form, fieldset, legend, img {margin: 0; padding: 0; border: 0; outline: 0;}
html, body {margin: 0 0 10px; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: 12px; color: #666;}
a {color: #8a7866;}
#wrap {width: 1000px; margin: 0 auto;}

/* Hlavicka h77px */
#header {position: relative; height: 60px; padding: 17px 20px 0; background: url('../grafika/hlavicka/bg.gif') left top repeat-x;}

#currency {position: absolute; right: 330px; top: 8px;}
#currency a {display: inline-block; padding: 3px 8px; color: #666; text-decoration: none; border-radius: 3px;}
#currency a:hover, #currency a.active {background: #e5e1dd;}

/* Nakupni kosik */
#cart {position: absolute; right: 20px; top: 8px; width: 290px; height: 70px; border: 0;}

#cart {background: url('../grafika/hlavicka/pozadi_kos.gif') 0 0 repeat-x; font-size: 10px; color: #666; }
#cart .zakaznik {height: 35px; line-height: 35px; padding-left: 80px; background: url('../grafika/hlavicka/zakaznik.gif') 0 0 no-repeat;}
#cart .kos {height: 22px; line-height: 22px; padding-left: 80px; background: url('../grafika/hlavicka/kos.gif') 0 0 no-repeat;}
#cart a {text-decoration: underline; color: #666;}
#cart a:hover {text-decoration: none;}

/* Horni menu */
#topmenu {position: relative; height: 31px; margin: 0 0 10px; color: #4c4c4c; background: url('../grafika/hlavicka/bg-menu.gif') left top repeat-x; font-weight: bold; font-size: 11px; border-top: 2px solid #fff;}
#topmenu ul {margin: 0; padding: 0; list-style: none;}
#topmenu ul li {float: left; line-height: 31px;}
#topmenu ul li a {float: left; display: block; padding: 0; line-height: 31px; height: 31px; border-right: 2px solid #fff; cursor: pointer;}
#topmenu li.search {position: absolute; right: 0; padding: 0 10px 0 0; border-right: 2px solid #fff;}
#topmenu li.search form {display: inline; height: 31px;}
#topmenu li.search input, #topmenu li.search label {vertical-align: middle;}
#topmenu li.search label {display: block; float: left; width: 79px; height: 31px; margin: 0 2px 0 0;}
#topmenu li.search label span {background: url('../grafika/hlavicka/nadpis_hledani.gif') left top;}
#topmenu li.search .hledat {border: 1px solid #ccc; font-size: 11px; padding: 2px 1px 1px;}
#topmenu li.search .hledat_btn {cursor: pointer;}
#topmenu a {color: #4c4c4c; text-decoration: none;}
#topmenu a:hover {text-decoration: underline;}
/* Nahrada textu obrazky */
#topmenu a#tlodhlaseni {width: 80px;}
#topmenu a#tlodhlaseni span {background: transparent url('../grafika/hlavicka/tl_odhlaseni.gif') 0 0 no-repeat;}
#topmenu a#tlprihlaseni {width: 82px;}
#topmenu a#tlprihlaseni span {background: transparent url('../grafika/hlavicka/tl_prihlaseni.gif') 0 0 no-repeat;}
#topmenu a#tlzbozi {width: 55px;}
#topmenu a#tlzbozi span {background: transparent url('../grafika/hlavicka/tl_zbozi.gif') 0 0 no-repeat;}
#topmenu a#tlnkosik {width: 100px;}
#topmenu a#tlnkosik span {background: transparent url('../grafika/hlavicka/tl_nkosik.gif') 0 0 no-repeat;}
#topmenu a#tlvyhledavani {width: 90px;}
#topmenu a#tlvyhledavani span {background: transparent url('../grafika/hlavicka/tl_vyhledavani.gif') 0 0 no-repeat;}
#topmenu a#tloudaje {width: 108px;}
#topmenu a#tloudaje span {background: transparent url('../grafika/hlavicka/tl_oudaje.gif') 0 0 no-repeat;}
#topmenu a#tlzpodpora {width: 129px;}
#topmenu a#tlzpodpora span {background: transparent url('../grafika/hlavicka/tl_zpodpora.gif') 0 0 no-repeat;}
#topmenu a#tlprovozovatel {width: 96px;}
#topmenu a#tlprovozovatel span {background: transparent url('../grafika/hlavicka/tl_provozovatel.gif') 0 0 no-repeat;}
/* Hover a Active */
#topmenu a#tlodhlaseni:hover span, #topmenu a#tlprihlaseni:hover span, #topmenu a#tlzbozi:hover span, #topmenu a#tlnkosik:hover span, #topmenu a#tlvyhledavani:hover span, #topmenu a#tloudaje:hover span, #topmenu a#tlzpodpora:hover span, #topmenu a#tlprovozovatel:hover span, #topmenu ul li.print a:hover span {background-position: 0 -31px;}
#topmenu .opakovanizap a#tlodhlaseni span, #topmenu .opakovanizap a#tlprihlaseni span, #topmenu .opakovanizap a#tlzbozi span, #topmenu .opakovanizap a#tlnkosik span, #topmenu .opakovanizap a#tlvyhledavani span, #topmenu .opakovanizap a#tloudaje span, #topmenu .opakovanizap a#tlzpodpora span, #topmenu .opakovanizap a#tlprovozovatel span {background-position: 0 -31px;}

#topmenu__naseptavac {display: none; position: absolute; top: 30px; right: 41px; width: 250px; max-height: 500px; overflow: auto; padding: 5px; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); font-weight: normal;}
#topmenu__naseptavac .topmenu__naseptavac-title {margin: 10px 0 5px; font-size: 12px; font-weight: bold;}
#topmenu__naseptavac .topmenu__naseptavac-list {margin: 0; padding: 0 0 0 20px;}
#topmenu__naseptavac .topmenu__naseptavac-list li {float: none; clear: both; display: block;}
#topmenu__naseptavac .topmenu__naseptavac-list li a {float: none; height: auto; line-height: 1.5; padding: 5px 0;}
#topmenu__naseptavac .topmenu__naseptavac-list li a img {display: block; float: right; height: 30px;}

/* Leve menu */
#menu {position: relative; width: 220px; min-height: 500px; float: left; margin: 0 0 10px; padding: 24px 0 0; font-size: 11px;}
#menu ul {padding: 5px 10px; margin: 0; border: 1px solid #eae7e4; background: #f7f6f5; list-style-type: none;}
#menu ul.treemenu {line-height: 16px; font-family: sans-serif;}
#menu ul.treemenu ul {padding: 0;margin: 0;list-style-type: none; border: 0;}
#menu ul.treemenu li {background: url('../grafika/treemenu/set02/node.gif') no-repeat; margin: 0;padding: 0 0 0 18px;cursor: default;}
#menu ul.treemenu li.last {background-image: url('../grafika/treemenu/set02/node-last.gif');}
#menu ul.treemenu li.plus {background-image: url('../grafika/treemenu/set02/plus.gif'); cursor: pointer;}
#menu ul.treemenu li.plus-last {background-image: url('../grafika/treemenu/set02/plus-last.gif'); cursor: pointer;}
#menu ul.treemenu li.minus {background-image: url('../grafika/treemenu/set02/minus.gif'); cursor: pointer;}
#menu ul.treemenu li.minus-last {background-image: url('../grafika/treemenu/set02/minus-last.gif'); cursor: pointer;}
#menu a {color: #464646; text-decoration: none;}
#menu a:hover {color: #8A7866; text-decoration: underline;}
#menu a.zvolene {color: #8A7866;}
#progress {display: none; position: fixed; z-index: 9999; top: 50%; left: 50%; min-width: 90px; margin: -26px 0 0 -77px; padding: 10px 10px 10px 51px; line-height: 31px; font-size: 14px; color: #000; background: #fff url('../grafika/telo/indicator.gif') 10px center no-repeat; border: 1px solid #d7d7d7; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

/* prepinani kategorie/vyrobce */
#menu #switch {position: absolute; top: 0; left: 0; width: 100%; height: 24px;}
#menu #switch p {float: left; width: 50%; height: 24px; margin: 0; padding: 0; cursor: pointer;}
#menu #switch .sortiment {background: url('../grafika/levemenu/kategorie.png') left bottom no-repeat;}
#menu #switch .sortiment.on, #menu #switch .sortiment:hover {background: url('../grafika/levemenu/kategorie.png') left top no-repeat;}
#menu #switch .vyrobce {background: url('../grafika/levemenu/kategorie.png') right top no-repeat;}
#menu #switch .vyrobce.on, #menu #switch .vyrobce:hover {background: url('../grafika/levemenu/kategorie.png') right bottom no-repeat;}

/* Paticka*/
#footer {position: relative; height: 50px; clear: both; background: #f7f7f7;}
#footer .keloclogo, #footer .iselectlogo {position: absolute; width: 70px; height: 32px; top: 8px;}
#footer .keloclogo {width: 134px; left: 10px; color: #db0b0b; font-size: 10px;}
#footer .keloclogo img {float: left;}
#footer .keloclogo div {float: right; margin: 4px 0 0;}
#footer .keloclogo a {text-decoration: none; color: #999; font-size: 9px;}
#footer .keloclogo a:hover {text-decoration: underline;}
#footer .iselectlogo {right: 10px;}
#footer .iselectlogo a {display: block; width: 100%; height: 100%;}

/* Hlavni obsah w780 */
#main {position: relative; width: 760px; float: right; padding: 0 10px 10px;}

/* vypis */
.item a, .itemlist a {color: #808080; text-decoration: underline}
.item a:hover, .itemlist a:hover {color: #8aa0b6;}
.item .sklad, .itemlist .sklad, .detail .sklad {color: #8a7866;}
.item .cena, .itemlist .cena, .detail .cena, #dopravaplatbatxt .cena {color: #51657a; font-weight: bold;}
.item .cenaDph, .itemlist .cenaDph, .detail .cenaDph, #dopravaplatbatxt .cenaDph {color: #999;}

.item.akce, .item.akce td {background: #f1efee;}
.item.akce a:hover {color: #c48e48;}
.item.akce h3, .item.akce .kod {background: #e5e1dd; color: #907f6d;}

/* vypis rozsireny */
.item {position: relative; width: 169px; _width: 167px; height: 250px; float: left; margin: 6px; padding: 0 4px; overflow: hidden; border-bottom: 1px solid #ddd;}
.item a {color: #808080; text-decoration: underline}
.item a:hover {color: #8aa0b6;}
.item h2 {max-height: 42px; margin: 5px 0; overflow: hidden; font-size: 12px; line-height: 14px;}
.item h3, .item .kod {padding: 3px; text-align: center; background: #f7f8f9; font-weight: normal; font-size: 10px;}
.item .kod {clear: both; color: #999;}
.item img {width: 70px;}
.item .obrazek {position: relative; width: 70px; float: left; margin: 4px 0;}
.item p {width: 92px; float: right; margin: 4px 0; font-weight: normal; font-size: 11px;}

.item input {position: absolute; bottom: 40px; margin: 0; padding: 0;}
.item input.pocet {left: 10px; width: 20px; height: 16px; padding: 0; border: 1px solid #aaa;}
.item input.kosik {left: 34px; width: 31px; height: 18px;}
.item .kosik-mnozstvi {position: absolute; bottom: 60px; left: 10px; font-size: 10px;}
.item .sklad, .item .cena, .item .cenaDph, .item .cenaPoptat, .item .naCeste, .item .cenaNej {position: absolute; right: 10px; text-align: right; font-size: 10px;}
.item .sklad {bottom: 45px;}
.item .naCeste {bottom: 54px;}
.item .cena {bottom: 20px; font-size: 16px;}
.item .cenaPoptat {bottom: 10px; font-size: 13px; color: #51657a; font-weight: bold; max-width: 130px; line-height: 1.1;}
.item .cenaDph {bottom: 10px;}
.item .cenaNej {bottom: 35px; color: #999;}
.item .cenaNej span {color: #f00; font-weight: bold;}

.vertikal[class] {float: left; width: 1px; height: 240px; margin: 11px 0; background: #ddd ;}
.newline {clear: both; }

/* vypis zkraceny */
table.itemlist {width: 100%; margin: 2px 0; border-collapse: collapse; font-size: 12px; color: #999;}
.itemlist td, th {padding: 0 3px; vertical-align: middle;}
.itemlist tr {height: 18px; vertical-align: text-top;}
.itemlist tr.alt {background: #f9ebdc;}
.itemlist tr.alt td, .itemlist tr.alt .cena, .itemlist tr.alt .cenaDph {color: #ccc !important;}

.itemlist .akce.odd td, .itemlist .akce.bgsuda td {background: #e2d7cc;}
.itemlist .odd td, .itemlist th, .itemlist .bgsuda td {background: #f0f0f0;}
.itemlist th, .itemlist .ceny, .itemlist tr.th td {padding: 3px 5px; text-align: left; font-size: 12px; color: #8a7866; font-weight: bold;}
.itemlist th a {color: #8a7866;}
.itemlist th a img {vertical-align: text-bottom; padding-left: 3px;}
.itemlist th .sipka {vertical-align: text-bottom;}
.itemlist td.input {width: 65px; float: none;}
.itemlist input, .tab .itemlist input {margin: 0; padding: 0; vertical-align: middle;}
.itemlist input.pocet {width: 25px; height: 16px; border: 1px solid #aaa;}
.itemlist input.kosik {height: 18px;}

.itemlist td.imgmini {width: 50px; vertical-align: middle;}
.itemlist td.imgmini img {width: 50px; margin: 0;}

.itemlist .sklad, .itemlist .cena, .itemlist .cenaDph, .itemlist .cenaPoptat, .itemlist .naCeste, .itemlist .cenaNej {text-align: right; margin: 0 !important; padding: 0 0 1px;}
.itemlist .cena, .tab .itemlist .cena {font-size: 14px; padding: 1px 0 0; white-space: nowrap;}
.itemlist .cenaDph {font-size: 11px; white-space: nowrap;}
.itemlist .cenaNej {font-size: 11px; color: #999;}
.itemlist .cenaNej span {color: #f00; font-weight: bold;}
.tab .itemlist .cenaDph {font-size: 11px; color: #999 !important;}
.itemlist .cenaPoptat {font-size: 12px; color: #51657a; font-weight: bold;}

.itemlist h2 {font-size: 13px; font-weight: bold;}
.itemlist .popis {font-size: 11px; font-weight: normal; margin: 0;}

.itemlist .akce td {background: #e5e1dd;}

.itemlist.kosik .ceny .cena {font-size: 14px; padding: 1px;}
.itemlist.kosik td, .itemlist.kosik th {border: 1px solid #fff;}
.itemlist.kosik td.input {width: 60px; text-align: center;}
.itemlist.kosik input {width: 25px; height: 16px; margin: 0; padding: 0; text-align: center; border: 1px solid #aaa;}
.itemlist input.checkbox {width: auto; left: 22px;}

.itemlist.objednavky td {padding: 4px 3px; border-bottom: 1px solid #eee;}
.itemlist.objednavky .stav, .itemlist.objednavky a {font-weight: bold;}
.itemlist.objednavky .stav {color: #51657a;}
.itemlist.objednavky .splatnost td {background: #ffcdcd;}

.itemlist .sklmatka {font-size: 14px;}

h3.sklprisl {margin: 10px 0 0; padding: 0 0 0 16px; color: #999; font-size: 14px; background: url('../grafika/treemenu/set02/plus-single.gif') left center no-repeat; cursor: pointer;}
h3.sklprisl.minus {background-image: url('../grafika/treemenu/set02/minus-single.gif');}
h3.sklprisl:hover {text-decoration: underline;}
h3.sklprisl:first-child {margin-top: 0;}

table.mnslevy {width: 100%;}
table.mnslevy h3 {margin: 20px 0 10px; font-size: 14px;}
table.mnslevy tr:first-child h3 {margin-top: 0;}
table.mnslevy h3.mnslevy {padding: 0 0 0 16px; color: #999; font-size: 14px; background: url('../grafika/treemenu/set02/plus-single.gif') left center no-repeat; cursor: pointer;}
table.mnslevy h3.mnslevy.minus {background-image: url('../grafika/treemenu/set02/minus-single.gif');}
table.mnslevy h3.mnslevy:hover {text-decoration: underline;}
table.mnslevy > tbody > tr > td {vertical-align: top;}
table.mnslevy > tbody > tr > td.ks {width: 100px;}



.inputs {text-align: center;}
.inputs input {width: 120px; font-size: 12px; margin: 0 6px;}
.inputs .send, .form .send {width: auto !important; min-width: 150px; padding: 5px;}

/* detail */
.detail {background: #fff;}
.detail h1 {font-size: 18px; margin: 20px 0 10px; color: #51657a;}
.detail .archiv {margin: -10px 0 10px; font-weight: bold;}
.detail .img {position: relative;}
.detail .img {float: right; margin: 0 0 20px;}
.detail .popis {clear: both;}
.detail .sklad, .detail .cena, .detail .cenaDph, .detail .cenaPoptat {text-align: right; margin: 0;}

.detail .ceny {position: relative; padding: 10px; _width: 97%;}
.detail .ceny em {display: block; margin: 10px 0 0}
.detail .ceny .input {position: relative; width: 45px; height: 18px; float: right; margin: 0 0 5px 25px;}
.detail .ceny .input input {position: absolute; top: 0; margin: 0; padding: 0;}
.detail .ceny .input input.pocet {right: 33px; width: 25px; height: 16px; border: 1px solid #aaa; padding: 0 1px;}
.detail .ceny .input input.kosik {right: 0; width: 31px; height: 18px;}
.detail .ceny .vkosiku {margin: 5px 0 0; text-align: right;}
.detail .cena {clear: right; margin: 5px 0 0; font-size: 16px;}
.detail.akce .ceny {background: #e5e1dd;}/**/
.detail.akce .cenaDph {color: #da7a16}
.detail .cenaPoptat {clear: right; margin: 5px 0 0; font-size: 14px; color: #51657a; font-weight: bold;}
.detail .varianty {margin: 0 0 5px; text-align: right;}
.detail .sklad, .detail .cenaDph {font-size: 12px}
.detail .cenaPar {text-align: right;}
.detail .cenaPar span {font-weight: bold; color: #f00;}
.detail .cenaNej {text-align: right;}
.detail .cenaNej span {font-weight: bold; color: #f00;}
.detail .cenaNej del {text-decoration: line-through;}

table.info {border-collapse: collapse; font-size: 12px}
.info td {width: 150px; padding: 5px 8px; background: #f5f5f5; border: 1px solid #fff;}
.info td + td {background: transparent; width: auto;}
.info img {float: none; margin: 0 10px 0 0;}
.info td input, .info td textarea {width: 200px; padding: 3px 3px; border: 1px solid #eee; background: none; font-size: 12px;}
tr.limportant td {font-weight: bold;}

.detail .baleni {margin: 30px 0 10px;}
.detail .baleni span {float: left; display: block; padding: 2px 5px;}
.detail .baleni div {float: right; border: 1px solid #ccc;}
.detail .baleni table {float: right; margin: 0; border-collapse: collapse;}
.detail .baleni table td {padding: 2px 5px;}
.detail.akce .baleni div {border: 1px solid #fff;}

.detail .ceny-left {float: left; margin: -5px 0;}

.detail .ceny-button {display: block; margin: 5px 0;}
.detail .ceny-button  a {display: block; min-width: 120px; padding: 4px 8px; font-size: 10px; color: #464646; background: #f7f6f5; border: 1px solid #d37979; text-decoration: none; letter-spacing: 1px; text-align: center;}
.detail .ceny-button  a:hover {background: #fff; border: 1px solid #464646;}

.detail__oblibene {min-width: 120px; padding: 4px 8px; font-size: 10px; color: #464646; background: #f7f6f5; border: 1px solid #d37979; text-decoration: none; letter-spacing: 1px; text-align: center;}
.detail__oblibene:hover {background: #fff; border: 1px solid #464646; cursor: pointer;}
.detail__oblibene span {position: relative; display: inline-block; margin: 0; padding: 0 0 0 20px; cursor: pointer;}
.detail__oblibene span::before {content: ''; position: absolute; top: 50%; left: 0; width: 20px; height: 14px; margin-top: -7px; background: url('../grafika/telo/oblibene.png') 0 0 no-repeat; background-size: auto 42px;}
.detail__oblibene.is--active span::before {background-position: 0 -14px;}
.detail__oblibene:hover span::before {background-position: 0 -28px; text-decoration: underline;}

.detail__hodnoceni {margin: 15px 0;}
.detail__hodnoceni span {display: inline-block; width: 20px; height: 20px; background: url('../grafika/telo/icon-star-grey.svg') center no-repeat; background-size: auto 20px; overflow: hidden; text-indent: -999px;}
.detail__hodnoceni span.is--active {background-image: url('../grafika/telo/icon-star.svg');}
.detail__hodnoceni.js--hodnoceni span:hover {background-image: url('../grafika/telo/icon-star.svg'); opacity: .5;}
.detail__hodnoceni.js--hodnoceni {cursor: pointer;}

.detail__varianty-item-wrap {
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	margin: -1%;
}

.detail__varianty-item {
	width: 23%;
	margin: 1%; padding: 8px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	align-items: center;
	background: #f5f5f5;
	text-decoration: none;
	color: #666;
}
.detail__varianty-item:hover {
	background: #eee;
}
.detail__varianty-item-image {
	width: 60px;
	margin: 0 8px 0 0;
}
.detail__varianty-item-image img {
	max-width: 100%;
	vertical-align: middle;
}
.detail__varianty-item-price {
	font-weight: 700;
}


/* cesta */
#cat {margin: 0 0 10px; padding: 0 0 0 11px; background: url('../grafika/telo/nadpis.gif') 0 3px no-repeat; color: #999;}
#cat a {color: #999; text-decoration: none;}
#cat a:hover {text-decoration: underline;}

#cat-popis {margin: 10px 0;}
#cat-popis #cat-image {float: left; margin: 0 10px 10px 0;}
#cat-popis .is--open, #cat-popis .is--close {margin: 10px 0 0; text-decoration: underline;}
#cat-popis .is--open:hover, #cat-popis .is--close:hover {text-decoration: none; cursor: pointer;}
#cat-popis .is--open {text-align: center;}

#title h1 {margin: 20px 0 10px; font-size: 18px; color: #51657a;}

/* zpusob razeni */
#sort {clear: both; margin: 0 0 10px; text-align: right; font-size: 12px}
#sort form {display: inline; padding: 2px 0 0 8px; margin: 2px 0 0 5px; border-left: 1px dashed #ccc;}
#sort form.sortbtn {position: relative; border: 0; padding: 2px 22px 0 0; margin: 0;}
#sort form.sortbtn input {position: absolute; top: 1px;}
#sort form select {max-width: 100px; border: 1px solid #ccc; font-size: 11px;}
#sort em {font-style: italic; color: #999;}
#sort em.first {padding: 0 5px 0;}
#sort a {color: #8a7866;}

/* sortiment slideshow */
#sortiment_images {margin: 0 0 20px; font-size: 11px;}
#sortiment_images a {display: block; float: left; width: 108px; height: 137px; margin: 0 3px; padding: 5px; text-align: center; border: 1px solid #fff; overflow: hidden;}
#sortiment_images a:hover {background: #fbfbfb; border-color: #f0f0f0;}
#sortiment_images a span {display: block; display: table-cell; width: 108px; height: 26px; vertical-align: middle; overflow: hidden;}
#sortiment_images a img {width: 100%; margin: 0 0 3px;}

/* technicke parametry */
#tl_skltech_filtr_js {display: none; margin: 0 0 0 5px; padding: 0 0 0 23px; text-decoration: underline; cursor: pointer; border-left: 1px dashed #ccc; background: url('../grafika/treemenu/set02/plus-single.gif') 8px center no-repeat}
#tl_skltech_filtr_js:hover {text-decoration: none;}
#tl_skltech_filtr_js.minus {background-image: url('../grafika/treemenu/set02/minus-single.gif');}

#skltech_filtr {display: none; padding: 5px 10px; background: #fbfbfb; border: 1px solid #f0f0f0; line-height: 2.5;}
#skltech_filtr span {display: inline-block; margin-right: 10px; white-space: nowrap;} #tl_skltech_filtr {float: right;}

.skltech_filtr-list {margin: 10px 0; padding: 0; text-align: center; line-height: 1.5;}
.skltech_filtr-list li {display: inline-block;}
.skltech_filtr-list a {display: inline-block; text-decoration: none; padding: 0 20px 0 5px; border: 1px solid #eee; background: #fff url('../grafika/telo/skltech_filtr_close.png') right 5px center no-repeat; border-radius: 5px;}
.skltech_filtr-list a:hover {background-color: #e0e0e0; border: 1px solid #cdcdcd;}

#skltech_filtr_upozorneni {margin: 5px 0 0; padding: 3px 10px; background: #fbfbfb; border: 1px solid #f0f0f0; text-align: center;}
#skltech_filtr_upozorneni a {display: inline-block; padding: 0 5px 0 22px; line-height: 20px; background: #e0e0e0 url('../grafika/telo/skltech_filtr_close.png') 5px center no-repeat; border: 1px solid #cdcdcd; color: #000; text-decoration: none; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#skltech_filtr_upozorneni a:hover {background-color: #e8e8e8;}

.slider {height: 16px; margin: 5px 0;}
.slider .nazev-skltech, .slider .ammount-skltech {width: 70px; float: left; text-align: center; line-height: 16px;}
.slider .nazev-skltech {width: 110px; text-align: left; overflow: hidden; white-space: nowrap;}
.slider .nazev-skltech input {margin: 0 5px 0 0; padding: 0;}
.slider .nazev-skltech:hover {overflow: visible; position: relative; z-index: 1;}
.slider .nazev-skltech:hover label {background: #fbfbfb;}
.slider .ui-slider {position: relative; float: left; width: 470px; height: 4px; margin: 5px 8px; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.slider .ui-slider-range {position: absolute; top: 0; height: 4px; background: #f7f7f7;}
.slider .ui-slider-handle {display: block; position: absolute; top: -6px; width: 14px; height: 14px; margin-left: -8px; background: #eee; border: 1px solid #cdcdcd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.slider .ui-state-hover, .slider .ui-state-active {background: #e7e7e7;}

.slider.disabled .ammount-skltech {color: #ccc;}
.slider.disabled .ui-slider {border-color: #eee;}
.slider.disabled .ui-slider-range {background: #fff;}
.slider.disabled .ui-slider-handle {background: #fff; border-color: #eee; cursor: default;}

.radiogroup .nazev-skltech {width: 110px; float: left; overflow: hidden; white-space: nowrap;}
.radiogroup .nazev-skltech input {margin: 0 5px 0 0; padding: 0;}
.radiogroup .nazev-skltech:hover {overflow: visible; position: relative; z-index: 1;}
.radiogroup .nazev-skltech:hover label {background: #fbfbfb;}
.radiogroup .options {width: 628px; float: left;}
.radiogroup .options span input {margin: 0 5px;}

.radiogroup.disabled .options {color: #ccc;}

/* filtr */
ul.filtr {margin: 0 10px 0 0; padding: 0; -webkit-columns: 3 auto; -moz-columns: 3 auto; columns: 3 auto;}
ul.filtr li {margin: 0 0 5px; padding: 0 0 0 10px; list-style-type: none; background: url('../grafika/telo/filtr-arrow.png') 0 5px no-repeat;}

/* strankovani */
.strankovani {text-align: right; font-size: 12px;}
.strankovani a {color: #8a7866; padding: 3px 7px;}
.strankovani a:hover {background: #eee;}
.strankovani label {padding: 0 2px;}
.strankovani .vybrana {padding: 3px 7px; margin: 0 2px; background: #eee; font-weight: bold;}

/* taby */
ul#tabmenu {margin: 0; padding: 0; list-style-type: none;}
#tabmenu li {float: left; height: 26px; margin: 0 5px 0 0;}
#tabmenu li a {display: block; padding: 0 10px; margin: 0; line-height: 25px; border: 1px solid #aaa; background: url('../grafika/hlavicka/bg-menu.gif') left bottom repeat-x; text-decoration: none; font-weight: bold; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; outline: 0;}
#tabmenu li a:hover {background: #fff;}
#tabmenu li a.active {background: #fff; border-bottom: 1px solid #fff;}

#tabs {margin: 0 0 10px; &margin: -8px 0 10px;}
#tabs .tab {clear: both; border-top: 1px solid #aaa; padding: 20px; background: url('../grafika/telo/tab-border.gif') left top no-repeat;}

.tab.popis ul {margin: 0 15px; padding: 0;}
.tab.popis ul ul {margin: 0 15px;}
.tab.popis table {margin: 5px 0;}
.tab.popis tr {text-align: left;}
.tab.popis td {padding: 3px; background: #f5f5f5;}
.tab.popis td+td {background: transparent;}

.tab table.info {width: auto;}
.tab table.info td {width: auto;}

/* formulare */
table.form {width: 100%;}
.form tr {height: 20px;}
.form td {width: 250px; padding: 1px 5px; background: #f5f5f5;}
.form td + td {width: auto; background: #fff; padding: 1px 2px;}
.form input, .form select {width: 120px; margin: 0 2px 0 0;}
.form select {min-width: 150px; width: auto;}
.form input[type=radio], .form input[type=checkbox] {width: auto; vertical-align: text-bottom;}
.form input.small {width: 40px;}
.form input.small2 {width: 80px;}

.form input[type="text"], .form input[type="password"] {border: 1px solid #aaa;}
.form input[type="submit"], .form input[type="button"] {width: auto;}
.form textarea {border: 1px solid #aaa; width: 200px; height: 100px;}
.form textarea.big {width: 400px;}
.form .radio, .form .checkbox {width: auto; margin: 0 6px 0 0;}

.form .captcha td input[type=text] {width: 65px; height: 30px; text-align: center; font-size: 18px;}
.form .captcha td input, .form .captcha td img {vertical-align: middle;}

.form.is-wide input, .form.is-wide select {width: 240px;}

h3.form {margin: 5px 0; font-size: 12px;}
h3.form input {width: auto; margin: 0 5px 0 0;}

input[type=text], input[type=password], textarea {background: #fff url('../grafika/telo/input.png'); padding: 0 1px;}

/* Akce a novinky */
.iv {position: absolute;}
.iv_novinka_rozsireny, .iv_novinka_detail, .iv_akce_rozsireny, .iv_akce_detail {position: absolute; width: 55px; height: 47px;}
.iv_novinka_rozsireny, .iv_novinka_detail {background: transparent url('../grafika/telo/iv_novinka.png') left top no-repeat;}
.iv_akce_rozsireny, .iv_akce_detail {background: transparent url('../grafika/telo/iv_akce.png') left top no-repeat;}
.iv_novinka_rozsireny, .iv_akce_rozsireny {top: -15px; right: -15px;}
.iv_novinka_detail, .iv_akce_detail {top: -15px; right: -15px;}
.iv_novinka_zkraceny {font-weight: bold; color: #0c0;}
.iv_akce_zkraceny {font-weight: bold; color: #f00;}

#obchudaje {margin: 0; padding: 0;}
#obchudaje li {list-style-type: none; float: left; min-height: 98px; margin: 0 9px 20px;}
#obchudaje li a {display: block; float: left; width: 90px; margin: 0; padding-top: 50px; background: url('../grafika/telo/ico_objednavky.png') center top no-repeat; text-align: center;}
#obchudaje li.objednavky a {background-image: url('../grafika/telo/ico_objednavky.png');}
#obchudaje li.faktury a {background-image: url('../grafika/telo/ico_faktury-vydane.png');}
#obchudaje li.editaceudaju a {background-image: url('../grafika/telo/ico_editace-udaju.png');}
#obchudaje li.zakaznikkosiky a {background-image: url('../grafika/telo/ico_zakaznik-kosiky.png');}
#obchudaje li.zakaznikpoukazy a {background-image: url('../grafika/telo/ico_zakaznik-poukazy.png');}
#obchudaje li.ftpbrowser a {background-image: url('../grafika/telo/ico_ftpbrowser.png');}
#obchudaje li.zakaznikoblibenepolozky a {background-image: url('../grafika/telo/ico_oblibene.png');}

/* Ukladani kosiku */
.kosiky .send {padding: 5px;}

#cart-edit	{position: absolute; top: 62px; right: 0;}
#cart-edit a {text-decoration: none;}
#cart-edit a:hover {text-decoration: underline;}
#cart-edit a.close {display: inline-block; width: 13px; height: 13px; background: url('../grafika/telo/close.png') 0 0 no-repeat; text-indent: -999px; overflow: hidden; vertical-align: text-bottom; zoom: 1; &display: none;}

.btn {display: inline-block; padding: 4px 8px; line-height: 14px; border: 1px solid #bbb; color: #666; background: #f7f7f7 url('../grafika/telo/btn-grey.png') left center repeat-x; cursor: pointer; text-decoration: none !important; zoom: 1; &display: inline;}
.btn span {display: inline-block; height: 2px; margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #bbb; content: ""; vertical-align: middle; zoom: 1; &display: inline;}
.btn:hover {background: #f7f7f7 url('../grafika/telo/btn-grey-hover.png') left center repeat-x;}
.btn:active, .btn-dropdown-open .btn {background: #f7f7f7 url('../grafika/telo/btn-grey-active.png') left center repeat-x;}

.btn-dropdown {position: relative; display: inline-block; zoom: 1; &display: inline;}
.btn-dropdown ul {display: none; position: absolute; top: 100%; left: -1px; min-width: 120px; margin: 4px 0; padding: 0; z-index: 9999; border: 1px solid #ddd; background: #fff; list-style-type: none; box-shadow: 0 0 5px #ddd;}
.btn-dropdown-open ul {display: block;}
.btn-dropdown ul li a {display: block; padding: 5px 10px;}
.btn-dropdown ul li a:hover {background: #eee;}
.btn-dropdown ul li input {display: block; width: 100%; padding: 5px 10px; color: #666; background: none; border: none; text-align: left; font: 12px Tahoma,"Lucida Grande CE",lucida,sans-serif; cursor: pointer;}
.btn-dropdown ul li input:hover {background: #eee;}
.btn-dropdown input[type=submit]::-moz-focus-inner, .btn-dropdown button::-moz-focus-inner{border: none; padding: 0;}

.import textarea {width: 300px; padding: 3px 3px; border: 1px solid #eee; background: none; font-size: 12px;}

/* Prehled vyrobcu */
.producer__list {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 2px;}
.producer__list a {display: block; padding: 5px 8px; background: #eee; color: #666; font-weight: 700; text-decoration: none; border-radius: 5px;}
.producer__list a:hover {background: #666; color: #eee;}
.producer__letter-wrap {margin: 20px 0;}
.producer__letter {margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #e8e8e8;}
.producer__letter:first-child {margin: 0; padding: 0; border-top: none;}
.producer__letter h2 {margin: 0 0 10px; color: #51657a;}
.producer__letter ul {margin: 0; padding: 0; columns: 5; gap: 1rem; line-height: 2;}
.producer__letter ul li {display: block;}
.producer__letter ul li a {text-decoration: none;}
.producer__letter ul li a:hover {text-decoration: underline;}
@media (max-width: 1200px) {
	.producer__list {justify-content: center;}
}
@media (max-width: 1023px) {
	.producer__letter ul {columns: 4;}
}
@media (max-width: 767px) {
	.producer__letter {margin: 20px 0 0; padding: 20px 0 0;}
	.producer__letter ul {columns: 3;}
}
@media (max-width: 400px) {
	.producer__letter ul {columns: 2;}
}

/* Static */
#static-clanky .clanek {margin: 12px 0 24px;}
#static-clanky .clanek h2 {margin: 0;}
#static-clanky .clanek img {float: left; height: 30px; margin: 6px 6px 0 0;}
#static-clanky .clanek .date {float: right; margin: 0; text-align: right;}
#static-clanky .clanek .perex {margin: 6px 0 0;}

#static-plugin-clanky .clanek {margin: 12px 0 24px;}
#static-plugin-clanky .clanek h3 {margin: 0;}
#static-plugin-clanky .clanek img {float: left; height: 30px; margin: 6px 6px 0 0;}
#static-plugin-clanky .clanek .date {float: right; margin: 0; text-align: right;}
#static-plugin-clanky .clanek .perex {margin: 6px 0 0;}

/* WWW kategorie */
.wwwkategorie ul {margin: 20px 0; padding: 0; background: #f7f6f5; border: 1px solid #eae7e4;}
.wwwkategorie ul li {border-top: 1px solid #eae7e4; list-style-type: none;}
.wwwkategorie ul li a {display: block; padding: 5px 10px; color: #333; text-decoration: none; border-top: 1px solid #fff;}
.wwwkategorie ul li a:hover, .wwwkategorie ul li.active > a {color: #6d7e90;}
.wwwkategorie ul li:first-child {border-top: none;}
.wwwkategorie ul li:first-child a {border-top: none;}
.wwwkategorie ul ul {margin: 0; padding: 5px 0 0 20px; border: none; border-top: 1px solid #eae7e4; font-size: 12px;}
.wwwkategorie ul ul li {border-top: none;}
.wwwkategorie ul ul li a {padding: 0 0 5px; border-top: none;}
.wwwkategorie ul ul ul {padding-top: 0; border-top: none;}

.clanky-kategorie {width: 100%; margin: 10px 0;}
.clanky-kategorie a {display: inline-block; margin: 0 5px 0 0; padding: 5px 10px 5px 27px; text-decoration: none; color: #333; background: #f7f7f7 url('../grafika/telo/category-sub.png') 10px center no-repeat; border: 1px solid #eee;}
.clanky-kategorie a:hover {color: #6d7e90;}


/* Dostupnost na pobockach */
h2.sklady {margin: 20px 0 5px; font-size: 12px;}
table.sklady .sklad {margin: 0; color: inherit;}

#skladovost_pobocky {padding: 0; background-color: transparent;}
.skladovost_pobocky {margin: 10px 0; padding: 10px; background: #fdd; border: 2px solid #fbb;}
.skladovost_pobocky p {margin: 0 0 10px;}
.skladovost_pobocky table {width: 75%; border-collapse: collapse;}
.skladovost_pobocky table th {background: #f0f0f0; border: 1px solid #fff; text-align: left;}
.skladovost_pobocky table td {width: auto; background: #fff; border: 1px solid #fff;}
.skladovost_pobocky table .kod {width: 80px;}

/* Doprava platba */
#dopravaplatbatxt {margin: -3px 0 10px -7px;}
#dopravaplatbatxt .cena {font-size: 14px; text-align: right;}
#dopravaplatbatxt .cenaDph {font-size: 11px; text-align: right;}

.cobsluha {display: none; width: 490px; padding: 5px 0;}

/* Kroky objednavky */
#order-steps {width: 770px; height: 52px; margin: 0 0 20px; padding: 0;}
#order-steps li {float: left; width: 171px; height: 40px; margin: 0 10px 0 0; padding: 6px; line-height: 40px; list-style-type: none; background: #f0f0f0; border: 1px solid #e0e0e0;}
#order-steps li span {display: inline-block; padding: 0 15px; margin: 0 10px 0 0; background: #ddd; font-size: 16px; font-weight: bold; vertical-align: top; border-radius: 20px;}
#order-steps li a {display: inline-block; width: 100px; line-height: 40px; text-decoration: none; color: #000;}
#order-steps li a:hover {text-decoration: underline;}
#order-steps li.next {background-color: #f0f0f0;}
#order-steps li.next span {background-color: #e0e0e0;}
#order-steps li.prev {background-color: #fcf6f0; border-color: #f7e7d7;}
#order-steps li.prev span {background-color: #f7e7d7;}
#order-steps li.active {background-color: #fcf6f0; padding: 5px; border: 2px solid #f7e7d7;}
#order-steps li.active span {background-color: #f7e7d7;}
#order-steps li.summary {width: 171px; margin-right: 0;}

/* Vyhody registrace */
.vyhody-registrace {width: 500px; margin: 20px auto; padding: 7px 10px; background: #fcf6f0; border: 1px solid #f7e7d7;}
.vyhody-registrace h2 {margin: 0 0 5px; font-size: 12px;}
.vyhody-registrace ul {margin: 0; padding: 0 0 0 20px;}
.vyhody-registrace table {width: 100%; border-collapse: collapse;}
.vyhody-registrace a.link {display: block; text-align: center; margin: 10px 0 0; text-align: center; font-size: 14px; text-transform: uppercase; font-weight: bold;}

/* Heureka recenze */
.heureka-recenze {}
.heureka-recenze .heureka-recenze-item {margin: 0 0 10px;}
.heureka-recenze blockquote {position: relative; margin: 0;}
.heureka-recenze blockquote .quote {display: inline-block; width: 16px; height: 12px; margin: 0 5px 0 0; background: url('../grafika/telo/quote.png') 0 0 no-repeat;}
.heureka-recenze blockquote .quote-end {margin: 0 0 0 5px; background-position: 0 -12px;}
.heureka-recenze .name {font-weight: bold;}
.heureka-recenze .name, .heureka-recenze .date {font-size: .8em;}
.heureka-recenze .stars {float: right; display: inline-block; width: 74px; height: 13px; overflow: hidden; text-indent: -999px; background: url('../grafika/telo/heureka-recenze.png') 0 0 no-repeat;}
.heureka-recenze .stars-1 {background-position: 0 -13px;}
.heureka-recenze .stars-2 {background-position: 0 -26px;}
.heureka-recenze .stars-3 {background-position: 0 -39px;}
.heureka-recenze .stars-4 {background-position: 0 -52px;}
.heureka-recenze .stars-5 {background-position: 0 -65px;}

/* Dialog */
dialog {
	border: none;
	padding: 0;
}
dialog.fixed {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
dialog::backdrop {
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(2px);
}
dialog.is--polyfill {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 9999;
	transform: translate(-50%, -50%);
	width: -moz-fit-content;
	width: -webkit-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: -webkit-fit-content;
	height: fit-content;
	margin: auto;
	padding: 1em;
	background: white;
	color: black;
}
dialog.is--polyfill + .dialog-backdrop {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 9998;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(2px);
}

.dialog {
	position: relative;
	max-width: 500px;
	padding: 15px;
	text-align: center;
}

.dialog__title {
	font-size: 1.5rem;
	font-weight: 700;
}
.dialog__desc {
	margin: 10px 0 0;
	font-size: 1rem;
	font-weight: 500;
}

.dialog__buttons {
	display: flex;
	justify-content: center;
	gap: 15px;
	margin: 15px 0 0;
}
.dialog__buttons button {
	display: inline-block;
	margin: 0;
	padding: 5px 10px;
	text-transform: uppercase;
	background: #f7f7f7;
	color: #444;
	text-decoration: none;
	cursor: pointer;
	margin: 0;
	border-radius: 0;
	text-transform: none;
	border: 1px solid #d7d7d7;
}
.dialog__buttons button:hover {
	background: #000;
	color: #fff;
	border: 1px solid #000;
}
.dialog__buttons button:disabled {
	opacity: 0.5;
	border: 1px solid #d7d7d7;
	background: #f7f7f7;
	color: #444;
	cursor: wait;
}
.dialog__buttons button:focus {
	outline: none;
}
@media (max-width: 480px) {
	.dialog__buttons {
		flex-direction: column;
	}
}

/* Popup */
#ppp {display: none;}
.ppp-content {position: relative; max-width: 800px; padding: 10px;}
.ppp-content img {max-width: 100%;}
.ppp-content .ppp-close {clear: both; margin: 10px 0 0; text-align: right;}
.ppp-content .ppp-close span {display: inline-block; padding: 5px 10px; background: #f7f7f7; color: #444; border: 1px solid #d7d7d7; cursor: pointer;}
.ppp-content .ppp-close span:hover {background: #e7e7e7;}

#ppp-lista {display: none; position: relative; background: #eee; padding: 15px; box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);}
.ppp-lista-content {width: 1000px; margin: 0 auto; text-align: center;}
.ppp-lista-close {position: absolute; right: 15px; top: 50%; line-height: 20px; margin: -10px 0 0;}
.ppp-lista-close span {cursor: pointer; font-weight: 700; font-size: 16px;}
.ppp-lista-close span:hover {opacity: .5;}

/* Chyba */
#error {width: 320px; margin: 0 auto 10px; padding:10px; border: 1px solid #f00; color: #f00; text-align: center; font-weight: bold;}
#error.errorjs {position: fixed; z-index: 999; margin: 0; padding: 40px 10px 10px; border: 1px solid #9d9da1; color: #4c4c4c; background: #fff url('../grafika/telo/error.gif') left top repeat-x; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;}
#error .title {position: absolute; top: 6px; left: 10px;}
#error .button {display: block; width: 100px; margin: 20px auto 0;}
#errorbg {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000; z-index: 998;}

/* Udrzba */
body#maintenance {font: 24px/1 Arial, sans-serif; background: #fff; color: #000; text-align: center;}
body#maintenance div {display: inline-block; margin: 72px auto; padding: 24px 36px 24px 156px; background: url('../grafika/maintenance/icon.png') 32px center no-repeat; border: 1px solid #eee; text-align: left; border-radius: 10px; box-shadow: 0 0 10px #eee;}
body#maintenance div p {margin: 24px 0; white-space: nowrap;}

/* -- - - -- */
em {color: #51657a; font-size: 12px;} /*recyklacni poplatek*/
.akce em {color: #666;}

.hr {border-top: 1px dashed #ccc; margin: 8px auto;}
.hr hr {display: none;}

a img {border: 0;}
a:hover {text-decoration: none;}

h2 {font-size: 14px; margin: 10px 0;}
h3 {font-size: 12px;}

.objednavka-icon {float: left; margin: 0 10px 0 0;}

.replace {position: relative; overflow: hidden;}
.replace span {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}

.box {margin: 2px; padding: 5px 10px !important; background: #fCf6f0; border: 1px solid #f7e7d7; font-size: 12px;}
.box2 {margin: 2px; padding: 5px 10px !important; background: #fCf6f0; border: 1px solid #f00; font-size: 12px; color: #f00}

.color1 {color: #C48E48;}
.combo_rootn {background: #f5f5f5;}

.border {border: 1px solid #ccc; padding: 3px;}
.tright {text-align: right !important;}
.tleft {text-align: left !important;}
.tcenter {text-align: center !important;}
.tbold {font-weight: bold !important;}
.vatop {vertical-align: text-top;}
.nobg {background: transparent !important;}
.pt15 {padding: 15px 0 0 !important;}
.nopadding {padding: 0 !important;}
.mt20 {margin-top: 20px !important;} .mb20 {margin-bottom: 20px !important;}
.mt10 {margin-top: 10px !important;}
.mt5 {margin-top: 5px !important;}
.w50 {width: 50px !important;} .w120 {width: 120px !important;} .w180 {width: 180px !important;} .w450 {width: 450px !important;}
.free {height: 30px;} .free td {background: transparent;}
.clr {clear: both;}

.clearfix:after, .cf:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix, .cf {display: inline-block;}
/* start commented backslash hack \*/
* html .clearfix, * html .cf {height: 1%;}
.clearfix, .cf {display: block;}
/* stop commented backslash hack */