body {margin: 0; padding: 0; font-family: Roboto, arial, sans-serif; font-size: 16px; line-height: 22px; color: #000000; background: #f8f8f8;}
.stred {margin: auto; width: 1360px; padding: 0;}


.cc-grower {max-height: none !important;}
.gdpr-fancybox-container iframe {height: 100% !important;}


.ID-fix {position: fixed; right: 0; top: 200px;}


/************************************************************************************
 * HLAVIČKA
 ************************************************************************************/
.ID-horni-obal {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff; border-bottom: 1px solid #cfcfcf;}
.ID-horni {float: left; width: 100%; padding: 0; margin: 0 0 -1px 0; background: #ffffff; border-bottom: 1px solid #cfcfcf; position: relative;
line-height: 26px; font-size: 14px; font-weight: normal; color: #000000;}
.ID-horni strong {font-weight: 800;}
.ID-horni-div {display: block; padding: 5px 0 5px 0; margin: 0;}
.ID-horni p {padding: 0; margin: 0;}
.ID-horni .kontakt, .ID-horni .vas-ucet {float: left; padding: 0; margin: 0;}
.ID-horni .vas-ucet {float: right;}
.ID-horni .vas-ucet .mod-menu {float: left; padding: 0; margin: 0; list-style: none;}
.ID-horni .vas-ucet .mod-menu > li {float: left; padding: 0 7px 0 12px; margin: 0; line-height: 26px; position: relative;
font-size: 13px; font-weight: normal; color: #000000; background: url('../images/oddelovac.png') left center no-repeat;}
.ID-horni .vas-ucet .mod-menu > li > a {display: inline-block; color: #000000; text-decoration: underline;}
.ID-horni .vas-ucet .mod-menu > li > a:hover {text-decoration: none;}
.ID-horni .vas-ucet .mod-menu > li:first-child {background: none; padding-left: 7px;}


.ID-horni .vas-ucet .mod-languages {float: left; padding: 0; margin: 0;}
.ID-horni .vas-ucet .mod-languages ul {float: left; padding: 0; margin: 0; list-style: none; position: relative;}
.ID-horni .vas-ucet .mod-languages ul > li {float: left; padding: 0; margin: 0;}
.ID-horni .vas-ucet .mod-languages ul > li.lang-active > a {float: left; padding: 0 14px 0 7px; margin: 0; line-height: 26px; position: relative;
font-size: 14px; font-weight: bold; color: #000000; background: url('../images/lang-active.png') right 10px no-repeat;}
/* vysouvací menu */
.ID-horni .vas-ucet .mod-languages ul ul {float: left; margin: 26px 0 0 0; padding: 10px 0 10px 0; list-style: none; position: absolute; right: 0; z-index: 49;
visibility: hidden; background: #ffffff; border: 1px solid #cfcfcf;}
.ID-horni .vas-ucet .mod-languages ul > li.lang-active:hover > ul {visibility: visible;}
.ID-horni .vas-ucet .mod-languages ul ul li {width: 100%;}
.ID-horni .vas-ucet .mod-languages ul ul a {display: block; padding: 0 14px 0 14px; margin: 0; line-height: 26px; text-align: right;
font-size: 14px; font-weight: normal; color: #000000;}


.ID-hlavicka-obal {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}
.ID-hlavicka {float: left; width: 100%; height: 112px; padding: 0; margin: 0; background: #ffffff;}
.ID-hlavicka .logo {float: left; margin: 17px 0 0 0; padding: 0;}


.ID-hlavicka .pravy {float: right; width: 78%; margin: 0; padding: 0;}
.ID-hlavicka .pravy .mod-menu {float: left; width: 100%; padding: 0; margin: 0; list-style: none;}
.ID-hlavicka .pravy .mod-menu > li {float: left; padding: 0; margin: 0;}
.ID-hlavicka .pravy .mod-menu > li > a {display: inline-block; padding: 14px 5px 14px 5px; color: #000000; text-decoration: none; text-transform: uppercase;
line-height: 26px; font-size: 13px; font-weight: normal; color: #000000;}
.ID-hlavicka .pravy .mod-menu > li > a:hover {text-decoration: underline;}


.ID-hlavicka .hlavicka-eshop {float: right; margin: 0; padding: 0;}
.ID-hlavicka .hlavicka-eshop .kontakt {float: left; margin: 0; padding: 17px 20px 17px 44px; background: url('../images/ikonka-telefon-2.png') 0 13px no-repeat;
font-size: 17px; line-height: 24px; font-weight: normal; color: #000000;}
.ID-hlavicka .hlavicka-eshop .kontakt p {padding: 0; margin: 0;}


.ID-hlavicka .vas-ucet {float: left; padding: 0; margin: 0;}
.ID-hlavicka .vas-ucet ul.ul-ucet {float: left; padding: 0; margin: 0; list-style: none;}
.ID-hlavicka .vas-ucet ul.ul-ucet > li {float: left; padding: 0; margin: 0; position: relative;}
.ID-hlavicka .vas-ucet ul.ul-ucet > li > a,
.ID-hlavicka .vas-ucet ul.ul-ucet > li > .a {display: inline-block; padding: 17px 5px 17px 5px; margin: 0; font-size: 17px; line-height: 24px; font-weight: normal; color: #000000; text-decoration: none;}
.ID-hlavicka .vas-ucet ul.ul-ucet > li > a:hover {text-decoration: underline;}
.ID-hlavicka .vas-ucet ul.ul-ucet > li.ucet > a,
.ID-hlavicka .vas-ucet ul.ul-ucet > li.ucet > .a {background: url('../images/ikonka-ucet.png') 0 13px no-repeat; padding-left: 44px;}


.ID-hlavicka .vas-ucet ul.ul-ucet > li:hover .ID-uzivatel-menu {visibility: visible; opacity: 1; top: 58px;}
.ID-uzivatel-menu {position: absolute; top: 88px; right: 0; z-index: 10500; min-width: 300px; font-weight: normal; color: #000000; visibility: hidden; box-shadow: 0px 0px 21px 0px #262626;
-webkit-transition: all 180ms;
-moz-transition: all 180ms;
transition: all 180ms;
opacity: 0;}
.ID-uzivatel-menu-div {display: block; padding: 0; margin: 0; background: #ffffff; border: 2px solid #000000;}
.ID-uzivatel-menu .horni {display: block; padding: 15px; margin: 0; background: #ffffff;}
.ID-uzivatel-menu .horni .leva-strana {float: left; width: 80px; padding: 0; margin: 0;}
.ID-uzivatel-menu .horni .leva-strana-div {display: block; padding: 0; margin: 0 15px 0 0;}
.ID-uzivatel-menu .horni .leva-strana .obrazek {display: block; padding: 20px 0 20px 0; margin: 0; background: #e4282d; text-align: center;
color: #ffffff; font-size: 20px; font-weight: 800; text-decoration: none;}
.ID-uzivatel-menu .horni .button {margin: 10px 0 0 0; padding: 0; background: none; border: 0; cursor: pointer; color: #000000; font-weight: 800; text-decoration: none; height: 26px;}
.ID-uzivatel-menu .horni .button:hover {text-decoration: underline;}
.ID-uzivatel-menu .horni .prava-strana {display: block; padding: 0 0 0 80px; margin: 0;}
.ID-uzivatel-menu .horni .prava-strana p {display: block; padding: 0; margin: 0 0 0 0; line-height: 22px;}
.ID-uzivatel-menu .horni .prava-strana .jmeno {font-weight: 800; color: #e4282d;}
.ID-uzivatel-menu .dolni {display: block; padding: 0; margin: 0; border-top: 1px solid #4f4f50;}
.ID-uzivatel-menu .dolni .menu-user li:last-child a {margin: 0;}


.ID-uzivatel-menu .menu-user li a {padding: 7px 15px 7px 15px; font-size: 17px; background-position: 19px 12px;}
.ID-uzivatel-menu .menu-user li a:hover {background-position: 19px -488px}
.menu-user {display: block; padding: 0; margin: 0; list-style: none;}
.menu-user li a {display: block; line-height: 22px; padding: 13px 15px 13px 38px; margin: 0 0 1px 0; background: #4f4f50 url('../images/menu-li-3.png') 19px 18px no-repeat;
font-size: 17px; font-weight: normal; color: #ffffff; text-transform: uppercase; text-decoration: none;}
.menu-user li a:hover {color: #000; background: #ffffff url('../images/menu-li-3.png') 19px -482px no-repeat;}


.ID-hlavicka .vmCartModule {float: right; padding: 0; margin: 11px 0 0 15px; font-size: 14px; line-height: 18px; position: relative;}
.ID-hlavicka .vmCartModule .kosik_left {float: left; width: 32px; padding: 0; margin: 6px 15px 0 0; position: relative;}
.ID-hlavicka .vmCartModule .kosik_left img {float: left; width: 100%; height: auto; padding: 0; margin: 0;}
.ID-hlavicka .vmCartModule .kosik_left .total_products {display: inline-block; min-width: 17px; padding: 3px 3px 3px 3px; margin: 0; border-radius: 50%; background: #000000; text-align: center;
color: #ffffff; font-size: 15px; line-height: 17px; font-weight: bold; position: absolute; top: -13px; right: -10px;}
.ID-hlavicka .vmCartModule .kosik_right {margin: 0 0 0 47px;}
.ID-hlavicka .vmCartModule .kosik_right .show_cart a,
.ID-hlavicka .vmCartModule .kosik_right .total {float: none !important;}
.ID-hlavicka .vmCartModule .vm_cart_products_main {display: none; width: 550px; padding: 0; margin: 0; position: absolute; top: 36px; right: 0; z-index: 15;}
.ID-hlavicka .vmCartModule .vm_cart_products_main:after {content: ''; width: 17px; height: 11px; position: absolute; background: url('../images/sipka-3.png') 0 0 no-repeat; top: 5px; right: 85px;}
.ID-hlavicka .vmCartModule:hover .vm_cart_products_main {display: block;}
.ID-hlavicka .vmCartModule .vm_cart_products_wrap
{display: block; padding: 10px; margin: 16px 0 0 0; background: #ffffff; box-shadow: 0px 0px 21px 0px #262626; z-index: 15;}
.ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row {display: block; padding: 5px 0 5px 0; margin: 0; border-bottom: 1px solid #d5d5d5;}
.ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .quantity {font-weight: bold;}
.ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .quantity_x {font-weight: bold;}
.ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .product_name a {text-decoration: none;}
.ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .product_name a:hover {text-decoration: underline;}
.ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .subtotal_with_tax {float: right; padding: 0; margin: 0 0 0 5px; color: #e2007a; font-weight: bold;}
.ID-hlavicka .vmCartModule .vm_cart_products_wrap .go_to_cart {display: block; padding: 5px 0 5px 0; margin: 0; font-weight: bold; text-align: center; background: #fbe7c4; text-transform: uppercase; 
text-decoration: none;}
.ID-hlavicka .vmCartModule .vm_cart_products_wrap .go_to_cart:hover {text-decoration: underline;}


#vd_smart_search_BG {background: #000000; opacity: 0.5;}
.ID-hlavicka .ID-smart-search {float: left; width: 560px; margin: 0 0 0 0; padding: 0; position: relative; overflow: hidden;}
.ID-hlavicka .ID-smart-search form,
.VD-smart-search-form .form {display: block; margin: 0; padding: 0; background: #ffffff; border: 1px solid #cccccc; border-radius: 0;}
.ID-hlavicka .ID-smart-search .inputbox,
.VD-smart-search-form .inputbox
{float: left; width: 375px; width: calc(100% - 165px); line-height: 22px; margin: 0; padding: 17px 12px 17px 45px; border: 0; background: transparent url('../images/lupa.png') 14px 18px no-repeat;
font-size: 16px; font-family: Roboto, arial, sans-serif; font-weight: normal; font-style: normal; color: #000000;}
.ID-hlavicka .ID-smart-search .button,
.VD-smart-search-form .button {float: right; height: 58px; line-height: 58px; margin: 0; padding: 0 25px 0 25px; border: 0; position: absolute; top: 0; right: 0; text-transform: uppercase;
font-size: 16px; font-family: Roboto, arial, sans-serif; font-weight: bold; font-style: normal; color: #ffffff; cursor: pointer; background: #0e0a04; border-radius: 0; transition: all 300ms linear;}
.ID-hlavicka .ID-smart-search .button:hover {background-color: #e4282d;}





.ID-hlavicka .ID-smart-search.open {z-index: 9999999999;}


/* Vyhledávání vyskakovací okno­ start */
.VD-smart-search-result {display: none; padding: 74px 0 0 0; margin: -74px 0 0 -18px; background: #ffffff; border-radius: 10px; /*width: 1050px !important;*/ width: 1077px !important; position: absolute; z-index: 999999999;
font-family: 'Roboto', arial, sans-serif; font-size: 12px; line-height: 20px; color: #000000; box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2);}
.VD-smart-search-result .vd_clr {clear: both; padding: 0; margin: 0;}
.VD-smart-search-result .vd-search-head {display: inline-block; padding: 0; margin: 0; position: absolute; top: 0; right: 0;}
.VD-smart-search-result .vd-search-head-div {display: block; padding: 10px 15px 10px 15px; margin: 0; background: #000000; font-size: 12px; line-height: 14px; color: #ffffff; border-radius: 0 10px 0 0;}
.VD-smart-search-result .vd-search-head-div .vd_close_button {float: right; cursor: pointer;}
.VD-smart-search-result .vd-search-head-div span {display: none !important;}


.VD-smart-search-result .vd-wrap {float: left; width: 100%; padding: 0; margin: 0;}
.VD-smart-search-result .vd-wrap-div {display: block; padding: 10px 15px 10px 15px; margin: 0; border-bottom: 1px solid #E7E2D2;}
.VD-smart-search-result .vd-wrap .vd-title,
.VD-smart-search-result .vd-wrap-eshop-product .vd-title {display: block; padding: 0; margin: 0 0 5px 0; font-size: 18px; line-height: 24px; color: #000000; text-transform: uppercase;}
.VD-smart-search-result .vd-wrap .vd-results {float: left; width: 100%; padding: 0; margin: 0;}
.VD-smart-search-result .vd-wrap .vd-results-div {display: block; padding: 0; margin: 0;}
.VD-smart-search-result .vd-wrap .vd-results .vd-result {display: inline-block; padding: 0; margin: 0;}
.VD-smart-search-result .vd-wrap .vd-results .vd-result-div {display: block; padding: 0; margin: 0 10px 0 0;}
.VD-smart-search-result .vd-wrap .vd-results .vd-result a {display: inline-block; padding: 5px 5px 5px 5px; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
font-size: 17px; line-height: 20px; color: #000000; background-color: #eac32d; text-decoration: none; font-weight: bold; border-radius: 3px;}
.VD-smart-search-result .vd-wrap .vd-results .vd-result a:hover {background-color: #000000; color: #ffffff;}


.VD-smart-search-result .vd-wrap-eshop-manufacturer .vd-results .vd-result a {background-color: #d9d9d9; color: #000000; font-weight: normal;}
.VD-smart-search-result .vd-wrap-eshop-manufacturer .vd-results .vd-result a:hover {background-color: #cccccc; color: #000000;}
.VD-smart-search-result .vd-wrap-content-article .vd-results .vd-result a {background-color: #71e39d; color: #000000; font-weight: normal;}
.VD-smart-search-result .vd-wrap-content-article .vd-results .vd-result a:hover {background-color: #000000; color: #ffffff;}
.VD-smart-search-result .vd-wrap-search-term .vd-results .vd-result a {background-color: #d23561; color: #ffffff; font-weight: normal;}
.VD-smart-search-result .vd-wrap-search-term .vd-results .vd-result a:hover {background-color: #000000; color: #ffffff;}


.VD-smart-search-result .vd-wrap-eshop-product {float: left; width: 100%; padding: 0; margin: 0;}
.VD-smart-search-result .vd-wrap-eshop-product-div {display: block; padding: 10px 15px 15px 15px; margin: 0;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results {float: left; width: 100%; padding: 0; margin: 0;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results-div {display: block; padding: 0; margin: 0; border: 1px solid #cccccc;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result {float: left; width: 50%; padding: 0; margin: 0;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result:nth-child(2n+1) {clear: left !important;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result-div {display: block; padding: 0; margin: -1px -1px 0 -1px; border: 1px solid #cccccc; border-bottom: 0px;
background: #ffffff; color: #000000; text-decoration: none;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result:first-child .vd-result-div {}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result-div:hover {background: #e5e5e5;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result .vd-image {float: left; width: 80px; padding: 0; margin: 0;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result .vd-image > div {display: table; width: 100%; height: 46px; padding: 0; margin: 0; text-align: center; overflow: hidden;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result .vd-image > div > div {display: table-cell; height: 46px; padding: 0; margin: 0; text-align: center; vertical-align: middle; line-height: 0px;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result .vd-image img {max-height: 100%; max-width: 100%; width: auto; height: auto;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result .vd-text {display: block; padding: 5px 10px 5px 90px; margin: 0; line-height: 18px;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result .vd-text .vd-price {float: right; font-weight: bold; margin: 0 0 10px 10px;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result .vd-text .vd-name {font-size: 15px;}
.VD-smart-search-result .vd-wrap-eshop-product .vd-results .vd-result .vd-text .vd-sku {color: #666666;}


.VD-smart-search-result .vd-more-results {float: left; width: 100%; padding: 0; margin: 0; text-align: center;}
.VD-smart-search-result .vd-more-results a {display: block; padding: 10px 7px 10px 7px; margin: 0; background: #2744ae;
font-size: 16px; line-height: 20px; color: #ffffff; text-decoration: none; font-weight: bold; text-align: center; border-radius: 0 0 10px 10px;}
.VD-smart-search-result .vd-more-results a:hover {background: #000000;}


.VD-smart-search-result .vd-no-results {float: left; width: 100%; padding: 0; margin: 0;}
.VD-smart-search-result .vd-no-results-div {display: block; padding: 10px; margin: 10px; border: 1px solid #cccccc; background: #ffffff;}


.VD-smart-search-result .vd-text-min-len {float: left; width: 100%; padding: 0; margin: 0;}
.VD-smart-search-result .vd-text-min-len-div {display: block; padding: 10px; margin: 10px; font-size: 15px; font-weight: bold; text-align: center;}


.VD-smart-search-result .vd_highlight {color: #000000;}


#vd_smart_search_BG {width: 100%; height: 100%; position: fixed; z-index: 10000; top: 0; left: 0; display: none;}
/* Vyhledávání vyskakovací okno­ end */





.VD-smart-search-form {float: left; width: 100%; padding: 0; margin: 0; position: relative;}
.VD-smart-search-form .form {position: relative;}
.VD-smart-search-form .inputbox {width: calc(100% - 96px);}
.VD-smart-search-form .button {top: -2px; right: -2px;}


.VD-smart-search-result-page {display: block !important; float: left; width: 100% !important; padding: 0; margin: 20px 0 0 0; position: relative;  z-index: 1; box-shadow: none;}
.VD-smart-search-result-page .vd-search-head {display: none;}
.VD-smart-search-result-page .vd-wrap-div {padding: 10px 0 10px 0;}
.VD-smart-search-result-page .vd-wrap-eshop-product-div {padding: 15px 0 0 0;}
.VD-smart-search-result-page .vd-wrap-eshop-product .vd-results-div {border: 0;}










.ID-hlavicka .tlacitka {display: none; float: right; margin: 27px 0 0 0; padding: 0;}
.ID-hlavicka .tlacitka-div {float: left; margin: 0; padding: 0;}
#js-odkaz-menu {float: left; width: 40px; height: 40px; margin: 0 0 0 0; cursor: pointer; display: none;
background-color: #e4282d; background-repeat: no-repeat; background-position: center center;}
#js-odkaz-menu {background-color: #e4282d; background-image: url('../images/tlacitko-menu.png');}


/*
.ID-hlavni-menu-BG {display: none; float: left; width: 100%; height: 100%; padding: 0; margin: 0; background: #000000; opacity: 0.5; position: fixed; top: 0; left: 0; z-index: 8888;}
*/
.ID-hlavni-menu-obal {float: left;  width: 100%; padding: 0; margin: 0; background: #ffffff; border-bottom: 1px solid #e1e1e1;}
.ID-hlavni-menu {float: left;  width: 100%; padding: 0; margin: 0 0 -1px 0; background: #ffffff; border-bottom: 1px solid #e1e1e1;}
#hlavni-menu {float: left; width: 100%; height: 62px; padding: 0; margin: 0; position: relative; z-index: 1000;}
#hlavni-menu .menu_category {float: left; padding: 0; margin: 0; list-style: none;}
#hlavni-menu .menu_category > li {float: left; padding: 0; margin: 0;}
#hlavni-menu .menu_category > li > a {float: left; padding: 0 15px 0 15px; margin: 0; height: 62px; line-height: 62px; position: relative;
font-size: 17px; font-weight: 900; color: #000000; text-decoration: none;}
/*
#hlavni-menu .menu_category:nth-child(1) > li > a {margin-left: -10px;}
*/
#hlavni-menu:hover .menu_category > li:hover > a {color: #000000; background: #ffffff; z-index: 9999;}
#hlavni-menu:hover .menu_category > li.active > a {}
#hlavni-menu:hover .menu_category > li.active:hover > a {color: #000000; background: #ffffff;}
#hlavni-menu:hover .menu_category > li.active > a {/*background: #e4282d;*/ border-bottom: 0;}
#hlavni-menu .menu_category > li.active > a {/*background: #e4282d;*/ border-bottom: 2px solid #e4282d;}


/* vysouvací­ menu */
#hlavni-menu .menu > li > ul {float: left; margin: 46px 0 0 0; padding: 12px 12px 12px 12px; list-style: none; position: absolute; z-index: 15;
visibility: hidden; background: #000000; /* border-right: 3px solid #d2d2d2; border-bottom: 3px solid #d2d2d2; border-top: 3px solid #d2d2d2; */}
#hlavni-menu .menu > li:hover > ul {visibility: visible;}

/* 1. stupeň vysunutí­ */
#hlavni-menu .menu > li > ul > li {display: block; padding: 0; margin: 0; clear: both;}
#hlavni-menu .menu > li > ul > li > a {display: block; line-height: 20px; padding: 8px 12px 8px 12px; margin: 0; background: none; border-bottom: 1px solid #404040;
font-size: 17px; line-height: 20px; font-weight: normal; color: #ffffff; text-decoration: none;}
#hlavni-menu .menu > li > ul > li > a:hover {background: #ffffff; color: #000000;}
#hlavni-menu .menu > li > ul > li:last-child > a {border-bottom: 0;}





/* vysouvací menu */
#hlavni-menu .menu_category > li > ul {float: left; margin: 0; padding: 25px 25px 5px 25px; list-style: none; top: 92px;
position: absolute; left: 0; visibility: hidden; background: #ffffff;
/*border: 5px solid #e4282d;*/ width: 1310px; width: calc(100% - 50px); box-shadow: 0px 0px 21px 0px #262626;
-webkit-transition: all 180ms;
-moz-transition: all 180ms;
transition: all 180ms;
opacity: 0;}
#hlavni-menu .menu_category > li:hover > ul {visibility: visible; opacity: 1; top: 62px;}

/* 1. stupeň vysunutí­ */
#hlavni-menu .menu_category > li > ul > li:nth-child(3n+1) {clear: left;}
#hlavni-menu .menu_category > li > ul > li {float: left; width: 33.33%; padding: 0; margin: 0 0 20px 0; min-height: 65px;}
#hlavni-menu .menu_category > li > ul > li > a {float: left; width: 100%; padding: 0; margin: 0; text-decoration: none; position: relative;}
#hlavni-menu .menu_category > li > ul > li > a > .obrazek
{float: left; width: 65px; height: 65px; padding: 0; margin: 0; text-align: center; overflow: hidden; position: absolute; left: 0; top: 0;}
#hlavni-menu .menu_category > li > ul > li > a > .obrazek img {width: auto; height: auto; padding: 0; margin: 0; max-width: 100%; max-height: 100%;}
#hlavni-menu .menu_category > li > ul > li > a > .nazev {display: block; padding: 20px 0 5px 80px; margin: 0;
font-size: 16px; font-weight: normal; color: #000000; line-height: 20px;}
#hlavni-menu .menu_category > li > ul > li > a:hover {text-decoration: underline;}


#hlavni-menu .menu_category > li > ul > li > ul {display: block; padding: 0 0 0 80px; margin: 0; list-style: none;}
#hlavni-menu .menu_category > li > ul > li > ul li
{display: inline-block; padding: 0; padding: 0 5px 0 10px; margin: 0; font-size: 14px; line-height: 20px; background: url('../images/menu-li.png') 0 6px no-repeat;}
#hlavni-menu .menu_category > li > ul > li > ul li a {text-decoration: none;}
#hlavni-menu .menu_category > li > ul > li > ul li a:hover {text-decoration: underline;}
#hlavni-menu .menu_category > li > ul > li > ul li span
{display: inline-block; width: 1px; height: 14px; padding: 0; margin: 0 7px 0 7px; background: #000; position: relative; top: 2px; /*display: none;*/}




#hlavni-menu .menu_category > li > a > .obrazek {display: none;}


.ID-navigace-obal {float: left; width: 100%; background: #ffffff; margin: 0; padding: 0;}
.ID-navigace {float: left; width: 100%; background: #ffffff; padding: 30px 0 0 0; margin: 0;}
.ID-navigace .breadcrumb {float: left; padding: 0; margin: 0; list-style: none; font-size: 16px; line-height: 22px; font-weight: normal; color: #0e0a04;}
.ID-navigace .breadcrumb li {float: left; padding: 0; margin: 0;}
.ID-navigace .breadcrumb li a {color: #0e0a04;}
.ID-navigace .breadcrumb .divider {display: inline-block; padding: 0; margin: 0 10px 0 10px; width: 6px; height: 12px; background: url('../images/li-3.png') 0 0 no-repeat;}


.ID-pod-menu-obal {float: left; width: 100%; background: #f8f8f8; margin: 0; padding: 0; border-bottom: 1px solid #e1e1e1;}
.ID-pod-menu {float: left; width: 100%; background: #f8f8f8; padding: 0; margin: 0 0 -1px 0; border-bottom: 1px solid #e1e1e1; font-size: 22px;}
.ID-pod-menu .levy {float: left; width: 86%; padding: 30px 0 30px 0; margin: 0; line-height: 30px; font-weight: bold; text-shadow: 0px 1px 10px #ffffff;
background-repeat: repeat-y; background-position: right top;}
.ID-pod-menu .levy p,
.ID-pod-menu .pravy p {padding: 0; margin: 0;}
.ID-pod-menu strong {font-size: 26px;}
.ID-pod-menu .pravy {float: left; width: 14%; padding: 0; margin: 0;}
.ID-pod-menu .pravy-div {display: block; padding: 20px 0 0 12px; margin: 0; font-weight: bold;}
.ID-pod-menu .pravy .button-facebook {display: inline-block; padding: 3px 10px 3px 10px; margin: 5px 5px 0 0; font-size: 13px; color: #ffffff; border-radius: 5px;
text-decoration: none; background: #000000;}


.ID-slider-obal {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}
.ID-slider {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}
.ID-slider ul {float: left; width: 100%; height: 100%; padding: 0; margin: 0; position: relative;}
.ID-slider ul li {float: left; width: 100%; height: 477px; padding: 0; margin: 0; list-style: none; background-position: center top;}
.ID-slider ul li .obrazek {display: none;}
.ID-slider ul li .text {float: left; width: 50%; padding: 0; margin: 0;}
.ID-slider ul li .text-div {display: block; padding: 25px; margin: 136px 0 0 0; background: rgba(255, 67, 33, 0.90);
font-size: 22px; line-height: 30px; font-weight: bold; color: #ffffff;}
.ID-slider ul li .text p {padding: 0; margin: 0;}


.ID-slider {float: left; width: 100%; height: 477px; padding: 0; margin: 0; background: #fdfdfd; position: relative;}
.ID-slider .bg-levy {float: left; width: 100%; height: 100%; padding: 0; margin: 0; background: #fdfdfd; position: absolute; top: 0; left: 0;}
.ID-slider .bg-obrazek {float: left; width: 100%; height: 100%; padding: 0; margin: 0; background: url('../images/slider.jpg') center 0 no-repeat; position: relative;}


/************************************************************************************
 * OBSAH
 ************************************************************************************/
#slider {float: left; width: 100%; height: 818px; background: #a28858 url('../images/slider.jpg') center 0 repeat-x;}
#slider.en_gb {background-image: url('../images/slider_en.jpg');}
.ID-obsah-obal {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}
.ID-obsah {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}


.ID-nadpis-obal {float: left; width: 100%; padding: 0; margin: 0; background: #a28858 url('../images/pozadi-nadpis.jpg') center 0 repeat;}
.ID-nadpis {display: table; float: left; width: 100%; height: 301px; padding: 0; margin: 0; background: #a28858 url('../images/pozadi-nadpis.jpg') center 0 repeat;}
.ID-nadpis h1 {display: table-cell; line-height: 60px; padding: 0 0 0 0; margin: 0; text-align: center; vertical-align: middle;
font-size: 50px; font-weight: bold; color: #ffffff; text-shadow: 0px 1px 10px #000000;}


.ID-pravy {float: right; width: 73%; padding: 0; margin: 0;}


.ID-levy {float: left; width: 27%; padding: 0; margin: 0;}
.ID-levy-div {display: block; padding: 0; margin: 0 15px 0 0;}
.ID-levy .modul {float: left; width: 100%; padding: 0; margin: 0 0 20px 0;}
.ID-levy .modul h2 {display: block; line-height: 26px; padding: 5px 20px 5px 20px; margin: 0;
font-size: 20px; font-weight: bold; color: #000000; text-transform: uppercase;}
.ID-levy .modul-div {display: block; padding: 10px 0 10px 0; margin: 0; background: #f4f4f4;}
.ID-levy .modul-zeleny .modul-div {border-color: #a8bf16;}
.ID-levy .modul-zeleny h2 {color: #a8bf16;}


.ID-levy ul.menu, .ID-levy ul.menu ul {display: block; padding: 0; margin: 0; list-style: none;}
.ID-levy ul.menu li {display: block; padding: 0; margin: 0;}
/* 1. stupeň */
.ID-levy ul.menu > li > a {display: block; line-height: 22px; padding: 10px 20px 10px 20px; margin: 0; border-bottom: 1px solid #cfcfcf;
font-size: 16px; font-weight: bold; color: #000000; text-decoration: none;}
.ID-levy ul.menu > li:last-child > a {border-bottom: 0;}
.ID-levy ul.menu > li > a:hover {text-decoration: underline;}
.ID-levy ul.menu > li.active > a {color: #ffffff; background-color: #e4282d;}
.ID-levy ul.menu > li > ul {background-color: #3f9f4b;}
/* 2. stupeň */
.ID-levy ul.menu ul > li > a {display: block; line-height: 19px; padding: 3px 15px 3px 45px; margin: 0; background: url('../images/li-2.png') 25px 9px no-repeat !important;
font-size: 15px; font-weight: normal; color: #ffffff; text-decoration: none;}
.ID-levy ul.menu ul > li > a:hover, .ID-levy ul.menu ul > li.active > a {text-decoration: underline;}
.ID-levy ul.menu > li > ul {padding-top: 4px; padding-bottom: 25px;}
/* 3. stupeň */
.ID-levy ul.menu ul ul > li > a {padding: 3px 15px 3px 70px; background: url('../images/li-2.png') 50px 9px no-repeat !important;}


/* Článek */
.clanek, .uzivatel-profil, .blog {float: left; width: 100%; padding: 0; margin: 0;}
.clanek strong, .uzivatel-profil strong, .blog strong {font-weight: bold;}
.clanek h1, .clanek h2, .clanek h3, .produkt-detail h1, .produkt-detail h2, .ID-vypis h2, .ID-slider ul li .text-div h1, .ID-hlavni-nadpis
{display: block; line-height: 33px; padding: 15px 0 15px 0; margin: 0; font-size: 33px; font-weight: 900; color: #e4282d; text-transform: uppercase;}
.clanek h1 strong {font-weight: 300; text-transform: none; font-size: 24px; color: #000000;}
.clanek h1 span,
.clanek h2 span {color: #000000; text-transform: uppercase;}
.clanek h2, .clanek h3
{font-size: 30px; line-height: 38px; font-weight: bold;}
.clanek h3 {font-size: 26px; line-height: 34px; font-weight: normal;}
.clanek .obrazek {margin-left: 50px; margin-top: -60px; border: 5px solid #f1f1f1; float: right; border-radius: 5px;}
.produkt-detail h1, .ID-hlavni-nadpis {padding-bottom: 25px;}
.clanek-kategorie {font-size: 18px; line-height: 22px;}


.clanek ul {padding: 0; margin: 0 0 10px 0; list-style: none;}
.clanek ul li {padding: 5px 0 5px 33px; margin: 0; background: url('../images/li.png') 14px 14px no-repeat;}
.clanek ol {padding: 0; margin: 0 0 10px 0; list-style: decimal;}
.clanek ol li {padding: 5px 0 5px 0; margin: 0 0 0 33px;}


.clanek .odkaz, .ID-navigace .odkaz, .bfQuickMode .bfSubmitButton, #odkaz-nezavazna-poptavka, .ID-kosik-modal .odkaz
{display: inline-block; line-height: 26px; padding: 10px 25px 10px 25px; margin: 5px 5px 5px 0; border: 0; border-radius: 5px;
color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none;
background: #e4282d; cursor: pointer; border: 0;}


.ID-navigace .odkaz, .bfQuickMode .bfSubmitButton
{color: #ffffff; border-color: #81b040; padding: 15px 50px 15px 50px; font-size: 20px;}


.ID-navigace .odkaz {margin-right: 0;}


.clanek hr, .simpleTabsContent hr {padding: 0; margin: 20px 0 20px 0; border-top: 1px inset #999999; border-bottom: 1px inset #ffffff; clear: both;}
.simpleTabsContent hr {margin: 30px 0 30px 0;}
.clanek img {border-color: #000000; /*width: auto;*/ height: auto; max-width: 100%; /*max-height: 100%;*/}
.clanek iframe {border-color: #000000; /*width: auto;*/ max-width: 100%; /*max-height: 100%;*/}
.clanek .bold {font-weight: bold;}

/* tabulka */
.clanek table {width: 100%; padding: 0; margin: 0 0 15px 0; border-collapse: collapse;}
.clanek table th {padding: 10px; color: #ffffff; background: #000000; font-weight: bold; font-size: 15px; text-align: left;}
.clanek table th a {color: #ffffff;}
.clanek table td {padding: 5px 10px 5px 10px;}


.tabulka {width: 100%; margin: 0 0 15px 0; border-collapse: collapse;}
.tabulka tr {width: 100%; border: 0; border-bottom: 1px solid #bfbfbf; background: #ffffff;}
.tabulka tr:nth-child(even) {background: #f2f2f2;}
.tabulka td {padding: 6px 11px 6px 11px; vertical-align: center;}
.tabulka td.levy {width: 50%; text-align: right; padding-right: 0;}
.tabulka td p {margin: 0;}


.clanek-levy {float: left; width: 340px; padding: 0; margin: 0;}
.clanek-pravy {float: right; width: 340px; padding: 0; margin: 0;}


.cwgallery {margin-top: 50px !important;}


.uzivatel-profil fieldset {border: 1px solid #cccccc; padding: 15px; margin: 10px 0 20px 0;}
.uzivatel-profil label {display: inline-block; padding: 6px 0 6px 0; margin: 0 5px 5px 0;}
.uzivatel-profil input[type=text],
.uzivatel-profil input[type=password],
.uzivatel-profil input[type=email],
.uzivatel-profil select
{display: inline-block; width: 250px; padding: 5px; margin: 0 0 5px 0; height: 22px; line-height: 22px; border: 1px solid #cccccc; background: #ffffff;}
.uzivatel-profil select {padding-right: 0; padding-top: 0; padding-bottom: 0; width: 262px; height: 32px; line-height: 32px;}
.uzivatel-profil input[type=checkbox] {display: inline-block; width: 20px; height: 20px; padding: 5px; margin: 6px 0 6px 0; border: 2px solid #cccccc; background: #ffffff;}
.uzivatel-profil .form-control-feedback {display: block;}
.uzivatel-profil .invalid .form-control-feedback {border-color: #ff0000; background: #ffeded; color: #000000;}


.uzivatel-profil .btn,
.uzivatel-profil .button {display: inline-block; line-height: 26px; padding: 10px 25px 10px 25px; margin: 5px 5px 5px 0; border: 0; border-radius: 5px;
color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; background: #e4282d; cursor: pointer; border: 0;}
.uzivatel-profil .btn-secondary {padding: 5px 10px 5px 10px;}
.uzivatel-profil .list-group a {display: inline-block; line-height: 26px; padding: 5px 10px 5px 10px; margin: 5px 5px 5px 0; border: 2px solid #000000; border-radius: 5px;
color: #000000; font-size: 16px; font-weight: bold; text-decoration: none; background: #f8f8f8; cursor: pointer;}


/************************************************************************************
 * PATIČKA
 ************************************************************************************/
.ID-boxy-obal {float: left; width: 100%; padding: 0; margin: 0; background: #f8f8f8;}
.ID-boxy {float: left; width: 100%; padding: 50px 0 25px 0; margin: 0; font-size: 17px; line-height: 24px; color: #000000; font-weight: 300; background: #f8f8f8; position: relative;}
.ID-boxy .bg-image-1 {position: absolute; left: 0; top: -84px; width: 0;}
.ID-boxy .bg-image-1 span {display: block; position: relative; left: -242px; width: 198px; height: 555px; background: url('../images/bg-image-1.jpg') 0 0 no-repeat;}
.ID-boxy .bg-image-2 {position: absolute; right: 0; top: -84px; width: 0;}
.ID-boxy .bg-image-2 span {display: block; position: relative; left: 40px; width: 198px; height: 555px; background: url('../images/bg-image-2.jpg') 0 0 no-repeat;}
.ID-boxy strong {font-weight: bold;}
.ID-boxy a {color: #000000;}
.ID-boxy ul {padding: 0; margin: 0 0 10px 0; list-style: none;}
.ID-boxy ul li {padding: 6px 0 6px 38px; margin: 0; line-height: 20px; background: url('../images/li-3.png') 15px 9px no-repeat;}
.ID-boxy ul li a {color: #000000;}
.ID-boxy .boxy {float: left; width: 25%; padding: 0; margin: 0; position: relative;}
.ID-boxy .box {padding: 0; margin: 0 35px 35px 0;}
.ID-boxy .boxy-1 {width: 25%;}
.ID-boxy .boxy-2 {width: 25%;}
.ID-boxy .boxy-3 {width: 25%;}
.ID-boxy .boxy-4 {width: 25%;}
.ID-boxy .boxy-4 .box {margin-right: 0; margin-bottom: 0;}
.ID-boxy .box h3.nadpis {display: block; padding: 0 0 15px 0; margin: 0; font-size: 20px; line-height: 26px; font-weight: 900; color: #000000; text-transform: uppercase;}


.ID-paticka-obal {float: left; width: 100%; padding: 0; margin: 0;}
.ID-paticka {display: block; padding: 30px 0 30px 0; margin: 0; font-size: 15px; color: #000000; line-height: 22px; text-align: center; font-weight: 300; border-top: 1px solid #e7e7e7;}
.ID-paticka a {color: #000000; text-decoration: none;}
.ID-paticka a:hover {text-decoration: underline;}
.ID-paticka p {padding: 0; margin: 0;}


/************************************************************************************
 * OSTATNÍ
 ************************************************************************************/
p {padding: 0; margin: 0 0 15px 0;}
a {color: #000000; text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: 0;}
iframe {border: 0; padding: 0; margin: 0;}
.clr, .clear {clear: both; padding: 0; margin: 0;}
.clanek .clr {height: 0px;}
::selection {color: #ffffff; background: #b3223a;}
::-moz-selection {color: #ffffff; background: #b3223a;}
input, textarea, button, select, a {outline: none;}
input[type='text'], textarea, button, select, a {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
input.invalid, select.invalid, textarea.invalid {border-color: #ff0000 !important; background: #ffeded !important; color: #000000 !important;}
.line-through {text-decoration: line-through;}

.result-result {display: block; padding: 5px 0 5px 0; margin: 5px 0 5px 0; border-bottom: 1px solid #dfe0de;}
.result-image {float: left; width: 200px; padding: 0; margin: 0 10px 10px 0;}

.result-result .cena {display: block; padding: 0 0 5px 0; margin: 0;
color: #000000; font-weight: 800; font-size: 16px; line-height: 39px;}
.result-result .cena span.PricesalesPrice {color: #000000; font-size: 22px; padding-left: 10px;}






/* Systémové zprávy */
#system-message {float: left; width: 100%; padding: 0; margin: 0; position: relative; z-index: 500;}
#system-message dt {display: none;}
#system-message dd {float: left; width: 100%; padding: 0; margin: 0;}

#system-message dd ul {list-style: none; padding: 15px 30px 15px 30px; margin: 10px 0 10px 0; background: #bf0000;}
#system-message dd ul li {font-size: 15px; line-height: 20px; padding: 0; margin: 10px 0 10px 0; font-weight: bold; color: #ffffff;}
#system-message dd ul li a {color: #ffffff;}
#system-message dd.error ul {}
#system-message dd.message ul {}
#system-message dd.notice ul {}


/* Systémové tipy */
.cftooltip {}
.cftooltip .tip {float: left; padding: 5px; margin: -10px 0 0 10px; border: 1px solid #000000; background: #3f9f4b;
font-size: 15px; font-weight: bold; color: #ffffff; line-height: 20px; max-width: 250px; border-radius: 5px; z-index: 9999 !important;}
















.popover {position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); white-space: normal;}
.popover.top {margin-top: -10px;}
.popover.right {margin-left: 10px;}
.popover.bottom {margin-top: 10px;}
.popover.left {margin-left: -10px;}
.popover-title {margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.popover-title:empty {display: none;}
.popover-content {padding: 9px 14px;}
.popover .arrow,
.popover .arrow:after {position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;}
.popover .arrow {border-width: 11px;}
.popover .arrow:after {border-width: 10px; content: "";}
.popover.top .arrow {left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0,0,0,0.25); bottom: -11px;}
.popover.top .arrow:after {bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff;}
.popover.right .arrow {top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,0.25);}
.popover.right .arrow:after {left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff;}
.popover.bottom .arrow {left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,0.25); top: -11px;}
.popover.bottom .arrow:after {top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff;}
.popover.left .arrow {top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,0.25);}
.popover.left .arrow:after {right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px;}




joomla-alert {--jui-alert-margin: 0 0 0 0;}


.alert
{padding: 8px 35px 8px 14px; margin-top: 10px; margin-bottom: 10px; background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; font-weight: bold;}
.alert .close {float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000; opacity: 0.7; filter: alpha(opacity=70); border-radius: 3px;
padding: 3px 5px 3px 5px; text-decoration: none; position: relative; top: -3px; right: -29px; line-height: 18px; cursor: pointer;}
.alert .close:hover,
.alert .close:focus {color: #000; text-decoration: none; cursor: pointer; opacity: 0.9; filter: alpha(opacity=90); background: #ffffff;}
.alert,
.alert h4 {color: #c09853;}
.alert h4 {margin: 0 0 .5em;}
.alert-success, .alert-notice {background-color: #dff0d8; border-color: #d6e9c6;	color: #177318;}
.alert-success h4, .alert-notice h4 {color: #177318;}
.alert-warning {color: #66512c;}
.alert-warning h4 {color: #66512c;}
.alert-danger,
.alert-error {background-color: #f2dede; border-color: #eed3d7; color: #9d261d;}
.alert-danger h4,
.alert-error h4 {color: #9d261d;}
.alert-info {background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad;}
.alert-info h4 {color: #3a87ad;}
.alert-block {padding-top: 14px; padding-bottom: 14px;}
.alert-block > p,
.alert-block > ul {margin-bottom: 0;}
.alert-block p + p {margin-top: 5px;}

.alert-link {font-weight: bold;}
.alert .alert-link {color: #a47e3c;}
.alert-success .alert-link {color: #356635;}
.alert-danger .alert-link,
.alert-error .alert-link {color: #953b39;}
.alert-info .alert-link {color: #2d6987;}

.alert-options {float: right;	line-height: 18px; color: #000; opacity: 0.2; filter: alpha(opacity=20);}
.alert-options:hover,
.alert-options:focus {color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40);}















input:focus, select:focus, textarea:focus {}


/* Navigační lišta */
.pagination {float: left; width: 100%; padding: 0; margin: 20px 0 15px 0; text-align: center; line-height: 45px; font-size: 15px; font-weight: normal;}
.pagination ul {display: inline-block; padding: 0; margin: 0; list-style: none;}
.pagination ul li {display: inline-block; padding: 0; margin: 0 1px 0 1px;}
.pagination ul li .pagenav,
.pagination ul li .page-link
 {display: inline-block; line-height: 45px; padding: 0 16px 0 16px; margin: 0; text-decoration: none;
font-size: 21px; font-weight: 800; color: #ffffff; background: #e4282d; border-radius: 22px; text-shadow: 0 1px 0 #000000;}
.pagination ul li a.pagenav,
.pagination ul li a.page-link {color: #ffffff; background: #939393;}
.pagination ul li.active a.page-link {color: #ffffff; background: #e4282d;}
.pagination ul li a.pagenav:hover,
.pagination ul li a.page-link:hover {color: #ffffff; background: #000000;}
/*
.pagination .pagination-start, .pagination .pagination-end, .pagination .pagination-prev, .pagination .pagination-next {display: none;}
*/
.pagination .vysledky {float: left;}
.pagination .strana {float: right;}


.com-content-category-blog__counter {text-align: center; margin: 20px 0 0 0;}


/* formuláře */
.bfQuickMode .bfElemWrap {float: left; width: 100%; padding: 0; margin: 0 0 20px 0; background-color: none !important;}
.bfQuickMode .bfNoSection {margin: 0 !important;}
.bfQuickMode span.bfElemWrap {width: 50%; width: calc(50% - 10px); padding: 0 !important; margin: 0 0 20px 0 !important;}
.bfQuickMode section.bfElemWrap {width: 100%; padding: 0 !important; margin: 0 0 20px 0 !important;}
.bfQuickMode .bfNoSection span.bfElemWrap:nth-child(2n+1) {margin-right: 10px !important;}
.bfQuickMode .bfNoSection span.bfElemWrap:nth-child(2n+2) {margin-left: 10px !important;}
.bfQuickMode .bfElemWrap label {float: left; width: 100% !important; padding: 5px 0 5px 0 !important; margin: 0 !important;}
.bfQuickMode .bfElemWrap input[type="text"], .bfQuickMode .bfElemWrap textarea
{width: 98% !important; width: calc(100% - 28px) !important; line-height: 24px; padding: 5px 10px 5px 10px !important; margin: 0 !important; border: 4px solid #e5e5e5 !important; border-radius: 5px;}
.bfQuickMode .bfElemWrap textarea {line-height: 24px; height: 150px;}
.bfQuickMode .bfSubmitButton {float: left !important; margin-top: 0 !important;}


.bfQuickMode .bfElemWrap input[type="checkbox"] {width: 30px !important; width: 30px !important;}


.bfQuickMode .icon-asterisk:after {content: '*'; font-size: 18px;}


.bfQuickMode .form-inline {float: left; width: 100%;}
.bfQuickMode .form-inline #bfCaptchaEntry {float: left;}
.bfQuickMode .form-inline button.ff_elem {float: left; width: 50px; height: 42px; margin: 0 0 0 -5px; cursor: pointer;
background: #cccccc url('/components/com_breezingforms/images/captcha/refresh-captcha.png') center center no-repeat; border: 0; border-radius: 0 5px 5px 0;}


.bfQuickMode .icon-upload {float: left; width: 64px; height: 64px; margin: 0; cursor: pointer;
background: url('/media/breezingforms/themes/default/img/upload.png') center center no-repeat; border: 0;}
.bfQuickMode .bfFileQueueItem {float: left; margin: 5px 10px 5px 0;}
.bfQuickMode #bfFileQueue {width: 280px;}






/* kontaktní formulář */
.kontaktni-formular, .kontaktni-formular .pole {float: left; width: 100%; padding: 0; margin: 0;}
.kontaktni-formular .pole label {float: left; width: 94px; height: 43px; line-height: 43px; padding: 0; margin: 0;}
.kontaktni-formular .pole input, .kontaktni-formular textarea {float: left; width: 262px; height: 21px; line-height: 21px; padding: 10px 14px 10px 14px; margin: 0 0 9px 0;
border: 1px solid #c6c6c6; background: #eeeff1; font-family: Roboto, arial, sans-serif; font-size: 15px;}
.kontaktni-formular textarea {width: 380px; height: 116px; padding: 14px;}
.kontaktni-formular .kopie {float: left; height: 60px; line-height: 60px; padding: 0; margin: 0;}
.kontaktni-formular .kopie #jform_contact_email_copy {float: left; margin: 24px 10px 0 20px;}



/* fotogalerie */
.fotogalerie {float: left; width: 103%; padding: 0; margin: 0;}
.fotogalerie .obrazek {float: left; width: 33.33%; padding: 0; margin: 0 10px 10px 0; border: 0;}
.fotogalerie .obrazek .foto {float: left; width: 100%; height: 250px; padding: 0; margin: 0; border: 5px solid #f1f1f1; overflow: hidden; border-radius: 5px;}
.fotogalerie .obrazek .foto img {float: left; padding: 0; margin: 0;}
.fotogalerie .obrazek .nazev {float: left; width: 100%; padding: 5px 0 5px 0; margin: 0; text-align: center; font-size: 20px; line-height: 26px;}
.fotogalerie .obrazek p {float: left; padding: 0; margin: 0;}













/************************************************************************************
 * ESHOP
 ************************************************************************************/
.ID-banner-02 {float: left; width: 100%; margin: 0; padding: 0;}
.ID-banner-02-div {display: block; padding: 0; margin: 0; position: relative;}
.ID-banner-02 .slider_div {float: left; width: 100%; padding: 0; margin: 0; display: none;}
.ID-banner-02 .slider_div.open {display: block;}


.ID-banner-02 .slider_control_nav {float: left; width: 100%; padding: 0; margin: 0 0 20px 0; list-style: none; text-align: left;}
.ID-banner-02 .slider_control_nav li {display: inline-block; width: 20px; height: 20px; padding: 0; margin: 0 5px 5px 0; background: #a6a6a6; border-radius: 50%; text-indent: -9999px;
font-size: 12px; line-height: 20px; font-weight: normal; color: #ffffff; cursor: pointer;}
.ID-banner-02 .slider_control_nav li.open {background: #e4282d; color: #ffffff; cursor: default;}





.ID-kategorie-obal {float: left; width: 100%; padding: 0; margin: 0; background: #eaeaea;}
.ID-kategorie {float: left; width: 100%; padding: 60px 0 40px 0; margin: 0; background: #eaeaea;}
.ID-kategorie .menu_category {float: left; width: 100%; padding: 0; margin: 0; list-style: none;}
.ID-kategorie .menu_category li {float: left; width: 20%; padding: 0; margin: 0;}
.ID-kategorie .menu_category li .li-div {display: block; padding: 0 7px 20px 7px; margin: 0; text-align: center;}
.ID-kategorie .menu_category li .obrazek {display: table; width: 100%; padding: 0; margin: 0 0 20px 0; text-align: center; overflow: hidden; line-height: 0;}
.ID-kategorie .menu_category li .obrazek div {display: table-cell; height: 185px; padding: 0; margin: 0; vertical-align: middle;}
.ID-kategorie .menu_category li .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 100%;}
.ID-kategorie .menu_category li .obrazek a {float: left; width: 100%; height: 100%;}
.ID-kategorie .menu_category li .nazev {display: block; font-weight: bold;}





.ID-vypis-kategorie {float: left; width: 100%; padding: 0; margin: -8px 0 20px 0; list-style: none;}
.ID-vypis-kategorie-kopie {margin: 10px 0 0 0;}
.ID-vypis-kategorie .row {display: flex;}
.ID-vypis-kategorie .li {display: flex; float: left; width: 33.33%; padding: 0; margin: 0;}
.ID-vypis-kategorie .li a {display: block; padding: 5px; margin: 8px 8px 0 0; border: 1px solid #e1e1e1; color: #000000; text-decoration: none; flex: 1; transition: linear 0.15s;}
.ID-vypis-kategorie .li:hover a {box-shadow: 0px 0px 10px 3px #e5e5e5;}
.ID-vypis-kategorie .li.konec a {margin-right: 0;}
.ID-vypis-kategorie .li:nth-child(4n+1) a {margin-left: 0; margin-right: 6px;}
.ID-vypis-kategorie .li:nth-child(4n+2) a {margin-left: 2px; margin-right: 4px;}
.ID-vypis-kategorie .li:nth-child(4n+3) a {margin-left: 4px; margin-right: 2px;}
.ID-vypis-kategorie .li:nth-child(4n+4) a {margin-left: 6px; margin-right: 0;}
.ID-vypis-kategorie .li_clr {float: left; height: 0; width: 100%; padding: 0; margin: 0; border: 0;}
.ID-vypis-kategorie .li .obrazek {float: left; width: 20%; height: 100%; padding: 0; margin: 0;}
.ID-vypis-kategorie .li .obrazek .obal_1 {display: table; width: 100%; height: 100%; padding: 0; margin: 0; text-align: center;}
.ID-vypis-kategorie .li .obrazek .obal_2 {display: table-cell; padding: 0; margin: 0; vertical-align: middle; text-align: center; line-height: 0;}
.ID-vypis-kategorie .li .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 64px; padding: 0; margin: 0;}
.ID-vypis-kategorie .li .nazev {float: left; width: 80%; height: 100%; padding: 0; margin: 0;}
.ID-vypis-kategorie .li .nazev .obal_1 {display: table; width: 100%; height: 100%; padding: 0; margin: 0;}
.ID-vypis-kategorie .li .nazev .obal_2 {display: table-cell; padding: 0; margin: 0; vertical-align: middle;}
.ID-vypis-kategorie .li .nazev h2 {display: block; text-decoration: none; padding: 0; margin: 0 0 0 5px; line-height: 24px; font-size: 17px; font-weight: bold; color: #000000;}
.ID-vypis-kategorie .li .nazev h2 span {font-size: 13px; font-weight: normal; color: #000000;}




#fancybox-wrap {z-index: 99999;}


.ID-kosik-modal {display: block; width: 450px; font-size: 14px; line-height: 22px; padding: 0; margin: 0; text-align: center;}
.ID-kosik-modal h4 {display: block; line-height: 22px; padding: 10px 0 10px 0; margin: 0; font-size: 15px; font-weight: 800; color: #000000; text-transform: uppercase;}

.ID-kosik-modal .produkt {float: left; width: 25%; font-size: 13px; line-height: 16px;}
.ID-kosik-modal .produkt .produkt-div {padding: 8px; text-align: center;}
.ID-kosik-modal .produkt .obrazek {float: left; width: 100%; padding: 0; margin: 0;}
.ID-kosik-modal .produkt .obrazek-div
{display: block; height: 65px; border: 1px solid #c6c6c6; background: #fff; padding: 3px; margin: 0 0 5px 0; overflow: hidden;}
.ID-kosik-modal .produkt .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 100%;}

.ID-kosik-modal .odsazeni {display: block; padding: 0; margin: 0 0 10px 0;}
.ID-kosik-modal .produk-obrazek {padding: 0; margin: 5px 0 5px 0; max-width: 200px; max-height: 200px;}

.ID-kosik-modal .navigace {display: block; padding: 10px; margin: 0; background: #e2e2e2; text-align: center;}
.ID-kosik-modal .odkaz {margin: 5px; border-radius: 3px; padding: 4px 10px 3px 10px; font-size: 16px; text-transform: uppercase;}
.ID-kosik-modal .odkaz-pokracovat {background: #4f4f50;}






.ID-vypis-razeni {float: left; width: 100%; padding: 0; margin: 0 0 -1px 0; border-bottom: 1px solid #d5d5d5;}
.ID-vypis-razeni a {float: left; line-height: 24px; padding: 5px 10px 5px 10px; margin: 7px 7px 0 0; border-top: 2px solid #ffffff;
color: #000000; font-size: 15px; font-weight: bold; text-decoration: none; background: #ebebeb;}
.ID-vypis-razeni div.active a {background: #ffffff; color: #000000; border-top: 2px solid #e4282d;}




.ID-vypis {float: left; width: 100%; padding: 0; margin: 0;}
.ID-vypis .produkty {float: left; width: 100%; padding: 0; margin: 0 0 20px 0; border-bottom: 1px solid #d5d5d5;}
.ID-vypis .produkty-div {display: block; padding: 0; margin: 0 0 0 0; border: 1px solid #e1e1e1; box-shadow: 0px 0px 10px 3px #ededed; text-align: center;}
.ID-vypis .produkty .row {display: flex;}
.ID-vypis .produkt {display: flex; float: left; width: 25%; padding: 0; margin: -1px 0 0 0;}
.ID-vypis .row-5 .produkt {width: 20%;}
.ID-vypis .row-4 .produkt:nth-child(4n+1) .produkt-div {border-left: 0;}
.ID-vypis .row-4 .produkt:nth-child(4n+2) .produkt-div {margin-left: -1px;}
.ID-vypis .row-4 .produkt:nth-child(4n+3) .produkt-div {margin-left: -1px;}
.ID-vypis .row-4 .produkt:nth-child(4n+4) .produkt-div {border-right: 0; margin-left: -1px;}
.ID-vypis .row-3 .produkt {width: 33.33%;}
.ID-vypis .row-3 .produkt:nth-child(3n+1) .produkt-div {border-left: 0;}
.ID-vypis .row-3 .produkt:nth-child(3n+2) .produkt-div {margin-left: -1px;}
.ID-vypis .row-3 .produkt:nth-child(3n+3) .produkt-div {border-right: 0; margin-left: -1px;}
.ID-vypis .produkt-div {flex: 1; display: block; padding: 30px 20px 20px 20px; margin: 0; position: relative; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; transition: linear 0.15s;}
.ID-vypis .produkt-div:hover {box-shadow: 0px 0px 24px 0px #e4e4e4;}
/*
.ID-vypis .row-3 .produkt-div {width: 33.33%;}
.ID-vypis .row-4 .produkt-div {width: 25%;}
*/

.ID-vypis .produkt .obrazek {display: table; width: 100%; height: 190px; padding: 0 0 15px 0; margin: 0; text-align: center; overflow: hidden;}
.ID-vypis .produkt .obrazek div {display: table-cell; padding: 0; margin: 0; vertical-align: middle; line-height: 0;}
.ID-vypis .produkt .obrazek a {display: block; padding: 0; margin: 0; line-height: 0;}
.ID-vypis .produkt .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 190px; padding: 0; margin: 0;}
.ID-vypis .produkt h3 {display: block; line-height: 26px; padding: 0 0 15px 0; margin: 0; color: #000000; font-size: 20px; font-weight: 500;}
.ID-vypis .produkt h3 a {display: block; color: #000000; text-decoration: underline;}
.ID-vypis .produkt h3 a:hover {text-decoration: none;}
.ID-vypis .produkt .cena {display: block; line-height: 26px; padding: 0; margin: 0 0 10px 0; color: #000000; font-size: 20px; font-weight: 900;}
.ID-vypis .produkt .cena-puvodni {text-decoration: line-through; font-weight: normal;}

.ID-vypis .produkt .dostupnost {display: block; padding: 0; margin: 0 0 10px 0; color: #e4282d; font-size: 15px; line-height: 20px;}
.ID-vypis .produkt .dostupnost div.green {color: #438700;}
.ID-vypis .produkt .dostupnost div.red {color: #d2000d; color: #438700;}
.ID-vypis .produkt .admin_only {display: block; padding: 0; margin: 15px 0 0 0; text-align: center; font-size: 15px; color: #000000; font-weight: normal;}
.ID-vypis .produkt .admin_only a {color: #000000; font-weight: 800;}
.ID-vypis .produkt .popisek {float: left; width: 100%; padding: 0; margin: 10px 0 0 0; color: #000000; font-size: 15px; line-height: 20px;}
.ID-vypis .produkt .popisek img {width: auto; height: auto; max-width: 100%;}

.ID-vypis .produkt .informace {display: block; padding: 0; margin: 0;}
.ID-vypis .produkt .informace .odkaz {float: right; padding: 4px 20px 4px 20px; margin: 0; font-size: 16px; line-height: 22px; font-weight: bold; text-transform: uppercase; border: 2px solid #000000; text-decoration: none;}

.ID-vypis .produkt .statusy,
.produkt-detail .leva-strana .velky-obrazek .statusy {float: left; width: 100%; padding: 0; margin: 0 0 7px 0; position: absolute; left: 6px; top: 6px; text-align: left; line-height: 0;}
.ID-vypis .produkt .statusy div,
.produkt-detail .leva-strana .velky-obrazek .statusy div {display: inline-block; line-height: 15px; padding: 2px 6px 2px 6px; margin: 0 4px 4px 0; background: #479317;
color: #ffffff; font-size: 12px; font-weight: bold; text-transform: uppercase; position: relative; z-index: 2;}
.ID-vypis .produkt .statusy .status-akce,
.produkt-detail .leva-strana .velky-obrazek .statusy .status-akce {background: #dd1a06;}
.ID-vypis .produkt .statusy .status-doporuceno,
.produkt-detail .leva-strana .velky-obrazek .statusy .status-doporuceno {background: #e73e9b;}


.ID-vypis-2 {float: left; width: 100%; padding: 0; margin: 0;}
.ID-vypis .nadpis, .ID-vypis-2 .nadpis {padding: 25px 0 25px 0;}
.produkt-detail .ID-vypis {padding: 20px 0 0 0;}
.produkt-detail .ID-vypis .nadpis {color: #000000;}
.ID-vypis-2 .produkt {float: left; width: 16.66%; padding: 0; margin: 0;}
.ID-vypis-2 .produkt-div {display: block; padding: 0; margin: 0 12px 20px 12px; position: relative;}

.ID-vypis-2 .produkt .obrazek {display: table; width: 100%; height: 100px; padding: 0 0 10px 0; margin: 0; text-align: center; overflow: hidden;}
.ID-vypis-2 .produkt .obrazek div {display: table-cell; padding: 0; margin: 0; vertical-align: middle;}
.ID-vypis-2 .produkt .obrazek img {max-width: 100%; max-height: 100px; border-radius: 5px;}
.ID-vypis-2 .produkt h3 {display: block; line-height: 20px; padding: 0 0 15px 0; margin: 0;
color: #000000; font-family: Open Sans, arial, sans-serif; font-size: 14px; font-weight: normal; text-align: center;}
.ID-vypis-2 .produkt h3 a {color: #000000; text-decoration: underline;}
.ID-vypis-2 .produkt h3 a:hover {text-decoration: none;}

.ID-vypis-2 .produkt .informace {display: block; padding: 0; margin: 0;}
.ID-vypis-2 .produkt .informace .cena {float: left; width: 100%; line-height: 22px; padding: 0; margin: 0; text-align: center;
color: #479317; font-size: 16px; font-weight: bold; font-family: Open Sans, arial, sans-serif;}


.ID-vypis-filtr {float: left; width: 100%; padding: 0; margin: 0 0 20px 0; font-size: 15px; line-height: 22px;}
.ID-vypis-filtr .ID-vypis-filtr-div {display: block; padding: 3px 3px 3px 10px; margin: 0; border: 1px solid #d5d5d5;}


.ID-vypis-filtr .vysledku-na-stranku {float: right; padding: 0; margin: 0;}
.ID-vypis-filtr .vysledku-na-stranku .nadpis {float: left; padding: 4px 5px 4px 0; margin: 0;}
.ID-vypis-filtr .vysledku-na-stranku select.inputbox
{float: left; width: 100px; font-size: 15px; height: 30px; line-height: 30px; padding: 0 5px 0 5px; margin: 0; background: #e1e1e1; border: 0; font-weight: bold;}


.ID-vypis-filtr .pocet-produktu {float: left; padding: 4px 0 4px 0; margin: 0;}
.ID-vypis-filtr .pocet-produktu span {font-weight: bold;}














#popis-kategorie {margin: 50px 0 50px 0;}
#js-odkaz-menu-popis-kategorie {display: none; line-height: 29px; padding: 5px 15px 5px 15px; margin: 35px 0 35px 0; background: #c6c6c6;
font-size: 16px; font-weight: 800; color: #000000; text-transform: uppercase; cursor: pointer;
position: relative; z-index: 5;}
#js-odkaz-menu-popis-kategorie.open {padding-bottom: 0;}
#js-odkaz-menu-popis-kategorie .title_2 {display: none;}
#js-odkaz-menu-popis-kategorie.open .title_2 {display: block;}
#js-odkaz-menu-popis-kategorie.open .title_1 {display: none;}
#js-odkaz-menu-popis-kategorie .toggle {float: right; width: 11px; height: 11px; margin: 10px 0 0 0;
background: url('../images/menu-li-3.png') 0 0 no-repeat;}
#js-odkaz-menu-popis-kategorie.open .toggle {background-position: 0 -98px;}











.produkt-detail {float: left; width: 100%; padding: 0; margin: 0 0 40px 0;}
.produkt-detail .clanek {width: 70%;}
.produkt-detail .leva-strana {float: left; width: 52%; padding: 0; margin: 0 0 40px 0;}
.produkt-detail .leva-strana-div {margin: 0;}
.produkt-detail .leva-strana .obrazky {float: left; width: 100%; padding: 0; margin: 0; position: relative;}
.produkt-detail .leva-strana .obrazky-div {display: block; padding: 0; margin: 0; border: 1px solid #e1e1e1;}
.produkt-detail .leva-strana .velky-obrazek {display: block; padding: 0; margin: 0 0 -1px 0; border-bottom: 1px solid #e1e1e1; position: relative; text-align: center; overflow: hidden;}
.produkt-detail .leva-strana .velky-obrazek a {display: block; padding: 20px; margin: 0; line-height: 0; transition: all 300ms linear;}
.produkt-detail .leva-strana .velky-obrazek a:hover {transform: scale(1.15); /*opacity: 0.5;*/}
.produkt-detail .leva-strana .velky-obrazek img {width: auto; height: auto; max-width: 100%; max-height: 500px; padding: 0; margin: 0;}


.produkt-detail .leva-strana .velky-obrazek.archive img {opacity: 0.5;}
.produkt-detail .leva-strana .velky-obrazek .img_archive {float: left; width: 100%; position: absolute; top: 45%; left: 0;}
.produkt-detail .leva-strana .velky-obrazek .img_archive .title
{display: block; background: #000000; padding: 10px 10px 10px 10px; border-radius: 0; text-transform: uppercase;
font-size: 20px; line-height: 24px; font-weight: bold; color: #ffffff; text-align: center;}


.produkt-detail .leva-strana .obrazky .nahledy {float: left; width: 100%; padding: 0; margin: 0;}
.produkt-detail .leva-strana .obrazky .nahledy .obrazek {float: left; width: 25%; padding: 0; margin: 0; overflow: hidden;}
.produkt-detail .leva-strana .obrazky .nahledy .obrazek-div {display: block; padding: 0; margin: 0 0 -1px 0; border: 1px solid #e1e1e1; border-left: 0; overflow: hidden; text-align: center;}
.produkt-detail .leva-strana .obrazky .nahledy .obrazek .div {display: table; width: 100%; height: 100%; padding: 0; margin: 0; text-align: center; transition: all 300ms linear;}
/*
.produkt-detail .leva-strana .obrazky .nahledy .obrazek:hover .div {transform: scale(1.30);}
*/
.produkt-detail .leva-strana .obrazky .nahledy .obrazek:hover .div {opacity: 0.85;}
.produkt-detail .leva-strana .obrazky .nahledy .obrazek:nth-child(4n+4) .obrazek-div {border-right: 0;}
.produkt-detail .leva-strana .obrazky .nahledy .obrazek a {display: table-cell; padding: 0; margin: 0; width: 100%; height: 98px; line-height: 0; vertical-align: middle;}
.produkt-detail .leva-strana .obrazky .nahledy .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 100%; padding: 0; margin: 0;}


.produkt-detail .prava-strana {float: right; width: 48%; padding: 0; margin: 0 0 40px 0;}
.produkt-detail .prava-strana p {padding: 0; margin: 0;}
.produkt-detail .prava-strana img {max-width: 100%; height: auto;}
.produkt-detail .prava-strana-div-1 {display: block; padding: 30px 30px 30px 30px; margin: 0; background: #f8f8f8;}
.produkt-detail .prava-strana-div-2 {display: block; padding: 30px 70px 30px 30px; margin: 0; background: #e3edd9; position: relative;}
.produkt-detail .prava-strana-div-2:after {content: ''; position: absolute; top: 35px; right: 35px; display: block; width: 32px; height: 32px;
background: url('../images/ikonka-otaznik.png') 0 0 no-repeat;}
.produkt-detail .prava-strana .produkt-text-pole-1 {float: left; width: 50%; padding: 0; margin: 0 0 25px 0; font-weight: 900; font-size: 15px; line-height: 20px;}
.produkt-detail .prava-strana .produkt-text-pole-1-div {display: block; padding: 0 10px 0 35px; margin: 0; font-weight: 900; font-size: 15px; line-height: 20px;
background: url('../images/ikonka-telefon-3.png') 4px 0 no-repeat;}


.produkt-detail .prava-strana .dostupnost {float: right; width: 50%; line-height: 20px; padding: 0; margin: 0 0 25px 0; text-align: right;}
.produkt-detail .prava-strana .dostupnost div {display: inline-block; line-height: 16px; padding: 0; margin: 0;
color: #438700; font-size: 15px; font-weight: 900; text-transform: uppercase;}
/*
.produkt-detail .prava-strana .dostupnost div.red {color: #d2000d;}
*/


.produkt-detail .prava-strana .popisek {display: block; padding: 15px 0 0 0; margin: 0;}


.produkt-detail .prava-strana .informace {display: block; padding: 15px 0 15px 0; margin: 0 0 0 0; border-bottom: 2px solid #f3f3f3; line-height: 40px;
color: #000000; font-size: 16px; font-weight: normal;}
.produkt-detail .prava-strana .informace span.hodnota
{float: right;}


.produkt-detail .prava-strana .ceny {float: left; width: 50%; padding: 0; margin: 0;}
.produkt-detail .prava-strana .product-price {display: block; padding: 15px 10px 15px 0; margin: 0; line-height: 30px;
color: #000000; font-size: 16px; font-weight: normal;}
.produkt-detail .prava-strana .vm-price-desc {display: inline-block; padding: 0 5px 0 0; margin: 0;}


.produkt-detail .prava-strana .product-price span.PricepriceWithoutTax,
.produkt-detail .prava-strana .product-price span.PricesalesPrice,
.produkt-detail .prava-strana .product-price span.PricebasePriceWithTax,
.produkt-detail .prava-strana .product-price span.PricediscountAmount,
.produkt-detail .prava-strana .product-price span.montaz
{/*float: right;*/}
.produkt-detail .prava-strana .product-price .PricepriceWithoutTax span.PricepriceWithoutTax
{font-size: 17px;}
.produkt-detail .prava-strana .product-price span.montaz
{font-size: 17px; font-weight: 800;}
.produkt-detail .prava-strana .product-price .PricesalesPrice span.PricesalesPrice
{line-height: 40px; color: #438700; font-size: 35px; font-weight: 900; float: none; display: block;}
.produkt-detail .prava-strana .product-price span.PricebasePriceWithTax
{position: relative;}
.produkt-detail .prava-strana .product-price span.PricebasePriceWithTax:after {content: ''; width: 100%; height: 1px; position: absolute; background: #000000; top: 9px; left: 0;}


.produkt-detail .prava-strana .text-pole-hlavni {float: right; width: 50%; padding: 0; margin: 25px 0 0 0;}
.produkt-detail .prava-strana .produkt-text-pole-2 {float: right; padding: 0; margin: 0;}
.produkt-detail .prava-strana .produkt-text-pole-2-div {display: block; padding: 0 0 15px 35px; margin: 0; font-weight: 900; font-size: 15px; line-height: 20px; color: #e4282d;
background: url('../images/ikonka-zaruka.png') 0 0 no-repeat;}
.produkt-detail .prava-strana .produkt-text-pole-3 {float: right; padding: 0; margin: 0;}
.produkt-detail .prava-strana .produkt-text-pole-3-div {display: block; padding: 0 0 15px 35px; margin: 0; font-weight: 900; font-size: 15px; line-height: 20px; color: #438700;
background: url('../images/ikonka-ok.png') 2px 0 no-repeat;}





.produkt-detail .prava-strana .addtocart-area {float: left; width: 100%; padding: 0; margin: 0 0 4px 0;}
.produkt-detail .prava-strana .addtocart-area .quantity-input {float: left; width: 46px; height: 46px; line-height: 46px; padding: 0 0 0 0; margin: 0; border: 1px solid #cfcfcf;
color: #000000; font-size: 18px; font-weight: normal; font-family: Roboto, arial, sans-serif; text-align: center; border-radius: 5px 0 0 5px;}
.produkt-detail .prava-strana .addtocart-area input.addtocart-button,
.produkt-detail .prava-strana .addtocart-area .addtocart-button-disabled,
.produkt-detail .prava-strana #ID-cena-na-dotaz-btn
{float: left; height: 48px; line-height: 48px; padding: 0 20px 0 20px; margin: 0 0 0 -1px; border: 0;
color: #ffffff; font-size: 18px; font-weight: 800; font-family: Roboto, arial, sans-serif; text-decoration: none; text-transform: uppercase;
background: #438700; border-radius: 0 5px 5px 0; cursor: pointer;}
.produkt-detail .prava-strana .a
{text-decoration: underline; cursor: pointer; color: #000000;}
.produkt-detail .prava-strana .a:hover
{text-decoration: none;}
.produkt-detail .prava-strana .vyzvednuti_na_prodejne {color: #438700;}
.produkt-detail .prava-strana .addtocart-button-disabled {background: #4f4f50;}
.produkt-detail .prava-strana #ID-cena-na-dotaz-btn {border-radius: 5px; margin-top: 10px;}
.produkt-detail .prava-strana #ID-cena-na-dotaz {display: none; float: left; width: 100%; padding: 0; margin: 0;}
.produkt-detail .prava-strana #ID-cena-na-dotaz.open {display: block;}


.produkt-detail .prava-strana .addtocart-area span.quantity-controls
{float: left; width: 20px; height: 46px; margin: 0 0 0 0; padding: 0; background: #f3f3f3; border: 1px solid #cfcfcf; border-left: 0;}
.produkt-detail .prava-strana .addtocart-area span.quantity-controls input.quantity-controls
{float: left; width: 20px; height: 22px; line-height: 22px; padding: 0; margin: 0; border: 0; cursor: pointer; outline: none;
background: #f3f3f3 url('../images/quantity-controls-plus.png') center center no-repeat;}
.produkt-detail .prava-strana .addtocart-area span.quantity-controls input.quantity-plus {margin: 0 0 1px 0; height: 23px; line-height: 23px; border-bottom: 1px solid #cfcfcf;}
.produkt-detail .prava-strana .addtocart-area span.quantity-controls input.quantity-minus {background-image: url('../images/quantity-controls-minus.png');}



.produkt-detail .ID-pd-varianta {float: left; width: 100%; padding: 0; margin: 0;}
.produkt-detail .ID-pd-varianta-div {display: block; padding: 3px; margin: 0; background: #438700; border-radius: 8px;}
.produkt-detail .ID-pd-varianta .vd-roletka {float: left; width: 68%; width: calc(100% - 175px); padding: 0; margin: 0;}
.produkt-detail .ID-pd-varianta .vd-roletka-full {width: 100%;}
.produkt-detail .ID-pd-varianta .vd-roletka select {width: 100%; padding: 0 8px 0 8px; margin: 0; border: 0; height: 48px; 	border-radius: 5px; background: #ffffff;}
.produkt-detail .ID-pd-varianta .vd-roletka .chosen-container-single .chosen-single {
	display: block;
	overflow: hidden;
	padding: 0 0 0 8px;
	height: 48px;
	border: 0;
	border-radius: 5px;
	background: #ffffff;
	background-clip: border-box;
	background-clip: padding-box;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #000000;
	text-decoration: none;
	white-space: nowrap;
	line-height: 48px;
}
.produkt-detail .ID-pd-varianta .vd-roletka .chosen-container-single .chosen-single div {
	top: 11px;
	width: 18px;
	height: 18px;
}
.produkt-detail .ID-pd-varianta .addtocart-bar {float: right; padding: 0; margin: 0;}
.produkt-detail .ID-pd-varianta .addtocart-button-disabled {padding-left: 0 !important; font-size: 15px !important;}


.produkt-detail .prava-strana .clanek {padding: 0; margin: 30px 0 0 0;}




/* TABS */
#produkt-tab div.simpleTabs, #ui-tabs
{float: left; width: 100%; padding: 0; margin: 20px 0 0 0;}
#produkt-tab ul.simpleTabsNavigation, #ui-tabs #tabs
{float: left; width: 100%; padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #cccccc;}
#produkt-tab ul.simpleTabsNavigation li, #ui-tabs #tabs li
{float: left; padding: 0; margin: 0 5px -1px 0;}
#produkt-tab ul.simpleTabsNavigation li a, #ui-tabs #tabs li
{float: left; line-height: 35px; padding: 8px 35px 8px 35px; margin: 0;
color: #000000; font-size: 16px; font-weight: bold; text-decoration: none;
background: #f3f3f3; border: 1px solid #cccccc; position: relative; z-index: 10;}
#produkt-tab ul.simpleTabsNavigation li a:hover, #ui-tabs #tabs li:hover
{text-decoration: underline;}
#produkt-tab ul.simpleTabsNavigation li a.current, #ui-tabs #tabs li.current
{color: #81b040; background: #ffffff; border-bottom: 1px solid #ffffff;}
#ui-tabs #tabs li
{margin-bottom: -1px;}

#produkt-tab div.simpleTabsContent, #ui-tabs .tabs
{float: left; width: 100%; padding: 0; margin: 20px 0 0 0; display: none;}
#produkt-tab div.simpleTabsContent.currentTab {display: block;}
#produkt-tab div.simpleTabsContent .tab-obal, #ui-tabs .tabs .tab-obal
{display: block; padding: 0 12px 0 12px; margin: 0;}


















.ID-moduly-obal {float: left; width: 100%; padding: 0; margin: 0; background-color: #ffffff; background-repeat: no-repeat; background-position: right top;}
.ID-moduly {float: left; width: 100%; padding: 40px 0 40px 0; margin: 0;}
.ID-moduly-obal.modul-gray {background-color: #f1f1f1;}
.ID-moduly-obal.ID-moduly-obal-tmavy {background-color: #f8f8f8;}


.ID-moduly h2 {color: #000000; font-size: 33px; line-height: 40px; text-align: left; padding: 15px 0 15px 0; margin: 0;}
.ID-moduly h2.nadpis {text-transform: uppercase; font-weight: 900;}


.ID-moduly .menu-novinky,
.ID-articles-01 {float: left; width: 100%; padding: 20px 0 0 0; margin: 0; list-style: none;}
.ID-moduly .menu-novinky li,
.ID-articles-01 .item {float: left; width: 33.33%; padding: 0; margin: 0 0 20px 0;}
.ID-moduly .menu-novinky li:nth-child(3n+1),
.ID-articles-01 .item:nth-child(3n+1),
.ID-articles-01.masonry-3 .item:nth-child(3n+1) {clear: left;}
.ID-moduly .menu-novinky .li-div,
.ID-articles-01 .item-div {display: block; padding: 0 9px 0 9px; margin: 0;}
.ID-moduly .menu-novinky li .obrazek,
.ID-articles-01 .item .obrazek
 {display: block; padding: 0; margin: 0 0 -5px 0; line-height: 0; max-height: 300px; overflow: hidden;}
 .ID-articles-01 .item .obrazek figure {display: block; padding: 0; margin: 0;}
.ID-moduly .menu-novinky li .obrazek img,
.ID-articles-01 .item .obrazek img {width: 100%; height: auto;}
.ID-moduly .menu-novinky li .obal,
.ID-articles-01 .item .obal {display: block; padding: 24px 14px 24px 14px; margin: 0; background: #ffffff; border: 1px solid #e5e5e5; font-size: 15px; line-height: 24px; color: #353535;
border-radius: 5px; transition: all 150ms linear;}
.ID-moduly .menu-novinky li .obal .datum,
.ID-articles-01 .item .obal .datum {display: block; padding: 6px 0 5px 0; margin: 0; font-size: 17px; line-height: 20px; color: #a7a7a7; font-weight: normal;}
.ID-moduly .menu-novinky li .obal .nazev,
.ID-articles-01 .item .obal h2 a {display: block; padding: 0 0 5px 0; margin: 0; font-size: 22px; line-height: 28px; color: #e4282d; font-weight: 900; text-decoration: none;}
.ID-articles-01 .item .obal h2 {display: block; padding: 0; margin: 0;}
.ID-moduly .menu-novinky li .obal p,
.ID-articles-01 .item .obal p {padding: 0; margin: 0;}
/*
.ID-moduly .menu-novinky .li-div:hover .obal,
.ID-articles-01 .item-div:hover .obal {background: #000000; color: #ffffff;}
.ID-moduly .menu-novinky .li-div:hover .obal .nazev,
.ID-articles-01 .item-div:hover .obal h2 a {color: #ffffff;}
*/
.ID-moduly .menu-novinky .li-div:hover .obal,
.ID-articles-01 .item-div:hover .obal,
.ID-moduly .menu-novinky .li-div:hover .obrazek,
.ID-articles-01 .item-div:hover .obrazek {box-shadow: 0px 0px 24px 0px #e4e4e4;}


.ID-moduly .ID-obsah-produkty .ID-obsah {padding: 0 0 40px 0;}
.ID-moduly .ID-obsah-produkty .ID-obsah .ID-vypis {padding: 0;}


.ID-moduly-obrazek-right-top .ID-modul-03 {margin-top: 80px;}
.ID-moduly-obrazek-right-top .ID-modul-03 .pravy img {margin-top: -150px;}


.ID-modul-01-obal {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}
.ID-modul-01 {float: left; width: 100%; padding: 30px 0 0 0; margin: 0; background: #ffffff;}
.ID-modul-01 .boxy {float: left; width: 100%; padding: 0; margin: 0;}
.ID-modul-01 .boxy .box {float: left; width: 25%; padding: 0; margin: 0;}
.ID-modul-01 .boxy .box-div {display: block; padding: 0 8px 0 8px; margin: 0 0 20px 0; position: relative;}
.ID-modul-01 .boxy .box .obrazek {float: left; width: 100%; height: 381px; padding: 0; margin: 0;}
.ID-modul-01 .boxy .box .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 100%; padding: 0; margin: 0;}
.ID-modul-01 .boxy .box .popisek {float: left; width: 100%; width: calc(100% - 16px); padding: 0; margin: 0; position: absolute; bottom: 15px;}
.ID-modul-01 .boxy .box .popisek-div {display: block; padding: 0 20px 0 20px; margin: 0;}
.ID-modul-01 .boxy .box .popisek .nazev {display: block; color: #ffffff; font-size: 40px; line-height: 44px; font-weight: bold; text-decoration: none;}


.ID-modul-02-obal {float: left; width: 100%; padding: 0; margin: 0; background-color: #eee8f0; background-repeat: no-repeat; background-position: right top;}
.ID-modul-02 {float: left; width: 100%; padding: 150px 0 150px 0; margin: 0;}
.ID-modul-02 .clanek {float: left; width: 50%; padding: 0; margin: 0; font-size: 19px; line-height: 25px; font-weight: 300;}
.ID-modul-02 h2 {color: #ff4321; font-size: 42px; line-height: 46px;}


.ID-modul-03-obal {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}
.ID-modul-03 {float: left; width: 100%; padding: 30px 0 30px 0; margin: 0; background: #ffffff;}
.ID-modul-03 .clanek {float: left; width: 100%; padding: 0; margin: 0;}
.ID-modul-03 h2 {color: #000000; font-size: 40px; line-height: 44px; padding-bottom: 25px;}
.ID-modul-03 .levy {float: left; width: 50%; padding: 0; margin: 0;}
.ID-modul-03 .levy-div {display: block; padding: 0 15px 0 0; margin: 0;}
.ID-modul-03 .pravy {float: left; width: 50%; padding: 0; margin: 0;}
.ID-modul-03 .pravy-div {display: block; padding: 0 0 0 15px; margin: 0;}


.ID-modul-04-obal {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}
.ID-modul-04 {float: left; width: 100%; padding: 60px 0 0 0; margin: 0; background: #ffffff;}
.ID-modul-04 .boxy {float: left; width: 100%; padding: 0; margin: 0;}
.ID-modul-04 .boxy .box {float: left; width: 33.33%; padding: 0; margin: 0;}
.ID-modul-04 .boxy .box-div {display: block; padding: 0 20px 0 20px; margin: 0 0 20px 0;}
.ID-modul-04 .boxy .box .popisek {position: relative;}
.ID-modul-04 .boxy .box .popisek .nazev {display: block; color: #000000; font-size: 30px; line-height: 36px; font-weight: bold; text-decoration: none;}
.ID-modul-04 .boxy .box .popisek .nazev_obrazek {padding-left: 110px;}
.ID-modul-04 .boxy .box .popisek .nazev_obrazek .obrazek {float: left; width: 110px; height: 90px; padding: 0; margin: 0; position: absolute; left: 0; top: 4px; text-align: center;}
.ID-modul-04 .boxy .box .popisek .nazev_obrazek img {width: auto; height: auto; max-width: 100%; max-height: 100%; padding: 0; margin: 0;}
























/* nákupní košík */
#ProOPC,
#nakupni-kosik h1.cart-page-title,
#nakupni-kosik .terms-of-service-cont,
#ProOPC, #ProOPC span, #ProOPC div, #ProOPC p, #ProOPC input, #ProOPC select, #ProOPC button, #ProOPC h1, .proopc-finalpage h3, .proopc-finalpage h2, .proopc-finalpage h1, .proopc-finalpage h4, .proopc-register-login h3, .proopc-register-login h2, .proopc-register-login h4, .proopc-register-login h1,
#ProOPC .proopc-process-title {font-family: Roboto, arial, sans-serif !important;}


#nakupni-kosik {float: left; width: 100%; padding: 0; margin: 0 0 10px 0; font-family: Roboto, arial, sans-serif !important;}


#nakupni-kosik h1.cart-page-title {display: block; padding: 15px 0 15px 0; margin: 0; text-align: center;
font-size: 20px; line-height: 30px; font-weight: 800; color: #000000;}
#nakupni-kosik h2.nadpis {display: block; padding: 0; margin: 30px 0 20px 0; text-align: center;
font-size: 26px; line-height: 30px; font-weight: 800; color: #205d9f; text-transform: uppercase;}


#nakupni-kosik .proopc-empty-continue-link .proopc-btn {text-decoration: none;}
#nakupni-kosik .ID-kosik-mezera-ucet {display: block; height: 20px; padding: 0; margin: 0;}
#nakupni-kosik .proopc-register .proopc-switch {font-weight: 800; font-size: 15px;}
#nakupni-kosik .proopc-register .proopc-reg-form {margin-bottom: 40px;}
#nakupni-kosik .proopc-register .proopc-reg-form .proopc-input-append-checkbox {padding-right: 0;}
#nakupni-kosik .proopc-register .kosik-registrace,
#nakupni-kosik .proopc-register .kosik-host
{display: inline-block; background: #a8bf16; color: #ffffff; padding: 10px; border-radius: 5px; cursor: pointer;}
#nakupni-kosik .proopc-register .kosik-host {background: #4f4f50; padding: 5px 10px 5px 10px; margin-top: 20px; margin-bottom: 20px;}
#nakupni-kosik .proopc-switch input[type="radio"] {vertical-align: top; margin: 4px 0 0 0;}


#nakupni-kosik .cart-summary input[type="number"].proopc-qty-input {width: 50px !important;}


#nakupni-kosik .vmshipment_name,
#nakupni-kosik .vmpayment_name {font-weight: bold;}
#nakupni-kosik .cart-summary .PricesalesPrice,
#nakupni-kosik .grand-total .PricebillTotal {color: #cc3220; font-weight: bold;}


#proopc-payment-form .vmCartPaymentLogo, #proopc-shipment-form .vmCartPaymentLogo {float: right; width: 60px; padding: 0; margin: 0 0 0 20px; text-align: center;}
.cart-summary .vmCartPaymentLogo {display: inline-block; width: 80px; padding: 0; margin: 0 10px 0 0; text-align: center;}


#nakupni-kosik .terms-of-service-cont
{display: inline-block; margin: -2px 0 0 0; color: #e4282d; font-weight: 800; font-size: 17px;}
#nakupni-kosik .cart-tos-group a.terms-of-service {text-decoration: underline; display: inline-block; margin-top: 5px;}
#nakupni-kosik .cart-tos-group a.terms-of-service:hover {text-decoration: none;}
#nakupni-kosik #proopc-order-submit {font-size: 16px; font-weight: bold; transition: all 300ms linear;}
#nakupni-kosik .bootmodal .bootmodal-body h1 {font-size: 18px; font-weight: bold;}
#nakupni-kosik .bootmodal .bootmodal-body h2 {font-size: 16px; font-weight: bold;}
#nakupni-kosik .bootmodal .bootmodal-body h3 {font-size: 14px; font-weight: bold;}


#nakupni-kosik .proopc-btn-info {background: #e4282d;}
#nakupni-kosik .proopc-btn-info:hover,
#nakupni-kosik .proopc-btn-info:focus,
#nakupni-kosik .proopc-btn-info:active,
#nakupni-kosik .proopc-btn-info.active,
#nakupni-kosik .proopc-btn-info.disabled,
#nakupni-kosik .proopc-btn-info[disabled] {background-color: #000000;}


#nakupni-kosik #proopc-shipment-form label,
#nakupni-kosik #proopc-payment-form label,
#nakupni-kosik #proopc-st-address > .inner-wrap > label,
input[type=radio], input[type=checkbox] {cursor: pointer;}


.nakupni-kosik-hlaseni {float: left; width: 100%; padding: 0; margin: 0 0 20px 0;}
.nakupni-kosik-hlaseni div {display: block; padding: 5px 10px; margin: 4px 0 4px 0; color: #ffffff; background: #8a2925; font: bold normal 15px/24px Open Sans, arial, sans-serif !important;}


/*#nakupni-kosik .kosik-second-page .ID-cena-dopravy {display: none;}*/


























.ID-filter .filter_wrap .price_input input {width: 75px;}





.ID-filtr {float: left; width: 100%; padding: 0; margin: 0; background: #f4f4f4; position: relative;}
.ID-filtr .ID-filtr-div {display: block; padding: 15px 15px 15px 15px; margin: 0;}
.ID-filtr .ID-filter #vd_filter_p_slider_range .noUi-connect {background: #5e81d4;
background: linear-gradient(to right, #d13662 0%,#5e81d4 100%);}
.ID-filtr .ID-filter #vd_filter_p_slider_range.noUi-horizontal .noUi-handle {border: 1px solid #000000; background: #000000;}
.ID-filtr .ID-filter .filter_wrap .filter_head {font-size: 18px; font-family: Ubuntu, arial, sans-serif;}
.ID-filtr .ID-filter .filter_wrap .price_input button {padding: 4px 20px 4px 20px; margin: 10px 0 0 0; font-size: 16px; line-height: 22px; font-weight: bold; text-transform: uppercase;
border: 2px solid #000000; text-decoration: none; font-family: Ubuntu, arial, sans-serif; background: #d5d5d5;}
.ID-filtr .ID-filter .filter_wrap .keyword_input {background: #ffffff; border: 0; padding: 5px 5px 5px 10px;}
.ID-filtr .ID-filter .filter_wrap .keyword_input input {background: #ffffff; width: calc(100% - 30px);}
.ID-filtr .ID-filter .filter_wrap .keyword_input button {background: #5e81d4; color: #ffffff;}
.ID-filtr .ID-filtr-vysledky {display: none;}
.ID-filtr .ID-filter .clear {color: #cc3220; font-family: Ubuntu, arial, sans-serif; font-weight: bold; margin: 0 0 5px 0}
.ID-filtr .noUi-handle, .ID-filtr .noUi-handle {box-shadow: none; border-radius: 0;}
.ID-filtr .noUi-handle:before, .ID-filtr .noUi-handle:after {display: none;}
.ID-filtr .ID-filter .filter_wrap ul.filter_values li {font-family: Ubuntu, arial, sans-serif;}


.ID-levy .ID-filtr-vysledky {display: none;}
.ID-filtr-vysledky {float: left; width: 100%; padding: 0; margin: 0 0 20px 0;}
.ID-filtr-vysledky > ul {float: left; padding: 0; margin: 0; list-style: none;}
.ID-filtr-vysledky > ul > li {float: left; line-height: 19px; padding: 2px 6px 2px 6px; margin: 7px 7px 0 0; background: #c6c6c6; border-radius: 5px; position: relative;
color: #000000; font-size: 13px; font-weight: normal; text-decoration: none;}
.ID-filtr-vysledky > ul > li.parent:hover {border-radius: 5px 5px 0 0; color: #ffffff; background: #4f4f50;}
.ID-filtr-vysledky > ul > li > .remove {padding: 4px 6px 4px 6px; margin: 0 0 0 5px; background: #000000; border-radius: 0 5px 5px 0; position: relative; left: 6px; text-decoration: none;
color: #ffffff; font-weight: bold;}
.ID-filtr-vysledky > ul > li.uvodnik {background: #ffffff; padding-left: 0; font-weight: bold;}
.ID-filtr-vysledky > ul > li.reset {background: #ffffff;}
.ID-filtr-vysledky > ul > li > ul {display: none; float: left; width: 100%; padding: 2px 6px 6px 6px; margin: 0; list-style: none; background: #4f4f50; border-top: 1px solid #000; border-radius: 0 5px 5px 5px; min-width: 150px;}
.ID-filtr-vysledky > ul > li:hover > ul {display: block; position: absolute; top: 100%; left: 0; z-index: 100;}
.ID-filtr-vysledky > ul > li > ul > li {display: block; line-height: 17px; padding: 2px 5px 4px 5px; margin: 2px 0 0 0; border-bottom: 2px solid #000000;
color: #ffffff; font-size: 13px; font-weight: normal; text-decoration: none;}





#js-popup-filtr-body .ID-popup-close {display: none;}
.ID-filtr-tlacitko-zobraz {display: none;}































/* Vlastni pole START */
.pole-obal {display: block; padding: 2px 0 0 30px; margin: 0 0 15px 0; position: relative;}
label.pole-obal, .pole-obal label {cursor: pointer;}
.pole-obal input[type="checkbox"],
.pole-obal input[type="radio"]
{display: none;}
.pole-obal .vlastni_indicator {position: absolute; top: 1px; left: 0; height: 16px; width: 16px; background: #e6e6e6; cursor: pointer;
border: 2px solid #cccccc;}
.pole-obal--radio .vlastni_indicator {border-radius: 50%;}





/* moznosti chovani START ---------------------------------------------------------------------------------------- */
.pole-obal input[type="checkbox"] + label:hover .vlastni_indicator,
.pole-obal input[type="radio"] + label:hover .vlastni_indicator,

label.pole-obal:hover input[type="checkbox"] ~ .vlastni_indicator,
label.pole-obal:hover input[type="radio"] ~ .vlastni_indicator,
.pole-obal label:hover input[type="checkbox"] ~ .vlastni_indicator,
.pole-obal label:hover input[type="radio"] ~ .vlastni_indicator
{background: #cccccc;}


.pole-obal input[type="checkbox"]:checked + label .vlastni_indicator,
.pole-obal input[type="radio"]:checked + label .vlastni_indicator,

.pole-obal input[type="checkbox"]:checked ~ .vlastni_indicator,
.pole-obal input[type="radio"]:checked ~ .vlastni_indicator
{background: #2aa1c0; border: 2px solid #0e647d;}


.pole-obal input[type="checkbox"]:not([disabled]):checked + label:hover .vlastni_indicator,
.pole-obal input[type="radio"]:not([disabled]):checked + label:hover .vlastni_indicator,

label.pole-obal:hover input[type="checkbox"]:not([disabled]):checked ~ .vlastni_indicator,
label.pole-obal:hover input[type="radio"]:not([disabled]):checked ~ .vlastni_indicator,
.pole-obal label:hover input[type="checkbox"]:not([disabled]):checked ~ .vlastni_indicator,
.pole-obal label:hover input[type="radio"]:not([disabled]):checked ~ .vlastni_indicator
{background: #0e647d;}


.pole-obal input[type="checkbox"]:disabled + label .vlastni_indicator,
.pole-obal input[type="radio"]:disabled + label .vlastni_indicator,

.pole-obal input[type="checkbox"]:disabled ~ .vlastni_indicator,
.pole-obal input[type="radio"]:disabled ~ .vlastni_indicator
{background: #e6e6e6; opacity: 0.6; pointer-events: none;}
/* moznosti chovani END ---------------------------------------------------------------------------------------- */





.pole-obal .vlastni_indicator:after {content: ''; position: absolute; display: none;}
.pole-obal--checkbox .vlastni_indicator:after {left: 6px; top: 2px; width: 3px; height: 8px;
border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);}
.pole-obal--radio .vlastni_indicator:after {left: 5px; top: 5px; width: 6px; height: 6px; border-radius: 50%; background: #fff;}





/* moznosti chovani after START ---------------------------------------------------------------------------------------- */
.pole-obal input:checked + label .vlastni_indicator:after,

.pole-obal input:checked ~ .vlastni_indicator:after
{display: block;}


.pole-obal--checkbox input:disabled + label .vlastni_indicator:after,

.pole-obal--checkbox input:disabled ~ .vlastni_indicator:after
{border-color: #7b7b7b;}


.pole-obal--radio input:disabled + label .vlastni_indicator:after,

.pole-obal--radio input:disabled ~ .vlastni_indicator:after
{background: #7b7b7b;}
/* moznosti chovani after END ---------------------------------------------------------------------------------------- */





#nakupni-kosik .pole-obal {padding: 2px 0 10px 30px; margin: 0 0 10px 0; border-bottom: 1px solid #DDD;}
#nakupni-kosik .proopc-reg-form .pole-obal {border-bottom: 0;}
#nakupni-kosik .proopc-reg-form .pole-obal label.radio {padding-left: 0;}
#nakupni-kosik .proopc-login #proopc-remember {display: none;}


#nakupni-kosik #proopc-st-address {margin: 10px 0 10px 0;}
#nakupni-kosik label.st-same-checkbox {padding-left: 0; margin: 0;}
#nakupni-kosik .proopc-shipments label, #nakupni-kosik .proopc-payments label {max-width: 100%; width: 100%; margin: 0;}


#nakupni-kosik .prooopc-tos-label {padding-left: 0;}







.ID-filtr .pole-obal {margin: 0 0 0 0;}
.ID-filtr .pole-obal .vlastni_indicator {top: 4px; height: 13px; width: 13px; background: #ffffff;}


.ID-filtr a.pole-obal:hover input[type="checkbox"] ~ .vlastni_indicator {background: #ffffff; border-color: #4f4f50;}


.ID-filtr .pole-obal--checkbox .vlastni_indicator:after {left: 5px; top: 2px; width: 2px; height: 6px;}


.ID-filtr label.pole-obal:hover input[type="checkbox"]:disabled ~ .vlastni_indicator {background: #e6e6e6; border-color: #cccccc;}
.ID-filtr label.pole-obal:hover input[type="checkbox"]:disabled:checked ~ .vlastni_indicator {background: #e6e6e6; border-color: #0e647d;}


.ID-filtr a.pole-obal:hover input[type="checkbox"]:not([disabled]):checked ~ .vlastni_indicator,
.ID-filtr a.pole-obal:hover input[type="radio"]:not([disabled]):checked ~ .vlastni_indicator
{background: #0e647d;}
/* Vlastni pole END */