/*
 * Regular = Normal in CSS
****************************
Roboto Slab

Thin       - 100
ExtraLight - 200
Light      - 300
Regular    - 400
Medium     - 500
SemiBold   - 600
Bold       - 700
ExtraBold  - 800
Black      - 900





****************************
Ubuntu

Light      - 300
Regular    - 400
Bold       - 600






****************************
*/
		
		
		
		
		
body {margin: 0; padding: 0; font-family: Ubuntu, arial, sans-serif; font-size: 15px; line-height: 22px; color: #000000; background: #ffffff;}
.stred {margin: auto; width: 1240px; padding: 0;}


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


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


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


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


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


.ID-hlavicka .hlavicka_02 {float: right; margin: 0; padding: 0;}
.ID-hlavicka .hlavicka_02 .ikonky {float: left; margin: 0; padding: 0;}
.ID-hlavicka .hlavicka_02 .ikonky .ikonka {float: left; margin: 0 0 0 20px; padding: 0; cursor: pointer;}
.ID-hlavicka .hlavicka_02 .ikonky .ikonka-vyhledavani {position: relative;}
.ID-hlavicka .hlavicka_02 .ikonky .ikonka-kosik {position: relative;}
.ID-hlavicka .hlavicka_02 .ikonky .ikonka-kosik .total_products {width: 100%; position: absolute; text-align: center; top: 0; left: 0;}


.ID-hlavicka .hlavicka_02 .ID-hlavicka-vyhledavani-obal {display: none;}
.ID-hlavicka .hlavicka_02 .ID-hlavicka-vyhledavani-obal.open {position: absolute; top: 0; right: 0; display: block;}
.ID-hlavicka .hlavicka_02 .ID-hlavicka-kosik-obal {display: none;}
.ID-hlavicka .hlavicka_02 .vmCartModule:hover .ID-hlavicka-kosik-obal {display: block;}


.ID-hlavicka .hlavicka_02 .vmCartModule {float: left; width: auto; padding: 0; margin: 0;}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_main {display: block; width: 550px; padding: 0; margin: 0; position: absolute; top: 29px; right: 0; z-index: 15; cursor: auto;}
.ID-hlavicka .hlavicka_02 .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 .hlavicka_02 .vmCartModule .vm_cart_products_wrap
{display: block; padding: 10px; margin: 16px 0 0 0; background: #ffffff; box-shadow: 0px 0px 21px 0px #262626; z-index: 15;}


.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row {display: block; padding: 5px 0 5px 0; margin: 0; border-bottom: 1px solid #d5d5d5;}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .produkt {display: flex; float: left; width: 100%; padding: 0; margin: 0;}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .produkt-div {flex: 1; display: block; padding: 0; margin: 0; /*overflow: hidden;*/}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .vd_obrazek {float: left; padding: 0; margin: 0;}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .vd_obrazek .obal_1 {display: table; width: 50px; padding: 0; margin: 0;}
.ID-hlavicka .hlavicka_02 .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 .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .vd_obrazek .image {display: block; width: 100%; height: 100%;}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .vd_obrazek img {width: auto; height: auto; max-width: 100%; max-height: 100%;}


.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .vd_text {display: block; height: 100%; padding: 0; margin: 0 0 0 55px;}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .vd_text .obal_1 {display: table; width: 100%; height: 100%; padding: 0; margin: 0;}
.ID-hlavicka .hlavicka_02 .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 .hlavicka_02 .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 .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .vd_pocet .quantity {}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .vd_pocet .quantity_x {}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .product_name {display: block; margin: 5px 0 0 50px;}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .customProductData {display: block; margin: 0 0 0 50px;}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .product_name a {text-decoration: none;}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .product_row .product_name a:hover {text-decoration: underline;}
.ID-hlavicka .hlavicka_02 .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 .hlavicka_02 .vmCartModule .vm_cart_products_wrap .go_to_cart {display: block; padding: 5px 0 5px 0; margin: 0; font-weight: bold; text-align: center; color: #ffffff; background: #2744ae; text-transform: uppercase; 
text-decoration: none;}
.ID-hlavicka .hlavicka_02 .vmCartModule .vm_cart_products_wrap .go_to_cart:hover {text-decoration: underline;}


.ID-hlavicka .pravy {float: right; margin: 0; padding: 0;}
.ID-hlavicka .hlavicka-eshop {float: right; margin: 0; padding: 0;}
.ID-hlavicka .hlavicka-eshop .kontakt {float: right; margin: 20px 40px 0 0; padding: 0 0 0 50px; background: #ffffff url('/images/template/ikonka-telefon-2.png') 0 15px no-repeat;
font-size: 14px; line-height: 24px; font-weight: normal; color: #000000;}
.ID-hlavicka .hlavicka-eshop .kontakt strong {color: #ff4321; font-size: 21px;}
.ID-hlavicka .hlavicka-eshop .poptavka {float: right; margin: 0 0 0 15px; padding: 34px 20px 35px 112px; background: url('../images/ikonka-poptavka.png') 0 0 no-repeat;
font-size: 17px; line-height: 24px; font-weight: normal; color: #000000;}
.ID-hlavicka .hlavicka-eshop p {padding: 0; margin: 0;}


.ID-hlavicka .vmCartModule {float: right; width: 231px; padding: 0; margin: 31px 0 0 0;
font-size: 14px; line-height: 18px; font-weight: normal; font-style: normal; color: #000000;}
.ID-hlavicka .vmCartModule .kosik_left {float: left; width: 45px; padding: 0; margin: 6px 12px 0 0;}
.ID-hlavicka .vmCartModule .kosik_left img {float: left; width: 100%; height: auto; padding: 0; margin: 0;}
.ID-hlavicka .vmCartModule .kosik_right {margin: 0 0 0 57px;}
.ID-hlavicka .vmCartModule .kosik_right .show_cart a {float: none !important;}


.ID-hlavicka .ID-smart-search {float: left; width: 406px; margin: 37px 40px 0 0; padding: 0; position: relative; overflow: hidden;}
.ID-hlavicka .ID-smart-search form,
.VD-smart-search-form .form {display: block; margin: 0; padding: 0; background: #ffffff; border: 2px solid #cfcfcf; border-radius: 8px;}
.ID-hlavicka .ID-smart-search .inputbox,
.VD-smart-search-form .inputbox
{float: left; width: 300px; line-height: 21px; margin: 0; padding: 8px 12px 8px 45px; border: 0; background: transparent url('../images/lupa.png') 15px 9px no-repeat;
font-size: 14px; font-weight: normal; font-style: italic; color: #717171;}
.ID-hlavicka .ID-smart-search .button,
.VD-smart-search-form .button {float: right; height: 41px; line-height: 43px; margin: 0; padding: 0 25px 0 25px; border: 0; border-bottom: 2px solid #017a83; position: absolute; top: 0; right: 0;
font-size: 16px; font-weight: bold; font-style: normal; color: #ffffff; cursor: pointer; background: #01a7b4; border-radius: 0 8px 8px 0; transition: all 300ms linear;
-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.ID-hlavicka .ID-smart-search .button:hover {background-color: #017a83;}


.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 !important; width: 100% !important; padding: 0 !important; margin: 20px 0 0 0 !important;
position: relative !important;  z-index: 1 !important; background: #ffffff !important; opacity: 1 !important;}
.VD-smart-search-result-page .vd-search-head-div .vd_close_button {display: none;}
.VD-smart-search-result-page .vd-wrap .vd-results .vd-result a:hover {text-decoration: underline;}
.VD-smart-search-result-page .vd-wrap-eshop-product-div {padding: 20px 0 0 0 !important;}
.VD-smart-search-result-page .vd-search-head-div {font-size: 15px !important;}
.VD-smart-search-result-page .vd-wrap .vd-results .vd-result a {font-size: 14px !important;}


.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; cursor: pointer; display: none;
background-color: #ff4321; background-repeat: no-repeat; background-position: center center;}
#js-odkaz-menu {background-color: #ff4321; background-image: url('../images/tlacitko-menu.png');}


.ID-hlavicka-menu-obal {display: block; height: 0; padding: 0; margin: auto; text-align: center;}
.ID-hlavicka-menu-obal .ID-hlavicka-menu {display: inline-block; height: 0; padding: 0; margin: auto;}
#hlavicka-menu {float: left; width: 100%; height: 40px; padding: 0; margin: 9px 0 0 0;}
#hlavicka-menu .mod-menu {float: left; padding: 0; margin: 0; list-style: none;}
#hlavicka-menu .mod-menu > li {float: left; padding: 0; margin: 0; position: relative;}
#hlavicka-menu .mod-menu > li > a {float: left; padding: 0 15px 0 15px; margin: 0; height: 40px; line-height: 40px; position: relative;
font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none;}
#hlavicka-menu .mod-menu > li > a:hover {text-decoration: underline; color: #023047;}


#hlavicka-menu .mod-menu > li > ul {float: left; padding: 0; margin: 40px 0 0 0; list-style: none; display: none; min-width: 290px;
position: absolute; z-index: 49; background: #017a83; border: 0;}
#hlavicka-menu .mod-menu > li:hover > ul {display: block;}
#hlavicka-menu .mod-menu > li > ul > li {display: block; padding: 0; margin: 0;}
#hlavicka-menu .mod-menu > li > ul > li > a {display: block; padding: 10px 15px 10px 15px; margin: 0; line-height: 20px; text-align: left;
font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none;}
#hlavicka-menu .mod-menu > li > ul > li > a:hover {text-decoration: underline; color: #023047;}












.ID-hlavni-menu-obal {float: left;  width: 100%; padding: 0; margin: 0; background: #01a7b4;}
.ID-hlavni-menu {float: left;  width: 100%; padding: 0; margin: 0; background: #01a7b4;}
#hlavni-menu {float: left; width: 100%; height: 57px; padding: 0; margin: 0;}
#hlavni-menu .menu_category {float: left; padding: 0; margin: 0; list-style: none;}
#hlavni-menu .menu_category > li {float: left; padding: 0; margin: 0; position: relative;}
#hlavni-menu .menu_category > li > a {float: left; padding: 0 15px 0 15px; margin: 0; height: 57px; line-height: 57px; position: relative;
font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none; text-transform: uppercase;}
/*
#hlavni-menu .menu_category:nth-child(1) > li > a {margin-left: -10px;}
*/
#hlavni-menu:hover .menu_category > li:hover > a {color: #ffffff; background: #017a83;}
#hlavni-menu:hover .menu_category > li.active > a {background: none;}
#hlavni-menu:hover .menu_category > li.active:hover > a {background: #017a83;}
#hlavni-menu .menu_category > li.active > a {background: #017a83;}

/* vysouvací menu */
#hlavni-menu .menu_category > li > ul {float: left; width: 650px; margin: 57px 0 0 0; padding: 20px 0 20px 20px; list-style: none; 
position: absolute; z-index: 49; visibility: hidden; background: #017a83; border: 0;}
#hlavni-menu .menu_category > li:hover > ul {visibility: visible;}

/* 1. stupeň vysunutí­ */
#hlavni-menu .menu_category > li > ul > li {float: left; width: 300px; padding: 0; margin: 0 20px 0 0;}
#hlavni-menu .menu_category > li > ul > li:nth-child(2n+1) {clear: left;}
#hlavni-menu .menu_category > li > ul > li > a {display: block; line-height: 22px; padding: 10px 0 10px 15px; margin: 0;
font-size: 16px; font-weight: bold; color: #ffffff; text-decoration: none;}
#hlavni-menu .menu_category > li > ul > li:hover > a {text-decoration: underline;}
#hlavni-menu .menu_category > li > ul > li.active > a {text-decoration: underline;}


.ID-navigace-obal {float: left; width: 100%; background: #f8f8f8; margin: 0; padding: 0;}
.ID-navigace {float: left; width: 100%; background: #f8f8f8; padding: 45px 0 45px 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: #01a7b4;}
.ID-navigace .breadcrumb li {float: left; padding: 0; margin: 0;}
.ID-navigace .breadcrumb li a {color: #01a7b4;}
.ID-navigace .breadcrumb .divider {padding: 0 5px 0 5px;}


.ID-slider-obal {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}
.ID-slider {float: left; width: 100%; padding: 0; margin: 0; background: #f4f4f0;}
.ID-slider ul {float: left; width: 100%; height: 100%; padding: 0; margin: 0; position: relative;}
.ID-slider ul li {float: left; width: 100%; height: 605px; padding: 0; margin: 0; list-style: none; background-position: center top; background: none !important;}
.ID-slider ul li .obrazek {display: none;}
.ID-slider ul li .stred_obrazek .obrazek {display: block; float: right; margin-top: 46px; max-width: 52%;}
.ID-slider ul li .text {float: left; width: 46%; padding: 0; margin: 0;}
.ID-slider ul li .text-div {display: block; padding: 0; margin: 100px 0 0 0; background: none;
font-size: 22px; line-height: 30px; font-weight: normal; color: #000000;}
.ID-slider ul li .text p {}


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


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


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


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


.ID-levy {float: left; width: 27%; padding: 0; margin: 0;}
.ID-levy-div {display: block; padding: 0; margin: 0 15px 0 0;}
.ID-levy .modul {float: left; width: 100%; padding: 0; margin: 0 0 20px 0;}
.ID-levy .modul h2 {display: block; line-height: 26px; padding: 5px 20px 5px 20px; margin: 0;
font-size: 20px; font-weight: bold; color: #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;}


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


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


.clanek .odkaz, .ID-navigace .odkaz, .bfQuickMode .bfSubmitButton, #odkaz-nezavazna-poptavka, .ID-kosik-modal .odkaz, .ID-slider .odkaz, .rsform .rsform-submit-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: #ff4321; cursor: pointer; border: 0;}


.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;}


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


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


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


/************************************************************************************
 * PATIČKA
 ************************************************************************************/
.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 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: #01a7b4;}
.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 h3.nadpis {display: block; padding: 0 0 15px 0; margin: 0; font-size: 19px; line-height: 25px; font-weight: bold; color: #000000;}


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


/************************************************************************************
 * OSTATNÍ
 ************************************************************************************/
p {padding: 0; margin: 0 0 15px 0;}
a {color: #000000; text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: 0;}
iframe {border: 0; padding: 0; margin: 0;}
.clr, .clear {clear: both; padding: 0; margin: 0;}
.clanek .clr {height: 0px;}
::selection {color: #ffffff; background: #b3223a;}
::-moz-selection {color: #ffffff; background: #b3223a;}


input[type='text'],
input[type='submit'],
input[type='email'],
textarea, button, select, a {outline: none;}


input[type='text'], textarea, button, a {-webkit-appearance: none; -moz-appearance: none; appearance: none;}


input, textarea, button, select {font-family: Ubuntu, 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 {}


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



.rsform .formRed {display: none;}
.rsform .formError {display: block; height: auto !important;}



/* 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
 ************************************************************************************/
.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: 10px 0 10px 0; list-style: none;}
.ID-vypis-kategorie .row {display: flex;}
.ID-vypis-kategorie .li {display: flex; float: left; width: 33.333333%; padding: 0; margin: 0; transition: all 300ms linear; transition: transform 0.5s;}
.ID-vypis-kategorie .li a {display: block; padding: 2px; margin: 0 6px 6px 0; border: 1px solid #cfcfcf; color: #681311; text-decoration: none; flex: 1; border-radius: 5px;}
.ID-vypis-kategorie .li:hover a {padding: 0; border: 3px solid #017a83;}
.ID-vypis-kategorie .li.konec a {margin-right: 0;}
.ID-vypis-kategorie .li_clr {float: left; height: 0; width: 100%; padding: 0; margin: 0; border: 0;}
.ID-vypis-kategorie .li .obrazek {float: left; width: 20%; padding: 0; margin: 0; line-height: 0; text-align: center;}
.ID-vypis-kategorie .li .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 64px; padding: 0; margin: 5px 0 5px 3px;}
.ID-vypis-kategorie .li .nazev {float: right; width: 80%; padding: 0; margin: 0;}
.ID-vypis-kategorie .li .nazev h2 {display: block; text-decoration: none; padding: 0; margin: 12px 5px 12px 12px;
line-height: 20px; font-size: 14px; font-weight: bold; color: #000000;}
.ID-vypis-kategorie .li a:hover h2 {}
.ID-vypis-kategorie .li .nazev h2 span {font-size: 13px; font-weight: normal; color: #000000;}
*/










.ID-vypis-kategorie {float: left; width: 100%; padding: 0; margin: 10px 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: 8px 8px 0 0; border: 1px solid #d5d5d5; color: #000000; text-decoration: none; flex: 1; transition: all 150ms linear; border-radius: 5px;}
.ID-vypis-kategorie .li:hover a {/*box-shadow: 0px 0px 10px 0px #a6a6a6;*/ border-color: #017a83;}

.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 .li_clr {float: left; height: 0; width: 100%; padding: 0; margin: 0; border: 0;}
.ID-vypis-kategorie .li .obrazek {float: left; width: 64px; 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 74px;}
.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: bold; color: #000000;}
.ID-vypis-kategorie .li .nazev h2 span {font-size: 13px; font-weight: normal; color: #000000;}





.popis-kagegorie .levy {float: left; width: 45%; padding: 0; margin: 0;}
.popis-kagegorie .levy-div {display: block; padding: 0 20px 0 0; margin: 0;}
.popis-kagegorie .pravy {float: right; width: 55%; padding: 0; margin: 0;}
.popis-kagegorie .pravy-div {display: block; padding: 0 0 0 20px; margin: 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: 11px 0 0 0; border-bottom: 1px solid #cfcfcf;}
.ID-vypis-razeni a {float: left; line-height: 23px; padding: 5px 10px 5px 10px; margin: 9px -1px -1px 0; border: 1px solid #cfcfcf;
color: #000000; font-size: 15px; font-weight: normal; text-decoration: none; background: #f7f7f7;}
.ID-vypis-razeni div.active a {background: #ffffff; border-radius: 5px 5px 0 0; font-weight: bold; border-top: 3px solid #ff8500; margin-top: 7px; /*border-left: 0;*/ border-bottom-color: #ffffff;}


.ID-vypis {float: left; width: 100%; padding: 20px 0 0 0; margin: 0;}
.ID-vypis h2 {color: #5586b6; font-size: 30px; line-height: 38px; font-weight: bold;}
.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 #cfcfcf; border-radius: 5px; position: relative;}


/*
.ID-vypis .produkt:nth-child(3n+2) .produkt-div {margin-left: 8px; margin-right: 8px;}
.ID-vypis .produkt:nth-child(3n+3) .produkt-div {margin-left: 8px; margin-right: 8px;}
*/


.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-vypis .produkt h3 {display: block; line-height: 23px; padding: 0; margin: 0 0 20px 0; color: #000000; font-size: 19px; font-weight: bold; text-align: center;}
.ID-vypis .produkt h3 a {color: #000000; text-decoration: none;}
.ID-vypis .produkt h3 a:hover {text-decoration: underline;}


.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 .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 {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 {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 10px 5px 0;}


.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: #ff4321; border-radius: 20px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}


.ID-vypis .produkt .statusy,
.produkt-detail .leva-strana .velky-obrazek .statusy {float: left; width: 100%; padding: 0; margin: 0 0 7px 0; position: absolute; left: 6px; top: 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-obsah-produkty .ID-obsah {padding: 20px 0 40px 0;}
.ID-obsah-produkty .nadpis {text-align: center; color: #000000;}


/*
.ID-page-vm-produkty .ID-vypis .produkt {width: 33.33%;}
.ID-page-vm-produkty .ID-vypis .produkt:nth-child(3n+1) .produkt-div {margin-left: 0; margin-right: 8px;}
.ID-page-vm-produkty .ID-vypis .produkt:nth-child(3n+2) .produkt-div {margin-left: 4px; margin-right: 4px;}
.ID-page-vm-produkty .ID-vypis .produkt:nth-child(3n+3) .produkt-div {margin-left: 8px; margin-right: 0;}
*/


#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;}











.produkt-detail {float: left; width: 100%; padding: 0; margin: 0;}
.produkt-detail .leva-strana {float: left; width: 60%; padding: 0; margin: 0 0 40px 0;}
.produkt-detail .leva-strana-div {margin: 0 31px 0 0;}
.produkt-detail .leva-strana .obrazky {float: left; width: 100%; padding: 0; margin: 0; position: relative;}
.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 .nahledy {float: left; width: 100%; padding: 0; margin: 17px 0 0 0;}
.produkt-detail .leva-strana .obrazky .nahledy .obrazek {float: left; width: 25%; padding: 0; margin: 0;}
.produkt-detail .leva-strana .obrazky .nahledy .obrazek-div {display: block; padding: 0; margin: 0 0 -1px 0; border: 1px solid #cfcfcf; border-right-width: 0; overflow: hidden; text-align: center;}
.produkt-detail .leva-strana .obrazky .nahledy .obrazek .div {display: table; width: 100%; height: 100%; padding: 0; margin: 0; text-align: center;}
.produkt-detail .leva-strana .obrazky .nahledy .obrazek:nth-child(4n+4) .obrazek-div,
.produkt-detail .leva-strana .obrazky .nahledy .obrazek.last .obrazek-div {border-right-width: 1px;}
.produkt-detail .leva-strana .obrazky .nahledy .obrazek a {display: table-cell; padding: 0; margin: 0; width: 100%; height: 98px; line-height: 0; vertical-align: middle;}
.produkt-detail .leva-strana .obrazky .nahledy .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 100%; padding: 0; margin: 0;}


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


.produkt-detail .prava-strana {float: right; width: 40%; padding: 0; margin: 0 0 40px 0; font-weight: normal; font-size: 16px; line-height: 22px;}
.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 .addtocart-area {float: left; width: 100%; padding: 0; margin: 0;}
.produkt-detail .prava-strana .addtocart-area input.addtocart-button,
.produkt-detail .prava-strana .addtocart-area .addtocart-button-disabled
{float: left; height: 48px; line-height: 48px; padding: 0 20px 0 20px; margin: 0 0 0 -1px; border: 0;
color: #ffffff; font-size: 18px; font-weight: 800; text-decoration: none;
background: #ff4321; border-radius: 0 5px 5px 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.produkt-detail .prava-strana .addtocart-button-disabled {background: #4f4f50;}


.produkt-detail .prava-strana .addtocart-area .pocet-style-0 span.quantity-controls
{float: left; width: 20px; height: 46px; margin: 0 0 0 0; padding: 0; background: #f3f3f3; border: 1px solid #cfcfcf; border-left: 0;}
.produkt-detail .prava-strana .addtocart-area .pocet-style-0 .quantity-input {float: left; width: 46px; height: 46px; line-height: 46px; padding: 0 0 0 0; margin: 0; border: 1px solid #cfcfcf;
color: #000000; font-size: 18px; font-weight: normal; text-align: center; border-radius: 5px 0 0 5px;}
.produkt-detail .prava-strana .addtocart-area .pocet-style-0 span.quantity-controls input.quantity-controls
{float: left; width: 20px; height: 22px; line-height: 22px; padding: 0; margin: 0; border: 0; cursor: pointer; outline: none;
background: #f3f3f3 url('../images/quantity-controls-plus.png') center center no-repeat; text-indent: -9999px;}
.produkt-detail .prava-strana .addtocart-area .pocet-style-0 span.quantity-controls input.quantity-plus {margin: 0 0 1px 0; height: 23px; line-height: 23px; border-bottom: 1px solid #cfcfcf;}
.produkt-detail .prava-strana .addtocart-area .pocet-style-0 span.quantity-controls input.quantity-minus {background-image: url('../images/quantity-controls-minus.png');}


.produkt-detail .prava-strana .addtocart-area .pocet-style-1
{display: inline-block; width: 88px; padding: 0; margin: 5px 10px 5px 0; position: relative; border: 1px solid #cfcfcf; border-radius: 5px; overflow: hidden; text-align: center;}
.produkt-detail .prava-strana .addtocart-area .pocet-style-1 .quantity-input {display: inline-block; width: 50px; height: 35px; line-height: 35px; padding: 0; margin: 0 0 0 0; border: 0; background: #ffffff;
color: #000000; font-size: 18px; font-weight: bold; text-align: center;}
.produkt-detail .prava-strana .addtocart-area .pocet-style-1 span.quantity-controls
{float: left; margin: 0; padding: 0; border: 0;}
.produkt-detail .prava-strana .addtocart-area .pocet-style-1 span.quantity-controls input.quantity-controls
{float: left; width: 20px; height: 100%; line-height: 100%; padding: 0; margin: 0; border: 0; cursor: pointer; outline: none; background: #f7f7f7; position: absolute; top: 0; border-radius: 0;}
.produkt-detail .prava-strana .addtocart-area .pocet-style-1 span.quantity-controls input.quantity-plus {right: 0; border-left: 1px solid #cfcfcf;}
.produkt-detail .prava-strana .addtocart-area .pocet-style-1 span.quantity-controls input.quantity-minus {left: 0; border-right: 1px solid #cfcfcf;}





.produkt-detail .prava-strana .ID-essox-kalkulacka {float: left; padding: 0; margin: 0;}
.produkt-detail .prava-strana .ID-essox-kalkulacka-div {display: inline-block; padding: 0; margin: 30px 0 0 0;}
.produkt-detail .prava-strana .ID-essox-kalkulacka .nazev {float: left; padding: 10px; margin: 0 10px 0 0; background: #cc0033; color: #ffffff;}
.produkt-detail .prava-strana .ID-essox-kalkulacka img {float: left; padding: 0; margin: 6px 0 0 0; height: 30px; width: auto;}


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


.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-varianty-produktu-1 {float: left; width: 100%; padding: 0; margin: 20px 0 0 0;}
.ID-varianty-produktu-1 .ID-varianty-produktu-1-div {display: block; padding: 0; margin: 0;}
.ID-varianty-produktu-1 .nadpis {}
.ID-varianty-produktu-1 .produkty {float: left; width: 100%; padding: 0; margin: 0;}
.ID-varianty-produktu-1 .produkty .row {float: left; width: 100%; padding: 0; margin: 0 0 0 0; /*border-bottom: 3px solid #f4f4f4;*/}
.ID-varianty-produktu-1 .produkty .produkt {float: left; width: 33.33%; padding: 0; margin: 0;}
.ID-varianty-produktu-1 .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-1 .produkty .produkt-active .produkt-div {border-color: #fb8500;}
.ID-varianty-produktu-1 .produkty .produkt:hover .produkt-div {border-color: #023047; /*transform: scale(1.1); z-index: 10;*/}
.ID-varianty-produktu-1 .produkty .radek-1 .produkt-div {margin-right: 8px;}
.ID-varianty-produktu-1 .produkty .radek-2 .produkt-div {margin-left: 4px; margin-right: 4px;}
.ID-varianty-produktu-1 .produkty .radek-3 .produkt-div {margin-left: 8px;}
.ID-varianty-produktu-1 .produkty .produkt .obrazek {float: left; width: 100%; padding: 0; margin: 0; text-align: center;}
.ID-varianty-produktu-1 .produkty .produkt .obrazek div {float: left; width: 100%; height: 80px; padding: 0; margin: 0;}
.ID-varianty-produktu-1 .produkty .produkt .obrazek div img {width: auto; height: auto; max-width: 100%; max-height: 100%; padding: 0; margin: 0;}
.ID-varianty-produktu-1 .produkty .produkt .produkt-info {float: left; width: 100%; padding: 0; margin: 0; display: block; /*position: absolute; left: -100%; left: calc(-100% - 20px); top: 0; z-index: 5;*/}
/*
.ID-varianty-produktu-1 .produkty .produkt:hover .produkt-info {display: block;}
*/
.ID-varianty-produktu-1 .produkty .produkt .produkt-info-div {display: block; padding: 5px 10px 10px 10px; margin: 0; background: #f3f5f7;}
.ID-varianty-produktu-1 .produkty .produkt .produkt-info h3 {display: block; padding: 5px 0 5px 0; margin: 0;
font-size: 15px; line-height: 20px; font-weight: bold; color: #000000;}
.ID-varianty-produktu-1 .produkty .produkt .produkt-info h3 a {color: #000000; text-decoration: none;}
.ID-varianty-produktu-1 .produkty .produkt .produkt-info .dostupnost {font-style: italic; color: #000000;}
.ID-varianty-produktu-1 .produkty .produkt .produkt-info .cena {color: #000000; font-weight: bold;}


















.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-obal.modul-gray {background-color: #f1f1f1;}
.ID-moduly-obal-IGNORE > .stred {width: 100%;}


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







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





.ID-modul-00 .bg-obrazek {display: none;}



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


.ID-modul-02-obal {float: left; width: 100%; padding: 0; margin: 0; background-color: #eee8f0; background-repeat: no-repeat; background-position: right top;}
.ID-modul-02-obal.position_center_top {background-position: center top;}
.ID-modul-02-obal.l_50vw {background-position: left top;}
.ID-modul-02-obal.r_50vw {background-position: 50vw top;}
.ID-modul-02-obal.text_center {text-align: center;}
.ID-modul-02 {float: left; width: 100%; padding: 150px 0 150px 0; margin: 0;}
.ID-modul-02 .levy {float: left; width: 50%; padding: 0; margin: 0;}
.ID-modul-02 .levy-div {display: block; padding: 0 20px 0 0; margin: 0;}
.ID-modul-02 .pravy {float: right; width: 50%; padding: 0; margin: 0;}
.ID-modul-02 .pravy-div {display: block; padding: 0 0 0 20px; margin: 0;}
.ID-modul-02 .clanek {float: left; width: 100%; padding: 0; margin: 0; font-size: 19px; line-height: 25px; font-weight: 300;}
.ID-modul-02 h2 {color: #ff4321; font-size: 42px; line-height: 46px;}


.ID-modul-03-obal {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;}
.ID-modul-03 {float: left; width: 100%; padding: 30px 0 30px 0; margin: 0; background: #ffffff;}
.ID-modul-03 .clanek {float: left; width: 100%; padding: 0; margin: 0; 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;}








.ID-slider-01-obal {float: left; width: 100%; padding: 0; margin: 0; background-color: #ffffff;}
.ID-slider-01 {float: left; width: 100%; padding: 25px 0 25px 0; margin: 0;}
.ID-slider-01 img {width: 100%; height: auto; padding: 0; margin: 0;}
.ID-slider-01 .obrazek a {display: block; padding: 0; margin: 0; line-height: 0;}
.ID-slider-01 .box-02 {margin-top: 7px;}
.ID-slider-01 .levy {float: left; width: 60%; padding: 0; margin: 0;}
.ID-slider-01 .levy-div {display: block; padding: 0; margin: 0;}
.ID-slider-01 .pravy {float: right; width: 40%; padding: 0; margin: 0;}
.ID-slider-01 .pravy-div {display: block; padding: 0 0 0 8px; margin: 0;}







.ID-adult-obal {float: left; width: 100%; height: 100%; padding: 0; margin: 0; position: fixed; top: 0; left: 0; background: #00000080;}
.ID-adult-obal .stred-adult {margin: auto; max-width: 320px; padding: 0;}
.ID-adult {display: block; padding: 20px 20px 20px 20px; margin: 20px 0 0 0; background: #ffffff; text-align: center; border-radius: 10px;}
.ID-adult #js-odkaz-adult-close,
.ID-adult #js-odkaz-adult-enter {display: inline-block; line-height: 26px; padding: 10px 15px 10px 15px; margin: 5px 5px 5px 5px; border: 0; border-radius: 5px;
color: #000000; font-size: 16px; font-weight: bold; text-decoration: none; background: #ebebeb; cursor: pointer; border: 0;}
.ID-adult #js-odkaz-adult-enter {color: #ffffff; background: #000000;}




















/* nákupní košík */
#nakupni-kosik {float: left; width: 100%; padding: 0; margin: 0 0 10px 0;}


#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; font-family: Open Sans, arial, sans-serif; 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; font-family: Open Sans, arial, sans-serif; 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-family: arial, sans-serif; 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 .vmshipment_name,
#nakupni-kosik .vmpayment_name {font-weight: bold;}
#nakupni-kosik .cart-summary .PricesalesPrice,
#nakupni-kosik .grand-total .PricebillTotal {color: #cc3220; font-weight: bold;}


#nakupni-kosik .terms-of-service-cont
{display: inline-block; margin: -2px 0 0 0; color: #ff4321; font-weight: 800; font-family: Open Sans, arial, sans-serif; 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  .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: #ff4321; font-weight: bold; font-size: 18px;}
#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: 20px 0 0 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;}































/* 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 */