* { margin: 0; padding: 0; }
body { color: #111; } 
:root { --highlight: #fbb900; --highlight-hover: #eaa800; --highlight-border: #c99600; --yellow: #ffdf00; --yellow-hover: #eece00; --expiration: #c00; --red: #f00; --red-hover: #e00; }

/******************************************************************************/

.highlight { color: var(--highlight); }
.highlight2 { color: #2db11c; }
.expiration { background: #f00; color: #eee; }
.line-through { text-decoration: line-through; }
.border-radius { border-radius: 0; border-top-right-radius: 0; }
.clear { clear: both; }
.go-back { clear: both; padding: 3em 0; }
.center { text-align: center; }

.nu { text-decoration: none; }
.nu:hover { text-decoration: underline; }
.un { text-decoration: underline; }
.un:hover { text-decoration: none; }
.nn { text-decoration: none; }
.nn:hover { text-decoration: none; }

.table tr td { padding: 2px 15px 2px 0; }
.table-form tr td { padding: 1px 15px 1px 0; }

.submit.update-ok { background: #090; border: 1px solid #0a0; color: #eee; }
.wrap-submit { text-align: center; }
.submit.special { border: 0; cursor: pointer; font-weight: bold; padding: 10px 20px; }

/******************************************************************************/
/* tlačítka */
                                                                                 
input[type="submit"], .submit, .button { background: var(--highlight); border: 0; border-radius: 2px; cursor: pointer; display: inline-block; padding: 5px 10px; text-decoration: none; }

.button-yellow { background: var(--yellow); border-radius: 2px; display: inline-block; padding: 2px 10px; text-decoration: none; }
.button-yellow:hover { background: var(--yellow-hover); }

/******************************************************************************/
/* tooltip */

.tooltip { display: inline-block; position: relative; }
.tooltip .tooltip-content { background: #fef4d8; border: 1px solid #999; color: #111; font-size: 0.9em; left: -30px; padding: 10px; position: absolute; text-align: center; visibility: hidden; width: 100px; z-index: 9; }
.tooltip:hover .tooltip-content { visibility: visible; }

/******************************************************************************/
/* hlášky */

.msg-ok { background: #090; border-radius: 1px; color: #fff; margin-bottom: 1em; padding: 5px 10px; }
.msg-ok a { color: yellow; }

.msg-error { background: #f00; color: #fff; margin-bottom: 1em; padding: 5px 15px; }

/******************************************************************************/
/* skrolování */

#scroll-top { top: 25px; color: #2c2c2c; font-size: 30px; position: absolute; right: -45px; text-decoration: none; z-index: 2; }
#scroll-top { position: fixed; }
#scroll-down { bottom: 75px; color: #2c2c2c; font-size: 30px; position: absolute; right: -45px; text-decoration: none; z-index: 2; }
#scroll-down { position: fixed; }

/******************************************************************************/
/* blok */

.wrap1 { clear: both; float: left; position: relative; width: 100%; }
.wrap2 { margin: 0 auto; position: relative; width: 1260px; width: 1420px; }
.content { float: left; position: relative; width: 100%; }

/******************************************************************************/
/* hlavička */

#head { }

/******************************************************************************/
/* hlavička 1 */

#head1 { background: #222; }
#head1 .content { font-size: 1em; padding: 15px 0; text-align: right; }
#head1 .content, #head1 .content a { color: #eee; }

/******************************************************************************/
/* logo */

.logo { display: inline-block; vertical-align: middle; text-align: center; }
.logo img { height: auto; max-width: 300px; width: 100%; }
.logo .title { font-size: 12.75px; margin-top: 5px; }
#head1 .logo { float: left; position: relative; }

/******************************************************************************/
/* vyhledávání */

#search { background: #fff; border: 1px solid #ccc; border-radius: 2px; display: inline-block; margin-right: 70px; margin-top: 8px; padding: 5px 5px; text-align: left; vertical-align: bottom; width: 200px; }
#search .fa-icon { color: #111 !important; }
#search input { background: 0; border: 0; }
#search input[type="text"] { padding: 0; width: calc(100% - 45px); }
#search .wrap-submit { display: inline-block; text-align: right; width: 45px; }
#search input[type="submit"] { background: url('../img/icon_magnifier.png') center center no-repeat; background-size: 75%; cursor: pointer; height: 18px; vertical-align: bottom; width: 18px; }

#fast-search { display: none; font-size: 1.7em; vertical-align: middle; }

#search-on-page { background: #444; margin-bottom: 1em; padding: 10px; }
#search-on-page #search { margin: 0; width: calc(100% - 12px); }

/******************************************************************************/
/* rychlé ikony */

.fast-icon { display: inline-block; margin-right: 25px; vertical-align: bottom; }
.fast-icon:last-child { margin-right: 0; }
.fast-icon .fa-icon { font-size: 1.5em; margin-right: 5px; text-decoration: none; vertical-align: bottom; }

.fast-count { background: var(--highlight); border-radius: 2px; color: #222 !important; display: inline-block; font-size: .9em; padding: 1px 4px; position: relative; right: -2px; vertical-align: top; top: -8px; } 

#fast-account {}
#fast-account .fa-icon { font-size: 1.75em; }
#fast-basket {}
#fast-pdf {}
#fast-pdf .fast-count { background: var(--red); color: #eee !important; }

/******************************************************************************/
/* hlavička 2 */

#head2 { background: #f2f2f2; border-bottom: 1px solid #eee; }
#head2 .content { padding: 13px 0; }
#head2 .ul-menu.level1 { display: none; }

/******************************************************************************/
/* mobilní menu */

#m-product, #m-menu { background: url('../img/arrow_000_bottom.png') right 15px center no-repeat; border-bottom: 3px solid var(--highlight); border-top: 3px solid #444; display: inline-block; display: none; font-size: 16px; font-weight: bold; padding: 10px 10px; text-decoration: none; width: calc(50% - 20px); }
#m-menu { border-bottom: 3px solid var(--highlight-hover); background-color: #ddd; }
#m-product.open, #m-menu.open { background-image: url('../img/arrow_000_top.png'); }

/******************************************************************************/
/* menu */

.menu { display: inline-block; margin: 0; padding: 0; position: relative; width: 100%; }
.menu li { display: inline-block; list-style: none; margin-right: 30px; }
.menu li:nth-last-child(2) { margin-right: 0; }
.menu li a { text-decoration: none; }
.menu li a:hover, .menu li a.active { color: #000; text-decoration: underline; }
.menu li.icon, .menu li.home { display: none; }

/******************************************************************************/
/* submenu */

.submenu { background: #fff; border: 1px solid #000; display: block; margin: 0; padding: 15px; position: absolute; visibility: hidden; z-index: 9; }
.submenu li { color: var(--highlight); display: list-item; list-style: square; margin: 0 0 0 15px; }
.submenu li:hover, .submenu li.active { color: #111; } 
.submenu li a { background: none; border: 0; font-weight: normal; line-height: 2em; padding: 0; text-align: left; text-transform: none; } 
.submenu li a:link, .submenu li a:visited { width: auto; } 
.submenu li a:hover, .submenu li a.active { background: none; padding: 0; }

/******************************************************************************/
/* submenu - účet */

.ac-submenu { display: block; margin: 0 0 1em 0; padding: 0; }
.ac-submenu li { background: var(--highlight); display: inline-block; list-style: none; margin: 0 3px 3px 0; } 
.ac-submenu li a { display: inline-block; line-height: 1.75em; padding: 5px 15px; text-decoration: none; } 
.ac-submenu li a:hover, .ac-submenu li a.active { background: #fcca11; }

/******************************************************************************/
/* obsah */

#content { }
#content .content { min-height: 550px; padding: 25px 0; }

#breadcrumbs { background: #f2f2f2; border-left: 3px solid #e2e2e2; margin-bottom: 2em; padding: .5em 10px; }
#content ul li { line-height: 1.75em; }

/******************************************************************************/
/* registrace */

.block-registration { background: #fff; border: 1px solid #666; padding: 20px; margin: 0 auto 20px auto; width: 50%; }
.block-registration .title { border-bottom: 0px solid #666; font-size: 1em; font-weight: bold; margin-bottom: 0.5em; padding: 0 0 0.5em 145px; text-transform: uppercase; }

.table-registration { width: 100%; }
.table-registration tr td { padding: 5px 15px; } 
.table-registration tr td.width { width: 105px; }
.table-registration input[type="text"], .table-registration input[type="password"] { width: calc(100% - 12px); }

.table-registration input#ic { width: calc(100% - 160px); }
.table-registration input#ares { float: right; }
.table-registration input.street { width: calc(100% - 160px); }
.table-registration input[type="text"].number { float: right; width: 130px; }

textarea.comment { width: calc(100% - 30px - 2px); }

/******************************************************************************/
/* účet */

.table tr td { padding: 5px 15px 5px 0; }

.table.account tr td { background: #eee; border: 1px solid #fff; padding: 10px 25px; }
.table.account tr td.title { background: none; border: none; border-bottom: 1px solid #000; font-weight: bold; padding-top: 2em; }

/******************************************************************************/
/* účet - uživatelé */

.table-user { width: 100%; }
.table-user tr th { border-bottom: 1px solid #000; background: #eee; padding: 7px 5px; }
.table-user tr td { border-bottom: 1px solid #000; padding: 7px 5px; }
.table-user tr:last-child td { border: 0; }
.table-user tr:nth-child(odd) td { background: #eee; }
.table-user tr:nth-child(even) td { background: #ccc;}
a.color { color: #556b2f; }

/******************************************************************************/
/* účet - uživatelé */

.table-user-ec { width: 100%; }
.table-user-ec tr, .table-user-ec tr th, .table-user-ec tr td { border-top: 1px solid #aaa; padding: 5px 15px; } 

/******************************************************************************/
/* slider */

.slider {}
.slider img { height: auto; width: 100%; }

.slider-pc {}
.slider-rd { display: none !important; }

.slider-nav { margin: 1px auto 3em auto; width: calc(100% - 0px); }
.slider-nav .slick-slide { background: #f2f2f2; border-bottom: 1px solid #e2e2e2; border-left: 3px solid #aaa; border-top: 1px solid #e2e2e2; cursor: pointer; margin: 0 0 0 1px; padding: 1em 15px; vertical-align: middle; overflow: hidden; width: auto; }
.slider-nav .slick-slide:focus { outline: 0; }
.slider-nav .slick-slide.slick-current { border-bottom: 2px solid var(--highlight); }
.slider-nav .title { font-size: .85em; font-weight: bold; }
.slider-nav img { display: none; margin: 0 auto; height: 30px; width: auto; }

/******************************************************************************/
/* dlaždice - aktuality/články/atd. */

.tile { background: #f2f2f2; border: 1px solid #eee; border-radius: 2px; display: inline-block; margin: 0 15px 15px 0; padding: 15px; position: relative; vertical-align: top; width: calc(33.33% - 42px); }
.tile.edge /* .tile:nth-child(3n+3) */ { margin-right: 0; }
.tile:hover { background: #eee; border: 1px solid #ddd; }

.tile .img { background: #fff; background-position: center center; background-repeat: no-repeat; background-size: contain; display: inline-block; margin-bottom: 1em; overflow: hidden; padding-top: 50%; text-align: center; vertical-align: bottom; width: 100%; }
.tile .img img { height: auto; width: 100%; }
.tile .title { margin-bottom: 1em; }
.tile .perex { }
.tile .date { color: #444; display: inline-block; width: 50%; }
.tile .more { color: #444; display: inline-block; text-align: right; width: 50%; }

.wrap-tile { margin-bottom: 3em; }
.wrap-tile .h1 { margin-bottom: 1em; }

/******************************************************************************/
/* články */

.article.text { margin: 0 0 1em 0; }

/******************************************************************************/
/* eshop kategorie, patička */

.block { display: inline-block; float: left; margin-right: 10px; width: calc(33% - 5px); }
.block:nth-child(3n+3), .block.edge { margin-right: 0; }
.block-content { padding: 12.5% 0; }

.ec { }
.ec .title { color: #eab819; display: inline-block; font-size: 1.25em; font-weight: bold; margin-bottom: 20px; padding-left: 12.5%; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); text-transform: uppercase; }
.ec .submenu { background: #fff; border: 1px solid #ccc; min-height: 290px; }
.ec .submenu ul { padding: 0; } 

.ec ul li { line-height: 2em; list-style: none; }
.ec ul li:hover { list-style: disc; }

/******************************************************************************/
/* eshop - kategorie */

.wrap-left { display: inline-block; margin-right: 25px; padding-right: 25px; vertical-align: top; width: 250px; }
.wrap-right-main { display: inline-block; vertical-align: top; width: calc(100% - 300px); }

/******************************************************************************/
/* rozložení s šedým pruhem v levé části */
/*
#content { border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
#content .wrap2 { width: 100%; }
#content .content { padding: 0; }

.wrap-left { background: #f2f2f2; padding: 25px 25px 25px calc((100% - 1420px) / 2); }
.wrap-right-main { padding: 25px 0; width: calc(1420px - 300px); }
*/
/******************************************************************************/
/* menu v levém sloupci - komponenty */

.ul-menu { margin: 0; padding: 0; position: relative; }
.ul-menu li { list-style: none; position: relative; }
.ul-menu li a { border-bottom: 1px solid #ddd; display: block; font-size: 15px; font-weight: bold; padding: 4px 15px 4px 0; text-decoration: none; }
.ul-menu li.icon, .ul-menu li a.home { display: none; font-size: 13px; font-weight: normal; text-decoration: none; }

.ul-menu.level1 { margin-bottom: 1em; position: relative; }

.ul-menu.level2 li { position: relative; }
.ul-menu.level2 li a { font-size: 13px; }
.ul-menu.level1 li a.active, .ul-menu.level1 li a:hover { text-decoration: underline; }

.ul-menu.level2 li { position: relative; }
.ul-menu.level2 li a { color: #222; font-weight: normal; padding-left: 30px; }
.ul-menu.level2 li a:before { content: "›"; left: 0; position: absolute; text-align: center; top: 3px; width: 30px; }
.ul-menu.level2 li a:hover, .ul-menu.level2 li a.active { background: #444; background: var(--highlight); color: #111; text-decoration: none; }
.ul-menu.level2 li a.active { font-weight: bold; }

.ul-menu.level3 { border: 1px solid #777; left: calc(100% - 15px); position: absolute; top: -1px; visibility: hidden; z-index: 9; width: 250px; }
.ul-menu.level3 li a { background: #f2f2f2; color: #111; font-weight: normal; }
.ul-menu.level3 li:last-child a { border: 0; }
.ul-menu.level3 li a.active { font-weight: normal; }

.ul-menu.level4 li a { background: #fff; color: #111ÿfoᇐɕ-weight: normal; }
.ul-menu.level4 li a.active { font-weight: normal; }

.ul-menu.level1 li:first-child a { border-top-left-radius: 0; }
.ul-menu.level2 li:first-child a { border-top-left-radius: 0px; }
.ul-menu li.last-child { margin-bottom: 3px;  }

.ul-menu .open-submenu { position: absolute; right: 5px; top: 2px; }

/******************************************************************************/
/* tlačítko zobrazit/skrýt filtr */

#menu-option-view {}
#menu-option-hidden {}
.menu-option-power { background: #efefef; border-bottom: 1px solid #ddd; display: none; padding: .75em 15px; text-decoration: none; }
.menu-option-power span { display: inline-block; min-width: 100px; padding: 2px 35px 2px 10px; }
#menu-option-view span { background: var(--highlight) url('../img/arrow_000_bottom.png') right 10px center no-repeat; }
#menu-option-hidden span { background: var(--highlight) url('../img/arrow_000_top.png') right 10px center no-repeat; }

/******************************************************************************/
/* filtr menu option */

#menu-option {}

.filter-option .title { border-bottom: 1px solid #444; padding: 3px 20px; }
.ul-filter { padding: 0; }
.ul-filter li { list-style: none; }

/* v levém sloupci */
.wrap-left .ul-filter li { background: #efefef; margin-bottom: 1px; padding: 3px 20px; }

/* nad produkty */
#menu-option.filter { background: #efefef; margin-bottom: 1em; padding: .75em 15px; position: relative; width: calc(100% - 30px); }
#menu-option .item { display: inline-block; margin-right: 25px; }
#menu-option .item:last-child { margin-right: 0; }
#menu-option .item .title { font-weight: bold; margin-bottom: .25em; }
#menu-option .item .fa { color: #aaa; margin-left: 5px; }
#menu-option .item .fa:hover { color: #111; }
#menu-option .item .ul-filter { float: left; margin-bottom: 0; }
#menu-option .item .ul-filter.float { margin-left: 15px; }
#menu-option .item .ul-filter li td { line-height: 1.1em; }

.button-filter-delete { background: #777; bottom: 10px; color: #eee; display: inline-block; padding: 5px 15px; position: absolute; right: 10px; }

/******************************************************************************/
/* eshop - kategorie - text + dlaždice */

.ec.title { display: none; font-weight: bold; font-size: 16px; }
.ec.perex { }
.ec.text { display: none; }
.ec.background { margin: 0 0 1em 0; }
.wrap-read-more { }
.read-more { }

.wrap-ec-tile { }
.ec-tile { background: #fff; border: 1px solid #999; border-radius: 2px; display: inline-block; font-weight: bold; margin: 5px 10px 5px 0; padding: 30px 0; text-align: center; text-decoration: none; vertical-align: top; width: calc(20% - 10px); }
.ec-tile.edge { margin-right: 0; }
.ec-tile:hover { border: 1px solid #000; }
.ec-tile .img { background-size: cover; display: inline-block; height: 100px; width: 100px; }
.ec-tile .img.main { height: 100px; width: 100px; }

/******************************************************************************/
/* filtr */

.filter2 { background: #efefef; clear: both; margin-bottom: 1px; padding: .75em 15px; }
.filter2.right { text-align: right; }
.filter2 .group { display: inline-block; margin-right: 30px; }
.filter2 .group:last-child { margin-right: 0; }
.filter2 .group.left { float: left; }
.filter2 .group.right { float: right; }
.filter2 a { margin-right: 5px; }
.filter2 a:hover, .filter2 a.active { color: #f00; text-decoration: none; }
.filter2 .fa { font-size: 1.25em; }
.filter2 .paging { display: inline-block; }
.filter2 .paging a { text-decoration: none; }
.filter2 .ec-tile-filter { background: #777; background: #ff5900; color: #fff; display: inline-block; margin: 1px 5px; padding: 2px 7px; text-decoration: none; }
.filter2 .ec-tile-filter:last-child { margin-right: 0; }
.filter2 .ec-tile-filter:hover, .filter2 .ec-tile-filter.active { background: var(--highlight); color: #000; }
.filter2 .ec-tile-filter.active { font-weight: bold; }

/******************************************************************************/
/* eshop - produkty */

.ul-ep { margin: 1em 0; padding: 0; }
.li { border: 1px solid #ddd;  padding: 5px; margin: 0; vertical-align: top; }
.li .title { display: block; }
.li .fa-icon { font-size: 1.15em; }

.pn { color: #444; }
.note { display: inline-block; font-size: .75em; margin-left: 30px; }
.wrap-price {}
.wrap-price .price { color: var(--highlight); } 
.wrap-amount { display: inline-block; margin-right: 10px; vertical-align: middle; }
.amount { padding: 3px; width: 77px; }

.button-shoping-cart { cursor: pointer; display: inline-block; line-height: 1em; min-width: 30px; padding: 6px 0; text-align: center; vertical-align: middle; }
.button-shoping-cart { background: var(--highlight); opacity: .75; }
.button-shoping-cart:hover { opacity: 1; }
.button-shoping-cart.pdf-add { background: #f00; color: #eee; }
.button-shoping-cart.blank { background: none; cursor: default; }

.answer { display: block; text-align: center; vertical-align: middle; }
.answer .msg-ok { font-size: .8em; margin: 5px 0 0 0; padding: 2px 5px; }

/******************************************************************************/
/* seznam */

.list1 .li { border-bottom: 0; }
.list1 .li:last-child { border-bottom: 1px solid #ddd; }
.list1 .li:hover { border-left: 1px solid #222; }
.list1 .part1 { display: inline-block; vertical-align: middle; text-align: center; width: 100px; }
.list1 .part1 img { height: 50px; width: auto; }
.list1 .part2 { display: inline-block; padding-right: 10px; vertical-align: middle; width: calc(100% - 350px); }
.list1 .part3 { display: inline-block; text-align: right; vertical-align: middle; position: relative; width: 240px; }
.list1 .wrap-price { }
.list1 .wrap-price .price { display: inline-block; }
.list1 .wrap-price .price:first-child { margin-right: 15px; }

/******************************************************************************/
/* dlaždice */

.list0 .li { display: inline-block; margin: -1px -1px 0 0; text-align: center; width: calc(20% - 11px); }
.list0 .part1 img { height: 100px; width: auto; }
.list0 .part2 { margin-bottom: 1em; }
.list0 .part2 .title { margin-bottom: .5em; }
.list0 .part3 { background: #efefef; padding: 5px; }
.list0 .part3 .button-shoping-cart { padding: 5px; }
.list0 .part3 .button-shoping-cart.blank { /* display: none; */ }
.list0 .wrap-price { margin: .5em 0 0 0; }

/******************************************************************************/
/* eshop - produkty - animace */

@-webkit-keyframes ep-animate { 
    from { background-color: #eab819; }
    to { background-color: #eee; }
}

@keyframes ep-animate {
    from { background-color: #eab819; }
    to { background-color: #eee; }
}

/* .ul-ep .li { -webkit-animation-name: ep-animate; -webkit-animation-duration: 1s; animation-name: ep-animate; animation-duration: 1s; } */

/******************************************************************************/
/* fotografie */

.wrap-photo { border-top: 1px solid #eee; clear: both; margin-top: 1em; padding-top: 1em; }
.wrap-photo .photo { margin: 0 10px 10px 0; }
.photo { border: 1px solid #ccc; display: inline-block; float: left; }
.photo img { vertical-align: bottom; }
.photo:hover { border: 1px solid #000; }

/******************************************************************************/
/* eshop - detail */

.ep-detail {}
.ep-detail h1 { line-height: 1.25em; margin-bottom: 1em; }

.ep-left { display: inline-block; margin-right: 25px; position: relative; vertical-align: top; width: 300px; }
.ep-right { display: inline-block; position: relative; vertical-align: top; width: calc(100% - 325px); }

/* foto */
.photo-ep { border: 1px solid #ccc; display: inline-block; margin: 1px; vertical-align: top; }
.photo-ep:hover { border: 1px solid #000; }
.photo-ep img { height: auto; width: 100%; }
.photo-ep.thumb { width: calc(25% - 4px); }

/* tabulka se základními informacemi */
.table-basic-info { margin-bottom: 1em; }
.table-basic-info tr td { padding: 0 15px 10px 0; }
.table-basic-info .producer { font-size: 1.25em; font-weight: bold; }

/* tabulka s cenou a možností vložit do košíku */
.box { background: #f2f2f2; border: 1px solid #ddd; margin: 2em 0; padding: 10px 15px 9px 15px; }
.table-info { width: 100%; }
.table-info tr td { border-bottom: 1px solid #ccc; padding: 10px 15px; }
.table-info tr td:first-child { width: 75px; }
.table-info tr:first-child td { padding-top: 0; }
.table-info tr:last-child td { border-bottom: 0; padding-bottom: 0; }
.table-info .price { font-size: 1.25em; }
.table-info .price .highlight { color: #d00; }
.table-info .price-dph { font-size: 1.25em; }
.table-info .stock { background: #090; display: inline-block; height: 15px; width: 15px; }
.table-info .not-in-stock { background: #d00; display: inline-block; height: 15px; width: 15px; }

/* množství, do košíku */
.table-amount { }
.table-amount tr { vertical-align: middle; }
.table-amount tr td { padding-right: 25px; }
.table-amount tr td .amount { padding: 6px 6px; }

.ep-detail-box { margin-top: 3em; }

/* vlastnosti - seznam */
.ul-properties { border-bottom: 1px solid #ccc; margin: 0; padding: 0; }
.ul-properties li { display: inline-block; }
.ul-properties li a { background: #ddd; background: rgba(251,185,0,.75); border: 1px solid #eee; border-bottom: 0; display: inline-block; margin-right: 5px; padding: 5px 30px; text-decoration: none; position: relative; top: 1px }
.ul-properties li a:hover, .ul-properties li a.active { background: #fff; border: 1px solid #ccc; border-bottom: 0; }
.ul-properties li a.active { font-weight: bold; }

/* vlastnosti - popis */
.properties { display: none; min-height: 200px; }
.properties.active { display: block; }

.ep-detail .prices div, .ep-detail .prices small { display: inline-block; margin-right: 25px; }
.ep-detail .separator { margin: 0.5em 0; }
.ep-detail .pn { margin-bottom: 7px; padding: 10px; }  
.ep-detail .tags { position: absolute; right: 0; text-align: right; width: 350px; }
.ep-detail .tags img { margin-left: 5px; height: 40px; width: auto; }
 
/* tlačítko košík, pdf */
.ep-detail .fa-icon { font-size: 1.25em; } 
.ep-detail .button-shoping-cart { margin: 1px 0; padding: 5px 30px; }

/* blok */
.ep-detail-block { margin-bottom: 3em; } 
 
/* technická specifikace */
.table-specification { border-collapse: collapse; width: 100%; }
.table-specification tr td { background: #f2f2f2; border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; padding: 7px 30px; }
.table-specification tr:nth-child(even) td { background: none; }
.table-specification tr td.subtitle { background: #ddd; }

/* ke stažení */
#files-for-download1 {}
#files-for-download2 { display: none; }
.download { background: #f2f2f2; padding: 1em 15px; margin: 1em 0; }
.download ul { margin: 0; padding: 0; }
.download ul li { list-style: none; }
.download ul li span { margin-right: 5px; }

/******************************************************************************/
/* košík */

.table-basket { border-collapse: collapse; margin-bottom: 1px; width: 100%; }
.table-basket tr th, .table-basket tr td { border: 1px solid #ddd; padding: 13px 13px; }
.table-basket tr th, .table-basket tr td { background: #eee; }
.table-basket tr td .img { background-position: center center; background-repeat: no-repeat; background-size: contain; display: inline-block; height: 50px; width: 50px; }
.table-basket tr td.pc { border-left: 3px double #ddd; }
.table-basket tr td.td-thumb a { display: inline-block; border: 1px solid #ccc; }
.table-basket tr td.td-thumb a img { vertical-align: bottom; }
.table-basket tr:last-child td { border-bottom: 1px solid #ccc; }
.table-basket tr td .submit { margin: 5px 0; }

.wrap-basket-form { background: #eee; border-top: 1px solid #ccc; margin-bottom: 20px; padding: 20px; }
.wrap-basket-form { border-top-left-radius: 0; }
.wrap-basket-form table { width: 100%; }
.wrap-basket-form table table tr td:first-child { width: 110px; }
.wrap-basket-form table table tr td { padding: 0 0 10px 0; }
.wrap-basket-form input[type="text"], .wrap-basket-form input[type="email"], .wrap-basket-form textarea { border: 1px solid #ccc; padding: 10px 5%; width: 80%; }
.wrap-basket-form textarea[name="text"] { height: 114px; width: 90%; }
.wrap-basket-form textarea[name="text_back"] { height: 200px; }

.fa-arrows { cursor: move; margin: 5px 0; }

/******************************************************************************/
/* košík jako souhrn objednávek uživatele */

.table-basket.small { font-size: 0.9em; }
.table-basket.small tr th, .table-basket.small tr td { border: 1px solid #fff; padding: 10px; }
.table-basket.small tr.tr-item td { background: #fff; padding: 10px 10px 30px 10px; }

/******************************************************************************/
/* objednávka */

.form-order .block-registration { width: auto; }

#total-price, #total-price-dph { font-weight: bold; }
.transport-free { background: var(--highlight); display: inline-block; padding: 5px 15px; }
.comment { width: 960px; }
#customer { display: none; }

.info { background: var(--highlight); color: #111; display: block; margin-bottom: 1em; padding: 10px; }

/******************************************************************************/
/* PDF */

.ul-pdf-filename { }
.ul-pdf-filename li { list-style: none url(); padding: 0; }
.ul-pdf-filename li input { margin-right: 15px; }

/******************************************************************************/
/* vyhledávání */

.bg-h { background: #efefef; margin-bottom: 1em; padding: 10px 15px; }

/******************************************************************************/
/* reference */

.counter { display: inline-block; float: right; margin-top: 1em; }
.counter .section { float: left; border-right: 1px solid #aaa; padding: 15px 30px; }
.counter .section:last-child { border: 0; }
.counter .section .count { display: block; font-size: 2em; font-weight: bold; }
.counter .section .text { }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { color: #111; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-radius: 0; border: 0; }
.ui-accordion { font-family: open sans, roboto; }
.ui-accordion-header:hover, .ui-accordion-header-active { background: #666 !important; color: #eee; }
.ui-accordion-content { border: 0; }

.expandTabModule .tab { background: #eee; clear: both; margin-bottom: 1px; padding: 10px 30px; }
.expandTabModule .content { background: #fff; padding: 0 !important; width: 100% !important; }
.expandTabModule .content table { width: 100%; }
.expandTabModule .content table tr th { background: #ddd; border-bottom: 1px solid #ddd; padding: 10px 30px; }
.expandTabModule .content table tr td { border-bottom: 1px solid #ddd; padding: 10px 30px; }
.expandTabModule .content table tr td:last-child { text-align: right; }
.expandTabModule .content table tr:hover td { background: #eee; } 
.expandTabModule .content.hide { display: none; }

/******************************************************************************/
/* kontaktní formulář */

#contact-form { background: #eee; display: block; padding: 4% 5%; width: 90%; }
#contact-form table { width: 100%; }
#contact-form table input[type="text"], #contact-form table textarea { border: 1px solid #aaa; padding: 15px 2%; width: 96%; }
#contact-form table select { border: 1px solid #aaa; padding: 15px 2%; width: 100%; }
#contact-form table input[type="submit"]  { background: #aaa; border: none; cursor: pointer; font-size: 1em; font-weight: bold; text-transform: uppercase; padding: 15px 0; width: 100%; }
#contact-form table textarea { height: 106px; }
#contact-form table tr td { padding: 0 0 0.75em 0; vertical-align: top; }
#contact-form table tr:last-child td { padding: 0; }
#mapsitna { display: none; }

/******************************************************************************/
/* google mapa */

#google-maps { background: #444; float: left; width: 100%; }
#google-maps iframe { pointer-events: none; }

/******************************************************************************/
/* patička 1 */

#foot1 { background: #292929; }
#foot1, #foot1 a { color: #eee; }
#foot1 .content { padding: 40px 0; }

.foot-head { margin-bottom: 3em; }

.foot-block { display: inline-block; margin: 0 100px 25px 0; vertical-align: top; width: calc(33.33% - 100px); }
.foot-block .title { border-bottom: 1px solid #444; font-size: 1.25em; font-weight: bold; margin-bottom: 1em; padding-bottom: 1em; padding-left: 25px; }
.foot-block .text { padding-left: 25px; }

.social {}
.social .follow { margin-right: 15px; }
.social .fa-icon { font-size: 1.75em; text-decoration: none; }

.menu-foot { display: inline-block; margin: 0; padding: 0; }
.menu-foot li { display: block; list-style: none; margin-right: 10px; }
.menu-foot li a { display: inline-block; font-weight: normal; padding: 0 5px; text-decoration: none; }
.menu-foot li a::before { content: "» "; }
.menu-foot li a:hover, .menu-foot li a.active { color: var(--highlight) !important; }
.menu-foot li.icon, .menu-foot li.home { display: none; }

/******************************************************************************/
/* cookies */
/*
#cookies { background: #f2f2f2; border-top: 1px solid #ddd; bottom: 0; position: absolute; z-index: 9; }
#cookies { position: fixed; }
#cookies .content { padding: 13px 0; }
#cookies .content input { margin-left: 15px; }
*/
/******************************************************************************/
/* patička 2 */

#foot2 { background: #222; }
#foot2 .content { padding: 25px 0; }
#foot2.with-cookies .content { padding-bottom: 75px; }
#foot2, #foot2 a { color: #eee; }