body {margin: 0; padding: 0; font-family: 'Roboto', arial, sans-serif; font-size: 17px; line-height: 24px; color: #000000; background: #ffffff;} .stred {margin: auto; width: 1250px; padding: 0;} #js-body.menu-hover .ID-hlavicka-obal, #js-body.menu-hover .ID-horni-modul-obal {position: relative; z-index: 10000;} .cc-grower {max-height: none !important;} .gdpr-fancybox-container iframe {height: 100% !important;} .cc-custom-revoke {text-decoration: underline; cursor: pointer;} .cc-custom-revoke:hover {text-decoration: none;} .ID-fix {position: fixed; right: 0; top: 200px;} /* * #00af42 - green * #d23561 - pink * #b82e55 - pink 2 * #eb3c6d - pink 3 - light * #2744ae - blue * #eac32d - yellow * #e7e7e7 - gray 1 * * * #d2d2d2 - gray 1 * #404040 - gray dark 1 */ /************************************************************************************ * HLAVIČKA ************************************************************************************/ .ID-horni-modul-obal {float: left; width: 100%; padding: 0; margin: 0; background: #06a3e9;} .ID-horni-modul {float: left; width: 100%; padding: 5px 0 5px 0; margin: 0; background: #06a3e9; color: #ffffff;} .ID-horni-modul p {padding: 0; margin: 0;} .ID-horni {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff; position: relative; line-height: 26px; font-size: 15px; 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; padding: 0; margin: 0;} .ID-horni .vas-ucet .mod-menu {display: inline-block; padding: 0; margin: 0; list-style: none;} .ID-horni .vas-ucet .mod-menu > li {display: inline-block; padding: 0 9px 0 9px; margin: 0; line-height: 26px; position: relative; font-size: 15px; font-weight: normal; color: #000000;} .ID-horni .vas-ucet .mod-menu > li > a {display: inline-block; color: #2744ae; 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-horni .vas-ucet form.form-ucet {display: inline-block; padding: 0; margin: 0;} .ID-horni .vas-ucet ul.ul-ucet {display: inline-block; padding: 0; margin: 0 0 0 10px; list-style: none;} .ID-horni .vas-ucet ul.ul-ucet > li {display: inline-block; padding: 0; margin: 0; position: relative;} .ID-horni .vas-ucet ul.ul-ucet > li > a, .ID-horni .vas-ucet ul.ul-ucet > li > .a {display: inline-block; padding: 0 5px 0 5px; margin: 0; font-size: 17px; line-height: 24px; font-weight: bold; color: #eac32d; text-decoration: none;} .ID-horni .vas-ucet ul.ul-ucet > li > a:hover {text-decoration: underline;} .ID-horni .vas-ucet ul.ul-ucet > li.ucet > a, .ID-horni .vas-ucet ul.ul-ucet > li.ucet > .a {background: url('/images/template/ikonka-ucet.png') 0 center no-repeat; padding-left: 25px;} .ID-horni .vas-ucet ul.ul-ucet > li:hover .ID-uzivatel-menu {visibility: visible; opacity: 1; top: 26px;} .ID-uzivatel-menu {position: absolute; top: 88px; right: 0; z-index: 10500; min-width: 300px; max-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-hlavicka-obal {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;} .ID-hlavicka {float: left; width: 100%; padding: 0 0 10px 0; margin: 0; background: #ffffff;} .ID-hlavicka .odkaz_logo {display: block; margin: auto; padding: 0; height: 0; text-align: center;} .ID-hlavicka .logo {float: none; margin: 41px 0 0 0; padding: 0;} .ID-hlavicka .pravy {float: right; margin: 0; padding: 0;} .ID-hlavicka .ID-hlavicka-kosik-obal {display: none;} .ID-hlavicka .vmCartModule:hover .ID-hlavicka-kosik-obal {display: block;} /* .ID-hlavicka .hlavicka-eshop {float: right; margin: 0; padding: 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: 20px 0 0 0; font-size: 14px; line-height: 18px; position: relative;} .ID-hlavicka .vmCartModule .kosik_left {float: left; width: 60px; padding: 0; margin: 0; position: relative;} .ID-hlavicka .vmCartModule .kosik_left a, .ID-hlavicka .vmCartModule .kosik_left #js-odkaz-kosik {display: block; padding: 15px 15px 15px 15px; margin: 0; background: #ffffff; box-shadow: 0px 0px 48px 0px #e6e6e6; border-radius: 8px;} .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: 18px; padding: 4px 4px 4px 4px; margin: 0; border-radius: 50%; background: #e73b6b; text-align: center; color: #ffffff; font-size: 15px; line-height: 18px; font-weight: bold; position: absolute; top: -13px; right: -13px;} .ID-hlavicka .vmCartModule .kosik_right {margin: 10px 20px 0 79px;} .ID-hlavicka .vmCartModule .kosik_right .show_cart a, .ID-hlavicka .vmCartModule .kosik_right .total {float: none !important;} .ID-hlavicka .vmCartModule:hover .kosik_left, .ID-hlavicka .vmCartModule:hover .kosik_right {position: relative; z-index: 16;} .ID-hlavicka .vmCartModule .kosik_left .clr, .ID-hlavicka .vmCartModule .kosik_right .clr, .ID-hlavicka .vmCartModule > .clr {height: 0;} .ID-hlavicka .vmCartModule .vm_cart_products_main {display: block; width: 550px; padding: 0; margin: 0; position: absolute; top: -22px; 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: 83px;} */ /* .ID-hlavicka .vmCartModule:hover .vm_cart_products_main {display: block;} */ /* .ID-hlavicka .vmCartModule .vm_cart_products_main {display: block;} */ .ID-hlavicka .vmCartModule .vm_cart_products_wrap {display: block; padding: 0; margin: 0; background: #ffffff; box-shadow: 0px 0px 21px 0px #262626; border-radius: 10px; font-size: 16px; line-height: 20px;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row {display: block; padding: 5px 10px 5px 10px; margin: 0; border-bottom: 1px solid #e6e6e6;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row:nth-child(1) {margin-top: 30px; border-top: 1px solid #e6e6e6;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .produkt {display: flex; float: left; width: 100%; padding: 0; margin: 0;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .produkt-div {flex: 1; display: block; padding: 0; margin: 0; /*overflow: hidden;*/} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .vd_obrazek {float: left; padding: 0; margin: 0;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .vd_obrazek .obal_1 {display: table; width: 50px; padding: 0; margin: 0;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .vd_obrazek .obal_2 {display: table-cell; height: 50px; padding: 0; margin: 0; vertical-align: middle; text-align: center; line-height: 0;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .vd_obrazek .image {display: block; width: 100%; height: 100%;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .vd_obrazek img {width: auto; height: auto; max-width: 100%; max-height: 100%;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .vd_text {display: block; height: 100%; padding: 0; margin: 0 0 0 55px;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .vd_text .obal_1 {display: table; width: 100%; height: 100%; padding: 0; margin: 0;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .vd_text .obal_2 {display: table-cell; height: 100%; padding: 0; margin: 0; vertical-align: middle;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .vd_pocet {float: left; padding: 0; margin: 5px 0 0 0; width: 50px; text-align: center; font-weight: bold;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .vd_pocet .quantity {} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .vd_pocet .quantity_x {} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .product_name {display: block; margin: 5px 0 0 50px;} .ID-hlavicka .vmCartModule .vm_cart_products_wrap .product_row .customProductData {display: block; margin: 0 0 0 50px;} .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: 5px 0 5px 5px; color: #00af42; font-weight: bold;} .ID-hlavicka .vmCartModule .module_no_product {padding: 40px 20px; border-bottom: 1px solid #e6e6e6;} .ID-hlavicka .vmCartModule .module_text {padding: 20px 20px;} .ID-hlavicka .vmCartModule .module_text.more {padding-top: 40px;} .ID-hlavicka .vmCartModule .module_text span {color: #e73b6b; font-weight: 900;} .ID-hlavicka .vmCartModule .module_doprava_zdarma {padding: 20px 20px 20px 55px; background: #ecf4fc url('/images/template/kosik-doprava.webp') 20px center no-repeat;;} .ID-hlavicka .vmCartModule .module_doprava_zdarma span {font-weight: 900;} .ID-hlavicka .vmCartModule .module_doprava_zdarma span.barva {color: #00af42;} .ID-hlavicka .vmCartModule .go_to_cart {display: block; padding: 10px 0 10px 0; margin: 0; font-size: 14px; font-weight: bold; text-align: center; color: #ffffff; background: #2744ae; text-transform: uppercase; text-decoration: none; border-radius: 0 0 10px 10px;} .ID-hlavicka .vmCartModule .go_to_cart:hover {text-decoration: underline;} #vd_smart_search_BG {background: #000000; opacity: 0.5;} .ID-hlavicka .ID-smart-search {float: left; width: 355px; margin: 26px 40px 0 0; padding: 0; position: relative; overflow: hidden; scroll-margin-top: 50px;} .ID-hlavicka .ID-smart-search form, .VD-smart-search-form .form {display: block; margin: 0; padding: 0; background: #f1f1f1; border: 3px solid #f1f1f1; border-radius: 24px;} .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: 10px 12px 10px 50px; border: 0; background: transparent url('/images/template/lupa.webp') 15px 11px no-repeat; font-size: 16px; font-weight: normal; font-style: normal; color: #000000;} .ID-hlavicka .ID-smart-search .button, .VD-smart-search-form .button {float: right; height: 42px; line-height: 42px; margin: 0; padding: 0 25px 0 25px; border: 0; position: absolute; top: 3px; right: 3px; font-size: 18px; font-weight: bold; font-style: normal; color: #ffffff; cursor: pointer; background: #2744ae; border-radius: 21px; transition: all 300ms linear;} .ID-hlavicka .ID-smart-search .button:hover {background-color: #000000;} .ID-hlavicka .ID-smart-search.open {z-index: 9999999999; width: 50%; margin-right: 0;} /* Vyhledávání vyskakovací okno­ start */ .VD-smart-search-result {display: none; padding: 63px 0 0 0; margin: -60px 0 0 -18px; background: #ffffff; border-radius: 10px; width: 1250px !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: #ff4321; background-repeat: no-repeat; background-position: center center;} #js-odkaz-menu {background-color: #d23561; 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 #e7e7e7;} .ID-hlavni-menu-obal.open2 {position: relative; z-index: 9999;} .ID-hlavni-menu {float: left; width: 100%; padding: 0; margin: 0 0 -1px 0; background: #ffffff; border-bottom: 1px solid #e7e7e7;} #hlavni-menu {float: left; width: 100%; height: 56px; 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: 56px; line-height: 56px; position: relative; font-size: 16px; font-weight: bold; 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; text-decoration: underline;} #hlavni-menu:hover .menu_category > li.active > a {} #hlavni-menu:hover .menu_category > li.active:hover > a {color: #000000; background: #ffffff; text-decoration: underline;} #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: 56px; 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;*/ /* transition: all 180ms; */ /* opacity: 0; */ width: 100%; left: calc((100vw - 100%) / -2); padding-left: calc((100vw - 100%) /2); padding-right: calc((100vw - 100%) / 2);} #hlavni-menu .menu_category > li:hover > ul {visibility: visible; /*opacity: 1;*/ top: 56px;} /* 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/template/menu-li.png') 0 7px 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: 20px 0 0 0; padding: 0;} .ID-navigace {float: left; width: 100%; background: #ffffff; padding: 5px 0 5px 0; margin: 0;} .ID-navigace .nadpis {display: block; padding: 0; margin: 5px 0 0 0; font-size: 40px; line-height: 45px; font-weight: bold; color: #ff4321;} .ID-navigace .breadcrumb {float: left; padding: 0; margin: 0; list-style: none; font-size: 16px; line-height: 22px; font-weight: normal; color: #000000;} .ID-navigace .breadcrumb li {display: inline; padding: 0; margin: 0; background: none;} .ID-navigace .breadcrumb li a {color: #000000;} .ID-navigace .breadcrumb .divider {padding: 0 5px 0 5px;} /* .ID-navigace-obal + .ID-obsah-obal .ID-obsah {padding-top: 20px;} */ .VD-ov-com_virtuemart_productdetails .ID-navigace .breadcrumb li.active {display: none;} .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; position: relative;} .ID-slider .flexslider {display: block; padding: 0; margin: 20px 0 0 115px; position: relative;} .ID-slider ul {float: left; width: 100%; height: 100%; padding: 0; margin: 0; position: relative; border-radius: 8px; overflow: hidden;} .ID-slider ul li {float: left; width: 100%; height: 536px; padding: 0; margin: 0; list-style: none; background-position: center top;} .ID-slider ul li .obrazek {position: absolute; top: 0; right: 0; width: 100%; height: auto;} .ID-slider ul li .text {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0; margin: 0;} .ID-slider ul li .text-div {display: block; padding: 0 50px 50px 50px; margin: 0; font-size: 31px; line-height: 36px; font-weight: bold; color: #000000;} #vd_odpocitavadlo {display: inline-block; padding: 0; margin: 0;} #vd_odpocitavadlo .odpocitavani .hodnota {float: left; padding: 0; margin: 0; text-align: center;} #vd_odpocitavadlo .odpocitavani .hodnota .cislo {display: inline-block; min-width: 70px; padding: 10px 15px 10px 15px; margin: 0; background: #d23561; font-size: 60px; line-height: 60px; font-weight: 900; color: #ffffff; border-radius: 5px;} #vd_odpocitavadlo .odpocitavani .hodnota .popis {display: block; padding: 5px 0 5px 0; margin: 0; font-size: 20px; line-height: 26px; font-weight: normal; color: #000000; text-transform: uppercase;} #vd_odpocitavadlo .odpocitavani .oddelovac {float: left; padding: 0 5px 0 5px; margin: 0; font-size: 50px; line-height: 80px; font-weight: normal;} .ID-pocitadlo {float: left; width: 100%; padding: 0; margin: 0;} .ID-pocitadlo-div {display: block; padding: 25px; margin: 0; background: #000000; color: #ffffff; border-radius: 10px; text-align: center;} .ID-pocitadlo .clanek h1 {color: #ffffff;} .ID-pocitadlo .clanek h1 strong {color: #ffffff; display: block;} .ID-pocitadlo #vd_odpocitavadlo .odpocitavani .hodnota .popis {color: #ffffff;} .produkty-pocitadlo {float: left; width: 100%; padding: 0; margin: 0;} .ID-moduly .ID-pocitadlo {width: 50%;} .ID-moduly .produkty-pocitadlo {width: 50%;} /************************************************************************************ * 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: 20px 0 20px 0; margin: 0; background: #ffffff;} .ID-obsah-dolni {float: left; width: 100%; padding: 0; margin: 30px 0 0 0;} .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: #017a83; /*text-transform: uppercase;*/} .ID-levy .modul-div {display: block; padding: 10px 0 10px 0; margin: 0; border: 3px solid #017a83; border-radius: 5px;} .ID-levy .modul-zeleny .modul-div {border-color: #a8bf16;} .ID-levy .modul-zeleny h2 {color: #a8bf16;} .ID-levy .menu, .ID-levy .menu ul {display: block; padding: 0; margin: 0; list-style: none;} .ID-levy .menu li {display: block; padding: 0; margin: 0;} /* 1. stupeň */ .ID-levy .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 .menu > li:last-child > a {border-bottom: 0;} .ID-levy .menu > li > a:hover {text-decoration: underline;} .ID-levy .menu > li.active > a {text-decoration: underline;} .ID-levy .menu > li > ul {background-color: #3f9f4b;} /* 2. stupeň */ .ID-levy .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 .menu ul > li > a:hover, .ID-levy .menu ul > li.active > a {text-decoration: underline;} .ID-levy .menu > li > ul {padding-top: 4px; padding-bottom: 25px;} /* 3. stupeň */ .ID-levy .menu ul ul > li > a {padding: 3px 15px 3px 70px; background: url('../images/li-2.png') 50px 9px no-repeat !important;} .ID-levy .obrazek-kategorie {float: right; width: auto; height: auto; max-width: 100%; max-height: 300px;} .VD-ov-com_content_article .ID-pravy, .VD-ov-com_virtuemart_vendor .ID-pravy {float: left;} .VD-ov-com_content_article .ID-levy, .VD-ov-com_virtuemart_vendor .ID-levy {float: left;} .VD-ov-com_content_article .ID-levy-div, .VD-ov-com_virtuemart_vendor .ID-levy-div {margin: 0 0 0 15px;} /* Č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-hodnoceni-hotelu h2 {display: block; line-height: 33px; padding: 15px 0 15px 0; margin: 0; font-size: 27px; font-weight: bold; color: #000000;} .clanek h1 strong {font-weight: 300; text-transform: none; font-size: 24px; color: #000000;} .clanek h2, .clanek h3 {font-size: 27px; line-height: 33px; font-weight: bold;} .clanek h3 {font-size: 22px; line-height: 30px; font-weight: bold;} .ID-nadpis-cara {position: relative; text-align: center; font-size: 26px !important; line-height: 33px !important; padding-bottom: 25px !important;} .ID-nadpis-cara span {position: relative; z-index: 1; padding: 0 20px 0 20px; background: #ffffff;} .ID-nadpis-cara:before {content: ''; width: 100%; height: 1px; position: absolute; background: #e7e7e7; top: 33px; left: 0%;} /* .ID-nadpis-cara:after {content: ''; width: 100%; height: 1px; position: absolute; background: #e7e7e7; top: 33px; right: 0%;} */ .clanek .obrazek {margin-left: 50px; margin-top: -60px; border: 5px solid #f1f1f1; float: right; border-radius: 5px;} .produkt-detail h1 {color: #d23561; font-weight: 900;} .produkt-detail .leva-strana-popis h2, .produkt-detail .prava-strana-popis h2 {font-weight: 900;} .produkt-detail .leva-strana-popis h2 span {color: #d23561;} .produkt-detail .prava-strana-popis h2 {color: #00af42;} .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 13px 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, .ID-slider .odkaz {display: inline-block; line-height: 26px; padding: 12px 25px 12px 25px; margin: 5px 5px 5px 0; border: 0; border-radius: 25px; /*transition: all 300ms linear;*/ color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; background: #2744ae; cursor: pointer; border: 0;} .clanek .odkaz_registrace {background: #d23561; font-size: 30px; line-height: 36px; border-radius: 30px; padding: 12px 40px 12px 40px; position: relative; margin-left: 50px;} .clanek .odkaz_registrace:before {content: ''; width: 346px; height: 264px; position: absolute; left: 0; top: 0; background: url('../images/pozadi-srdicka.png') 0 0 no-repeat; top: -105px; left: -60px;} .BODY-web .bfQuickMode .bfSubmitButton {background: #a8bf16;} .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; max-width: 100%; height: auto;} .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;} .clanek table td.right {text-align: right;} .clanek table td.w-10 {width: 10%;} .clanek table td.w-15 {width: 15%;} .clanek table td.w-20 {width: 20%;} .clanek table td.w-25 {width: 25%;} .clanek table td.w-30 {width: 30%;} .clanek table td.w-35 {width: 35%;} .clanek table td.w-40 {width: 40%;} .clanek table td.w-45 {width: 45%;} .clanek table td.w-50 {width: 50%;} .clanek table td.w-55 {width: 55%;} .clanek table td.w-60 {width: 60%;} .clanek table td.w-65 {width: 65%;} .clanek table td.w-70 {width: 70%;} .clanek table td.w-75 {width: 75%;} .clanek table td.w-80 {width: 80%;} .clanek table td.w-85 {width: 85%;} .clanek table td.w-90 {width: 90%;} .clanek table td.w-95 {width: 95%;} .tabulka {width: 100%; padding: 0; 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;} .tabulka-produkt-parametry {width: 100%; margin: 0 0 15px 0; border-collapse: collapse;} .tabulka-produkt-parametry tr {width: 100%; border: 0; border-bottom: 1px solid #b7b7b7; background: #f4f4f4;} /* odd / even */ .tabulka-produkt-parametry tr:nth-child(odd) {background: #ffffff;} .tabulka-produkt-parametry tr:hover {background: #cccccc;} .tabulka-produkt-parametry th {padding: 6px 11px 6px 11px; vertical-align: center; text-align: left; color: #ffffff; background: #000000;} .tabulka-produkt-parametry td {padding: 6px 11px 6px 11px; vertical-align: center;} .tabulka-produkt-parametry tr td:nth-child(1) {width: 45%;} .tabulka-produkt-parametry 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-01-obal {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;} .ID-boxy-01 {float: left; width: 100%; padding: 25px 0 0 0; margin: 0; font-size: 17px; line-height: 24px; color: #000000; font-weight: 300;} .ID-boxy-01 strong {font-weight: bold;} .ID-boxy-01 a {color: #000000;} .ID-boxy-01 ul {padding: 0; margin: 0 0 10px 0; list-style: none;} .ID-boxy-01 ul li {padding: 6px 0 6px 32px; margin: 0; line-height: 20px; position: relative;} .ID-boxy-01 ul li:after {content: ''; width: 7px; height: 7px; position: absolute; background: #d23561; top: 13px; left: 7px; border-radius: 50%;} .ID-boxy-01 ul li a {color: #000000;} .ID-boxy-01 .boxy {float: left; width: 33.33%; padding: 0; margin: 0;} .ID-boxy-01 .box {padding: 0; margin: 0 7px 25px 7px;} .ID-boxy-01 .box-div {display: block; padding: 35px 35px 35px 35px; margin: 0; border: 1px solid #e7e7e7; border-radius: 8px; position: relative;} .ID-boxy-01 .box .modul-obrazek {position: absolute; bottom: 30px; right: 20px;} .ID-boxy-01 .row {display: flex;} .ID-boxy-01 .box {display: flex; width: 33.33%;} .ID-boxy-01 .box-div {flex: 1;} .ID-boxy-01 .boxy-1 {width: 33.33%;} .ID-boxy-01 .boxy-2 {width: 33.33%;} .ID-boxy-01 .boxy-3 {width: 33.33%;} .ID-boxy-01 .box h3.nadpis {display: block; padding: 0 0 15px 0; margin: 0; font-size: 35px; line-height: 40px; font-weight: bold; color: #b82e55;} .ID-boxy-obal {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;} .ID-boxy {float: left; width: 100%; padding: 50px 0 25px 0; margin: 0; font-size: 17px; line-height: 24px; color: #000000; font-weight: 300;} .ID-boxy strong {font-weight: bold;} .ID-boxy img {max-width: 100%; height: auto;} .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 0; margin: 0; line-height: 20px;} .ID-boxy ul li a {color: #000000;} .ID-boxy ul.short-space li {padding: 3px 0 3px 0;} .ID-boxy .boxy {float: left; width: 25%; padding: 0; margin: 0;} .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-kontakt {font-size: 28px; line-height: 34px; font-weight: bold;} .ID-boxy .box .nadpis {display: block; padding: 0 0 15px 0; margin: 0; font-size: 19px; line-height: 25px; font-weight: bold; color: #d23561;} .ID-loga-obal {float: left; width: 100%; padding: 0; margin: 0; border-top: 1px solid #e7e7e7;} .ID-loga {display: block; padding: 30px 0 30px 0; margin: -1px 0 0 0; font-size: 15px; color: #000000; line-height: 22px; text-align: center; font-weight: 300; border-top: 1px solid #e7e7e7;} .ID-loga p {padding: 0; margin: 0;} .ID-paticka-obal {float: left; width: 100%; padding: 0; margin: 0; border-top: 1px solid #e7e7e7;} .ID-paticka {display: block; padding: 30px 0 30px 0; margin: -1px 0 0 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: #000000; background: #eac32d;} ::-moz-selection {color: #000000; background: #eac32d;} input[type='text'], input[type='submit'], input[type='email'], textarea, button, select, a {outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;} input, textarea, button, select {font-family: 'Roboto', arial, sans-serif;} 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 {} #system-message-container .visually-hidden {display: none;} /* 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;} .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 {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: #017a83; border-radius: 22px; text-shadow: 0 1px 0 #000000;} .pagination ul li a.pagenav {color: #ffffff; background: #939393;} .pagination ul li a.pagenav:hover {color: #ffffff; background: #01a7b4;} .pagination .pagination-start, .pagination .pagination-end, .pagination .pagination-prev, .pagination .pagination-next {display: none;} .pagination .vysledky {float: left;} .pagination .strana {float: right;} /* formuláře */ .bfQuickMode .bfElemWrap {float: left; width: 100%; padding: 0; margin: 0 0 20px 0; background-color: #ffffff !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;} .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-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 ************************************************************************************/ .clanek-kategorie {font-size: 17px; line-height: 22px;} .clanek-kategorie-maly {float: right; width: 40%; padding: 16px 0 0 0; margin: 0 0 32px 0;} .ID-kategorie-popis {float: left; width: 60%; padding: 0; margin: 0;} .ID-kategorie-popis-div {display: block; padding: 15px 35px 15px 35px; margin: 0 70px 15px 0; border: 1px solid #e7e7e7; border-radius: 5px; position: relative; font-size: 17px; line-height: 22px;} .clanek-kategorie h1 {color: #d23561; font-weight: 900;} .ID-kategorie-popis h2 {color: #000000; font-weight: 900; font-size: 27px; line-height: 33px; padding: 15px 0 15px 0; margin: 0;} .ID-kategorie-popis h2 span {color: #00af42;} .ID-kategorie-popis .modul {float: left; width: 60%; padding: 0; margin: 0;} .ID-kategorie-popis .ID-vypis {float: left; width: 40%; padding: 0; margin: 0;} .ID-kategorie-popis .ID-vypis .row {display: block;} .ID-kategorie-popis .ID-vypis .row-1 .produkt {display: block; width: 100%; width: calc(100% + 80px);} .ID-kategorie-popis .ID-vypis .produkt-div {box-shadow: 0px 0px 45px 5px #e4e2d6; margin-bottom: 0;} .ID-kategorie-popis .ID-vypis .produkt .popisek {display: none;} .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: 0 0 10px 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 .row-5 .li {width: 20%;} .ID-vypis-kategorie .row-4 .li {width: 25%;} .ID-vypis-kategorie .row-3 .li {width: 33.33%;} .ID-vypis-kategorie .row-2 .li {width: 50%;} .ID-vypis-kategorie .row-1 .li {width: 100%;} .ID-vypis-kategorie .li a {display: block; padding: 5px; margin: 0 8px 8px 0; border: 1px solid #d0d0d0; color: #000000; text-decoration: none; flex: 1; transition: all 150ms linear; border-radius: 5px; box-shadow: 0px 0px 8px 0px #d0d0d0;} .ID-vypis-kategorie .li:hover a {box-shadow: 0px 0px 16px 0px #fbadc6; border-color: #fbadc6;} .ID-vypis-kategorie .row-3 .li:nth-child(3n+1) a {margin-left: 0; margin-right: 6px;} .ID-vypis-kategorie .row-3 .li:nth-child(3n+2) a {margin-left: 3px; margin-right: 3px;} .ID-vypis-kategorie .row-3 .li:nth-child(3n+3) a {margin-left: 6px; margin-right: 0;} .ID-vypis-kategorie .row-4 .li:nth-child(4n+1) a {margin-left: 0; margin-right: 6px;} .ID-vypis-kategorie .row-4 .li:nth-child(4n+2) a {margin-left: 2px; margin-right: 4px;} .ID-vypis-kategorie .row-4 .li:nth-child(4n+3) a {margin-left: 4px; margin-right: 2px;} .ID-vypis-kategorie .row-4 .li:nth-child(4n+4) a {margin-left: 6px; margin-right: 0;} .ID-vypis-kategorie .row-5 .li:nth-child(5n+1) a {margin-left: 0; margin-right: 6px;} .ID-vypis-kategorie .row-5 .li:nth-child(5n+2) a {margin-left: 2px; margin-right: 4px;} .ID-vypis-kategorie .row-5 .li:nth-child(5n+3) a {margin-left: 4px; margin-right: 4px;} .ID-vypis-kategorie .row-5 .li:nth-child(5n+4) a {margin-left: 4px; margin-right: 2px;} .ID-vypis-kategorie .row-5 .li:nth-child(5n+5) 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: 50px; 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 {display: block; height: 100%; padding: 0; margin: 0 0 0 60px;} .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; line-height: 24px; font-size: 17px; font-weight: 500; color: #000000;} .ID-vypis-kategorie .li .nazev h2 span {font-size: 13px; font-weight: normal; color: #000000;} .ID-obsah-dolni .ID-vypis-kategorie {margin: 30px 0 0 0;} .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: -9px 0 15px 0; border-bottom: 1px solid #e7e7e7;} .ID-vypis-razeni .ID-vypis-order div:first-child a {border-radius: 5px 0 0 0;} .ID-vypis-razeni .ID-vypis-order div:last-child a {border-radius: 0 5px 0 0;} .ID-vypis-razeni .ID-vypis-order a {float: left; line-height: 23px; padding: 5px 10px 5px 10px; margin: 9px -1px -1px 0; border: 1px solid #e7e7e7; color: #000000; font-size: 15px; font-weight: normal; text-decoration: none; background: #f7f7f7;} .ID-vypis-razeni .ID-vypis-order div.active a {background: #ffffff; border-radius: 5px 5px 0 0; font-weight: bold; border-top: 3px solid #2744ae; margin-top: 7px; border-bottom-color: #ffffff;} .ID-vypis {float: left; width: 100%; padding: 0 0 0 0; margin: 0;} .ID-vypis .row {display: flex;} .ID-vypis .produkt {display: flex; float: left; width: 25%; padding: 0; margin: 0;} .ID-vypis .row-5 .produkt {width: 20%;} .ID-vypis .row-4 .produkt {width: 25%;} .ID-vypis .row-3 .produkt {width: 33.33%;} .ID-vypis .row-2 .produkt {width: 50%;} .ID-vypis .row-1 .produkt {width: 100%;} .ID-vypis .produkt-div {flex: 1; display: block; padding: 12px 12px 102px 12px; margin: 0 8px 15px 8px; overflow: hidden; border: 1px solid #e7e7e7; border-radius: 5px; position: relative; background: #ffffff;} .ID-vypis .row-3 .produkt {width: 33.33%;} .ID-vypis .row-3 .produkt:nth-child(3n+1) .produkt-div {margin-left: 0; margin-right: 8px;} .ID-vypis .row-3 .produkt:nth-child(3n+2) .produkt-div {margin-left: 4px; margin-right: 4px;} .ID-vypis .row-3 .produkt:nth-child(3n+3) .produkt-div {margin-left: 8px; margin-right: 0;} .ID-vypis .produkt .produkt-label {position: absolute; top: 0; right: 0; width: 80px; height: 80px; pointer-events: none; z-index: 10;} .ID-vypis .produkt .produkt-label::before {content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #00af42; clip-path: polygon(100% 0, 0 0, 100% 100%); z-index: 1;} .ID-vypis .produkt .produkt-label span {position: absolute; top: 11px; right: -2px; z-index: 2; color: #ffffff; font-size: 11px; line-height: 15px; font-weight: bold; transform: rotate(45deg); white-space: nowrap; text-align: center;} .ID-vypis .produkt .obrazek {display: table; width: 100%; padding: 0; margin: 0 0 10px 0; text-align: center; overflow: hidden; line-height: 0;} .ID-vypis .produkt .obrazek div {display: table-cell; height: 200px; padding: 0; margin: 0; vertical-align: middle;} .ID-vypis .produkt .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 100%;} .ID-vypis .produkt .obrazek a {float: left; width: 100%; height: 100%;} .ID-kategorie-popis .ID-vypis .produkt .obrazek div {height: 100px;} .ID-vypis .produkt .nazev {display: block; line-height: 23px; padding: 0; margin: 0 0 10px 0; color: #000000; font-size: 19px; font-weight: bold; text-align: center;} .ID-vypis .produkt .nazev {color: #000000; text-decoration: none;} .ID-vypis .produkt .nazev:hover {text-decoration: underline;} .ID-vypis .produkt .nazev .admin_only {font-weight: normal; font-size: 15px;} .ID-vypis .produkt .text_row_1 {display: block; line-height: 23px; padding: 0; margin: 0 0 10px 0; text-align: center; font-size: 16px;} .ID-vypis .produkt .text_row_2 {display: flex; justify-content: space-around; align-items: center; padding: 0; margin: 0 0 10px 0; border: 1px solid #e7e7e7; text-align: center;} .ID-vypis .produkt .text_row_2 .value {font-size: 18px; font-weight: bold; line-height: 1.2; flex: 1; padding: 8px 0;} .ID-vypis .produkt .text_row_2 .title {font-size: 14px; font-weight: normal; margin-top: 2px; color: #797979;} .ID-vypis .produkt .text_row_2 .value:not(:last-child) {border-right: 1px solid #f0f0f0;} .ID-vypis .produkt .informace {padding: 0; margin: 0;} .ID-vypis .produkt .informace .i-row {padding: 0; margin: 0 0 5px 0;} .ID-vypis .produkt .informace .i-row .ico {float: left; width: 20px; padding: 0; margin: 0; font-size: 19px;} .ID-vypis .produkt .informace .i-row .ico img {width: 100%; height: auto;} .ID-vypis .produkt .informace .i-row .text {padding: 0; margin: 0 0 0 25px;} .ID-vypis .produkt .dolni-pozice {float: left; width: 100%; padding: 0; margin: 0; position: absolute; bottom: 0; left: 0;} .ID-vypis .produkt .dolni {float: left; width: 100%; padding: 0; margin: 0;} .ID-vypis .produkt .dolni-div {display: block; padding: 0 12px 12px 12px; margin: 0;} .ID-vypis .produkt .cena {float: left; line-height: 26px; padding: 0; margin: 5px 0 20px 0; color: #000000; font-size: 22px; font-weight: bold; text-align: left;} .ID-vypis .produkt .cena-bez-dph {line-height: 26px; color: #797979; font-size: 15px; font-weight: bold; text-align: left;} .ID-vypis .produkt .dostupnost, .produkt-detail .prava-strana .dostupnost {float: right; line-height: 26px; padding: 0; margin: 5px 0 15px 0; color: #000000; font-size: 22px; font-weight: bold; text-align: left;} .ID-vypis .produkt .dostupnost div, .produkt-detail .prava-strana .dostupnost div, .ID-varianty-produktu-3 .dostupnost div {display: inline-block; line-height: 16px; padding: 3px 5px 3px 5px; margin: 0 0 5px 10px; background: #e5f8ec; border-radius: 10px; color: #18be47; font-size: 14px; font-weight: normal;} .ID-vypis .produkt .dostupnost div.red, .produkt-detail .prava-strana .dostupnost div.red, .ID-varianty-produktu-3 .dostupnost div.red {background: #ffd2d5; color: #d2000d;} .produkt-detail .prava-strana .dostupnost {float: left; width: 100%; margin: 0 0 30px 0;} .produkt-detail .prava-strana .dostupnost div {margin: 0 0 0 0; font-size: 16px;} .ID-varianty-produktu-3 table tr:hover .dostupnost div {background: #ffffff;} .ID-vypis .produkt form.product {text-align: center;} .ID-vypis .produkt input.addtocart-button, .ID-vypis .produkt a.addtocart-button {height: 39px; line-height: 39px; padding: 0 20px 0 20px; margin: 0; border: 0; color: #ffffff; font-size: 16px; font-weight: 800; text-decoration: none; background: #d23561; border-radius: 20px; cursor: pointer;} .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: 4px; text-align: left;} .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; border-radius: 9px;} .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-slider .ID-vypis {position: absolute; top: 65px; left: -8px; width: 350px;} .ID-slider .ID-vypis .produkt-div {box-shadow: 0px 0px 45px 5px #e4e2d6;} .ID-vypis .produkt-tip .produkt-div {padding-bottom: 12px;} .ID-vypis .produkt-tip h2, .ID-vypis .produkt-tip h3 {text-align: left; margin: 10px 0 10px 0;} .ID-vypis .produkt-tip .obrazek {float: left; width: 70px;} .ID-vypis .produkt-tip .obrazek div {height: 50px;} .ID-vypis .produkt-tip .dolni-pozice {position: relative;} .ID-vypis .produkt-tip .cena {margin: -15px 0 0 70px;} .ID-vypis .produkt-tip input.addtocart-button, .ID-vypis .produkt-tip a.addtocart-button {float: right; margin-top: -55px;} .ID-vypis .produkt-tip .dolni-div {padding: 0 0 0 0;} .ID-vypis .produkt-tip .dolni-div > .clr {display: none;} #ProOPC .ID-nadpis-cara, #ProOPC .ID-nadpis-cara span {font-weight: bold !important; font-size: 16px !important; margin: 10px 0 0 0 !important; color: #000000 !important;} #ProOPC .ID-nadpis-cara::before {display: none;} .ID-obsah-produkty .ID-obsah {padding: 20px 0 40px 0;} .ID-obsah-produkty .nadpis {text-align: center; color: #000000;} #popis-kategorie {margin: 125px 0 125px 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;} .VD-lightbox {display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); justify-content: center; align-items: center; user-select: none;} .VD-lightbox .lightbox-panel {width: 90%; max-width: 1800px; height: 80vh; height: 80dvh; background: #151515; border-radius: 8px; overflow: hidden; position: relative; display: table;} .VD-lightbox .lightbox-close {position: absolute; top: 15px; right: 20px; color: #fff; font-size: 35px; font-weight: bold; cursor: pointer; transition: color 0.2s; line-height: 1; z-index: 10;} .VD-lightbox .lightbox-close:hover {color: #ff4d4d;} .VD-lightbox .lightbox-arrow {position: absolute; top: 50%; transform: translateY(-50%); color: #fff; font-size: 45px; font-weight: bold; padding: 10px; cursor: pointer; transition: color 0.2s, background-color 0.2s, opacity 0.2s; background-color: rgba(0, 0, 0, 0.4); border-radius: 4px; z-index: 5;} .VD-lightbox .lightbox-arrow:hover {color: #ff4d4d; background-color: rgba(0, 0, 0, 0.7);} .VD-lightbox .lightbox-arrow.disabled {opacity: 0.6; pointer-events: none; color: #555;} .VD-lightbox .arrow-left {left: 15px;} .VD-lightbox .arrow-right {right: 15px;} .VD-lightbox .lightbox-counter {color: #ff4d4d; font-weight: bold; margin-right: 8px; display: inline-block;} .VD-lightbox .lightbox-title {color: #eee; display: inline;} .VD-lightbox .main-view-wrap {display: table-cell; width: 70%; height: 100%; vertical-align: middle; background: #000; position: relative; text-align: center;} .VD-lightbox .main-view-container {max-width: 95%; max-height: 75vh; max-height: 75dvh; display: inline-block; vertical-align: middle;} .VD-lightbox .main-view-img {max-width: 100%; max-height: 75vh; max-height: 75dvh; display: inline-block; vertical-align: middle; object-fit: contain; background: #ffffff;} .VD-lightbox .main-view-text {display: block; color: #fff; text-align: left; font-size: 14px; line-height: 1.4; padding: 10px 20px; margin: 0; position: absolute; bottom: 0; left: 0; background: #000000; user-select: text; width: 100%; width: calc(100% - 40px);} .VD-lightbox .main-view-select {display: block; margin: 0 0 10px 0;} .VD-lightbox .main-view-select .lightbox-nav-title {display: block; font-weight: bold; margin: 0 0 5px 0;} .VD-lightbox .main-view-select button {display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #ffffff; background-color: #007bff; border: 1px solid #007bff; border-radius: 4px; cursor: pointer; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;} .VD-lightbox .main-view-select button:hover {background-color: #0056b3; border-color: #0056b3; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);} .VD-lightbox .main-view-select button:active {transform: scale(0.98); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);} .VD-lightbox .main-view-select button.active {background-color: #dc3545 !important; border-color: #dc3545 !important; color: #ffffff !important;} .VD-lightbox .main-view-select button.active:hover {background-color: #bd2130 !important; border-color: #bd2130 !important;} .VD-lightbox .thumbs-wrap {display: table-cell; width: 30%; height: 100%; height: calc(100% - 80px); vertical-align: top; background: #1a1a1a; border-left: 1px solid #2a2a2a; padding: 60px 20px 20px 20px; box-sizing: border-box; overflow-y: auto;} .VD-lightbox .thumbs-container {display: block; width: 100%; max-height: 80vh; max-height: 80dvh; max-height: calc(80vh - 80px); max-height: calc(80dvh - 80px); overflow-x: auto;} .VD-lightbox .thumbs-container .item-thumb {display: inline-block; width: 30%; margin: 1.5%; box-sizing: border-box; aspect-ratio: 1/1; border: 2px solid transparent; border-radius: 4px; cursor: pointer; overflow: hidden; transition: border-color 0.2s; background: #000;} .VD-lightbox .thumbs-container .item-thumb img {width: 100%; height: 100%; object-fit: cover; opacity: 0.6; transition: opacity 0.2s; display: block; background: #ffffff;} .VD-lightbox .thumbs-container .item-thumb:hover img {opacity: 0.9;} .VD-lightbox .thumbs-container .item-thumb.active {border-color: #ff4d4d;} .VD-lightbox .thumbs-container .item-thumb.active img {opacity: 1;} @media (max-width: 768px) { .VD-lightbox .lightbox-panel {display: block; height: 90vh; height: 90dvh; width: 95%;} .VD-lightbox .lightbox-close {top: 10px; right: 15px; background: rgba(0,0,0,0.5); border-radius: 50%; width: 35px; height: 35px; text-align: center; line-height: 35px;} .VD-lightbox .main-view-wrap {display: block; width: 100%; height: 58.5vh; height: 58.5dvh; padding-top: 20px;} .VD-lightbox .main-view-img {max-height: 55vh; max-height: 55dvh;} .VD-lightbox .thumbs-wrap {display: block; width: 100%; /*height: 35%;*/ height: auto; padding: 15px; border-left: none; border-top: 1px solid #2a2a2a;} .VD-lightbox .thumbs-container {white-space: nowrap;} .VD-lightbox .thumbs-container .item-thumb {width: 80px; height: 80px; margin-right: 8px; display: inline-block;} } @media screen and (max-width: 500px) and (min-height: 500px) { .VD-lightbox .lightbox-arrow {top: 15%;} .VD-lightbox .main-view-wrap {padding-top: 17vh; padding-top: 17dvh;} } @media screen and (max-width: 400px) and (max-height: 800px) { .VD-lightbox .thumbs-container .item-thumb {width: 60px; height: 60px;} } @media screen and (max-device-width: 440px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3) { .VD-lightbox .thumbs-container .item-thumb {width: 60px; height: 60px;} } .produkt-detail {float: left; width: 100%; padding: 14px 0 40px 0; margin: 0;} .produkt-detail .leva-strana {float: left; width: 69%; padding: 0; margin: 0 0 40px 0;} .produkt-detail .leva-strana-ostatni {width: 100%; margin-top: -40px;} .produkt-detail .leva-strana-ostatni .ID-modul-04 .boxy .box {width: 25%;} .produkt-detail .leva-strana-div {margin: 0 25px 0 0;} .produkt-detail .leva-strana .obrazky {float: left; width: 100%; padding: 0; margin: 0; position: relative;} /* .produkt-detail .leva-strana .obrazky:before {content: ''; width: 96px; height: 96px; position: absolute; left: -46px; top: -35px; border-radius: 50%; background: #2744ae url('../images/vice-fotek.png') center center no-repeat;} */ .produkt-detail .leva-strana .obrazky-div {display: block; padding: 16px 25px 16px 25px; margin: 0; border: 1px solid #d0d0d0; border-radius: 10px;} /* .produkt-detail .leva-strana .velky-obrazek {display: block; padding: 0; margin: 0; border: 1px solid #cfcfcf; border-radius: 5px; position: relative; text-align: center;} .produkt-detail .leva-strana .velky-obrazek a {display: block; padding: 20px; margin: 0; line-height: 0;} .produkt-detail .leva-strana .velky-obrazek img {width: auto; height: auto; max-width: 100%; max-height: 500px; padding: 0; margin: 0; border-radius: 5px;} */ .produkt-detail .leva-strana .obrazky .obrazek {float: left; width: 50%; padding: 0; margin: 0;} .produkt-detail .leva-strana .obrazky .obrazek-div {display: block; padding: 0; margin: 9px 0 9px 0; border: 0; overflow: hidden; text-align: center;} .produkt-detail .leva-strana .obrazky .obrazek:nth-child(2n+1) .obrazek-div {margin-right: 9px;} .produkt-detail .leva-strana .obrazky .obrazek:nth-child(2n+2) .obrazek-div {margin-left: 9px;} .produkt-detail .leva-strana .obrazky .obrazek .div {display: table; width: 100%; height: 100%; padding: 0; margin: 0; text-align: center;} .produkt-detail .leva-strana .obrazky .obrazek a {display: table-cell; padding: 0; margin: 0; width: 100%; height: 285px; line-height: 0; vertical-align: middle;} .produkt-detail .leva-strana .obrazky .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 100%; padding: 0; margin: 0;} .produkt-detail .leva-strana .obrazky .obrazek.none {display: none;} .produkt-detail .leva-strana .obrazek.archive img {opacity: 0.5;} .produkt-detail .leva-strana .obrazky .img_archive {float: left; width: 100%; position: absolute; top: 45%; left: 0;} .produkt-detail .leva-strana .obrazky .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; position: relative; z-index: 1;} .produkt-detail .leva-strana .obrazky-02 .velky-obrazek {width: 100%;} .produkt-detail .leva-strana .obrazky-02 .nahledy-02 {float: left; width: 100%; padding: 0; margin: 0;} .produkt-detail .leva-strana .obrazky-02 .nahledy-02 .obrazek {float: left; width: 25%; padding: 0; margin: 0; overflow: hidden;} .produkt-detail .leva-strana .obrazky-02 .nahledy-02 .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-02 .nahledy-02 .obrazek .div {display: table; width: 100%; height: 100%; padding: 0; margin: 0; text-align: center; transition: all 300ms linear;} /* .produkt-detail .leva-strana .obrazky-02 .nahledy-02 .obrazek:hover .div {transform: scale(1.30);} */ .produkt-detail .leva-strana .obrazky-02 .nahledy-02 .obrazek:hover .div {opacity: 0.85;} .produkt-detail .leva-strana .obrazky-02 .nahledy-02 .obrazek:nth-child(4n+4) .obrazek-div {border-right: 0;} .produkt-detail .leva-strana .obrazky-02 .nahledy-02 .obrazek a {display: table-cell; padding: 0; margin: 0; width: 100%; height: 98px; line-height: 0; vertical-align: middle;} .produkt-detail .leva-strana .obrazky-02 .nahledy-02 .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 100%; padding: 0; margin: 0;} .produkt-detail .prava-strana {float: right; width: 31%; padding: 0; margin: 0 0 40px 0; font-weight: normal; font-size: 16px; line-height: 22px;} .produkt-detail .informace-kosik {float: left; width: 100%; width: calc(100% + 60px); padding: 0; margin: 20px 0 20px -60px;} .produkt-detail .informace-kosik-div {display: block; padding: 30px 30px 30px 30px; margin: 0; background: #ffffff; box-shadow: 0px 0px 48px 0px #e6e6e6; border-radius: 8px; position: relative;} .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 .product-price {display: block; padding: 15px 0 15px 0; margin: 0 0 30px 0; border-bottom: 2px solid #f3f3f3; line-height: 40px; color: #000000; font-size: 16px; font-weight: normal;} .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: #000000; font-size: 34px; font-weight: bold;} .produkt-detail .prava-strana .product-price .product_price_type {} .produkt-detail .prava-strana .product-price .product_price_type span {float: right;} .produkt-detail .prava-strana .addtocart-area {float: left; width: 100%; padding: 0; margin: 0;} .produkt-detail .prava-strana .addtocart-area .addtocart-bar {float: left; width: 100%; padding: 0; margin: 0;} .produkt-detail .prava-strana .addtocart-area .addtocart-bar-div {display: block; padding: 5px; margin: 0; background: #f1f1f1; border-radius: 30px 30px 30px 30px; text-align: center;} .produkt-detail .prava-strana .addtocart-area .quantity-input {display: inline-block; width: 50px; height: 50px; line-height: 50px; padding: 0; margin: 0 0 0 0; border: 0; background: #f1f1f1; color: #000000; font-size: 18px; font-weight: bold; text-align: center;} .produkt-detail .prava-strana .addtocart-area input.addtocart-button, .produkt-detail .prava-strana .addtocart-area .addtocart-button-disabled {float: right; height: 50px; line-height: 50px; padding: 0 35px 0 35px; margin: 0; border: 0; color: #ffffff; font-size: 20px; font-weight: 800; text-decoration: none; background: #eb3c6d; border-radius: 26px; cursor: pointer; background: linear-gradient(90deg, #eb3c6d 0%, #d23561 100%);} .produkt-detail .prava-strana .addtocart-button-disabled {background: #4f4f50;} .produkt-detail .prava-strana .addtocart-area .pocet {display: inline-block; width: 90px; padding: 0; margin: 0; position: relative;} .produkt-detail .prava-strana .addtocart-area span.quantity-controls {float: left; margin: 0; padding: 0; border: 0;} .produkt-detail .prava-strana .addtocart-area span.quantity-controls input.quantity-controls {float: left; width: 20px; height: 20px; line-height: 20px; padding: 0; margin: 0; border: 0; cursor: pointer; outline: none; background: #ffffff; position: absolute; top: 15px; border-radius: 10px;} .produkt-detail .prava-strana .addtocart-area span.quantity-controls input.quantity-plus {right: 0;} .produkt-detail .prava-strana .addtocart-area span.quantity-controls input.quantity-minus {left: 0;} .produkt-detail .vm-customfields-wrap {margin: 0 0 30px 0;} .ID-varianty-produktu-2 {float: left; width: 100%; padding: 0; margin: 0;} .ID-varianty-produktu-2 .ID-varianty-produktu-2-div {display: block; padding: 0; margin: 0;} .ID-varianty-produktu-2 .nadpis {/*display: block; padding: 15px 0 15px 0; margin: 0; text-align: center;*/ /*font-size: 20px; line-height: 30px; font-weight: 800; color: #000000;*/} .ID-varianty-produktu-2 .produkty {float: left; width: 100%; padding: 0; margin: 0;} .ID-varianty-produktu-2 .produkty .row {float: left; width: 100%; padding: 0; margin: 0 0 0 0; /*border-bottom: 3px solid #f4f4f4;*/} .ID-varianty-produktu-2 .produkty .produkt {float: left; width: 33.33%; padding: 0; margin: 0;} .ID-varianty-produktu-2 .produkty .produkt-div {display: block; padding: 0 0 0 0; margin: 0 0 10px 0; border: 3px solid #f4f4f4; border-radius: 5px; position: relative; transition: all 150ms linear;} .ID-varianty-produktu-2 .produkty .produkt-active .produkt-div {border-color: #dd1a06;} .ID-varianty-produktu-2 .produkty .produkt:hover .produkt-div {border-color: #479317; transform: scale(1.1); z-index: 10;} .ID-varianty-produktu-2 .produkty .radek-1 .produkt-div {margin-right: 8px;} .ID-varianty-produktu-2 .produkty .radek-2 .produkt-div {margin-left: 4px; margin-right: 4px;} .ID-varianty-produktu-2 .produkty .radek-3 .produkt-div {margin-left: 8px;} .ID-varianty-produktu-2 .produkty .produkt .obrazek {float: left; width: 100%; padding: 0; margin: 0; text-align: center;} .ID-varianty-produktu-2 .produkty .produkt .obrazek div {float: left; width: 100%; height: 80px; padding: 0; margin: 0;} .ID-varianty-produktu-2 .produkty .produkt .obrazek div img {width: auto; height: auto; max-width: 100%; max-height: 100%; padding: 0; margin: 0;} .ID-varianty-produktu-2 .produkty .produkt .produkt-info {float: left; width: 100%; padding: 0; margin: 0; display: none; position: absolute; left: -100%; left: calc(-100% - 20px); top: 0; z-index: 5;} .ID-varianty-produktu-2 .produkty .produkt:hover .produkt-info {display: block;} .ID-varianty-produktu-2 .produkty .produkt .produkt-info-div {display: block; padding: 5px 10px 10px 10px; margin: 0; background: #000000;} .ID-varianty-produktu-2 .produkty .produkt .produkt-info h3 {display: block; padding: 5px 0 5px 0; margin: 0; font-size: 15px; line-height: 20px; font-weight: bold; color: #ffffff;} .ID-varianty-produktu-2 .produkty .produkt .produkt-info h3 a {color: #ffffff; text-decoration: none;} .ID-varianty-produktu-2 .produkty .produkt .produkt-info .dostupnost {font-style: italic; color: #ffffff;} .ID-varianty-produktu-2 .produkty .produkt .produkt-info .cena {color: #ffffff; font-weight: bold;} .ID-varianty-produktu-3 {margin: 0 0 40px 0;} .ID-varianty-produktu-3 .produkty {padding: 10px 15px 10px 15px; border: 1px solid #d0d0d0; border-radius: 10px;} .ID-varianty-produktu-3 table {margin: 0;} .ID-varianty-produktu-3 table tr {border-bottom: 1px solid #d0d0d0;} .ID-varianty-produktu-3 table tr.tr-hide {display: none;} .ID-varianty-produktu-3 table tr:last-child {border-bottom: 0;} /* .ID-varianty-produktu-3 table tr.radek-responsive-2 {background: #f2f2f2;} .ID-varianty-produktu-3 table tr:hover {background: #000000; color: #ffffff;} */ .ID-varianty-produktu-3 table .price {font-weight: bold;} .ID-varianty-produktu-3 td.image {width: 50px;} .ID-varianty-produktu-3 td.image img {mix-blend-mode: multiply; height: auto;} .ID-varianty-produktu-3 .more-results.close {display: none;} .ID-varianty-produktu-3 .more-results.open {display: inline-block;} .ID-varianty-produktu-3 .addtocart-area {float: left; width: 100%; padding: 0; margin: 0;} .ID-varianty-produktu-3 .addtocart-area .addtocart-bar {float: left; width: 100%; padding: 0; margin: 0;} .ID-varianty-produktu-3 .addtocart-area .addtocart-bar-div {display: block; padding: 5px; margin: 0; background: #f1f1f1; border-radius: 30px 30px 30px 30px; text-align: center;} .ID-varianty-produktu-3 .addtocart-area .quantity-input {display: inline-block; width: 50px; height: 39px; line-height: 39px; padding: 0; margin: 0 0 0 0; border: 0; background: #f1f1f1; color: #000000; font-size: 18px; font-weight: bold; text-align: center;} .ID-varianty-produktu-3 .addtocart-area input.addtocart-button, .ID-varianty-produktu-3 .addtocart-area .addtocart-button-disabled {float: right; height: 39px; line-height: 39px; padding: 0 20px 0 20px; margin: 0; border: 0; color: #ffffff; font-size: 16px; font-weight: 800; text-decoration: none; background: #eb3c6d; border-radius: 20px; cursor: pointer; background: linear-gradient(90deg, #eb3c6d 0%, #d23561 100%);} .ID-varianty-produktu-3 .addtocart-button-disabled {background: #4f4f50;} .ID-varianty-produktu-3 .addtocart-area .pocet {display: inline-block; width: 90px; padding: 0; margin: 0; position: relative;} .ID-varianty-produktu-3 .addtocart-area span.quantity-controls {float: left; margin: 0; padding: 0; border: 0;} .ID-varianty-produktu-3 .addtocart-area span.quantity-controls input.quantity-controls {float: left; width: 20px; height: 20px; line-height: 20px; padding: 0; margin: 0; border: 0; cursor: pointer; outline: none; background: #ffffff; position: absolute; top: 10px; border-radius: 10px;} .ID-varianty-produktu-3 .addtocart-area span.quantity-controls input.quantity-plus {right: 0;} .ID-varianty-produktu-3 .addtocart-area span.quantity-controls input.quantity-minus {left: 0;} .ID-related_categories h2.nadpis {text-align: left;} .ID-related_categories h3.nadpis {text-align: left;} .ID-related_categories .mezera-nadpis {padding: 15px 0 0 0;} .ID-related_categories .odkaz {display: inline-block; font-size: 17px; line-height: 23px; padding: 5px 15px 3px 15px; margin-left: -15px; margin-bottom: 0; font-weight: bold; text-decoration: none; border-radius: 0 5px 0 0; border-bottom: 0; color: #ffffff; background: #000000; transition: all 300ms linear;} .ID-related_categories .odkaz:hover {color: #ffffff; background: #00af42;} .ID-related_categories .produkty .produkt-div {background: #ffffff; border-color: #ffffff;} .ID-related_categories .produkty .produkt:hover .produkt-div {border-color: #ffffff;} .ID-related_categories .produkty .produkty-obal {display: block; padding: 0px 15px 0 15px; margin: 0 0 20px 0; border: 3px solid #000000; border-radius: 5px; background: #ffffff;} .ID-related_products .produkty .produkty-obal {padding: 15px 15px 5px 15px;} /* .ID-related_categories .produkty .produkt:hover .produkt-div img {mix-blend-mode: multiply;} .ID-related_categories .produkty .produkt .obrazek div img {mix-blend-mode: multiply;} */ .produkt-detail .prava-strana .clanek {padding: 0; margin: 30px 0 0 0;} .produkt-detail .leva-strana-popis {float: left; width: 50%; padding: 0; margin: 0;} .produkt-detail .leva-strana-popis-div {margin: 0 25px 0 0;} .produkt-detail .leva-strana-popis .clanek {font-size: 17px; line-height: 25px;} .produkt-detail .prava-strana-popis {float: left; width: 50%; padding: 0; margin: 0;} .produkt-detail .prava-strana-popis-div {margin: 0 0 0 25px;} .produkt-detail .prava-strana-popis .clanek {font-size: 17px; line-height: 25px;} .clanek-category-desc {margin: 0 0 25px 0;} .ID-hodnoceni-hotelu {display: block; padding: 0; margin: 20px 0 0 0;} .ID-hodnoceni-hotelu h2 {color: #2744ae; font-size: 22px; padding: 0 0 10px 0;} .ID-hodnoceni-hotelu a {text-decoration: none;} .ID-hodnoceni-hotelu .hodnoceni {float: left; width: 65px; height: 62px; line-height: 62px; padding: 0; margin: 0; background: #2744ae; text-align: center; font-size: 22px; font-weight: 900; color: #ffffff; border-radius: 5px;} .ID-hodnoceni-hotelu .strana_right {margin: 0 0 0 75px; padding: 10px 0 0 0;} .ID-hodnoceni-hotelu .strana_right .text {font-weight: bold;} .ID-hodnoceni-hotelu a:hover .strana_right .pocet-hodnoceni {text-decoration: underline;} .ID-hotel-standard {display: block; padding: 0; margin: 20px 0 0 0;} .ID-nabidky-vypis {margin: 0 0 40px 0;} .ID-nabidky-vypis .produkty {padding: 10px 15px 10px 15px; border: 1px solid #d0d0d0; border-radius: 10px;} .ID-nabidky-vypis table {margin: 0;} .ID-nabidky-vypis table tr {border-bottom: 1px solid #d0d0d0;} .ID-nabidky-vypis table tr:last-child {border-bottom: 0;} /* .ID-nabidky-vypis table tr.radek-responsive-2 {background: #f2f2f2;} .ID-nabidky-vypis table tr:hover {background: #000000; color: #ffffff;} */ .ID-nabidky-vypis table .price {font-weight: bold;} .ID-modul-vyrobce {float: left; width: 100%; padding: 0; margin: 0 0 50px 0; font-size: 17px; line-height: 25px;} .ID-modul-vyrobce-div {display: block; padding: 30px 30px 30px 30px; margin: 0; background: #ffffff; box-shadow: 0px 0px 48px 5px #d0d0d0; border-radius: 8px;} .ID-modul-vyrobce .informace {display: flex; font-weight: bold;} .ID-modul-vyrobce .informace-div {display: block;} .ID-modul-vyrobce .informace a {color: #d23561;} .ID-modul-vyrobce .informace .obrazek {float: left; width: 150px; height: 100%; padding: 0; margin: 0;} .ID-modul-vyrobce .informace .obrazek img {float: left; width: 100%; height: auto; padding: 0; margin: 0;} .ID-modul-vyrobce .informace .have-image {margin: 0 0 0 170px; height: 100%;} .ID-modul-vyrobce .informace .nazev .obal_1 {display: table; width: 100%; height: 100%; padding: 0; margin: 0;} .ID-modul-vyrobce .informace .nazev .obal_2 {display: table-cell; padding: 0; margin: 0; vertical-align: middle;} .ID-modul-vyrobce .informace h3 {font-size: 17px; line-height: 25px; padding: 0; margin: 0;} .ID-modul-vyrobce .popis {border-top: 1px solid #e7e7e7; padding: 15px 0 0 0; margin: 15px 0 0 0; color: #575757;} .ID-nezavazna-poptavka {float: left; width: 100%; background: #5b5b5b; padding: 0; margin: 0; display: none;} .ID-nezavazna-poptavka-div {display: block; padding: 35px 25px 35px 25px; color: #ffffff;} .ID-nezavazna-poptavka section.bfElemWrap {background: none !important; padding: 0 !important; margin: 0 0 3px 0 !important;} .bfQuickMode input[type="text"], .bfQuickMode textarea {background: #fbfbfb; border: 0; padding: 8px 3%; font-size: 14px; max-width: 94% !important; width: 94% !important;} .bfQuickMode textarea {height: 100px;} .bfQuickMode .bfLabelLeft label {width: 100% !important; margin: 10px 0 10px 0 !important;} #odkaz-nezavazna-poptavka {margin: 30px 0 20px 0;} .nezavazna-poptavka-open {display: block;} /* 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: 0 0 0 0; margin: 0;} .ID-moduly .menu-novinky {float: left; width: 100%; padding: 20px 0 0 0; margin: 0; list-style: none;} .ID-moduly .menu-novinky li {float: left; width: 25%; padding: 0; margin: 0 0 20px 0;} .ID-moduly .menu-novinky .li-div {display: block; padding: 0 9px 0 9px; margin: 0;} .ID-moduly .menu-novinky li .obrazek {display: block; padding: 0; margin: 0 0 -5px 0; line-height: 0; border-radius: 5px 5px 0 0; height: 150px; overflow: hidden;} .ID-moduly .menu-novinky li .obrazek img {width: 100%; height: auto;} .ID-moduly .menu-novinky li .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;} .ID-moduly .menu-novinky li .obal .datum {display: block; padding: 6px 0 5px 25px; margin: 0; font-size: 13px; line-height: 20px; color: #6d6d6d; font-weight: 300; background: url('../images/ikonka-kalendar.png') left center no-repeat;} .ID-moduly .menu-novinky li .obal .nazev {display: block; padding: 0 0 5px 0; margin: 0; font-size: 17px; line-height: 26px; color: #ff4321; font-weight: bold;} .ID-moduly .menu-novinky li .obal p {padding: 0; margin: 0;} .ID-moduly .ID-obsah-produkty .ID-obsah {padding: 0 0 40px 0;} .ID-moduly .ID-obsah-produkty .ID-obsah .ID-vypis {padding: 0;} .ID-modul-00-obal.c_t_100vw {background-position: center top;} .ID-modul-00-obal.bg_contain {background-size: contain;} .ID-modul-00-obal.bg_cover {background-size: cover;} .ID-modul-00-obal.bg_position_45vw_center {background-position: 45vw center;} .ID-modul-00-obal.bg_position_50vw_center {background-position: 50vw center;} .ID-modul-00-obal.color_white, .ID-modul-00-obal.color_white h2 {color: #ffffff;} .ID-modul-00-obal.color_white.text-shadow {text-shadow: 1px 1px 5px rgba(0,0,0,0.81);} .ID-modul-00-obal .bg-obrazek {display: none;} .ID-modul-00-obal.modul-yellow, .ID-modul-00-obal.modul-yellow .ID-modul-00 {background-color: #eac32d;} .ID-modul-00-obal.modul-black, .ID-modul-00-obal.modul-black .ID-modul-00 {background-color: #000000; color: #ffffff;} .ID-modul-00-obal.registrace {font-size: 27px; line-height: 33px; color: #ffffff; font-weight: bold; margin: 100px 0 100px 0;} .ID-modul-00-obal.registrace p {margin: 0;} .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: #ffffff; background-repeat: no-repeat; background-position: 45vw top; position: relative;} /* .ID-modul-02-obal:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(90deg, #ffffff 45vw, #ffffff00 55vw);} */ .ID-modul-02 {float: left; width: 100%; padding: 150px 0 150px 0; margin: 0; position: relative;} .ID-modul-02 .clanek {float: left; width: 100%; padding: 0; margin: 0; font-size: 19px; line-height: 25px; font-weight: 300;} .ID-modul-02 .levy {float: left; width: 50%; padding: 0; margin: 0;} .ID-modul-02 h2 {font-size: 37px; line-height: 42px;} .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; text-align: center;} .ID-modul-03 h2 {color: #000000; font-size: 40px; line-height: 44px; padding-bottom: 25px;} .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;} .produkt-detail .ID-modul-04-obal > .stred {width: auto;} .produkt-detail .ID-modul-04 .boxy .box-div {padding: 0 10px 0 10px;} .produkt-detail .ID-modul-04 .boxy .box .popisek .nazev {font-size: 18px; line-height: 24px;} .produkt-detail .ID-modul-04 .boxy .box .popisek .nazev_obrazek {padding-left: 55px; padding-top: 2px;} .produkt-detail .ID-modul-04 .boxy .box .popisek .nazev_obrazek .obrazek {width: 45px; height: 65px;} .ID-moduly-obal-odber-novinek {float: left; width: 100%; padding: 0; margin: 40px 0 0 0; background-color: #ecf4fc; background-repeat: no-repeat; background-position: 50vw top; background-position: calc(50vw - 800px) top; position: relative; background-image: url('/images/template/pozadi-odber-novinek.webp');} .ID-moduly-obal-odber-novinek:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(90deg, #ffffff00 calc(50vw - 400px), #ecf4fc calc(50vw - 200px));} .ID-moduly-obal-odber-novinek .ID-moduly {float: left; width: 100%; padding: 80px 0 80px 0; margin: 0; position: relative;} .ID-odber-novinek {display: block; width: 60%; margin: auto; text-align: center;} .ID-odber-novinek h2 {font-size: 34px; line-height: 40px;} .ID-moduly-obal-odber-novinek .acym_module_form .onefield {margin: 0;} .ID-odber-novinek .formular-obal {display: inline-block; width: 355px; margin: 10px 0 15px 0; padding: 0; position: relative; overflow: hidden;} .ID-odber-novinek .formular-obal .form {display: block; margin: 0; padding: 0; background: #ffffff; border: 3px solid #ffffff; border-radius: 24px; overflow: hidden;} .ID-odber-novinek .formular-obal .acym__user__edit__email {float: left; width: 100%; width: calc(100% - 150px); line-height: 22px; margin: 0; padding: 10px 12px 10px 20px; border: 0; font-size: 16px; font-weight: normal; font-style: normal; color: #000000;} .ID-odber-novinek .formular-obal .button {float: right; height: 42px; line-height: 42px; margin: 0; padding: 0 25px 0 25px; border: 0; position: absolute; top: 3px; right: 3px; font-size: 18px; font-weight: bold; font-style: normal; color: #ffffff; cursor: pointer; background: #2744ae; border-radius: 21px; transition: all 300ms linear;} .ID-odber-novinek .formular-obal .button:hover {background-color: #000000;} .ID-moduly-obal-IGNORE > .stred {width: 100%;} .ID-moduly-obal.modul-gray {background-color: #f1f1f1;} .ID-moduly-obal-registrace {font-size: 27px; line-height: 33px; color: #ffffff; font-weight: bold; margin: 100px 0 100px 0;} .ID-moduly-obal-registrace p {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 .vmCartShipmentLogo {float: right; width: 60px; padding: 0; margin: 0 0 0 20px; text-align: center;} #proopc-payment-form .vmCartPaymentLogo img, #proopc-shipment-form .vmCartShipmentLogo img {max-height: 25px;} .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: #d23561; 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: 18px; 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: #d23561;} #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-filtr {float: left; width: 100%; padding: 0; margin: 0 0 25px 0; background: #f8f8f8; position: relative; border-radius: 8px;} .ID-filtr .ID-filtr-div {display: block; padding: 15px 15px 15px 15px; margin: 0;} .ID-filtr .cf_flt_header {border-bottom: 1px solid #c6c6c6; padding-bottom: 7px; font-size: 16px;} .ID-filtr .cf_flt_header_text span {display: block; font-weight: normal;} .ID-filtr .headexpand {float: right; margin: 5px 0 0 0;} .ID-filtr .cf_wrapper_inner {padding-top: 10px;} .ID-filtr .cf_clear, .ID-filtr #price_clear {display: block; color: #8a2925; font-size: 17px; font-weight: 800; clear: both; padding: 1px 5px 5px 5px !important;} .ID-filtr .filtr-obal_price .cf_clear {padding: 5px 5px 1px 5px !important;} .ID-filtr .filtr-obal_price .cf_flt_header .headexpand {background: none;} .ID-filtr .filtr-obal_price > div {overflow: visible !important; height: auto !important;} /* .ID-filtr .filtr-obal_price .cf_wrapper_inner {overflow: visible !important;} */ .ID-filtr .filtr-obal_price .cf_filtering_slider_gutter {float: none; padding-left: 10px; padding-right: 10px;} .ID-filtr .filtr-obal_price .slider_bkg_img {margin: 11px 0 0px -8px; width: 148px; width: calc(100% + 16px); background: #cc3220;} .ID-filtr .filtr-obal_price .cf_slider_gutter_m {width: calc(100% - 18px);} .ID-filtr .filtr-obal_price .knob_wrapper {width: 100%;} .ID-filtr .filtr-obal_price .filtr-cena {text-align: center;} .ID-filtr .filtr-obal_price .cf_wrapper_input_text {display: block;} .ID-filtr .filtr-obal_price .filtr-cena input {display: inline-block; width: 70px; line-height: 20px; margin: 0; padding: 5px 5px 5px 5px; background: #ffffff; border: 1px solid #cccccc; border-radius: 0;} .ID-filtr .filtr-obal_price .filtr-cena .cena-text {line-height: 20px; margin: 0; padding: 5px 5px 5px 5px;} .ID-filtr ul.cf_filters_list {padding: 0; margin: 0; list-style: none;} .ID-filtr ul.cf_filters_list li {padding: 3px 0 3px 0px;} .ID-filtr ul.cf_filters_list li .cf_option {padding: 1px 5px 1px 0;} .ID-filtr ul.cf_filters_list li label {display: block !important; cursor: pointer;} .ID-filtr ul.cf_filters_list li label:hover a {text-decoration: underline;} .ID-filtr ul.cf_filters_list li.vd_disabled_opt label {cursor: default;} .ID-filtr ul.cf_filters_list li.vd_disabled_opt label input {cursor: default;} .ID-filtr ul.cf_filters_list li.vd_disabled_opt label:hover a {text-decoration: none;} .ID-filtr ul.cf_filters_list li .cf_flt_counter {font-size: 13px;} .ID-filtr .filtr-obal_q .cf_wrapper_inner {float: left; width: 100%; margin: 0; padding: 0; padding-top: 10px;} .ID-filtr .filtr-obal_q .cf_wrapper_input_text {padding-bottom: 0;} .ID-filtr .filtr-obal_q .form-horizontal {display: block; margin: 0; padding: 0; position: relative; background: #ffffff; border: 1px solid #cccccc;} .ID-filtr .filtr-obal_q input {float: left; width: 75%; line-height: 20px; margin: 0; padding: 5px 5px 5px 5px; background: #ffffff; border: 0;} .ID-filtr .filtr-obal_q .cf_search_button {float: right; padding-left: 3px; padding-right: 3px; height: 30px; border: 0; background: #cccccc; border-radius: 0;} .ID-filtr .cf_filters_list li .cf_option:hover {text-decoration: underline;} .ID-filtr .cf_filters_list li.vd_disabled_opt .cf_option:hover {text-decoration: none;} .ID-filtr .cf_colorbtn_list .cf_color_btn {border: 2px solid #c6c6c6; width: 25px !important; height: 21px !important; padding: 2px !important; margin: 2px 4px 4px 2px !important;} .ID-filtr .cf_colorbtn_list .cf_sel_opt {border: 2px solid #ffffff; outline: 2px solid #cc3220; padding: 0px !important; margin: 4px 6px 6px 4px !important;} .ID-levy .ID-filtr-vysledky {display: none;} .ID-filtr-vysledky {float: left; width: 100%; padding: 0; margin: 0 0 15px 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;} .ID-vypis-filtr {float: left; width: 100%; padding: 0; margin: 20px 0 0 0; font-size: 15px; line-height: 21px;} .ID-vypis-filtr .ID-vypis-filtr-div {display: block; padding: 10px 15px 10px 15px; margin: 0; border: 1px solid #cfcfcf; border-radius: 5px;} .ID-vypis-filtr .nadpis {float: left; padding: 10px 10px 10px 0; margin: 0;} .ID-vypis-filtr .vysledku-na-stranku {float: right; padding: 8px 0 8px 0; margin: 0;} .ID-vypis-filtr .vysledku-na-stranku .nadpis {float: left; padding: 2px 5px 2px 0; margin: 0;} .ID-vypis-filtr .vysledku-na-stranku select.inputbox {float: left; width: 100px; font-size: 15px; line-height: 19px; padding: 2px 5px 2px 5px; margin: 0; border: 1px solid #6f6f6f;} .ID-vypis-filtr .pocet-produktu {float: left; padding: 10px 0 0 0; margin: 0;} .ID-vypis-filtr .pocet-produktu span {font-weight: bold;} .ID-filter #vd_filter_p_slider_range .noUi-connect {background: #017a83;} .ID-filter .filter_wrap_f_hide .filter_head {color: red;} /* 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 .proopc-input-append .pole-obal .status {display: none; position: absolute; top: 0; right: 0; margin: 8px 0 0; width: 16px; height: 12px; padding: 0; vertical-align: middle;} #nakupni-kosik .proopc-reg-form .proopc-input-append .pole-obal .status.invalid {display: inline-block; background: url('/plugins/system/vponepagecheckout/assets/images/data-validation.png') no-repeat 0 -13px transparent;} #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: 2px; height: 13px; width: 13px; background: #ffffff;} .ID-filtr label.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;} /* Vlastni pole END */