/* Open Sans - 300 */ @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-light-webfont.eot'); src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff'), url('../fonts/opensans-light-webfont.ttf') format('truetype'), url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-lightitalic-webfont.eot'); src: url('../fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-lightitalic-webfont.woff2') format('woff2'), url('../fonts/opensans-lightitalic-webfont.woff') format('woff'), url('../fonts/opensans-lightitalic-webfont.ttf') format('truetype'), url('../fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg'); font-weight: 300; font-style: italic; font-display: swap; } /* Open Sans - normal */ @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-regular-webfont.eot'); src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-italic-webfont.eot'); src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-italic-webfont.woff2') format('woff2'), url('../fonts/opensans-italic-webfont.woff') format('woff'), url('../fonts/opensans-italic-webfont.ttf') format('truetype'), url('../fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } /* Open Sans - 600 */ @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-semibold-webfont.eot'); src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-semibolditalic-webfont.eot'); src: url('../fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibolditalic-webfont.woff2') format('woff2'), url('../fonts/opensans-semibolditalic-webfont.woff') format('woff'), url('../fonts/opensans-semibolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg'); font-weight: 600; font-style: italic; font-display: swap; } /* Open Sans - bold */ @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-bold-webfont.eot'); src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-bolditalic-webfont.eot'); src: url('../fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bolditalic-webfont.woff2') format('woff2'), url('../fonts/opensans-bolditalic-webfont.woff') format('woff'), url('../fonts/opensans-bolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg'); font-weight: bold; font-style: italic; font-display: swap; } /* Open Sans - 800 */ @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-extrabold-webfont.eot'); src: url('../fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabold-webfont.woff2') format('woff2'), url('../fonts/opensans-extrabold-webfont.woff') format('woff'), url('../fonts/opensans-extrabold-webfont.ttf') format('truetype'), url('../fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg'); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('../fonts/opensans-extrabolditalic-webfont.eot'); src: url('../fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'), url('../fonts/opensans-extrabolditalic-webfont.woff') format('woff'), url('../fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'), url('../fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg'); font-weight: 800; font-style: italic; font-display: swap; } body {margin: 0; padding: 0; font-family: arial; font-size: 15px; line-height: 20px; color: #000000; background: #f1f1f1;} .stred {margin: auto; width: 1152px; padding: 0;} .ID-banner-bocni {width: 100%; height: 0; padding: 0; margin: 0; position: relative; overflow;} .ID-banner-bocni p {padding: 0; margin: 0;} .ID-banner-levy {width: 90px; padding: 0; margin: 0; position: absolute; left: -100px; top: 353px;} .ID-banner-pravy {width: 90px; padding: 0; margin: 0; position: absolute; right: -100px; top: 353px;} .cc_banner-wrapper {position: relative; z-index: 20000000 !important;} #fancybox-wrap {z-index: 20000000 !important;} .responsive-www-skryt {display: none;} /************************************************************************************ * HLAVIČKA ************************************************************************************/ .ID-upoutavka {float: left; width: 100%; padding: 0; margin: 0; background: #fff;} #upoutavka {float: left; width: 100%; padding: 5px 0 5px 0; margin: 0 0 15px 0; color: #ffffff;} #upoutavka p {padding: 0; margin: 0;} #upoutavka a {color: #ffffff;} #weby {float: left; width: 100%; padding: 0; margin: 0 0 18px 0;} #weby p {padding: 0; margin: 0;} .ID-horni {float: left; width: 100%; padding: 0; margin: 0; background: #892653;} #horni {float: left; width: 100%; line-height: 20px; padding: 5px 0 5px 0; margin: 0; font-size: 12px; font-family: Open Sans, arial; font-weight: normal; color: #ffffff; background: #892653;} #horni .levy {float: left; padding: 0; margin: 0;} #horni ul {float: right; padding: 0; margin: 0; list-style: none;} #horni ul li, #horni ul li .button {float: left; padding: 0 8px 0 9px; margin: 0; line-height: 20px; font-size: 12px; font-family: Open Sans, arial; font-weight: normal; color: #ffffff; background: url('../images/oddelovac.png') left center no-repeat;} #horni ul li a {color: #ffffff; text-decoration: underline;} #horni ul li a:hover, #horni ul li .button:hover {text-decoration: none;} #horni ul li.prvni {background: none; padding-left: 8px;} #horni ul li .button {padding: 0; background: none; border: 0; cursor: pointer; font-weight: 800; text-decoration: underline;} .ID-hlavicka {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;} #hlavicka {float: left; width: 100%; height: 120px; padding: 0; margin: 0; background: #ffffff;} #hlavicka .logo {float: left; margin: 0 0 0 -2px; padding: 0;} #hlavicka .pravy {float: right; margin: 0; padding: 0;} #hlavicka .pravy form {float: left; margin: 0; padding: 0;} #hlavicka .vmCartModule {float: right; width: 210px; padding: 0; margin: 27px 0 0 60px; color: #4f4f4f; font-family: Open Sans, arial; font-weight: normal;} #hlavicka .vmCartModule a {color: #000000;} #hlavicka .vmCartModule strong {color: #000000; font-weight: 800;} #hlavicka .vmCartModule .kosik {float: left; margin: 4px 15px 30px 0; padding: 0;} #hlavicka .modul {float: left; margin: 37px 16px 0 0; padding: 0; font-size: 14px; font-family: Open Sans, arial; font-weight: normal; font-style: normal; color: #4f4f4f;} #hlavicka .ID-smart-search {float: left; margin: 37px 16px 0 0; padding: 0;} #hlavicka .ID-smart-search .inputbox {float: left; width: 249px; line-height: 20px; margin: 0; padding: 11px 18px 11px 18px; border: 0; font-size: 14px; font-family: Open Sans, arial; font-weight: normal; font-style: normal; color: #4f4f4f; background: #f1f1f1;} #hlavicka .ID-smart-search .button {float: right; width: 42px; height: 42px; margin: 0; padding: 0; border: 0; background: #f1f1f1 url('/images/template/lupa.png') right 0 no-repeat; cursor: pointer;} .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; box-shadow: none !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-hlavni-menu {float: left; width: 100%; padding: 0; margin: 0; background: #f1f1f1 url('/images/template/pozadi.jpg') center 0 repeat;} #hlavni-menu-pozadi {float: left; width: 100%; padding: 44px 0 44px 0; margin: 0; background: #f1f1f1 url('/images/template/pozadi.jpg') center 0 repeat;} #hlavni-menu {float: left; width: 100%; padding: 0; margin: 0; background: #f1f1f1;} #hlavni-menu .menu {float: left; padding: 0; margin: 0; list-style: none; background: #ffffff;} #hlavni-menu .menu > li {float: left; padding: 0; margin: 0; position: relative;} #hlavni-menu .menu > li > a {float: left; padding: 0 25px 0 25px; margin: 0; height: 65px; line-height: 65px; border-right: 1px solid #d3d3d3; background: #ffffff; font-size: 17px; font-family: Open Sans, arial; font-weight: 800; color: #000000; text-transform: uppercase; text-decoration: none;} #hlavni-menu .menu:hover > li.active > a {} #hlavni-menu .menu:hover > li:hover > a {color: #84ad40;} #hlavni-menu .menu > li.active > a {color: #84ad40;} #hlavni-menu .pravy {float: right; margin: 0; padding: 0;} #hlavni-menu .mod-languages {float: right; height: 42px; margin: 0; padding: 12px 11px 11px 11px; background: #84ad40;} #hlavni-menu .mod-languages ul {float: left; padding: 0; margin: 0; list-style: none;} #hlavni-menu .mod-languages ul li {float: left; padding: 0; margin: 0;} #hlavni-menu .mod-languages ul li a, #hlavni-menu .mod-languages ul li .a {float: left; padding: 15px 6px 11px 6px; margin: 0 1px 0 0; background: #fff; list-style: none;} #hlavni-menu .mod-languages ul li .tooltip {border: 0;} #hlavni-menu .prepinac-jazyka {float: left; height: 42px; margin: 0; padding: 12px 10px 11px 8px;} #hlavni-menu .prepinac-jazyka .button {float: left; line-height: 20px; padding: 10px 8px 10px 8px; margin: 0; border: 1px solid #d3d3d3; background: #f1f1f1; cursor: pointer; border-right: 0; font-size: 13px; font-family: Open Sans, arial; font-weight: 300; color: #000000;} #hlavni-menu .prepinac-jazyka .button:hover {background: #c5ccbc; /*color: #ffffff;*/} #hlavni-menu .prepinac-jazyka select {float: left; width: 50px; height: 42px; padding: 10px 0 10px 5px; margin: 0; border: 1px solid #d3d3d3; background: #ffffff; font-size: 14px; font-family: Open Sans, arial; font-weight: 800; color: #000000;} @-moz-document url-prefix() { #hlavni-menu .prepinac-jazyka select {height: 44px;} } .ID-odkaz-kategorie {float: left; width: 100%; padding: 15px 0 15px 0; margin: 10px 0 10px 0; color: #ffffff; background: #000000; text-align: center; display: none; font-size: 20px; font-weight: 800; font-family: Open Sans, arial; text-transform: uppercase; text-decoration: none; clear: both;} .ID-slider {float: left; width: 100%; padding: 0; margin: 0 0 18px 0;} .ID-slider .levy {float: left;} #slider {float: left; width: 500px; height: 248px; padding: 0; margin: 0 0 8px 0; position: relative; background: #f1f1f1;} #slider .bjqs {float: left; width: 100%; height: 248px; padding: 0; margin: 0; list-style: none; overflow: hidden; position: relative;} #slider .bjqs .bjqs-slide {display: none;} #slider .bjqs .bjqs-slide, #slider .bjqs .bjqs-slide img {float: left; padding: 0; margin: 0; position: absolute;} #slider .text {float: left; padding: 20px 28px 20px 28px; margin: 0; position: absolute; z-index: 20; left: 0; top: 69px; background: url('/images/template/slider.png') 0 0 repeat; font-size: 14px; line-height: 19px; font-family: Open Sans, arial; font-weight: normal; color: #fff;} #slider .text strong {display: block; line-height: 30px; padding: 0 0 5px 0; margin: 0; font-size: 24px; font-family: Open Sans, arial; font-weight: 800; color: #fff; text-transform: uppercase;} #slider .text a {text-decoration: none; color: #ffffff;} #slider .text p {margin: 0;} #slider .bjqs-markers {float: right; height: 15px; padding: 0; margin: 0; position: absolute; right: 10px; top: 10px;} #slider .bjqs-markers li {float: left; padding: 0; margin: 0; list-style: none;} #slider .bjqs-markers li a {float: left; width: 15px; height: 15px; padding: 0; margin: 0 3px 0 0; cursor: pointer; background: url('/images/template/slider-puntiky.png') -15px 0 no-repeat; text-indent: -9999px; position: relative; z-index: 200;} #slider .bjqs-markers li.active-marker a {background-position: 0 0;} .ID-slider .pravy {float: right; width: 408px; padding: 0; margin: 0;} .ID-slider .pravy .modul {float: left; width: 100%; padding: 0; margin: 0 0 3px 0;} .ID-slider .pravy .modul p {padding: 0; margin: 0;} /*.ID-navigace {float: left; width: 100%; padding: 12px 0 12px 0 !important; margin: -1px 0 0 0 !important; border-top: 1px solid #dcdcdc; font-size: 13px; font-family: Open Sans, arial; font-weight: 300; color: #000000; line-height: 18px;} #navigace a {color: #000000;} #navigace a {color: #000000;}*/ .ID-navigace {float: left; width: 100%; padding: 0 !important; margin: -1px 0 0 0 !important; border-top: 1px solid #dcdcdc; font-size: 13px; font-family: Open Sans, arial; font-weight: 300; color: #000000; line-height: 18px;} .ID-navigace a, .ID-navigace span.last {float: left; padding: 12px 27px 12px 12px; color: #000000;} .ID-navigace a:hover {background: #f2fae6 url('../images/home-2.png') 0 center no-repeat; padding-left: 27px; margin-left: -15px;} .ID-navigace a.item-0 {float: left; width: 16px; background: url('../images/home.png') 13px center no-repeat; text-indent: -9999px;} .ID-navigace a.item-0:hover {background: #f2fae6 url('../images/home.png') 13px center no-repeat; padding-left: 12px; margin-left: 0;} .ID-navigace .separator {float: left; width: 15px; height: 42px; padding: 0; margin: 0 0 0 -15px; color: #000000; font-size: 18px; text-indent: -9999px; background: url('../images/separator.png') 0 0 no-repeat;} /************************************************************************************ * OBSAH ************************************************************************************/ .ID-obsah {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;} #obsah {float: left; width: 100%; padding: 22px 0 22px 0; margin: 0; background: #ffffff;} .ID-levy {float: left; width: 215px; padding: 0; margin: 0;} .ID-levy .modul {float: left; width: 100%; padding: 0; margin: 0 0 20px 0 !important;} .ID-levy .modul h2.nadpis {display: block; line-height: 23px; padding: 23px 22px 23px 22px; margin: 0; background: #b4b4b4; font-size: 19px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; text-transform: uppercase;} .ID-levy .modul-barva h2.nadpis {background: #668632;} .ID-levy .modul-zeleny h2.nadpis {background: #84ad40;} .ID-levy .modul-cerveny h2.nadpis {background: #d1182e;} .ID-levy .modul-oranzovy h2.nadpis {background: #f89827;} .ID-levy .text {display: block; background: #f1f1f1; padding: 15px 22px 15px 22px; margin: 0; font-size: 14px; line-height: 18px; font-family: Open Sans, arial; font-weight: normal; color: #000000;} .ID-levy .modul-barva .text {background: #84ad40;} .ID-levy .modul-zeleny .text {background: #f2fae6;} .ID-levy .modul-cerveny .text {background: #fae7ea;} .ID-levy .modul-oranzovy .text {background: #fef4e9;} .ID-levy .modul p {margin-bottom: 10px;} .ID-levy .menu, .ID-levy .menu ul {display: block; width: 187px; padding: 0; margin: 0 0 0 -8px; list-style: none;} .ID-levy .menu ul {margin: 0;} .ID-levy .menu li {display: block; padding: 0; margin: 0;} /* 1. stupeň */ .ID-levy .menu > li > a {display: block; line-height: 18px; padding: 6px 10px 6px 25px; margin: 0; background: #f1f1f1 url('/images/template/li-2.png') -990px 12px no-repeat; border-bottom: 1px solid #b4b4b4; font-size: 14px; font-family: Open Sans, arial; font-weight: normal; color: #000; text-decoration: none;} .ID-levy .modul-barva .menu > li > a {background-color: #84ad40; background-position: 10px 12px; color: #ffffff; font-weight: bold; border-bottom: 1px solid #668632;} .ID-levy .modul-zeleny .menu > li > a {background-color: #f2fae6;} .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 {background-color: #668632; background-position: -990px 12px; color: #000;} .ID-levy .menu > li > ul {background-color: #668632; padding: 5px 10px 5px 10px; width: auto;} .ID-levy .menu > li > ul > li:last-child > a {border-bottom: 0;} /* 2. stupeň */ .ID-levy .menu ul > li > a {display: block; line-height: 17px; padding: 5px 10px 5px 20px; margin: 0; background: url('../images/li-3.png') 7px 11px no-repeat !important; border-bottom: 1px solid #84ad40; font-size: 13px; font-family: Open Sans, arial; font-weight: 600; color: #ffffff; text-decoration: none;} .ID-levy .menu ul > li > a:hover, .ID-levy .menu ul > li.active > a {text-decoration: underline;} .ID-levy ul {display: block; padding: 0; margin: 0; list-style: none;} .ID-levy ul li {display: block; line-height: 17px; padding: 6px 15px 6px 24px; margin: 0; background: url('../images/li.png') 8px 12px no-repeat;} .ID-levy ul li a {display: block;} .ID-levy ul li li {background: none;} .ID-levy .menu-novinky {display: block; padding: 0; margin: 0; list-style: none;} .ID-levy .menu-novinky li {display: block; padding: 0; margin: 0 0 15px 0; background: none;} .ID-levy .menu-novinky li a.nazev {display: block; line-height: 21px; padding: 6px 0 6px 0; margin: 0; font-size: 15px; font-family: Open Sans, arial; font-weight: 800; color: #000; text-decoration: underline;} .ID-levy .menu-novinky li a.nazev:hover {text-decoration: none;} .ID-stred {float: right; width: 916px; padding: 0; margin: 0;} .ID-stred-levy {float: left; width: 680px; padding: 0; margin: 0;} .ID-pravy {float: right;} /* Článek */ .uzivatel-profil, .blog, .clanek, .vd-affiliate {display: block; padding: 15px 15px 10px 15px; margin: 0 0 15px 0; border: 1px solid #dcdcdc;} .clanek-styl-2 {float: left; width: 100%; padding: 0; margin: 0; border: 0;} .vd-modal {width: 500px; font-size: 14px; line-height: 20px; padding: 0; margin: auto; font-family: Open Sans, arial;} .clanek h1, .clanek h2, .clanek h3, .produkt-detail h1, .ID-vypis .nadpis, .uzivatel-profil h1, .blog h1, .blog h2, .ID-stred h1, .ID-stred .h1_archive {display: block; line-height: 42px; padding: 15px 0 15px 0; margin: 0; font-size: 33px; font-family: Open Sans, arial; font-weight: 800; color: #000000; text-transform: uppercase;} .clanek h2, .clanek h3, .blog h2, .clanek table caption, .ID-vypis .nadpis {font-size: 28px; line-height: 35px;} .clanek h3 {color: #000000; font-size: 18px; line-height: 24px;} .clanek table caption {text-align: left;} .clanek-modal h1 {color: #000000; font-size: 18px; line-height: 24px; text-transform: none; padding: 10px 0 10px 0;} .h1_archive {color: #404040;} .h1_archive h1 {display: inline; color: #404040;} .h1_archive .h1_prefix {display: inline; color: #9a9a9a;} .h1_archive .h1_prefix_separator {display: inline; color: #404040;} .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-levy .odkaz, .uzivatel-profil .button, .uzivatel-profil button, .uzivatel-profil .details, .ID-aktualne .odkaz, .produkt-detail .ceny .ask-a-question, .bfFormDiv .bfSubmitButton, #horni .vas-ucet ul li.odkaz a, #hlavicka .drenta-kosik .zeroPointsPrediction a, .clanek .odkaz-maly, .clanek-modal .button, .ID-banner-bocni-levy span, .ID-banner-bocni-pravy span, .kontaktni-formular .button, .ID-vypis .produkt .detail, .produkt-detail .prava-strana input.addtocart-button, .produkt-detail .prava-strana input.addtocart-button-disabled, #upoutavka .odkaz, .ID-kosik-modal .odkaz, .ID-kosik-doprava-zdarma .odkaz, .ID-darky .darek .detail {display: inline-block; line-height: 26px; padding: 8px 15px 8px 15px; margin: 5px 5px 5px 0; border: 0; border-radius: 3px; border-bottom: 2px solid #668632; color: #ffffff; font-size: 21px; font-weight: 800; font-family: Open Sans, arial; text-transform: uppercase; text-decoration: none !important; background: #84ad40; cursor: pointer; text-shadow: 0 2px 0 #668632;} .ID-kosik-doprava-zdarma .odkaz, .ID-darky .darek .detail {border-bottom: 2px solid #668632 !important;} #upoutavka .odkaz {line-height: 16px; padding: 4px 10px 2px 10px; margin: 0 5px 0 5px; font-size: 12px; text-transform: none; text-shadow: none;} .ID-levy .odkaz, .ID-darky .darek .detail {line-height: 18px; padding: 6px 10px 4px 10px; margin: 0 5px 0 5px; font-size: 14px; text-transform: none; text-shadow: none;} .clanek .odkaz:hover, .ID-levy .modul-text .odkaz:hover, .uzivatel-profil .button:hover, .uzivatel-profil button:hover, .uzivatel-profil .details:hover, .ID-aktualne .odkaz:hover, .produkt-detail .ceny .ask-a-question:hover, .bfFormDiv .bfSubmitButton:hover, #horni .vas-ucet ul li.odkaz a:hover, #hlavicka .drenta-kosik .zeroPointsPrediction a:hover, .clanek .odkaz-maly:hover, .clanek-modal .button:hover, .ID-banner-bocni-levy span:hover, .ID-banner-bocni-pravy span:hover, .kontaktni-formular .button:hover, .ID-vypis .produkt .detail:hover, .produkt-detail .prava-strana input.addtocart-button:hover, .produkt-detail .prava-strana input.addtocart-button-disabled:hover, #upoutavka .odkaz:hover, .ID-levy .odkaz:hover, .ID-kosik-modal .odkaz:hover, .ID-kosik-doprava-zdarma .odkaz:hover, .ID-darky .darek .detail:hover {background: #668632;} #horni .vas-ucet ul li.odkaz a, #hlavicka .drenta-kosik .zeroPointsPrediction a, .clanek .odkaz-maly, .ID-kosik-modal .odkaz {font-size: 13px !important; padding: 5px 9px 3px 9px !important; font-weight: bold !important;} .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;} /*.clanek div {padding: 0; margin: 0 0 15px 0;}*/ .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-levy {float: left; width: 340px; padding: 0; margin: 0;} .clanek-pravy {float: right; width: 340px; padding: 0; margin: 0;} /* blog */ .blog .informace-clanku {display: block; padding: 0; margin: 0 0 10px 0;} .blog .blog-item {float: left; width: 100%; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #dcdcdc;} .blog .blog-item .obrazek {float: left; width: 23%; padding: 0; margin: 0;} .blog .blog-item .obrazek img {width: 100%; height: auto;} .blog .blog-item .uvodnik {float: right; width: 74%; padding: 0; margin: 0;} /************************************************************************************ * PATIČKA ************************************************************************************/ .ID-novinky {float: left; width: 100%; padding: 0; margin: 0; background: #f1f1f1;} #novinky {float: left; width: 100%; padding: 38px 0 38px 0; margin: 0; background: #f1f1f1;} #novinky .nadpis {float: left; width: 230px; padding: 25px 0 10px 0; margin: 0; background: #f1f1f1; font-size: 19px; line-height: 23px; font-family: Open Sans, arial; font-weight: 800; color: #25292c; text-transform: uppercase;} #novinky .menu-novinky {float: left; padding: 0; margin: 0; list-style: none;} #novinky .menu-novinky li {float: left; width: 280px; padding: 0; margin: 10px 20px 10px 0;} #novinky .menu-novinky li .obrazek {float: left; width: 109px; height: 72px; padding: 0; margin: 0 10px 0 0; border: 2px solid #fff; overflow: hidden; text-align: center; background: #fff;} #novinky .menu-novinky li .obrazek img {max-width: 100%; max-height: 100%; padding: 0; margin: 0;} #novinky .menu-novinky li .nazev {float: left; width: 157px; font-size: 15px; line-height: 19px; padding: 19px 0 19px 0; font-size: 15px; line-height: 19px; font-family: Open Sans, arial; font-weight: bold; color: #25292c;} .ID-boxy {float: left; width: 100%; padding: 0; margin: 0; background: #668632;} #boxy {float: left; width: 100%; padding: 36px 0 36px 0; margin: 0; font-size: 15px; line-height: 22px; color: #ffffff; font-family: Open Sans, arial; font-weight: normal; background: #668632 url('/images/template/boxy.png') right bottom no-repeat;} #boxy a {color: #ffffff;} #boxy ul {padding: 0; margin: 0 0 10px 0; list-style: none;} #boxy ul li {padding: 4px 0 4px 0; margin: 0;} #boxy .boxy-1 ul li {display: inline-block; width: 32.5%;} #boxy .boxy {float: left; width: 235px; padding: 0; margin: 0 0 0 15px;} #boxy .boxy-1 {width: 637px;} #boxy .box {float: left; width: 100%; padding: 0; margin: 0 0 15px 0;} #boxy .box h3.nadpis {display: block; line-height: 29px; padding: 29px 0 29px 0; margin: 0; font-size: 23px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff;} .ID-odber-novinek {float: left; width: 100%; padding: 0; margin: 0; background: #5e7c2e;} #odber-novinek {float: left; width: 1143px; padding: 16px 9px 16px 9px; margin: 0; background: #5e7c2e;} #odber-novinek .acymailing_module {float: left; width: 1077px; padding: 19px 33px 19px 33px; margin: 0; background: #84ad40;} #odber-novinek .odber_novinek_text, #odber-novinek .acym_introtext, #odber-novinek .acym_posttext {float: left; width: 650px; padding: 0; margin: 7px 0 0 0; text-align: right; font-size: 20px; line-height: 22px; font-family: Open Sans, arial; font-weight: normal; color: #ffffff; text-transform: uppercase;} #odber-novinek .finaltext, #odber-novinek .acym_posttext {font-size: 16px; font-weight: 800; margin-top: 0;} #odber-novinek .acymailing_form, #odber-novinek .acymailing_form p, #odber-novinek .acym_form, #odber-novinek .onefield {float: right; width: 408px; padding: 0; margin: 0;} #odber-novinek .onefield .acym__field__error__block {top: 35px;} #odber-novinek .acym_form {position: relative;} #odber-novinek .acym_form .button {position: absolute; right: 0; top: 0; margin: 0;} #odber-novinek .acymailing_form, #odber-novinek .acymailing_form p.fieldacyterms, #odber-novinek .acym_form, #odber-novinek .fieldacyterms {margin-top: 7px;} #odber-novinek .inputbox, #odber-novinek .cell {float: left; width: 240px; height: 18px; line-height: 18px; margin: 0 0 1px 0; padding: 5px 158px 5px 10px; border: 0; font-size: 14px; font-family: Open Sans, arial; font-weight: normal; font-style: italic; color: #000000;} #odber-novinek .inputbox::-webkit-input-placeholder, #odber-novinek .cell::-webkit-input-placeholder {color: #000000;} #odber-novinek .button {float: right; height: 57px; line-height: 57px; margin: -58px 0 0 0; padding: 0 22px 0 22px; font-size: 18px; font-family: Open Sans, arial; font-weight: 800; font-style: normal; color: #ffffff; text-transform: uppercase; background: #506927; text-shadow: 0 2px 0 #40541f; cursor: pointer; border: 0;} .ID-facebook {float: left; width: 100%; padding: 0; margin: 0; background: #ffffff;} #facebook {float: left; width: 100%; padding: 25px 0 25px 0; margin: 0; background: #ffffff; text-align: center;} #facebook p {padding: 0; margin: 0;} #paticka {float: left; width: 100%; padding: 30px 0 30px 0; margin: 0; font-size: 14px; font-family: Open Sans, arial; color: #25292c; line-height: 19px; background: #f1f1f1;} #paticka a {color: #25292c;} #paticka p {padding: 0; margin: 0;} #paticka .partner_id {text-align: center;} /************************************************************************************ * 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 !important; margin: 0 !important;} .clanek .clr {height: 0px;} ::selection {color: #ffffff; background: #000000;} ::-moz-selection {color: #ffffff; background: #000000;} input, textarea, button, select, a {outline: none;} input.invalid, select.invalid, textarea.invalid, fieldset.invalid {border-color: #ff0000 !important; background: #ffeded !important; color: #000000 !important;} label.checkbox {cursor: pointer;} .line-through {text-decoration: line-through;} .ID-vypis .produkt .addtocart-button-disabled {display: none;} .skryt-pole {display: none;} .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;} .formError .formErrorContent {font-family: Open Sans, arial; font-size: 14px; font-weight: normal;} @font-face { font-family: 'IcoMoon'; src: url('../fonts/IcoMoon.eot'); src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../fonts/IcoMoon.woff') format('woff'), url('../fonts/IcoMoon.ttf') format('truetype'), url('../fonts/IcoMoon.svg#IcoMoon') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } [data-icon]:before {font-family: 'IcoMoon'; content: attr(data-icon); speak: none;} [class^="icon-"], [class*=" icon-"] {display: inline-block; width: 14px; height: 14px; margin-right: .25em; line-height: 14px;} [class^="icon-"]:before, [class*=" icon-"]:before {font-family: 'IcoMoon'; font-style: normal; speak: none;} [class^="icon-"].disabled, [class*=" icon-"].disabled {font-weight: normal;} .icon-joomla:before {content: "\e200";} .icon-chevron-up:before, .icon-uparrow:before, .icon-arrow-up:before {content: "\e005";} .icon-chevron-right:before, .icon-rightarrow:before, .icon-arrow-right:before {content: "\e006";} .icon-chevron-down:before, .icon-downarrow:before, .icon-arrow-down:before {content: "\e007";} .icon-chevron-left:before, .icon-leftarrow:before, .icon-arrow-left:before {content: "\e008";} .icon-arrow-first:before {content: "\e003";} .icon-arrow-last:before {content: "\e004";} .icon-arrow-up-2:before {content: "\e009";} .icon-arrow-right-2:before {content: "\e00a";} .icon-arrow-down-2:before {content: "\e00b";} .icon-arrow-left-2:before {content: "\e00c";} .icon-arrow-up-3:before {content: "\e00f";} .icon-arrow-right-3:before {content: "\e010";} .icon-arrow-down-3:before {content: "\e011";} .icon-arrow-left-3:before {content: "\e012";} .icon-menu-2:before {content: "\e00e";} .icon-arrow-up-4:before {content: "\e201";} .icon-arrow-right-4:before {content: "\e202";} .icon-arrow-down-4:before {content: "\e203";} .icon-arrow-left-4:before {content: "\e204";} .icon-share:before, .icon-redo:before {content: "\27";} .icon-undo:before {content: "\28";} .icon-forward-2:before {content: "\e205";} .icon-backward-2:before, .icon-reply:before {content: "\e206";} .icon-unblock:before, .icon-refresh:before, .icon-redo-2:before {content: "\6c";} .icon-undo-2:before {content: "\e207";} .icon-move:before {content: "\7a";} .icon-expand:before {content: "\66";} .icon-contract:before {content: "\67";} .icon-expand-2:before {content: "\68";} .icon-contract-2:before {content: "\69";} .icon-play:before {content: "\e208";} .icon-pause:before {content: "\e209";} .icon-stop:before {content: "\e210";} .icon-previous:before, .icon-backward:before {content: "\7c";} .icon-next:before, .icon-forward:before {content: "\7b";} .icon-first:before {content: "\7d";} .icon-last:before {content: "\e000";} .icon-play-circle:before {content: "\e00d";} .icon-pause-circle:before {content: "\e211";} .icon-stop-circle:before {content: "\e212";} .icon-backward-circle:before {content: "\e213";} .icon-forward-circle:before {content: "\e214";} .icon-loop:before {content: "\e001";} .icon-shuffle:before {content: "\e002";} .icon-search:before {content: "\53";} .icon-zoom-in:before {content: "\64";} .icon-zoom-out:before {content: "\65";} .icon-apply:before, .icon-edit:before, .icon-pencil:before {content: "\2b";} .icon-pencil-2:before {content: "\2c";} .icon-brush:before {content: "\3b";} .icon-save-new:before, .icon-plus-2:before {content: "\5d";} .icon-minus-sign:before, .icon-minus-2:before {content: "\5e";} .icon-delete:before, .icon-remove:before, .icon-cancel-2:before {content: "\49";} .icon-publish:before, .icon-save:before, .icon-ok:before, .icon-checkmark:before {content: "\47";} .icon-new:before, .icon-plus:before {content: "\2a";} .icon-plus-circle:before {content: "\e215";} .icon-minus:before, .icon-not-ok:before {content: "\4b";} .icon-ban-circle:before, .icon-minus-circle:before {content: "\e216";} .icon-unpublish:before, .icon-cancel:before {content: "\4a";} .icon-cancel-circle:before {content: "\e217";} .icon-checkmark-2:before {content: "\e218";} .icon-checkmark-circle:before {content: "\e219";} .icon-info:before {content: "\e220";} .icon-info-2:before, .icon-info-circle:before {content: "\e221";} .icon-question:before, .icon-question-sign:before, .icon-help:before {content: "\45";} .icon-question-2:before, .icon-question-circle:before {content: "\e222";} .icon-notification:before {content: "\e223";} .icon-notification-2:before, .icon-notification-circle:before {content: "\e224";} .icon-pending:before, .icon-warning:before {content: "\48";} .icon-warning-2:before, .icon-warning-circle:before {content: "\e225";} .icon-checkbox-unchecked:before {content: "\3d";} .icon-checkin:before, .icon-checkbox:before, .icon-checkbox-checked:before {content: "\3e";} .icon-checkbox-partial:before {content: "\3f";} .icon-square:before {content: "\e226";} .icon-radio-unchecked:before {content: "\e227";} .icon-radio-checked:before, .icon-generic:before {content: "\e228";} .icon-circle:before {content: "\e229";} .icon-signup:before {content: "\e230";} .icon-grid:before, .icon-grid-view:before {content: "\58";} .icon-grid-2:before, .icon-grid-view-2:before {content: "\59";} .icon-menu:before {content: "\5a";} .icon-list:before, .icon-list-view:before {content: "\31";} .icon-list-2:before {content: "\e231";} .icon-menu-3:before {content: "\e232";} .icon-folder-open:before, .icon-folder:before {content: "\2d";} .icon-folder-close:before, .icon-folder-2:before {content: "\2e";} .icon-folder-plus:before {content: "\e234";} .icon-folder-minus:before {content: "\e235";} .icon-folder-3:before {content: "\e236";} .icon-folder-plus-2:before {content: "\e237";} .icon-folder-remove:before {content: "\e238";} .icon-file:before {content: "\e016";} .icon-file-2:before {content: "\e239";} .icon-file-add:before, .icon-file-plus:before {content: "\29";} .icon-file-minus:before {content: "\e017";} .icon-file-check:before {content: "\e240";} .icon-file-remove:before {content: "\e241";} .icon-save-copy:before, .icon-copy:before {content: "\e018";} .icon-stack:before {content: "\e242";} .icon-tree:before {content: "\e243";} .icon-tree-2:before {content: "\e244";} .icon-paragraph-left:before {content: "\e246";} .icon-paragraph-center:before {content: "\e247";} .icon-paragraph-right:before {content: "\e248";} .icon-paragraph-justify:before {content: "\e249";} .icon-screen:before {content: "\e01c";} .icon-tablet:before {content: "\e01d";} .icon-mobile:before {content: "\e01e";} .icon-box-add:before {content: "\51";} .icon-box-remove:before {content: "\52";} .icon-download:before {content: "\e021";} .icon-upload:before {content: "\e022";} .icon-home:before {content: "\21";} .icon-home-2:before {content: "\e250";} .icon-out-2:before, .icon-new-tab:before {content: "\e024";} .icon-out-3:before, .icon-new-tab-2:before {content: "\e251";} .icon-link:before {content: "\e252";} .icon-picture:before, .icon-image:before {content: "\2f";} .icon-pictures:before, .icon-images:before {content: "\30";} .icon-palette:before, .icon-color-palette:before {content: "\e014";} .icon-camera:before {content: "\55";} .icon-camera-2:before, .icon-video:before {content: "\e015";} .icon-play-2:before, .icon-video-2:before, .icon-youtube:before {content: "\56";} .icon-music:before {content: "\57";} .icon-user:before {content: "\22";} .icon-users:before {content: "\e01f";} .icon-vcard:before {content: "\6d";} .icon-address:before {content: "\70";} .icon-share-alt:before, .icon-out:before {content: "\26";} .icon-enter:before {content: "\e257";} .icon-exit:before {content: "\e258";} .icon-comment:before, .icon-comments:before {content: "\24";} .icon-comments-2:before {content: "\25";} .icon-quote:before, .icon-quotes-left:before {content: "\60";} .icon-quote-2:before, .icon-quotes-right:before {content: "\61";} .icon-quote-3:before, .icon-bubble-quote:before {content: "\e259";} .icon-phone:before {content: "\e260";} .icon-phone-2:before {content: "\e261";} .icon-envelope:before, .icon-mail:before {content: "\4d";} .icon-envelope-opened:before, .icon-mail-2:before {content: "\4e";} .icon-unarchive:before, .icon-drawer:before {content: "\4f";} .icon-archive:before, .icon-drawer-2:before {content: "\50";} .icon-briefcase:before {content: "\e020";} .icon-tag:before {content: "\e262";} .icon-tag-2:before {content: "\e263";} .icon-tags:before {content: "\e264";} .icon-tags-2:before {content: "\e265";} .icon-options:before, .icon-cog:before {content: "\38";} .icon-cogs:before {content: "\37";} .icon-screwdriver:before, .icon-tools:before {content: "\36";} .icon-wrench:before {content: "\3a";} .icon-equalizer:before {content: "\39";} .icon-dashboard:before {content: "\78";} .icon-switch:before {content: "\e266";} .icon-filter:before {content: "\54";} .icon-purge:before, .icon-trash:before {content: "\4c";} .icon-checkedout:before, .icon-lock:before, .icon-locked:before {content: "\23";} .icon-unlock:before {content: "\e267";} .icon-key:before {content: "\5f";} .icon-support:before {content: "\46";} .icon-database:before {content: "\62";} .icon-scissors:before {content: "\e268";} .icon-health:before {content: "\6a";} .icon-wand:before {content: "\6b";} .icon-eye-open:before, .icon-eye:before {content: "\3c";} .icon-eye-close:before, .icon-eye-blocked:before, .icon-eye-2:before {content: "\e269";} .icon-clock:before {content: "\6e";} .icon-compass:before {content: "\6f";} .icon-broadcast:before, .icon-connection:before, .icon-wifi:before {content: "\e01b";} .icon-book:before {content: "\e271";} .icon-lightning:before, .icon-flash:before {content: "\79";} .icon-print:before, .icon-printer:before {content: "\e013";} .icon-feed:before {content: "\71";} .icon-calendar:before {content: "\43";} .icon-calendar-2:before {content: "\44";} .icon-calendar-3:before {content: "\e273";} .icon-pie:before {content: "\77";} .icon-bars:before {content: "\76";} .icon-chart:before {content: "\75";} .icon-power-cord:before {content: "\32";} .icon-cube:before {content: "\33";} .icon-puzzle:before {content: "\34";} .icon-attachment:before, .icon-paperclip:before, .icon-flag-2:before {content: "\72";} .icon-lamp:before {content: "\74";} .icon-pin:before, .icon-pushpin:before {content: "\73";} .icon-location:before {content: "\63";} .icon-shield:before {content: "\e274";} .icon-flag:before {content: "\35";} .icon-flag-3:before {content: "\e275";} .icon-bookmark:before {content: "\e023";} .icon-bookmark-2:before {content: "\e276";} .icon-heart:before {content: "\e277";} .icon-heart-2:before {content: "\e278";} .icon-thumbs-up:before {content: "\5b";} .icon-thumbs-down:before {content: "\5c";} .icon-unfeatured:before, .icon-asterisk:before, .icon-star-empty:before {content: "\40";} .icon-star-2:before {content: "\41";} .icon-featured:before, .icon-default:before, .icon-star:before {content: "\42";} .icon-smiley:before, .icon-smiley-happy:before {content: "\e279";} .icon-smiley-2:before, .icon-smiley-happy-2:before {content: "\e280";} .icon-smiley-sad:before {content: "\e281";} .icon-smiley-sad-2:before {content: "\e282";} .icon-smiley-neutral:before {content: "\e283";} .icon-smiley-neutral-2:before {content: "\e284";} .icon-cart:before {content: "\e019";} .icon-basket:before {content: "\e01a";} .icon-credit:before {content: "\e286";} .icon-credit-2:before {content: "\e287";} .icon-expired:before {content: "\4b";} .ID-chybove-hlaseni {float: left; width: 100%; padding: 0; margin: 10px 0 10px 0;} .ID-chybove-hlaseni div {display: block; padding: 5px 10px; margin: 4px 0 4px 0; font-family: Open Sans, arial; font-weight: bold; color: #fff; background: #bf0000;} /* 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-family: Open Sans, arial; 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 */ .tooltip {border-bottom: 1px dashed;} .tip-wrap {position: relative; z-index: 9999;} .tip-wrap .tip {float: left; padding: 15px 20px 15px 20px; margin: 0; border: 1px solid #000000; background: #1a1a1a; font-size: 15px; font-family: Open Sans, arial; font-weight: normal; color: #ffffff; line-height: 20px; max-width: 250px; border-radius: 5px;} .tip-wrap .tip .tip-title {font-weight: bold;} .tip-wrap .tip .tip-text {font-size: 15px; margin-top: 3px;} .tip-wrap .tip-top {display: none;} .tip-wrap .tip-bottom {display: none;} .hasTooltip[title]:hover::after { display: block; position: absolute; content: attr(title); text-align: left; float: left; padding: 15px 20px 15px 20px; margin: 5px 0 0 0; border: 1px solid #000000; background: #1a1a1a; font-size: 15px; font-family: Open Sans, arial; font-weight: normal; color: #ffffff; line-height: 20px; max-width: 250px; border-radius: 5px; } /* ########################## tooltip ########################### */ div.tooltip {position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 14px; line-height: 1.6; opacity: 0; filter: alpha(opacity=0);} .tooltip.in {opacity: 1; filter: alpha(opacity=100);} .tooltip.top {margin-top: -3px; padding: 5px 0;} .tooltip.right {margin-left: 3px; padding: 0 5px;} .tooltip.bottom {margin-top: 3px; padding: 5px 0;} .tooltip.left {margin-left: -3px; padding: 0 5px;} .tooltip-inner {max-width: 400px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;} .tooltip-arrow {position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;} .tooltip.top .tooltip-arrow {bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000;} .tooltip.right .tooltip-arrow {top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000;} .tooltip.left .tooltip-arrow {top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000;} .tooltip.bottom .tooltip-arrow {top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000;} input:focus, select:focus, textarea:focus {} /* Navigační lišta */ .pagination {float: left; width: 100%; padding: 0; margin: 15px 0 15px 0; text-align: center; line-height: 39px; font-size: 15px; font-weight: normal;} .pagination ul, ul.pagination {display: inline-block; padding: 0; margin: 0; list-style: none;} .pagination ul li, ul.pagination li {display: inline-block; padding: 0; margin: 0 1px 0 1px;} .pagination ul li .pagenav, ul.pagination li .page-link {display: inline-block; line-height: 39px; padding: 0 14px 0 14px; margin: 0; text-decoration: none; font-size: 20px; font-family: Open Sans, arial; font-weight: 800; color: #ffffff; background: #668632; border-radius: 20px; text-shadow: 0 1px 0 #000000;} .pagination ul li a.pagenav, ul.pagination li a.page-link {background: #84ad40;} .pagination ul li a.pagenav:hover, ul.pagination li a.page-link:hover, ul.pagination li.active a.page-link {background: #668632;} .pagination .pagination-start, .pagination .pagination-end, .pagination .pagination-prev, .pagination .pagination-next {display: none;} .pagination .vysledky {float: left;} .pagination .strana {float: right;} .com-content-category-blog__navigation .counter {text-align: center;} /* formuláře */ .bfQuickMode section.bfElemWrap {background-color: none !important;/* margin-bottom: 10px !important;*/} .bfQuickMode legend {background: #4c0000 url('../images/odkaz-3.png') 0 0 repeat-y !important; padding: 5px 10px !important; font-size: 16px !important; font-weight: bold !important;} .bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {float: left !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-family: arial; font-size: 15px;} .kontaktni-formular textarea {width: 380px; height: 116px; padding: 14px;} .kontaktni-formular .button {float: left; margin-left: 93px;} .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;} .visually-hidden {display: none;} .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-bottom: 10px; background-color: #f2dede; border: 1px solid #eed3d7; 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: #9d261d;} .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);} /************************************************************************************ * ESHOP ************************************************************************************/ .ID-kosik-modal {display: block; width: 450px; font-size: 14px; line-height: 22px; padding: 0; margin: 0; font-family: Open Sans, arial; text-align: center;} .ID-kosik-modal h4 {display: block; line-height: 22px; padding: 10px 0 10px 0; margin: 0; font-size: 15px; font-family: Open Sans, arial; 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 {display: block; width: 90%; height: 70px; border: 1px solid #c6c6c6; overflow: hidden; background: #fff; padding: 5%; margin: 0 0 5px 0;} .ID-kosik-modal .produkt img {width: auto; height: 70px; padding: 0; margin: 0;} .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;} .ID-kosik-modal .navigace {display: block; padding: 10px; margin: 0; background: #e2e2e2; text-align: center;} .ID-kosik-modal .odkaz {margin: 5px; border-radius: 3px;} .ID-kosik-modal .odkaz-pokracovat {background: #25292c; border-color: #000; text-shadow: 0 2px 0 #000;} .ID-kosik-modal .odkaz-pokracovat:hover {background: #000;} ul.ID-vypis-kategorie {float: left; width: 100%; padding: 0; margin: 5px 0 10px 0; list-style: none;} ul.ID-vypis-kategorie li {float: left; width: 216px; height: 86px; padding: 1px; margin: 0 10px 10px 0; border: 1px solid #dcdcdc;} ul.ID-vypis-kategorie li:hover {padding: 0; border: 2px solid #668632;} ul.ID-vypis-kategorie li.konec {margin-right: 0;} ul.ID-vypis-kategorie li.clr {float: left; height: 0; width: 100%; padding: 0; margin: 0; border: 0;} ul.ID-vypis-kategorie li a {float: left; width: 100%; color: #668632; text-decoration: none;} ul.ID-vypis-kategorie li .obrazek-levy {float: left; width: 86px; height: 64px; padding: 0; margin: 11px 0 11px 3px;} ul.ID-vypis-kategorie li .obrazek {display: table; width: 100%; height: 64px; padding: 0; margin: 0; text-align: center; overflow: hidden;} ul.ID-vypis-kategorie li .obrazek div {display: table-cell; padding: 0; margin: 0; vertical-align: middle;} ul.ID-vypis-kategorie li .obrazek img {max-width: 100%; max-height: 64px;} ul.ID-vypis-kategorie li h2 {float: right; width: 105px; text-decoration: none; padding: 0; margin: 19px 14px 0 0; line-height: 20px; font-size: 14px; font-family: Open Sans, arial; font-weight: 800; color: #668632;} ul.ID-vypis-kategorie li a:hover h2 {text-decoration: underline;} .ID-vypis-filtr {float: left; width: 100%; padding: 10px 0 3px 0; margin: 0; background: #668632; position: relative;} .ID-vypis-filtr-div {display: block; padding: 0 15px 0 15px; margin: 0;} .ID-vypis-filtr .ID-filtr-vysledky {display: none;} .ID-vypis-filtr .filter_wrap_keyword {display: none;} .ID-filter .filter_wrap .filter_head {display: none;} .ID-filter .filter_wrap {width: 204px;} .ID-filter form .filter_wrap {width: auto;} .ID-filter .filter_wrap .price_input {margin: 0 0 0 20px;} .ID-filter #vd_filter_p_slider_range {height: 10px; margin-top: 15px;} .ID-filter #vd_filter_p_slider_range .noUi-connect {background: #000000;} .ID-filter #vd_filter_p_slider_range.noUi-horizontal .noUi-handle {background: url('/templates/eshop/images/filtr-posuvnik.png') 0 0 no-repeat; width: 29px; height: 29px; border: 0; box-shadow: none; top: -10px; right: -15px;} .ID-vypis-filtr .filter_reset_all {display: inline-block; color: #ffffff; margin: 7px 0 0 10px;} .ID-filter .filter_wrap .price_input button {background: #84ad40; color: #ffffff; border: 0; border-radius: 3px; padding: 7px 9px 7px 9px; margin: 0 7px 0 0; cursor: pointer; font-size: 15px; font-weight: 800; font-family: Open Sans, arial; text-transform: uppercase; line-height: 20px;} .ID-filter .filter_wrap .price_input input {width: 65px;} #js-popup-filtr-body .ID-popup-close {display: none;} .ID-filtr-tlacitko-zobraz {display: none;} .ID-vypis-filtr .cficon-search::before {content: ''; display: none;} .ID-vypis-filtr .cf_wrapper_inner .cf_wrapper_input_text {display: block; padding-bottom: 0;} .ID-vypis-filtr .cf_ajax_loader {position: absolute; height: 200px !important;} /* FILTR CENA */ .ID-vypis-filtr #cfhead_price_126, .ID-vypis-filtr #q_126_button, .ID-vypis-filtr #cf_wrapp_all_126 #price_clear {display: none;} .ID-vypis-filtr .filtr-cena {float: left; height: 29px; line-height: 29px; padding: 0; margin: 0 15px 0 15px; color: #ffffff; font-family: Open Sans, arial; font-size: 15px; font-weight: 800;} .ID-vypis-filtr .filtr-cena input {display: inline-block; width: 60px; height: 22px; line-height: 22px; padding: 0; margin: 0; border: 0; border-bottom: 1px dashed #ffffff; background: none; color: #ffffff; font-family: Open Sans, arial; font-size: 15px; font-weight: bold;} .ID-vypis-filtr .filtr-cena input::-webkit-input-placeholder {color: #ffffff;} .ID-vypis-filtr .filtr-cena-pravy {float: right; margin-right: 0; margin-left: 0;} /* posuvniky */ /* posuvnĂ­ky - 2 tlacitka */ /* FILTR VYROBCE */ .ID-vypis-filtr .cf_filters_list {float: left; width: 100%; padding: 10px; margin: 0; list-style: none; background: #cccccc;} .ID-vypis-filtr .cf_filters_list li {float: left; width: 50%; line-height: 24px; padding: 3px 0 3px 0; margin: 0;} .ID-vypis-filtr .cf_filters_list li label {display: inline-block; padding: 0 10px 0 5px; margin: 0; cursor: pointer;} .ID-vypis-filtr .cf_filters_list li .cf_flt {width: 14px; height: 14px; padding: 0; margin: 0 5px 0 0; border: 1px solid #6f6f6f; position: relative; top: 1px;} /* FILTR OBECNY */ .ID-vypis-filtr .filtr-pravy {float: right; margin: 8px 10px 0 0;} .ID-vypis-filtr .cf_resetAll_link {display: inline-block; font-size: 14px; line-height: 20px; color: #ffffff; padding: 7px 0 7px 0;} .ID-vypis-filtr .cf_flt_counter {display: inline-block; color: #404040;} .ID-vypis-filtr .cf_flt_header {font-size: 15px; line-height: 30px; padding: 0; margin: 0; font-weight: bold; text-transform: uppercase; text-decoration: none; cursor: pointer;} .ID-vypis-filtr .headexpand {float: left; width: 14px; height: 15px; margin: 6px 5px 0 0; padding: 0; background: url('../images/filtr-sipky.png') 0 -14px no-repeat;} .ID-vypis-filtr .headexpand_hide {background-position: 0 0;} .ID-vypis-filtr .cf_flt_wrapper {float: left; width: 505px; margin: 10px 0 10px 0; position: relative;} .ID-vypis-filtr .cf_clear, .ID-vypis-filtr #price_clear {color: #668632; font-family: Open Sans, arial; font-size: 17px; font-weight: 800; clear: both;} .ID-vypis-filtr .cf_sel_opt {font-weight: bold;} .ID-vypis-razeni {float: left; width: 100%; padding: 15px 0 15px 0; margin: 0; line-height: 32px; color: #000000; font-size: 13px; font-weight: 300; font-family: Open Sans, arial;} .ID-vypis-razeni .pocet-produktu {float: left;} .ID-vypis-razeni span {font-weight: bold;} .ID-vypis-razeni .razeni {float: right;} .ID-vypis-razeni .razeni .orderby_title {display: inline-block; font-weight: bold;} .ID-vypis-razeni .ID-vypis-order, .ID-vypis-razeni .ID-vypis-order div {display: inline-block;} .ID-vypis-razeni .ID-vypis-order a {display: inline-block; line-height: 32px; padding: 0 9px 0 9px; margin: 0 7px 0 0; text-decoration: none; border-radius: 3px; font-weight: 600; border-bottom: 2px solid #ffffff;} .ID-vypis-razeni .ID-vypis-order a:hover {text-decoration: underline;} .ID-vypis-razeni .ID-vypis-order div.active a {background: #84ad40; color: #ffffff; font-weight: 600; border-bottom: 2px solid #668632;} .ID-vypis-razeni .na-stranku {float: right;} .ID-vypis {float: left; width: 100%; padding: 0; margin: 0;} .ID-vypis .produkt {float: left; width: 100%; padding: 0; margin: 0 0 4px 0; position: relative;} .ID-vypis .produkt-div {display: block; padding: 8px 8px 8px 8px; margin: 0; border: 1px solid #dcdcdc;} .ID-vypis .konec {margin-right: 0 !important;} .ID-vypis .produkt .obrazek-levy {float: left; width: 175px; padding: 0; margin: 0;} .ID-vypis .produkt .obrazek {display: table; width: 100%; height: 175px; padding: 0; margin: 0; text-align: center; overflow: hidden;} .ID-vypis .produkt .obrazek div {display: table-cell; padding: 0; margin: 0; vertical-align: middle;} .ID-vypis .produkt .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 175px;} .ID-vypis .produkt .pravy {float: right; width: 466px; padding: 0; margin: 0;} .ID-vypis .produkt h3 {display: block; line-height: 27px; padding: 12px 0 8px 0; margin: 0; color: #668632; font-family: Open Sans, arial; font-size: 22px; font-weight: 800;} .ID-vypis .produkt h3 a {color: #668632; text-decoration: underline;} .ID-vypis .produkt h3 a:hover {text-decoration: none;} .ID-vypis .produkt .popisek {display: block; padding: 0; margin: 0 0 15px 0;} .ID-vypis .produkt .cena {float: left; line-height: 30px; padding: 6px 8px 6px 0; margin: 0; color: #84ad40; font-size: 24px; font-weight: 800; font-family: Open Sans, arial;} .ID-vypis .produkt .cena-puvodni {text-decoration: line-through; font-size: 16px; color: #42494f; font-weight: 600;} .ID-vypis .produkt .detail {float: left; margin: 0 8px 8px 0;} .ID-vypis .produkt .statusy {float: left; width: 100%; padding: 0; margin: -9px 0 0 -9px;} .ID-vypis .produkt .statusy div {float: left; line-height: 17px; padding: 3px 18px 3px 18px; margin: 0 3px 3px 0; background: #dcdcdc; color: #ffffff; font-size: 12px; font-weight: 800; font-family: Open Sans, arial; text-transform: uppercase;} .ID-vypis .produkt .statusy .status-doporucujeme {background: #fca114;} .ID-vypis .produkt .statusy .status-akce {background: #d1182e;} .ID-vypis .produkt .statusy .status-novinka {background: #b4b4b4;} .ID-vypis .produkt .dostupnost {float: left; line-height: 30px; padding: 6px 8px 6px 0; margin: 0;} .ID-vypis .produkt .dostupnost span {font-weight: bold;} .ID-vypis .produkt .dostupnost span.green {font-size: 17px; color: #668632;} .ID-vypis .produkt .dostupnost span.red {font-size: 17px; color: #d1182e;} .produkt-detail {float: left; width: 100%; padding: 0; margin: 0;} .produkt-detail-ohraniceni {display: block; padding: 0; margin: 0; border: 1px solid #dcdcdc;} .produkt-detail .leva-strana {float: left; width: 299px; padding: 0; margin: 0 -1px 0 0; border-right: 1px solid #dcdcdc;} .produkt-detail .leva-strana .obrazky {float: left; width: 100%; padding: 0; margin: 0;} .produkt-detail .leva-strana .obrazky .velky-obrazek {float: left; width: 100%; padding: 0; margin: 0; text-align: center; position: relative;} .produkt-detail .leva-strana .obrazky .velky-obrazek img {width: auto; height: auto; max-width: 100%; max-height: 648px; 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: #404040; padding: 10px 10px 10px 10px; text-transform: uppercase; font-size: 20px; line-height: 24px; font-family: Open Sans, arial, sans-serif; font-weight: 800; color: #ffffff; text-align: center;} .produkt-detail .leva-strana .ostatni-obrazky {float: left; width: 100%; padding: 7px 0 0 0; margin: 0; border-top: 1px solid #dcdcdc;} .produkt-detail .leva-strana .ostatni-obrazky .obrazek {float: left; width: 88px; height: 80px; padding: 0; margin: 0 0 7px 7px; border: 1px solid #dcdcdc; overflow: hidden; text-align: center;} .produkt-detail .leva-strana .ostatni-obrazky .konec {margin-right: 0;} .produkt-detail .leva-strana .ostatni-obrazky .obrazek img {width: auto; height: auto; max-width: 100%; max-height: 100%; padding: 0; margin: 0;} .produkt-detail .prava-strana {float: right; width: 379px; padding: 0; margin: 0 -1px 0 0; font-weight: normal; font-size: 15px; line-height: 20px; border-left: 1px solid #dcdcdc;} .produkt-detail .prava-strana .odsazeni {display: block; padding: 15px 18px 15px 18px; margin: 0;} .produkt-detail .prava-strana .popisek {padding: 0; margin: 0 0 15px 0;} .produkt-detail .prava-strana .ceny {padding: 15px 15px 15px 15px; margin: 0 0 8px 0; background: #ffffff; border: 1px solid #dcdcdc; font-size: 15px; line-height: 20px; color: #000000;} .produkt-detail .prava-strana .product-price {float: left; width: 100%; padding: 0; margin: 0;} .produkt-detail .prava-strana .product-price div {float: left; width: 100%; padding: 3px 0 3px 0; margin: 0;} .produkt-detail .prava-strana .product-price span.PricepriceWithoutTax, .produkt-detail .prava-strana .product-price span.PricesalesPrice, .produkt-detail .prava-strana .product-price span.PricebasePriceWithTax, .produkt-detail .prava-strana .product-price span.PricediscountAmount {float: right;} .produkt-detail .prava-strana .PricesalesPrice {color: #000000;} .produkt-detail .prava-strana .PricesalesPrice span.PricesalesPrice {font-size: 24px; color: #84ad40; font-weight: 800; font-family: Open Sans, arial;} .produkt-detail .prava-strana .cena-zakaznik {padding-top: 10px !important; font-style: italic;} .produkt-detail .prava-strana .price_additional_info {margin: 0 0 8px 0; text-align: right; font-size: 13px;} .produkt-detail .prava-strana .product-fields {font-family: arial; background: #668632; padding: 16px 15px 14px 15px; margin: 0 0 8px 0;} .produkt-detail .prava-strana .product-fields .product-field {float: left; width: 100%; padding: 0; margin: 0 0 2px 0;} .produkt-detail .prava-strana .product-fields .product-fields-title-wrapper {float: left; width: 113px; padding: 5px 0 5px 0; margin: 0; text-align: right; color: #ffffff; font-size: 15px; font-family: arial; font-weight: normal; line-height: 19px;} .produkt-detail .prava-strana .product-fields .product-fields-title-wrapper strong {font-weight: normal;} .produkt-detail .prava-strana .product-fields .product-field-display {float: right; width: 190px; padding: 0; margin: 0;} .produkt-detail .prava-strana .product-field select {float: left; width: 190px; line-height: 20px !important; padding: 5px 5px 5px 5px; margin: 0; border: 0; background: #ffffff; font-size: 15px !important; font-family: arial !important; font-weight: normal !important; color: #000000;} .produkt-detail .prava-strana .addtocart-area {float: left; width: 100%; padding: 0; margin: 0 0 8px 0;} .produkt-detail .prava-strana .addtocart-bar {float: right; padding: 0; margin: 0;} .produkt-detail .prava-strana .addtocart-area span.quantity-controls {display: none;} .produkt-detail .prava-strana .quantity-input {float: left; width: 50px; line-height: 25px; padding: 8px 10px 8px 5px; margin: 0 -5px 0 0; border: 1px solid #dcdcdc; border-bottom: 2px solid #dcdcdc; border-radius: 3px; color: #000000; font-size: 18px; font-weight: 800; font-family: Open Sans, arial; text-align: center;} .produkt-detail .prava-strana input.addtocart-button, .produkt-detail .prava-strana input.addtocart-button-disabled {float: left; margin: 0;} .produkt-detail .prava-strana input.addtocart-button-disabled {background: #b4b4b4;} .produkt-detail .ec_msg, .produkt-detail .cf4all_error_msg {display: block; width: auto; padding: 5px 10px !important; margin: 4px 0 4px 0 !important; color: #ffffff !important; font-family: Open Sans, arial; background: #9d2b5f;} .produkt-detail .ec_msg span {padding: 0 !important; margin: 0 !important;} .produkt-detail .ostatni-info {padding: 0; margin: 0; border-top: 1px solid #dcdcdc;} .produkt-detail .ostatni-info .dostupnost {font-weight: bold;} .produkt-detail .ostatni-info .dostupnost span {font-weight: normal;} .produkt-detail .ostatni-info .dostupnost .skladem {font-size: 17px; color: #668632;} .produkt-detail .ostatni-info .dostupnost .neni_skladem {font-size: 17px; color: #d1182e;} .produkt-detail .ostatni-info div {display: block; padding: 12px 16px 12px 16px; border-bottom: 1px solid #dcdcdc;} .produkt-detail .ostatni-info span {display: inline-block; width: 150px;} .produkt-detail .ostatni-info span.hasTooltip {display: inline; width: auto;} .produkt-detail .prava-strana .doporucit-produkt {display: block; padding: 17px 18px 17px 18px; margin: 0; font-size: 15px; line-height: 20px; background: #eeeff1;} .produkt-detail .prava-strana .socialni-ikonky {float: left; width: 100%; padding: 0; margin: 13px 0 0 0;} .produkt-detail .prava-strana .socialni-ikonky .ikonka {float: left; padding: 0; margin: 0 7px 0 3px;} .ID-souvisejici-produkty {float: left; width: 100%; padding: 0; margin: 0 0 15px 0;} .ID-souvisejici-produkty .produkt {float: left; width: 144px; padding: 8px; margin: 0 10px 10px 0; border: 1px solid #c6c6c6; text-align: center; color: #000000; font-family: Open Sans, arial; font-size: 13px; line-height: 20px; font-weight: 800;} .ID-souvisejici-produkty .konec {margin-right: 0;} .ID-souvisejici-produkty .produkt a {float: left; color: #000000; text-decoration: none;} .ID-souvisejici-produkty .produkt a:hover {text-decoration: underline;} .ID-souvisejici-produkty .produkt .obrazek {display: table; width: 100%; height: 160px; padding: 0; margin: 0; text-align: center; overflow: hidden;} .ID-souvisejici-produkty .produkt .obrazek div {display: table-cell; padding: 0; margin: 0; vertical-align: middle;} .ID-souvisejici-produkty .produkt .obrazek div img {max-width: 100%; max-height: 144px;} /* TABS */ #produkt-popis div.simpleTabs, #ui-tabs {float: left; width: 100%; padding: 0; margin: 25px 0 0 0;} #produkt-popis ul.simpleTabsNavigation, #ui-tabs #tabs {float: left; width: 100%; padding: 0; margin: 0; list-style: none; border-bottom: 1px solid #d4d4d4;} #produkt-popis ul.simpleTabsNavigation li, #ui-tabs #tabs li {float: left; padding: 0; margin: 0 5px -1px 0;} #produkt-popis ul.simpleTabsNavigation li a, #ui-tabs #tabs li {float: left; height: 50px; line-height: 50px; padding: 1px 26px 0 26px; margin: 0; color: #000000; font-size: 22px; font-weight: 800; font-family: Open Sans, arial; text-decoration: none; background: none; border: 0; border-bottom: 1px solid #d4d4d4; position: relative; z-index: 10;} #produkt-popis ul.simpleTabsNavigation li a:hover, #ui-tabs #tabs li:hover {text-decoration: underline; cursor: pointer;} #produkt-popis ul.simpleTabsNavigation li a.current, #ui-tabs #tabs li.current {color: #668632; background: none; border: 1px solid #d4d4d4; border-bottom: 1px solid #ffffff; padding: 0 25px 0 25px;} #produkt-popis div.simpleTabsContent, #ui-tabs .tabs {float: left; width: 628px; padding: 25px 25px 25px 25px; margin: -1px 0 0 0; display: none; border: 1px solid #d4d4d4;} #produkt-popis div.simpleTabsContent .clanek, #ui-tabs .tabs .clanek {width: 100%; padding: 0; margin: 0; border: 0;} #produkt-popis div.simpleTabsContent.currentTab {display: block;} /* tabs - virtuemart */ #ui-tabs #tabs li {margin-right: 5px;} #ui-tabs #tabs li {margin-bottom: -1px;} /* slider-produkty */ .ID-slider-produkty {float: left; width: 969px; margin: 0; padding: 0;} .ID-slider-produkty h2 {margin-left: 0; margin-bottom: 0; border-bottom: 0; font-weight: 800;} .ID-slider-produkty .slides {float: left; padding: 0; margin: 0; list-style: none;} .ID-slider-produkty .slides li {float: left; padding: 0; margin: 0;} .ID-slider-produkty .flex-control-nav {display: none;} .ID-slider-produkty .flex-direction-nav {float: left; width: 100%; padding: 0; margin: -200px 0 0 0; list-style: none; position: relative; z-index: 2;} .ID-slider-produkty .flex-direction-nav li {padding: 0; margin: 0;} .ID-slider-produkty .flex-direction-nav li a {float: left; width: 43px; height: 43px; padding: 0; margin: 0; background: url('../images/slider-sipky.png') 0 0 no-repeat; text-indent: -9999px;} .ID-slider-produkty .flex-direction-nav li a.flex-next {float: right; background-position: -43px 0; position: relative; left: 26px;} .ID-slider-produkty .flex-direction-nav li a.flex-prev {position: relative; left: -19px;} .ID-slider-produkty .flex-direction-nav li a.flex-next:hover {background-position: -43px -43px;} .ID-slider-produkty .flex-direction-nav li a.flex-prev:hover {background-position: 0 -43px;} .ID-slider-produkty .slider-produkty-pozadi {float: left; width: 932px; padding: 19px 22px 12px 15px; margin: 0; background: #f2f2f2; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7;} /* nákupní košík */ .ID-kosik-doprava-zdarma {padding: 15px 21px 15px 21px; margin: 0 0 15px 0; background: #668632; font-size: 16px !important; line-height: 19px !important; font-family: Open Sans, arial !important; text-align: center; font-weight: bold !important; color: #fff !important; text-transform: uppercase !important;} .ID-kosik-doprava-zdarma span {font-size: 18px !important; line-height: 19px !important; font-family: Open Sans, arial !important; font-weight: bold !important; color: #fff !important; text-transform: uppercase !important;} .ID-kosik-doprava-zdarma-OK {background: #fff; color: #000 !important;} .ID-darky .darek {float: left; width: 33.33%; padding: 0; margin: 0 0 20px 0; position: relative;} .ID-darky .darek-div {display: block; padding: 8px 8px 8px 8px; margin: 0 10px 0 10px; border: 1px solid #dcdcdc; text-align: center;} .ID-darky .darek .obrazek {float: left; width: 35%; height: 90px; padding: 0; margin: 0; text-align: center; overflow: hidden;} .ID-darky .darek .obrazek div {display: table-cell; padding: 0; margin: 0; vertical-align: middle;} .ID-darky .darek .obrazek img {max-width: 100%; max-height: 90px;} .ID-darky .darek h3 {display: block; line-height: 20px; padding: 12px 0 8px 0; margin: 0; text-align: center; color: #668632; font-family: Open Sans, arial; font-size: 17px; font-weight: 800;} .ID-darky .darek h3 a {color: #668632; text-decoration: underline;} .ID-darky .darek h3 a:hover {text-decoration: none;} .ID-darky .darek .detail {margin: 5px 0 8px 0;} .prevod_input {color: #000000;} .prevod_label {float: left; line-height: 21px; margin: 0; padding: 13px 13px 13px 0; font-weight: 800; font-style: italic;} .prevod_button {width: auto; padding-left: 10px; padding-right: 10px; background: #f6f6f6;} #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: #668632; font: bold normal 15px/24px Open Sans, arial;} .ID-drentujte {display: block; padding: 10px 21px 10px 21px; margin: 0 0 20px 0; background: #e2e2e2;} .ID-drentujte .text, .ID-drentujte .text div {float: left; width: 100%; padding: 0; margin: 0; text-align: left; font-size: 16px !important; line-height: 19px !important; font-family: Open Sans, arial !important; font-weight: normal !important; color: #000000 !important; text-transform: uppercase !important;} .ID-drentujte .text strong {font-size: 16px !important; font-weight: 800 !important;} .ID-drentujte .text strong span {font-size: 25px !important; font-weight: 800 !important; color: #668632 !important; font-family: Open Sans, arial !important;} .ID-drentujte .odkaz {float: right; height: 57px; line-height: 57px; margin: 5px 0 0 20px; padding: 0 22px 0 22px; cursor: pointer; border: 0; text-decoration: none !important; text-shadow: 0 2px 0 #668632; background: #84ad40; border-radius: 8px; border-bottom: 2px solid #668632 !important; font-size: 18px; font-family: Open Sans, arial; font-weight: 800; font-style: normal; color: #ffffff; text-transform: uppercase;} .ID-drentujte .odkaz:hover {background: #668632} #proopc-payment-form .vmCartPaymentLogo, #proopc-shipment-form .vmCartShipmentLogo {float: left; width: 60px; padding: 0; margin: 0 10px 0 0; text-align: center;} .cart-summary .vmCartPaymentLogo {display: inline-block; width: 80px; padding: 0; margin: 0 10px 0 0; text-align: center;} /* uživatelský účet */ .uzivatel-profil fieldset {border: 1px solid #dcdcdc; margin: 5px 0 10px 0; padding: 15px;} .uzivatel-profil label {display: inline-block; padding: 6px 0 6px 0; margin: 0 5px 5px 0; line-height: 20px;} .uzivatel-profil input[type=text], .uzivatel-profil input[type=password], .uzivatel-profil input[type=email], .bfQuickMode input[type=text], .bfQuickMode input[type=password], .bfQuickMode input[type=email], .uzivatel-profil select, .uzivatel-profil textarea, .bfQuickMode textarea {display: inline-block; width: 240px; padding: 5px; margin: 0 0 5px 0; height: 20px; line-height: 20px; border: 2px solid #dcdcdc; background: #ffffff;} .uzivatel-profil select {padding-right: 0; padding-top: 0; padding-bottom: 0; width: 262px; height: 32px; line-height: 32px;} .uzivatel-profil textarea, .bfQuickMode textarea {width: 350px; height: 100px; border: 2px solid #dcdcdc; padding: 5px; text-align: left;} .dotaz-na-produkt .counter {border: 0 !important; padding: 0 !important; width: 50px !important;} .formContainer input[type=text], .formContainer input[type=password], .formContainer input[type=email], .formContainer textarea {display: inline-block; width: 240px; padding: 5px; margin: 0 0 5px 0; height: 30px; line-height: 30px; border: 2px solid #dcdcdc; background: #ffffff; border-radius: 0;} .formContainer textarea {width: 350px; height: 100px; border: 2px solid #dcdcdc; padding: 5px; text-align: left;} .rsform .formRed {display: none;} .rsform .row {--bs-gutter-x: 0; --bs-gutter-y: 0;} .rsform .formError {display: block;} .rsform .uk-form-danger, .rsform .uk-form-danger:focus {color: #000000;} .ID-page-registrace .control-group {float: left; width: 100%;} .ID-page-registrace .control-group .control-label {float: left; width: 30%; margin-right: 5%;} .ID-page-registrace .control-group .controls {float: left; width: 65%;} #formNewAffiliateAccount .input-small {width: 206px;} #formNewAffiliateAccount .hidden {display: none;} .ID-page-affiliate .affiliate-oznameni {float: left; width: 100%; padding: 0; margin: 0;} .ID-page-affiliate .affiliate-oznameni-div {display: block; padding: 10px 5px 10px 5px; margin: 0 0 25px 0; background: #ccc; border: 1px solid #000;} .ID-page-affiliate .affiliate-oznameni p {margin: 0;} /* obecné nastavení */ .floatleft {float: left;} .floatright {float: right;} .width30 {width: 30%;} .width50 {width: 50%;} .userfields_info {font-weight: bold; display: block; margin: 5px 0 5px 0;} div.login-fields {display: block; margin: 10px 0 10px 0;} #hlavicka .vmCartModule .show_cart a {float: none !important;} .ID-kosik-modal .produk-obrazek {padding: 0; margin: 5px 0 5px 0; max-width: 220px;} /* 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: #668632; 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;} #nakupni-kosik .terms-of-service-cont {display: inline-block; margin: -2px 0 0 0; color: #000000; font-weight: 800; font-family: Open Sans, arial, sans-serif; font-size: 15px;} #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: #84ad40;} #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: #668632;} #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 .kosik-second-page .ID-cena-dopravy {display: none;} /* Vlastni pole START */ .pole-obal {display: block; padding: 2px 0 0 30px; margin: 0 0 15px 0; position: relative;} label.pole-obal, .pole-obal label {cursor: pointer;} .pole-obal input[type="checkbox"], .pole-obal input[type="radio"] {display: none;} .pole-obal .vlastni_indicator {position: absolute; top: 1px; left: 0; height: 16px; width: 16px; background: #e6e6e6; cursor: pointer; border: 2px solid #cccccc;} .pole-obal--radio .vlastni_indicator {border-radius: 50%;} /* moznosti chovani START ---------------------------------------------------------------------------------------- */ .pole-obal input[type="checkbox"] + label:hover .vlastni_indicator, .pole-obal input[type="radio"] + label:hover .vlastni_indicator, label.pole-obal:hover input[type="checkbox"] ~ .vlastni_indicator, label.pole-obal:hover input[type="radio"] ~ .vlastni_indicator, .pole-obal label:hover input[type="checkbox"] ~ .vlastni_indicator, .pole-obal label:hover input[type="radio"] ~ .vlastni_indicator {background: #cccccc;} .pole-obal input[type="checkbox"]:checked + label .vlastni_indicator, .pole-obal input[type="radio"]:checked + label .vlastni_indicator, .pole-obal input[type="checkbox"]:checked ~ .vlastni_indicator, .pole-obal input[type="radio"]:checked ~ .vlastni_indicator {background: #2aa1c0; border: 2px solid #0e647d;} .pole-obal input[type="checkbox"]:not([disabled]):checked + label:hover .vlastni_indicator, .pole-obal input[type="radio"]:not([disabled]):checked + label:hover .vlastni_indicator, label.pole-obal:hover input[type="checkbox"]:not([disabled]):checked ~ .vlastni_indicator, label.pole-obal:hover input[type="radio"]:not([disabled]):checked ~ .vlastni_indicator, .pole-obal label:hover input[type="checkbox"]:not([disabled]):checked ~ .vlastni_indicator, .pole-obal label:hover input[type="radio"]:not([disabled]):checked ~ .vlastni_indicator {background: #0e647d;} .pole-obal input[type="checkbox"]:disabled + label .vlastni_indicator, .pole-obal input[type="radio"]:disabled + label .vlastni_indicator, .pole-obal input[type="checkbox"]:disabled ~ .vlastni_indicator, .pole-obal input[type="radio"]:disabled ~ .vlastni_indicator {background: #e6e6e6; opacity: 0.6; pointer-events: none;} /* moznosti chovani END ---------------------------------------------------------------------------------------- */ .pole-obal .vlastni_indicator:after {content: ''; position: absolute; display: none;} .pole-obal--checkbox .vlastni_indicator:after {left: 6px; top: 2px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg);} .pole-obal--radio .vlastni_indicator:after {left: 5px; top: 5px; width: 6px; height: 6px; border-radius: 50%; background: #fff;} /* moznosti chovani after START ---------------------------------------------------------------------------------------- */ .pole-obal input:checked + label .vlastni_indicator:after, .pole-obal input:checked ~ .vlastni_indicator:after {display: block;} .pole-obal--checkbox input:disabled + label .vlastni_indicator:after, .pole-obal--checkbox input:disabled ~ .vlastni_indicator:after {border-color: #7b7b7b;} .pole-obal--radio input:disabled + label .vlastni_indicator:after, .pole-obal--radio input:disabled ~ .vlastni_indicator:after {background: #7b7b7b;} /* moznosti chovani after END ---------------------------------------------------------------------------------------- */ #nakupni-kosik .pole-obal {padding: 2px 0 10px 30px; margin: 0 0 10px 0; border-bottom: 1px solid #DDD;} #nakupni-kosik .proopc-reg-form .pole-obal {border-bottom: 0;} #nakupni-kosik .proopc-reg-form .pole-obal label.radio {padding-left: 0;} #nakupni-kosik .proopc-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;} /* Vlastni pole END */