/*---- B2C edit by Nightfever2017 ----*/ /* v31 - nadrozměry info /* v30 - slevový kupon */ /* v29 - přeskládání informací na detailu produktu */ /* v28 - styl pro tlačítka "nelze koupit" /* v27 noUI styl pro posuvník filtru */ /* v26 Produktový box v galerii do flexu */ /* v24 Dárky na detailu a výpise */ /* v23 Prepraacovani zobrazeni podkategorii na vypise */ /* v22 Oprava chybiček designu + Css optimalizace */ /* v21 Safari optimalizace */ body{ font-family: "Open Sans", sans-serif; font-size: 13px; overflow-x:hidden;} body.is-ontop{ margin-top: 53px;} h1{ font-size: 44px;} h2{ font-size: 20px;} h3{ font-size: 18px;} a{ color: #666;} a:hover{ /*color: #f04040;*/ text-decoration: none; transition: all 0.25s;} a:focus{ text-decoration: none;} .bold{ font-weight: bold;} .alignleft{ float: left;} .alignright{ float: right;} .btn-fb-login{ width: 65px; height: 22px; background: url('../images/fb.jpg') no-repeat; display: inline-block; margin-top: 5px; font-size: 0; border: none!important;} .button{ padding: 10px 20px; border: 1px solid #eaeaea; background: #666; color: #fff;} .button-sm{ padding: 5px 10px;} .button:hover{ /*background: #f04040; border: 1px solid #f04040;*/} .input{ border-radius: 0px; border: 1px solid #eaeaea; -webkit-box-shadow: inherit; box-shadow: inherit;} .button .fa{ line-height: inherit;} .text-center{ text-align: center;} .text-left{ text-align: left;} .text-right{ text-align: right;} img.alignleft{ margin: 0 20px 15px 0;} img.alignright{ margin: 0 0 15px 20px;} .clearfix:before{ content: ""; display: table;} .container{ padding-left: 0; padding-right: 0; } .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background:#fff url('../images/Preloader_4.gif') 50% 50% no-repeat;} .banner-opacity{ position: relative;} .banner-opacity a:before{ display: block; position: absolute; -webkit-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s; background: rgba(0,0,0,0.1); opacity: 0; filter: alpha(opacity=0); left: 0px; top: 0px; content: ""; height: 0%; width: 100%; left: 0%; top: 50%;} .banner-opacity a:hover:before{ opacity: 1; filter: alpha(opacity=1); -webkit-transition: all 0.2s ease-in 0.1s; transition: all 0.2s ease-in 0.1s; height: 100%; left: 0%; top: 0%;} .tab-container{ position: relative;} .tab-container .tab-panel{ position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden;} .tab-container .active{ opacity: 1; visibility: inherit; position: inherit; -vendor-animation-duration: 0.3s;-vendor-animation-delay: 1s;-vendor-animation-iteration-count: infinite;} .hover-zoom{ -webkit-transition: 0.7s all ease-in-out; transition: 0.7s all ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; overflow: hidden;} .hover-zoom:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0.7;} .banner-boder-zoom{ position: relative; overflow: hidden;} .banner-boder-zoom a:before{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; display: block; z-index: 10; background-color: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2); color: rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .banner-boder-zoom a:after{ position: absolute; top: 10px; left: 10px; right:10px; bottom:10px; content: ""; display: block; z-index: 10; border: 1px solid #fff; opacity: 0;} .banner-boder-zoom a img{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .banner-boder-zoom:hover a img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .banner-boder-zoom:hover a:before{ opacity: 1;} .banner-boder-zoom:hover a:after{ opacity: 0;} .banner-boder-zoom2{ position: relative; overflow: hidden;} .banner-boder-zoom2 a:before{ position: absolute;top: 0; left: 0;right: 0; bottom: 0; content: ""; display: block; z-index: 10; background-color: rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0); opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .banner-boder-zoom2 a:after{ position: absolute; top: 10px; left: 10px; right:10px; bottom:10px; content: ""; display: block; z-index: 10; border: 1px solid #fff; opacity: 0;} .banner-boder-zoom2 a img{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .banner-boder-zoom2:hover a img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .banner-boder-zoom2:hover a:before{ opacity: 1;} .banner-boder-zoom2:hover a:after{ opacity: 0;} .icon-up, .icon-down{ width: 100%; height: 17px; display: block;} .icon-up{ background: url("../images/up.png") no-repeat center center;} .icon-down{ background: url("../images/down.png") no-repeat center center;} .image-hover2 a{ position: relative; display:table;} .image-hover2 a:after{ overflow: hidden; position: absolute; top: 0; content: ""; z-index: 100;width: 100%; height: 100%; left: 0; right: 0; bottom: 0;opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: rgba(0, 0, 0, 0.3); -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 1;} .image-hover2 a:before{ font: normal normal normal 18px/1 FontAwesome; content: "\f002"; position: absolute; top: 50%; left: 50%; z-index: 2; color: #fff; ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s;} .image-hover2 a:hover:after{ visibility: visible; opacity: 0.8; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);} .image-hover2 a:hover:before{ opacity: 1;} /*loader */ #loading, #modal_product_reload {background: rgba(255,255,255, 0.5); height: 100%; left: 0; /*padding-top: 20%*/;position: fixed;text-align: center; top: 0; width: 100%; z-index: 9999;} body .vertical-centered-box { position: absolute; width: 100%; height: 100%; text-align: center;} body .vertical-centered-box:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em;} body .vertical-centered-box .content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; text-align: left; font-size: 0; opacity: 1;} .loader-line-mask { position: absolute; left: 50%; top: 50%; width: 150px; height: 300px; margin-left: -75px; margin-top: -75px; overflow: hidden; -webkit-transform-origin: 100px 100px; -moz-transform-origin: 100px 100px; -ms-transform-origin: 100px 100px; -o-transform-origin: 100px 100px; transform-origin: 100px 100px; -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0)); mix-blend-mode: hard-light; opacity: 0.8;} .loader-line-mask .loader-line { width: 200px; height: 200px; border-radius: 50%;} .loader-line-mask.one { -webkit-animation: rotate 1s infinite linear; -moz-animation: rotate 1s infinite linear; -o-animation: rotate 1s infinite linear; animation: rotate 1s infinite linear;} .loader-line-mask.one .loader-line { box-shadow: inset 0 0 0 8px #77C170;} .loader-line-mask.two { -webkit-animation: rotate 1.3s 0.5s infinite linear; -moz-animation: rotate 1.3s 0.5s infinite linear; -o-animation: rotate 1.8s 0.5s infinite linear; animation: rotate 1.8s 0.5s infinite linear;} .loader-line-mask.two .loader-line { box-shadow: inset 0 0 0 8px #F25F5C;} .loader-line-mask.three { -webkit-animation: rotate 1.1s 0.5s infinite linear; -moz-animation: rotate 1.1s 0.5s infinite linear; -o-animation: rotate 1.1s 0.5s infinite linear; animation: rotate 1.1s 0.5s infinite linear;} .loader-line-mask.three .loader-line { box-shadow: inset 0 0 0 8px #FFE066;} .loader-line-mask.four { -webkit-animation: rotate 1.2s 0.7s infinite linear; -moz-animation: rotate 1.2s 0.7s infinite linear; -o-animation: rotate 1.2s 0.7s infinite linear; animation: rotate 1.2s 0.7s infinite linear;} .loader-line-mask.four .loader-line { box-shadow: inset 0 0 0 8px #247BA0;} @-webkit-keyframes rotate{ 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }} @-moz-keyframes rotate{ 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); }} @-o-keyframes rotate{ 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); }} @keyframes rotate{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg); } 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg); }} /* Můj Tooltip*/ [data-tooltip2] { position: relative; } [data-tooltip2]:before, [data-tooltip2]:after { content: none; content: normal; } [data-tooltip2]:hover:before, [data-tooltip2]:hover:after, [data-tooltip2]:active:before, [data-tooltip2]:active:after, [data-tooltip2]:focus:before, [data-tooltip2]:focus:after { -webkit-animation: 0.3s tooltip linear; -moz-animation: 0.3s tooltip linear; animation: 0.3s tooltip linear; } [data-tooltip2]:hover:before, [data-tooltip2]:active:before, [data-tooltip2]:focus:before { content: ""; } [data-tooltip2]:hover:after, [data-tooltip2]:active:after, [data-tooltip2]:focus:after { content: attr(data-tooltip2); text-align:center;} [data-tooltip2]:before { position: absolute; top: 100%; left: 50%; margin-top: -2px; margin-left: -5px; border: 5px solid transparent; border-bottom-color: #0098d9; } [data-tooltip2]:after { position: absolute; top: 100%; right: -20px; border-radius: 3px; padding-right: 5px; padding-left: 5px; margin-top: 7px;font-weight: normal; color: #fff; background-color: #0098d9; z-index: 11; box-shadow: 0 5px 8px -2px white;} @-webkit-keyframes tooltip { from { opacity: 0; } 40% { opacity: 0; } to { opacity: 1; } } @-moz-keyframes tooltip { from { opacity: 0; } 40% { opacity: 0; } to { opacity: 1; } } @keyframes tooltip { from { opacity: 0; } 40% { opacity: 0; } to { opacity: 1; } } @media (max-width: 767px) { [data-tooltip2]:hover:after, [data-tooltip2]:active:after, [data-tooltip2]:focus:after { left: 0; transform: translateX(0); width: 233px; height: auto; } } /* vrchní banner */ .top-banner{ height: 150px; background: url('../images/bg-top-banner.jpg') no-repeat top center; position: relative; text-align: center; color: #fff; line-height: 20px;} .bg-overlay{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.7);} .top-banner .container{ position: relative; padding-top: 35px;} .top-banner h1{ color: #f04040; font-weight: bold; line-height: auto;} .top-banner h2{ font-weight: bold;} .top-banner span{font-size: 12px; color: #999;} .top-banner .btn-close{ width: 24px; height: 24px; background: #2d2c2e url("../images/btn-close.png") no-repeat; position: absolute; top: 0; right: 0; cursor: pointer;} /* logo */ #logo { text-align: center; } /* upravovano ještě v sekci "styl s horním bannerem" */ #logo img { max-width: 300px; max-height: 110px;} /* header */ #header {box-shadow: 0 0 15px #ccc;} .nav-ontop{position: fixed;top: 0px;left: 0px;width: 100%;padding-bottom: 0px;height: 50px;background: #eee;z-index: 101;box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.1);} .nav-ontop span.notify-right{ top: 2px;} .nav-ontop>.container{ position: relative;} .nav-ontop #box-vertical-megamenus{ width: 80px; padding: 0;} .nav-ontop #box-vertical-megamenus .title{background: #eee; color: #999; padding: 0; overflow: hidden; border-left: 1px solid #eaeaea;} .nav-ontop #box-vertical-megamenus .title.active{ background: #fff;} .nav-ontop #box-vertical-megamenus .title .btn-open-mobile { margin-right: 15px;} .nav-ontop #box-vertical-megamenus .title .title-menu{ display: none;} .nav-ontop #box-vertical-megamenus .vertical-menu-content{ min-width: 270px; position: absolute; display: none; border-top: none; border-bottom: 1px solid #eaeaea; border-right: 1px solid #eaeaea; padding-bottom: 15px; border-left: 1px solid #eaeaea;} .nav-ontop #box-vertical-megamenus .vertical-menu-content .vertical-menu-list{ border-left: none;} .nav-ontop #box-vertical-megamenus .vertical-menu-content .all-category{ margin-left: 20px;} #shopping-cart-box-ontop{ width: 50px; height: 50px; position: absolute; top: 0; right: 0; display: none;} #shopping-cart-box-ontop .fa{ line-height: 50px; cursor: pointer; font-size: 20px; text-align: center; width: 100%; color: #999;} #shopping-cart-box-ontop .shopping-cart-box-ontop-content{ position: absolute; right: 0; top:100%;} #shopping-cart-box-ontop:hover .cart-block{ -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); opacity: 1; visibility: visible;} /*----------------- [ 3.2 Top header] */ .top-header{ /*background: #f6f6f6; */box-shadow: 0 0 5px #ccc inset } .top-header .nav-top-links, .top-header .language , .top-header .currency, .top-header .user-info, .top-header .support-link, .top-header .top-bar-social{ width: auto; display: inline-block; line-height: 34px;} .top-header .top-bar-social .fa{ line-height: inherit;} .top-header .top-bar-social a{ border:none; padding: 0; color: #999; font-size: 14px;} .top-header .support-link{ float: right;} /*.top-header img{ display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px;}*/ .top-header a{ border-right: 1px solid #e0e0e0; padding-right: 10px; margin-left: 10px;} .top-header a.first-item{ margin-left: 0;} .top-header a.current-open:after{ content: "\f107"; font-family: "FontAwesome"; font-size: 17px; vertical-align: 0; padding-left: 15px; font-weight: bold;} .top-header a i { vertical-align: baseline;} .top-header .dropdown{width: auto; display: inline-block;} .top-header .dropdown-menu{border-radius: 0; border: none; top: 100%; left: 0; opacity: 0; display: block; border-top: 2px solid #f04040; z-index: 0; visibility: hidden; transition:all 0.4s ease-out 0s; -webkit-transition:all 0.4s ease-out 0s; -o-transition:all 0.4s ease-out 0s; -ms-transition:all 0.4s ease-out 0s; transform:translateY(50px); -webkit-transform:translateY(50px); -o-transform:translateY(50px); -ms-transform:translateY(50px); -khtml-transform:translateY(50px);} .top-header .dropdown.open >.dropdown-menu{ transform:translateY(0px); -webkit-transform:translateY(0px); -o-transform:translateY(0px); -ms-transform:translateY(0px); -khtml-transform:translateY(0px); opacity: 1; z-index: 999; visibility: inherit;} .top-header .dropdown-menu a{ border: none; margin: 0; padding: 0; padding: 5px 10px;} /* flash messages z MegaBase v2024 by HAP */ .flashTop {width: 100%; padding: 5px;border-radius: 0;margin-bottom: 0;border: none; background: #f5f5f5;} .flashTop .container {display:flex; justify-content: center; align-items: center; line-height: 1.2em; } .flashTop i.fa-notice:before {width: 1em;height: 1em;display: block; margin: 0 0 0 5px;content:url("data:image/svg+xml,")} .flashTop button.close {background-color: #00000011;padding: 5px 15px;height: 40px;line-height: 20px;margin-left: 20px;border-radius: 4px;} .flash-info {color: #456; background: linear-gradient(to top, #b9dcf5, #78b2dd);} .flash-danger {color: white; background: linear-gradient(to top, #ef9d60, #bd7947)} .flash-error {color: white; background: linear-gradient(to top, #d91515, #a30606)} #menu-langCur {flex-grow:1;display: flex;} #menu-langCur .space {flex-grow:1} select#currency { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0 !important; background: #f4f4f4; background-image: none; flex: 1; padding: 0 .25em; color: #666; cursor: pointer} .curSelect { float: right; position: relative; display: flex; width: 5em; height: 2em; line-height: 2; background: #666; overflow: hidden; border-radius: .25em} .curSelect::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding: 0 .5em; background: #aaa; color:#666; cursor: pointer; pointer-events: none; transition: .25s all ease} .curSelect:hover::after { color: #f04040} select#currency::-ms-expand { display: none} .curSelect {margin:.75em} #localSwitch {padding:.8em .8em 0 0;} /* Header - logo, hledání, košík */ .main-header{ padding: 10px 0;} .main-header .header-search-box{ margin-top: 17px; padding-left: 80px; padding-right: 45px;} .main-header .header-search-box .form-inline{ height: 41px; border: 1px solid #eaeaea; position: relative; border-radius: 5px;} .main-header .header-search-box .form-inline .form-category{ background: #f6f6f6; height: 39px; overflow: hidden; /*width: 211px;*/} .main-header .header-search-box .form-inline .select2{ border-right: 1px solid #eaeaea; min-width: 152px; height: 40px;} .main-header .header-search-box .form-inline .select2 .select2-selection{ border: none; background: transparent; margin-top: -1px;} .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 41px;} .select2-container--default .select2-selection--single .select2-selection__arrow{ top: 6px; right: 15px;} .select2-dropdown{ border: 1px solid #eaeaea;} .select2-container--open .select2-dropdown {left: -1px;} .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 15px;} .main-header .header-search-box .form-inline .input-serach{ width: calc(100% - 260px);} .main-header .header-search-box .form-inline .input-serach input{ border: none; padding-left: 15px; width: 100%; position:relative; z-index:2; line-height: 3em;} #frm-searchForm-search { line-height: 1.2em;} .main-header .header-search-box .form-inline .btn-search{ width: 41px; height: 41px; /*background: #f04040 url("../images/search.png") no-repeat center center; color: #fff; */ border: none; border-radius: 0 5px 5px 0;font-weight: bold; position: absolute; top: -1px; right: -1px;} .main-header .header-search-box .form-inline .btn-search:hover{opacity: 0.8;} .header-search-box .help-block.text-danger { line-height: 14px; position: absolute; z-index:1;right: 50px; top: 9px;} .main-header .shopping-cart-box{ margin-top: 17px; margin-top: 17px; padding: 0; margin-right: 15px; margin-left: -15px; line-height:normal;} .main-header .shopping-cart-box:hover .cart-block{ -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); opacity: 1; visibility: visible;} .main-header .shopping-cart-box a.cart-link{ height: 41px; width: 100%; border: 1px solid #eaeaea; display: block; position: relative; padding: 2px 41px 0 15px; border-radius: 5px;} .main-header .shopping-cart-box a.cart-link:hover:after{ opacity: 0.8;} .main-header .shopping-cart-box a.cart-link .title{ width: 100%; float: left; text-transform: uppercase; font-weight: bold; margin-top: 2px;} .main-header .shopping-cart-box a.cart-link .total { font-size: 12px;} .main-header .shopping-cart-box a.cart-link:after{ content: ''; width: 41px; height: 41px; /*background: #f04040 url('../images/cart.png') no-repeat center center;*/ position: absolute; top: -1px; right: -1px; border-radius: 0 5px 5px 0;} /*košík horní*/ .cart-block{ position: absolute; top: 100%; right: -1px; z-index: 1002; max-height: 500px; overflow-y:auto; background: #FFF; color: #666; width: 300px; opacity: 0; -webkit-box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2); -webkit-transition: opacity 0.25s, -webkit-transform 0.25s; transition: opacity 0.25s, transform 0.25s; -webkit-transform: translate(0,40px); -moz-transform: translate(0,40px); -o-transform: translate(0,40px); -ms-transform: translate(0,40px); transform: translate(0,40px); opacity: 0; display: block; visibility: hidden;} .cart-block .cart-block-content{ padding: 20px; overflow: hidden;} .cart-block .cart-block-content .cart-title{ text-transform: uppercase; font-size: 12px;} .cart-block .cart-block-content .cart-block-list{} .cart-block .cart-block-content .product-info{ margin-top: 10px; border-bottom: 1px solid #eaeaea; display: block; overflow: hidden; padding-bottom: 10px;position: relative;} .cart-block .cart-block-content .product-info .p-left{ width: 50px; float: left; position: relative;} .cart-block .cart-block-content .product-info .p-left img { max-width: 50px; } .cart-block .cart-block-content .product-info .p-right { margin-left: 60px; font-size: 1.0em; line-height: 1.25em; } .cart-block .cart-block-content .product-info .p-right .p-rice{ /*color: #f04040; */text-align:right;} .cart-block .cart-block-content .product-info .p-right .change_quantity{ margin-top: 10px;} .cart-block .cart-block-content .product-info .p-right .change_quantity .blockcart_quantity_down, .cart-block .cart-block-content .product-info .p-right .change_quantity .blockcart_quantity_up{ float: left; width: 20px; height: 30px; border: 1px solid #ccc; padding-top: 2px; text-align: center;} .cart-block .cart-block-content .product-info .p-right .change_quantity .cart_quantity_input_text { width: 60px; border: 1px solid #ccc; margin-left: -1px; margin-right: -1px; height: 30px; line-height: 100%; float: left; text-align: center;} .removeThis {background: url("../images/delete_icon.png") no-repeat center center white; border: 2px solid white; cursor: pointer; font-size: 0; height: 15px; position: absolute; right: 0; top: 0; width: 15px;} .cart-block .cart-block-content .toal-cart{ margin-top: 10px;} .cart-block .cart-block-content .toal-cart .toal-price{ font-size: 18px; color: #999;} .cart-block .cart-block-content .cart-buttons{ overflow: hidden; width: 100%;} .cart-block .cart-block-content .cart-buttons a{ width: 50%; float: left; margin-top: 12px; text-transform: uppercase; font-size: 13px; padding: 10px 0; text-align: center;} .cart-block .cart-block-content .cart-buttons a:hover{opacity: 0.8;} .cart-block .cart-block-content .cart-buttons a.btn-my-cart{ background:#eee;} .cart-block .cart-block-content .cart-buttons a.btn-check-out{ /*background:#f04040; color: #fff;*/} span.notify{ width: 32px; height: 22px; color: #fff; text-align: center; position: absolute; line-height: normal; font-size: 11px; padding-top: 2px; z-index: 1;} span.notify-left{ /*background: url('../images/notify.png') no-repeat;*/ right: 25px; top: -8px;} span.notify-right{ background: url('../images/notify-right.png') no-repeat; right: 0px; top: -7px;} /*.nav-top-menu{ background: #eee;} */ /* Hlavní strom produktů */ .box-vertical-megamenus{ position: relative /*absolute; left: 15px; right: 15px; z-index: 1000; background: #fff;*/} .box-vertical-megamenus .title{ background: #0097d7; color: #fff; height: 50px; line-height: 50px; text-transform: uppercase; font-weight: bold; font-size: 14px; padding-left: 20px; padding-right: 20px; letter-spacing: 1px; overflow: hidden;} .box-vertical-megamenus .title .btn-open-mobile>.fa{ line-height: inherit;} .box-vertical-megamenus .title .btn-open-mobile{ font-size: 17px; cursor: pointer; line-height: 50px;} .box-vertical-megamenus .vertical-menu-content{ /*border-top: 3px solid #f04040;*/ background: #fff;/* display: none;*/ padding-bottom: 15px;} .home .box-vertical-megamenus .vertical-menu-content{ display: block;} .box-vertical-megamenus .vertical-menu-list{ border-left: 1px solid #eaeaea;border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;} .box-vertical-megamenus .vertical-menu-list li{ display: block; line-height: 34px; margin-left: -1px; position: relative;} .box-vertical-megamenus .vertical-menu-list > li { box-shadow: 0 3px 6px -5px #777;} .box-vertical-megamenus .vertical-menu-list > li:hover {} .box-vertical-megamenus .vertical-menu-list > li:hover > a { color: #fff; background: #f04040;} .box-vertical-megamenus .vertical-menu-list > li:hover > a.parent:before { color: #fff;} .box-vertical-megamenus .vertical-menu-list > li > a { padding-left: 15px; line-height: 36px; display: block;} .box-vertical-megamenus .vertical-menu-list > li > a span.fa { padding-top: 12px; margin-right: 6px;} .box-vertical-megamenus .vertical-menu-content ul > li > a.parent:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f105"; position: absolute; top: 10px; right: 8px; color: #666;} /* Našeptávač */ #whisperer { display:none; background: white; border: 1px solid white; box-shadow: 0 0 10px #a0a0a0; position: absolute; top: 45px; max-width: 100%; min-width: 250px; z-index: 9999; border-radius: 5px;} #whisperer .category { margin:15px 0; } #whisperer .category:first-child { margin:0px;} #whisperer .category span { background: #eaeaea; border-bottom: 1px solid #ccc; color: #777; font-size:0.9em; display: block; padding: 5px 10px 3px; margin-bottom: 5px; line-height: 1.4em;} #whisperer .category li { padding: 2px 5px 6px /*1*/ 10px;} #whisperer .category li a { display: flex; align-items: center; color: black; line-height: 1em;} #whisperer .category li a.more { color: #777; font-size: 0.9em;} #whisperer .category li a:hover, #whisperer .category li a.more:hover { color:#f04040;} #whisperer .category.brand li, #whisperer .category.product li { min-height:2em;} #whisperer .category.brand li a, #whisperer .category.product li a { padding-left: 2.5em; } #whisperer .category.brand li a img, #whisperer .category.product li a img { max-height: 2em; max-width: 3em; position: absolute; left: 10px;} #whisperer .category.word li:before, #whisperer .category.cats li:before { position: relative; color: #aaa; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; display:inline-block; width: 20px; float: left; line-height: 1em;} #whisperer .category.word li:before { content: "\f040";} #whisperer .category.cats li:before { content: "\f115";} #whisperer::before { background: white; border-left: 1px solid #ccc; border-top: 1px solid #ccc; content: " "; display: block; height: 10px; left: 49%; position: absolute; top: -6px; transform: rotate(45deg); width: 10px; z-index: -1; } /* /Našeptávač */ /* Kategorie na uvodce */ .nav-menu{ border: none;} .nav-menu .container-fluid{ padding: 0;} .nav-menu .navbar-collapse{ z-index: 10000; padding: 0; margin: 0; border:none;} .nav-menu .nav>li:last-child a{ background-image: none;} .nav-menu .nav>li>a{ padding: 15px 25px; background: url('../images/kak.png') no-repeat right center;} .nav-menu .navbar-toggle{background: url('../images/bar.png') no-repeat left center; height: 50px; margin: 0; padding-right: 3px;} .nav-menu .navbar-brand{ font-size: 14px; font-weight: bold; display: none; text-transform: uppercase;} .nav-menu .navbar-brand a{ color: #fff;} .nav-menu .toggle-menu{ float: right; line-height: 49px; max-height: 50px; cursor: pointer;} .nav-menu .toggle-menu:before{ font: normal normal normal 17px/1 FontAwesome; content: "\f0c9"; line-height: inherit; color: #fff;} .floor-elevator{ width: 70px; height: 50px; position: absolute; top: 0; right: 0; background: url("../images/floor-elevator.png") no-repeat left center; padding-left: 38px; padding-right: 22px; font-size: 20px; font-weight: bold; line-height: normal; color: #999; padding-top: 7px;} .floor-elevator .fa{ font-weight: bold;} .floor-elevator .btn-elevator{ cursor: pointer;} .floor-elevator .btn-elevator:hover, .floor-elevator .disabled{ color: #ccc;} .floor-elevator .down{ margin-top: -6px;} /** Barevné kategorie **/ .category-featured .nav-menu{ height: 53px; border-radius: 5px 5px 0 0; padding: 0 0 3px 0; margin: 0; overflow:hidden;} .category-featured .nav-menu .navbar-collapse{ background: #fff;} .category-featured .nav-menu ul>li>a:hover, .category-featured .nav-menu ul>li.active>a, .category-featured .nav-menu ul>li.selected>a{ color: #fff;} /** read nav **/ .nav-menu-red{ background: #f04040;} .nav-menu-red li a:hover,.nav-menu-red li.active a,.nav-menu-red li.selected a{ background: #f04040;} .nav-menu-green{ background: #339966;} .nav-menu-green li a:hover,.nav-menu-green li.active a,.nav-menu-green li.selected a{ background: #339966;} .nav-menu-orange{ background: #ff6633;} .nav-menu-orange li a:hover,.nav-menu-orange li.active a,.nav-menu-orange li.selected a{ background: #ff6633;} .nav-menu-blue{ background: #3366cc;} .nav-menu-blue li a:hover,.nav-menu-blue li.active a,.nav-menu-blue li.selected a{ background: #3366cc;} .nav-menu-gray{ background: #6c6856;} .nav-menu-gray li a:hover,.nav-menu-gray li.active a,.nav-menu-gray li.selected a{ background: #6c6856;} .nav-menu-blue2{ background: #669900;} .nav-menu-blue2 li a:hover,.nav-menu-blue2 li.active a,.nav-menu-blue2 li.selected a{ background: #669900;} .introCategories .category-featured:first-child .nav-menu-green, .introCategories .category-featured:first-child .nav-menu-green li a:hover, .introCategories .category-featured:first-child .nav-menu-green li.active a,.nav-menu-green li.selected a, .introCategories .category-featured:nth-child(5n+1) .nav-menu-green, .introCategories .category-featured:nth-child(5n+1) .nav-menu-green li a:hover, .introCategories .category-featured:nth-child(5n+1) .nav-menu-green li.active a,.nav-menu-green li.selected a{ background: #f04040;} /*red*/ .introCategories .category-featured:nth-child(5n+2) .nav-menu-green, .introCategories .category-featured:nth-child(5n+2) .nav-menu-green li a:hover, .introCategories .category-featured:nth-child(5n+2) .nav-menu-green li.active a,.nav-menu-green li.selected a{ background: #ff6633;} /*orange*/ .introCategories .category-featured:nth-child(5n+3) .nav-menu-green, .introCategories .category-featured:nth-child(5n+3) .nav-menu-green li a:hover, .introCategories .category-featured:nth-child(5n+3) .nav-menu-green li.active a,.nav-menu-green li.selected a{ background: #3366cc;} /*blue*/ .introCategories .category-featured:nth-child(5n+4) .nav-menu-green, .introCategories .category-featured:nth-child(5n+4) .nav-menu-green li a:hover, .introCategories .category-featured:nth-child(5n+4) .nav-menu-green li.active a,.nav-menu-green li.selected a{ background: #669900;} /*blue2*/ .show-brand .navbar-brand{ display: block; /*background: #000;*/ margin-left: 0!important; text-transform: uppercase; padding: 0 20px; line-height: 50px; font-size: 16px;} .show-brand .navbar-brand a{ /*color: #fff;*/ line-height: 53px;} .show-brand .navbar-brand img{ vertical-align: middle; margin-right: 15px;} /*Slider na uvodce */ .header-top-right{ padding: 0; /*border-top: 3px solid #f04040;*/} .header-top-right .homeslider{ width: 100%; float: left;} ul#contenhomeslider li img { max-height: 489px; object-fit: cover;} .header-top-right .header-banner{ width: 26%; float: right;} .header-top-right .header-banner img{ width: 100%; height: auto;} .header-top-right .homeslider img{ width: 100%; height: auto;} .header-top-right .homeslider .bx-wrapper .bx-viewport { -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow:none; border:0; left: 0; background: #fff;} .header-top-right .homeslider .bx-controls-direction .bx-prev, .header-top-right .homeslider .bx-controls-direction .bx-next{ background: #f04040; text-indent: 0px!important; color: #fff; font-size: 15px; text-align: center; line-height: 32px; padding-top: 8px; position: absolute; opacity: 0; visibility: hidden; -moz-transition: all 0.45s ease; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; -ms-transition: all 0.45s ease; transition: all 0.45s ease; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);} .header-top-right .homeslider .bx-controls-direction .bx-prev{ left: 50%;} .header-top-right .homeslider .bx-controls-direction .bx-next{ right: 50%;} .header-top-right .homeslider:hover .bx-controls-direction .bx-next{ right: 10px; opacity: 1; visibility: inherit;} .header-top-right .homeslider:hover .bx-controls-direction .bx-prev{ left: 10px; opacity: 1; visibility: inherit;} .header-top-right .homeslider .bx-controls-direction .bx-prev:hover, .header-top-right .homeslider .bx-controls-direction .bx-next:hover{ opacity: 0.8;} .header-top-right .homeslider .bx-wrapper:hover .bx-prev,.bx-wrapper:hover .bx-next{ display: block;} .header-top-right .homeslider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 10px; width: 100%; text-align: right; padding-right: 25px; opacity: 0.5;} .header-top-right .homeslider .bx-wrapper .bx-pager .bx-pager-item{ width: 20px; height: 20px; border-radius: 90%; margin-right: 5px;} .header-top-right .homeslider .bx-wrapper .bx-pager .bx-pager-item a{ width: 100%; height: 100%; float: left; background: transparent; margin: 0; padding: 0; text-align: center; text-indent: 0px; border-radius: 90%; color: #666; border: 1px solid #999; font-size:10px; line-height: 17px;} .header-top-right .homeslider .bx-wrapper .bx-pager.bx-default-pager a:hover, .header-top-right .homeslider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #f04040; color: #fff; border: 1px solid #fff;} .bx-wrapper{ margin: 0;} /* pro kotvu na uvodce*/ .page-top{ margin-top: 30px;} /*slider na uvodce -fix*/ body.homepage .owl-stage{display: flex} body.homepage .owl-stage li {display: flex;flex-direction: column;height: 100%} body.homepage .owl-stage li .product-name { flex-grow: 1} /* Trhák dne */ .latest-deals{} .latest-deals .latest-deal-title{ height: 54px; /*background: url("../images/latest-deal-title.png") no-repeat left center;*/ padding: 0; margin: 0; line-height: 54px; text-transform: uppercase; font-size: 16px; font-weight: bold; padding-left: 52px; margin-left: 8px;} .latest-deals .product-list li{ padding-right: 0; border:none;} .latest-deals .latest-deal-content{ /*border: 3px solid #f04040;*/ padding: 20px 15px 10px 15px; border-radius: 5px 5px 0 0;} .latest-deals .count-down-time{ text-align: center; padding-bottom: 15px;} .latest-deals .count-down-time span{ height: 24px; background: #999; color: #fff; width: auto; display: inline-block; line-height: 24px; margin: 0 3px; font-size: 18px; letter-spacing: 17px; padding-left: 7px; position: relative;} .latest-deals .count-down-time span:after{ content: ''; height: 24px; width: 2px; position: absolute; left: 25px; top: 0; background: #fff;} .latest-deals .count-down-time span:before{ content: ''; height: 24px; width: 11px; position: absolute; right: 0; top: 0; background: #fff;} .latest-deals .count-down-time span:first-child{ margin-left: 10px;} .latest-deals .count-down-time b{ margin-left: -8px; position: relative;} .latest-deals .count-down-time b:after{ position: absolute; right: -1px; top: 0; content: ':';} .latest-deals .product-list .owl-controls{ width: 100%; top: 40%;} .latest-deals .product-list li .right-block{ padding: 0;} .latest-deals .content_price{width: 100%!important;} .latest-deals .colreduce-percentage{float: right; padding-right: 20px;} .latest-deals .owl-prev, .latest-deals .owl-next{-moz-transition: all 0.45s ease; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; -ms-transition: all 0.45s ease; transition: all 0.45s ease; display: block; opacity: 0;} .latest-deals .owl-next{right: -50px;} .latest-deals .owl-prev{ left: -50px;} .latest-deals:hover .owl-prev{ left: -15px; opacity: 1;} .latest-deals:hover .owl-next{ right: -15px; opacity: 1;} /*------------------- [6.2. Popular tabs]*/ .popular-tabs .owl-controls .owl-next{ top: -46px;} .popular-tabs .owl-controls .owl-prev{ top: -46px; left: inherit; right: 26px;} .popular-tabs .nav-tab{ margin: 0; padding: 0;} .popular-tabs .nav-tab{ margin: 0; border-bottom: 1px solid #eaeaea; overflow: hidden;} .popular-tabs .nav-tab li{ list-style: none; display: inline; border-bottom: 3px solid #ccc; margin-right: 2px; height: 45px; line-height: 45px; float: left; padding: 0 15px;} .popular-tabs .nav-tab li:hover,.popular-tabs .nav-tab li.active{ /*border-bottom: 3px solid #f04040;*/} .popular-tabs .nav-tab li:hover a,.popular-tabs .nav-tab li.active a{ color: #333;} .popular-tabs .nav-tab li a{ font-size: 16px; text-transform: uppercase; color: #333; font-weight: bold;} .popular-tabs .tab-container{ padding-top: 30px;} .popular-tabs .product-list li .left-block{} .popular-tabs .product-list li{ border: 1px solid #eaeaea; padding-bottom: 10px; overflow: hidden; border-radius: 5px 5px 0 0;} /*--------------------[7. Intro služby]*/ #services-container {/*resp*/} .service{ background:#f6f6f6; border: 1px solid #eaeaea; padding: 19px 0; font-size: 12px; margin-top: 20px; float: left; width: 100%;} .service .service-item{ padding-left: 35px; border-right: 1px solid #ccc; overflow: hidden;} .service .service-item .icon{ width: 40px; height: 40px; float: left;} .service-item .icon i { color: #666; font-size: 3em;} .service .service-item .info{ padding-left: 15px; margin-left: 40px; padding-top: 2px;} .service .service-item h3{ margin: 0; padding: 0; text-transform: uppercase;} .service .service-item:last-child{ border-right: none;} /*----------------[8. produkty]*/ .product-list li{ border-radius: 5px 5px 0 0;} .product-list li:hover .add-to-cart{ bottom: 0;} .product-list li:hover .quick-view a{ margin-left: 0;} .product-list li .left-block{ position: relative; overflow: hidden; padding: 10px 10px 0;} .product-list li .left-block a{ height: 248px; display: block; overflow: hidden;} .product-list li .left-block img{ max-height: 250px; transition:all 0.5s; webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); transform: scale(1,1); margin: 0 auto;} .product-list li:hover img{ -webkit-filter: contrast(1.2); filter: contrast(1.2); } .product-list li .right-block{ padding: 0 15px; margin-top: 15px;} .product-list.grid li .right-block, .owl-item li .right-block{ display: flex;flex-direction: column;flex-grow: 1;} .product-list li .quick-view{ position: absolute; right: 20px; top: 5px; width: 32px; overflow: hidden; z-index: 9;} .product-list li .quick-view a{ width: 32px; height: 32px; float: left; border-radius: 90%; margin-top: 5px; text-align: center; line-height: 32px; color: #fff; background: rgba(0,0,0,0.4); margin-left: 200px;} .product-list li .quick-view a.compare{ -webkit-transition: margin 0.3s ease 0.3s; -moz-transition: margin 0.3s ease 0.3s; -ms-transition: margin 0.3s ease 0.3s; -o-transition: margin 0.3s ease 0.3s; transition: margin 0.3s ease 0.3s;} .product-list li .quick-view a.compare:before{ font: normal normal normal 14px/1 FontAwesome; content: "\f012"; } .product-list li .quick-view a.heart{ -webkit-transition: margin 0.25s ease 0.25s; -moz-transition: margin 0.25s ease 0.25s; -ms-transition: margin 0.25s ease 0.25s; -o-transition: margin 025s ease 0.25s; transition: margin 0.25s ease 0.25s;} .product-list li .quick-view a.heart:before{ font: normal normal normal 14px/1 FontAwesome; content: "\f08a";} .product-list li .quick-view a.detailLlink{ -webkit-transition: margin 0.2s ease 0.2s; -moz-transition: margin 0.2s ease 0.2s; -ms-transition: margin 0.2s ease 0.2s; -o-transition: margin 0.2s ease 0.2s; transition: margin 0.2s ease 0.2s;} .product-list li .quick-view a.detailLlink:before{ font: normal normal normal 14px/1 FontAwesome; content: "\f002";} .product-list li .quick-view a:hover{ background-color:#f04040 ;} .product-list li .add-to-cart{ width: 100%; position: absolute; z-index: 10; left: 0; right: 0; bottom: -50px; width: 100%; /*background-color: rgba(240,0,0,0.8); color: #fff; */text-align: center; line-height: 50px; -moz-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; transition: all 0.25s ease;} .product-list li .add-to-cart:hover{ /*background-color: rgba(240,0,0,1);*/} .product-list li .add-to-cart a{ background: url("../images/add-cart.png") no-repeat left center; height: 32px; line-height: 32px; color: #fff; width: auto; padding-left: 40px; display: inline-block; vertical-align: middle; } .product-list li .product-name{ display: inline-block; /*height: 58px; /*FLEX! */margin-bottom: 10px; overflow: hidden;} .product-list li .product-name small{ padding-top: 5px; display:inline-block; font-size: 0.8em; line-height: 16px; color:#333;} .product-list li .product-name a {font-size:16px; color:black;} .product-list li .short-info {color: #777; font-size: 0.8em; height: 65px; /*FLEX! */padding-bottom: 10px; line-height: 15px; overflow: hidden; position: relative;flex-grow: 1} .product-list li .short-info::before { content: " "; position: absolute; display: block; width: 100%; height: 20px; bottom: 0; background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* ie10+ */ background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */} .product-list li .product-info{ padding: 0 5px;} .product-list li .content_price{ width: auto; display: inline-block;} .product-list li .product-price { font-size: 20px; font-weight: 600;} .product-list li .old-price{ /* nyní cena bez dph*/ /*text-decoration:line-through;*/ margin-left: 11px; line-height: 25px; color: #666;} .product-list li .colreduce-percentage{ line-height: 28px;} .product-list li .group-price { position: absolute; top: 10px; left: 10px; height: auto;} .group-price .price-percent-reduction{ width: 36px; height: 36px; background: #ff6600; color: #fff; float: left; border-radius: 90%; line-height: normal; text-align: center; font-size: 12px; padding-top: 5px; margin-bottom: 5px; } .price-percent-reduction2{ width: 52px; height: 44px; background: url("../images/price-percent-br.png") no-repeat center center; color: #fff; line-height: normal; text-align: center; font-size: 14px; position: absolute; top: 10px; right: 0; font-family: 'Arial Narrow', Arial, sans-serif; padding-left: 5px; padding-top: 2px; } .group-price span{ color: #fff; float: left; line-height: 20px; text-align: center; font-size: 10px; text-transform: uppercase; padding:0 10px; height: 20px; opacity: 0.85; margin: 0 1px 0 0; } .product-container .product-icon.energ { margin: 0 0 0.5em} .product-container .product-icon.energ img { height:25px} .product-status-novinka {background: #00c0ff;} .product-status-akce {background: #ff4318;} .product-status-okamzita-odmena {background: #00cc50;} .product-status-vyprodej {background: #ffc000; color: #885000 !important;} .product-status-doprodej {background: #ffc000; color: #885000 !important;} .product-status-pripravujeme {background: #a5a;} .product-status-na-objednavku {background: #99f;} .product-status-omezena-dostupnost {background: #666;} .product-list li .product-star{ width: auto; color: #ff9900; text-align: right; display: inline-block; position: absolute; z-index:9; right: 7px; top:242px; font-size: 12px; } .product-stock { background: #eee; text-align: center; height: 30px; line-height: 30px; overflow: hidden; padding: 0 5px;} .product-stock span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; display: block;} .product-stock span.isStock { color:#00c000;font-weight: 800;} .product-stock span.noStock { color:#0099ea;} .product-stock span.xStock { color:#999;} /*konfigurator konfigurovatelne počitače*/ #confComponents {width: 100%; margin-bottom: 15px;} #confComponents th {border-bottom: 3px solid #F04040; padding: 5px 5px 5px 3px; text-transform: uppercase; } #confComponents tr {vertical-align: baseline;} #confComponents td.confComponents_info {width: 5%; vertical-align: middle} #confComponents td.confComponents_head {width: 25%; vertical-align: middle} #confComponents td.confComponents_product {width: 60%; padding-top: 3px;} #confComponents td.confComponents_qty {width: 10%;} #confDetails {width: 100%;} #confDetails th {border-bottom: 3px solid #F04040;padding: 5px 5px 5px 3px;} #confDetails td {padding: 3px 5px 0px 5px;} #confDetails td.confDetails_head {white-space: nowrap;} button.confAddToCart {margin-left: 5px;margin-top: 15px;background: #F04040;color: #FFFFFF;border: 1px solid #F04040;padding: 10px 20px;} button.confAddToCart:hover {opacity: 0.8;} /*přepnutí stylu výpisu*/ .view-product-list .display-product-option{ position: absolute; top: 0; right: 0;} .display-product-option{ width: 63px; height: 30px;} .display-product-option li.view-as-grid span{ width: 30px; height: 30px; display: block; float: left; cursor: pointer; text-indent: -9999px; background: url("../images/grid-view-bg.png") 0 0 #666; border: none; float: left;} .display-product-option li.view-as-list span{ width: 30px; height: 30px; display: block; float: left; cursor: pointer; text-indent: -9999px; background: url("../images/list-view-bg.png") 0 0 #666; border: none; float: right;} .display-product-option li.selected span, .display-product-option li:hover span{ /*background-color: #f04040; */background-position: 0 -30px;} .view-product-list .product-list.grid{ margin-top: -10px; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .product-list .product-container{position: relative; border: 1px solid #eaeaea; overflow: hidden; padding-bottom: 10px;} .product-list.grid .product-container, .owl-item .product-container{height: 100%;display: flex;flex-direction: column;} .product-list .info-orther{ display: block; font-size:0.8em;} .product-list.grid li{ margin-top: 30px; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between;} .product-list.list li{ width: 100%; margin-top: -1px;} .product-list.list li .product-container{ border: none; border-bottom: 1px solid #eaeaea; border-left: 1px solid transparent; border-top: 1px solid transparent; border-right: 1px solid transparent;} .product-list.list li:first-child .product-container{ margin-top: 20px;} .product-list.list li:hover .product-container{ border: 1px solid #eaeaea;} .product-list.list .left-block{ width: 29%; float: left; position: inherit;} .product-list.list .add-to-cart{position: relative; right: initial; bottom: initial; background: none;} .product-list.list .add-to-cart a{ background: #f04040 url("../images/cart.png") no-repeat scroll 5px center; height: 36px; line-height: 26px; margin-left: 4px; padding: 5px 10px 5px 25px; width: auto;} .product-list.list .add-to-cart:hover {background: none;} .product-list.list .add-to-cart a:hover {background-color: rgb(240, 0, 0);} .product-list .add-to-cart.disabled, .product-list .add-to-cart.disabled a, #product .add-to-cart.disabled a {background: rgb(200,200,200); padding-left:10px} #product .add-to-cart.disabled a { padding: 10px 25px; display: inline-block;} .product-list .add-to-cart.disabled a:hover:after, #product .add-to-cart.disabled a:hover:after {content:attr(data-tooltip); color:white;position: absolute;line-height: 1.5em; padding: .5em; bottom: 45px; z-index: 999; background: rgb(240, 0, 0); width: 100%; left: 0;} #product .add-to-cart.disabled a:hover:after { bottom:initial} .product-list li .add-to-cart.disabled :hover {background:inherit} .product-list.list .add-to-cart.disabled {background:initial} .product-list.list .product-stock {overflow:visible} .product-list.list .add-to-cart.disabled a:hover {color:#666;} .product-list.list .left-block .add-to-cart {display:none;} .product-list.list .right-block .product-stock {height: 54px; line-height: 54px;} .product-list.list .right-block .product-stock .add-to-cart {display:block !important; float: left; width: auto;} .product-list.list .right-block .product-stock span { display: inline-block; float: left; width: auto; padding-left: 10px;} .product-list.list li .left-block a {height:auto;} .product-list.list .quick-view{ width: 45px /*100*/; right: 0px; top: 1px; height:150px;} .product-list.list .quick-view a{ margin: 5px 0 0 50px /*-35px 10px 0 0*/;} .product-list.list li:hover .quick-view a { margin-left: 0;} .product-list.list .product-star{ width: 65px; position:absolute; left:14px; text-align: left; font-size: 14px;top: -16px;} .product-list.list li .content_price { margin-top: -3px;} .product-list.list .right-block{ width: 71%; float:left; margin-top: 20px; line-height: 26px; position:relative;} .product-list.list .right-block .product-name{ font-size: 18px;} .product-list.list .right-block .availability span{ color: #009966;} .product-list.list .right-block .product-desc{ line-height: 24px; margin-top: 20px;} /*------------------ [9. Owl carousel] */ .owl-controls{ } .owl-controls .owl-prev{ position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .owl-controls .owl-next{ position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .owl-controls .owl-prev, .owl-controls .owl-next{ background: #eaeaea; width: 24px; height: 24px; color: #ccc; text-align: center; padding-top: 4px;} .owl-controls .owl-prev:hover, .owl-controls .owl-next:hover{ /*background: #f04040; color: #fff;*/} .owl-controls .owl-prev .fa, .owl-controls .owl-next .fa{ font-weight: bold; } /*----------------- [11. Page content] */ .content-page{ background: #eaeaea; margin-top: 30px; padding-bottom: 30px; } /*------------------ [11.1 Category featured]*/ .content-page.introCategories::after { content: ""; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); width: 100%; display: block; height: 150px; position: absolute; margin-top: -120px; z-index: 2; } .category-featured{ margin-top: 30px; position: relative;z-index: 9; box-shadow: 0 5px 5px -5px #aaa;} .category-featured:last-child {margin-bottom:30px;} /*------------------ [11.1.1 Banner featured] */ .category-banner{ overflow: hidden; } .category-banner .banner{ padding: 0; overflow: hidden; } .featured-text{ position: absolute; right: -5px; top: -5px; background: url('../images/featured2.png') no-repeat; width: 75px; height: 75px; z-index: 100; } .featured-text span{ color: #fff; text-transform: uppercase; font-size: 12px; width: 100%; height: 20px; line-height: 24px; float: left; margin-top: 24px; margin-left: 17px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); color: #003366; font-weight: bold; text-indent: -999px; } /*------------------ [11.1.2 Product featured] */ .product-featured{ /* margin-top: 10px;*/ background: #fff; } .product-featured .sub-category-list{ float: left; padding: 20px 10px 20px 30px; line-height: 30px; background: #fff; } .introCategories .product-featured .sub-category-list li { white-space: nowrap; overflow-x: hidden; } .introCategories .product-featured .sub-category-list li.moreLabel { cursor: pointer; align-content: center; } .product-featured .product-featured-content{ width: 100%; float: right; } .product-featured .product-featured-content .product-featured-list{ margin-left: 20px; /*234px*/ overflow: hidden;} .product-featured .no-subcategory .product-featured-content .product-featured-list {margin-right:20px;} .product-featured .banner-featured{ width: 234px; float: left; margin-right: -100%; position: relative; } .product-featured .product-list li{ border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; min-height: 250px; margin-bottom: -1px; } .product-featured .product-list .owl-stage .active:last-child li{ border: none; } .product-featured .owl-prev, .product-featured .owl-next{ -moz-transition: all 0.45s ease; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; -ms-transition: all 0.45s ease; transition: all 0.45s ease; opacity: 0; visibility: hidden; } .product-featured .owl-next{ right: -50px; } .product-featured .owl-prev{ left: -50px; } .product-featured .owl-carousel:hover .owl-prev{ left: 0; opacity: 1; visibility: inherit; } .product-featured .owl-carousel:hover .owl-next{ right: 0; opacity: 1; visibility: inherit; } /* [11.2 Banner bootom] */ .banner-bottom{ margin-top: 30px; } .owl-carousel .item{ background: #eaeaea; } /*************************[14. footer]*/ #footer{ /* background: #eaeaea;*/} #footer .footerMap iframe { width:100% !important; margin-top: 15px; } #footer .hasMap .introduce-title { margin-top: 15px; } #footer #introduce-box .right {text-align:right;} /** add-box **/ #address-box img { max-width: 194px; max-height: 89px;} #address-list .tit-name{ float: left; font-weight: bold; /*width: 33px;*/ padding-right: 5px; margin-right: 5px; text-align: right; } #address-list { margin-top: 18px; } #address-list .tit-contain { display: flex; } /** #introduce-box **/ #introduce-box { margin-top: 40px; } .introduce-title { text-transform: uppercase; font-size: 16px; list-style: none; font-weight: bold; margin-bottom: 8px; } .introduce-list li{ padding-top: 2px; padding-bottom: 2px; } .introduce-list { padding-left: 16px; list-style: inherit; } /*************** kontact-box **/ #mail-box { margin-bottom: 20px;} #mail-box input{ height: 30px; background: #fff; width: 100%; padding-left: 10px; border-radius: 5px 0 0 5px;} #mail-box .btn { font-weight: bold; height: 30px; border-radius: 0 5px 5px 0; /*background: #f04040; color: #fff; */ border: none; outline: none;} #mail-box .btn:hover{ z-index: 0; opacity: 0.8; transition: 0.3s;} /** #trademark-box **/ #trademark-text-box { font-size: 13px; } #trademark-list { list-style: outside none none; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; margin-bottom: 30px; display: table; width: 100%; margin-top: 30px; } #trademark-list li{ display: inline-block; padding: 10px 11px; } #trademark-list li:last-child{ padding-right: 0; } #trademark-list #payment-methods{ display: table-cell; vertical-align: middle; text-transform: uppercase; font-weight: bold; padding-left: 0px; } .trademark-text-tit { text-transform: uppercase; font-size: 13px; font-weight: bold; } .trademark-list{ list-style: none; margin-bottom: 10px; } .trademark-list li{ display: inline; padding: 0 7px 0 5px; border-right: 1px solid #666666; } .trademark-list li:first-child{ border-right: none; padding-right: 0; padding-left: 0; } .trademark-list li:last-child{ border-right: 0; padding-right: 0; } .social-link a:hover{ opacity: 0.8; } .social-link .fa{ width: 30px; height: 30px; color: #fff; line-height: 30px; text-align: center; } .social-link .fa-facebook{ background: #415a99; } .social-link .fa-pinterest-p{ background: #cb222a; } .social-link .fa-vk{ background: #5b7fa6; } .social-link .fa-twitter{ background: #00caff; } .social-link .fa-google-plus{ background: #da4735; } /** #footer-menu-box **/ #footer-menu-box { border-top: 1px solid #E1E1E1; margin-top: 10px; padding-top: 20px; margin-bottom: 20px; } .footer-menu-list{ list-style: none; text-align: center; margin-bottom: 5px; } .footer-menu-list li{ display: inline; padding: 0 7px 0 5px; border-right: 1px solid #0066cc; } .footer-menu-list li:last-child{ border-right: none; } .footer-menu-list li a{ color: #0066cc; } .footer-menu-list li a:hover{ text-decoration: underline; transition: all 0.3s; } .scroll_top{ width: 40px; height: 41px; position: fixed; display: none; font-size: 0; z-index: 9999; right: 10px; bottom: 10px; background: #666; display: none;} .scroll_top:hover{ background: #F36;} .scroll_top:before { content: "\f106"; font-family: "FontAwesome"; font-size: 14px; color: #fff; text-align: center; width: 40px; height: 40px; line-height: 39px; display: block;} /*------------------ [15. Breadcrumb] */ .breadcrumb{ background: none; padding: 0; margin: 0; padding-bottom: 17px; line-height: normal; } .breadcrumb .navigation-pipe:before{ content: "\f105"; font-size: 14px; display: inline-block; text-align: right; width: 6px; color: #666; font-family: "FontAwesome"; padding: 0 15px; } /*------------------ Hlavní sloupce ---------*/ #columns{ padding-top: 16px; padding-bottom: 30px; position:relative;} /*-------------- Levý sloupec ---------------*/ #left_column {position:relative; z-index:9;} #left_column .left-module{ margin-bottom: 30px; /* overflow: hidden;*/ } #left_column .left-module .owl-dots{ bottom: 5px; } #left_column .left-module:last-child{ margin-bottom: 0; } #left_column .left-module img{ margin: 0 auto; } #left_column .block{ border: 1px solid #eaeaea; } #left_column .block .title_block{ font-size: 16px; font-weight: bold; border-bottom: 1px solid #eaeaea; padding-left: 28px; text-transform: uppercase; padding-top: 11px; padding-bottom: 12px; } #left_column .block .block_content{ padding: 15px 20px; } .layered .layered_subtitle{ color: #666; font-size: 16px; padding-bottom: 4px; text-transform: uppercase; } .layered .layered-content{ border-bottom: 1px solid #eaeaea; padding-bottom: 15px; margin-bottom: 15px; padding-top: 15px; } .layered .layered-content:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .layered .layered-content:first-child{ } .layered-category .layered-content{ border-bottom: none; padding-bottom: 0; padding-top: 0; margin-bottom: 0; } /*strom */ .tree-menu li{ line-height: 24px;} .tree-menu li:hover>a, .tree-menu li.active>a, .tree-menu li.active li a.active, .tree-menu li:hover>span:before, .tree-menu li.active>span:before { /*color: #f04040;*/} /*.tree-menu > li > ul{*/ .tree-menu > li ul{ padding-left: 25px; display: none;} .tree-menu li.active > ul{ display: block;} /*nove*/ .tree-menu > li.active > ul { box-shadow: 0 -5px 15px -4px #666 inset;} .tree-menu > li.active > a { /*color: #fff; background: #f04040;*/} .tree-menu > li.active > a .treeIcon {-webkit-filter: invert(1) contrast(2); filter: invert(1) contrast(2);} .tree-menu > li > ul li{ border-bottom: 1px dotted #eaeaea;} .tree-menu > li > ul li:last-child{ border: none;} .tree-menu > li > ul > li:last-child { padding-bottom: 15px;} /*.tree-menu > li > ul > li span:before{ content: "\f0da"; font-size: 14px; display: inline-block; text-align: right; color: #666; font-family: "FontAwesome"; padding-right: 12px; color: #ccc;} .tree-menu > li > span:before{ content: "\f105"; font-size: 14px; display: inline-block; text-align: right; color: #666; font-family: "FontAwesome"; padding-right: 12px; color: #ccc; font-weight: bold; cursor: pointer;}*/ .tree-menu > li span.Sub:before{ content: "\f0da"; transform:rotate(90deg);font-size: 14px; display: inline-block; text-align: center; color: #666; font-family: "FontAwesome"; padding: 0 10px; color: #ccc; cursor: pointer;} /*.tree-menu > li > span.open:before { content: "\f107"; font-size: 14px; display: inline-block; text-align: right; color: #666; font-family: "FontAwesome"; padding-right: 12px; color: #ccc; font-weight: bold; cursor: pointer;}*/ .xn-openable .Sub { position: absolute; right: 1px; top: 1px; border-radius:2px;} .xn-openable .Sub:hover { background-color: rgba(240, 150, 150, 0.8);} .xn-openable .Sub:hover::before { color: #f04040;} .tree-menu .treeIcon { background-repeat: no-repeat; background-size: auto 100%; display: inline-block; height: 17px; margin: 9px 5px 0 0; width: 20px;} #liCatId148184 .treeIcon { background-image: url("../images/i6tree/148184.png");} #liCatId101082 .treeIcon { background-image: url("../images/i6tree/101082.png");} #liCatId135310 .treeIcon { background-image: url("../images/i6tree/135310.png");} #liCatId24007 .treeIcon { background-image: url("../images/i6tree/24007.png");} #liCatId24031 .treeIcon { background-image: url("../images/i6tree/24031.png");} #liCatId24008 .treeIcon { background-image: url("../images/i6tree/24008.png");} #liCatId24009 .treeIcon { background-image: url("../images/i6tree/24009.png");} #liCatId24010 .treeIcon { background-image: url("../images/i6tree/24010.png");} #liCatId24012 .treeIcon { background-image: url("../images/i6tree/24012.png");} #liCatId24814 .treeIcon { background-image: url("../images/i6tree/24814.png");} #liCatId25012 .treeIcon { background-image: url("../images/i6tree/25012.png");} #liCatId24256 .treeIcon { background-image: url("../images/i6tree/24256.png");} #liCatId25101 .treeIcon { background-image: url("../images/i6tree/25101.png");} #liCatId40560 .treeIcon { background-image: url("../images/i6tree/40560.png");} #liCatId69784 .treeIcon { background-image: url("../images/i6tree/69784.png");} #liCatId190949 .treeIcon { background-image: url("../images/i6tree/190949.png");} /** FILTER PRICE **/ .layered-filter-price .amount-range-price{ padding:15px 0; } .layered-filter-price .slider-range-price{ height: 7px; background: #f04040; border: none; border-radius: 0; } .layered-filter-price .slider-range-price .ui-widget-header{ background: #ccc; height: 7px; } .layered-filter-price .slider-range-price .ui-slider-handle{ border: none; border-radius: 0; background: url("../images/range-icon.png") no-repeat; cursor: pointer; } .check-box-list{ overflow: hidden; } .check-box-list li{ line-height: 24px; } .check-box-list label{ display: inline-block; cursor: pointer; line-height: 12px; } .check-box-list label:hover{ color: #f04040; } .check-box-list input[type="checkbox"]{ display: none; } .check-box-list input[type="checkbox"] + label span.button { display:inline-block; width:12px; height:12px; margin-right: 13px; background: url("../images/checkbox.png") no-repeat; padding: 0; border: none; } .check-box-list input[type="checkbox"]:checked + label span.button{ background: #f04040 url("../images/checked.png") no-repeat center center; } .check-box-list input[type="checkbox"]:checked + label{ color: #f04040; } .check-box-list label span.count{ color: #a4a4a4; margin-left: 2px; } .check-box-list li.moreLabel { width: 75px; padding: 2px 0; line-height: 14px; background: #eee; border: 1px solid #ccc; border-radius: 5px; text-align: center; color: #777; cursor: pointer;} .check-box-list li.moreLabel:hover { background: #f04040; border-color:#c00; color: #fff;} .filter-color ul{ padding: 0; margin: 0; overflow: hidden; margin-left: -5px; margin-right: -5px; margin-top: -5px; } .filter-color li{ display: inline; padding: 0; margin: 0; line-height: normal; float: left; padding: 5px; } .filter-color li label{ border: 1px solid #eaeaea; width: 20px; height: 20px; padding-top: 6px; padding-left: 6px; float: left; } .filter-color li input[type="checkbox"] + label span.button{ background: none; margin: 0; } .filter-color li input[type="checkbox"]:checked + label{ border-color: #f04040; } .filter-twoRows{ max-height: 200px; overflow-y:auto; } .filter-twoRows li{ width: 50%; float: left; } .owl-controls .owl-dots{ position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; } .owl-controls .owl-dots .owl-dot{ width: 14px; height: 14px; background: #adadad; display: inline-block; margin: 0 6px; border-radius: 90%; } .owl-controls .owl-dots .owl-dot.active{ background: #f04040; } /** special-product**/ .products-block{ overflow: hidden; } .products-block .products-block-left{ width: 75px; float: left; } .products-block .products-block-right{ margin-left: 85px; } .products-block .product-price{ font-size: 18px; color: #f04040; font-weight: bold; line-height: 35px; } .products-block .product-star{ color: #ff9900; } .products-block-bottom{ padding-top: 15px; } .products-block .link-all{ height: 35px; width: 120px; border: 1px solid #f04040; line-height: 33px; font-size: 14px; color: #f04040; display: block; margin: 0 auto; text-align: center; clear: both; background: #f04040; color: #fff; } .products-block .link-all:hover{ opacity: 0.8; } .products-block .link-all:after{ font: normal normal normal 13px/1 FontAwesome; content: "\f101"; margin-left: 10px; } .best-sell li{ border-bottom: 1px solid #eaeaea; padding: 20px 0; } .best-sell li:first-child{ padding-top: 0; } .best-sell li:last-child{ padding-bottom: 0; border-bottom: none; } .owl-best-sell{ padding-bottom: 35px; } #left_column .block .block_content.product-onsale{ padding: 15px 20px; } #left_column .block .block_content.product-onsale .product-list{ padding-bottom: 25px; } #left_column .block .block_content.product-onsale .product-list .product-container{ border: none; } #left_column .block .block_content.product-onsale .product-list .product-container .right-block{ padding: 0; } .product-bottom{ padding-top: 10px; text-align: center; } .btn-add-cart{ height: 35px; width: auto; line-height: 35px; font-size: 14px; display: inline-block; margin: 0px auto; text-align: center; clear: both; padding-left: 15px; padding-right: 15px; /*background: #f04040; color: #fff;*/ } .btn-add-cart:hover{ color: #fff; opacity: 0.8; } .btn-add-cart:before{ width: 16px; height: 100%; float: left; background:url("../images/cart.png") no-repeat scroll left center; content: " "; margin-right: 15px; } /*-------------------- [16.2 Center column] */ #center_column { /*z-index: 3*/ } /*nastavení z-indexu znemožňuje správno funkci některých Modal oken.*/ .category-slider {margin-bottom: 20px;} .category-slider .owl-controls .owl-prev, .category-slider .owl-controls .owl-next { background: #aaa; width: 40px; height: 40px; color: #fff; text-align: center; padding-top: 12px; -moz-transition: all 0.45s ease; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; -ms-transition: all 0.45s ease; transition: all 0.45s ease; position: absolute; visibility: hidden; opacity: 0; } .category-slider .owl-controls .owl-prev:hover, .category-slider .owl-controls .owl-next:hover{ background: #f04040;} .category-slider .owl-controls .owl-prev{ left: 50%;} .category-slider .owl-controls .owl-next{ right: 50%;} .category-slider:hover .owl-controls .owl-next{ right: 0; visibility: inherit; opacity: 1;} .category-slider:hover .owl-controls .owl-prev{ left: 0; visibility: inherit; opacity: 1;} /** subcategories **/ .subcategories ul{ overflow: hidden; padding-bottom: 1px; flex-wrap: wrap; display: flex;} .subcategories li { float: left; border:1px solid #9df;width: calc(25% - 5px);margin: 0 5px 5px 0; box-shadow: 0 0 5px #ccc inset;} .subcategories li a{ height: 34px; float: left; line-height: 34px; padding: 0 8px; font-size: 13px; width: 100%; display: table; text-align: left;} .subcategories li a:hover{ background: #f2f2f2; color: #666;} .subcategories li a figure { height: 35px; width: 33px; overflow: hidden; display: table-cell;} .subcategories li a img { height: 30px; margin: 5px 5px 5px 0;} .subcategories li a span { padding: 0 0 0 5px; display: table-cell; line-height: 15px; vertical-align: middle; text-align: left;} .subcategories li.current-categorie{ position: relative; background: #5799dc; display: flex; align-items: flex-end;} .subcategories li.current-categorie:after{ font: normal normal normal 14px/1 FontAwesome; content: "\f0da"; position: absolute; right: -5px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #000;} .subcategories li.current-categorie a{color: #fff; font-size: 14px; font-weight: bold;line-height: 22px;} @media (max-width: 755px) { .subcategories li { width: calc(33% - 5px)} } @media (max-width: 555px) { .subcategories li { width: calc(50% - 5px)} } /** sortPagiBar **/ .sortPagiBar{margin: 20px 0;float:left;width:100%;} #snippet--sortFiltr {float:right; height: 67px; border: 1px solid #eee; border-radius: 3px; margin: 6px 0 -5px; width: 100%;} #snippet--sortFiltr .dropdown-menu {right:0;} #snippet--sortFiltr .dropdown-toggle .fa, #snippet--sortFiltr .dropdown-menu .sort .fa {color: #aaa; margin: 3px 5px 0;} #snippet--sortFiltr .btn.btn-function.dropdown-toggle { white-space: inherit; width:100%;} #snippet--price {float:left; color:#666; border: 1px solid #eee; border-radius: 5px; margin: 6px 0 -5px; width: 100%;} #listerHeaderNadpis { float: left; font-size: 14px; padding: 6px 0 0 50px; width: 100%;} #snippet--price .range-slider-min-container { display: inline-block; margin-right: 34px;} #snippet--price .range-slider-max-container { display: inline-block; } #snippet--price .range-slider-min-container input, #snippet--price .range-slider-max-container input { background: none; border: 1px solid transparent; width: 60px;} #snippet--price .range-slider-min-container input { text-align: right;} #snippet--price .range-slider-min-container::after { content: " Kč až";font-size: 12px; margin: 2px 0 0; position: absolute; text-align: center; width: 32px;} #snippet--price .range-slider-min-container input:focus, #snippet--price .range-slider-max-container input:focus { background: #e5e5e5; border: 1px solid #ddd;} #snippet--price .range-slider-control { display: block; float: left; text-align: center; width: 100%; padding: 0 11px 8px;} #snippet--price .ui-slider .ui-slider-range { background: #1498d5;} #snippet--price .ui-slider-handle { height: 1.5em; top: -0.4em;} #snippet--price:hover .range-slider-min-container input, #snippet--price:hover .range-slider-max-container input { background: white; border: 1px solid #e5e5e5;} #clickF {background-image: url("../images/b2c-filtr-ikona.png"); background-repeat: no-repeat; background-position: 5px 5px; background-size: auto 80%; background-color: rgba(50, 200, 255, 0.1); margin: 6px 0 -5px; border: 1px solid #9df; border-radius:5px; cursor: pointer; display: block; font-size: 14px; height: 67px; padding: 7px 0 0 70px;} #clickF::before { background-image: url("../images/b2c-filtr-ikona.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 150%; /*background:url("https://newb2c.1md.cz/assets/images/b2c-filtr-ikona.png") repeat scroll 0 0 / 150% auto;*/ bottom: 0; content: " "; display: block; filter: blur(2px); -webkit-filter: blur(2px); height: 60px; opacity: 0.3; position: absolute; right: 15px; width: 65px; z-index: -1;} span.bluebold { color: #1498d5; font-weight: 800;} #clickF:hover {background-color:#1498d5; color:white; } #clickF:hover > span {color:white;} #modal_filtr .modal-dialog { width: 760px;} #obalFiltrParamPolozky { padding: 0;} #filtrKategorieObal { display: table-cell; width: 130px;} #filtrZalozkaObal { display: table-cell; width: 600px;} #filtrKategorieObal > div { margin-left: -15px; width: 100%;} #filtrKategorieObal > div span { padding-left: 15px; display: block;} #filtrKategorieObal .filtrKategorie:first-child { margin-top: -15px;} #filtrKategorieObal .filtrKategorie:first-child span { padding-top: 15px;} #filtrKategorieObal .filtrKategorie:last-child { margin-bottom: -10px;} #filtrKategorieObal .filtrKategorie:last-child span { padding-bottom: 10px;} .filtrKategorie a { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(240, 240, 240) 100%) repeat scroll 0 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; display: table; padding: 6px 5px 6px 0; width: 100%;} .filtrKategorie.aktivni a { background: white; border-right: none;} .filtrKategorie:last-child a { border-bottom: none; margin-bottom: 10px;} .filtrKategorie a:hover { cursor: pointer;} .filtrKategorie a.option::before { color: #f33; content: "\f00c"; font-family: FontAwesome; font-size: 0.9em; left: 1px; line-height: 1.5em; position: absolute;} #filtrZalozkaObal .polozka_param { padding: 5px 5px 5px 15px;} .filtrNadpis:first-child { border-top: none; margin: 0 0 5px; padding: 0 0 5px;} .filtrNadpis { border-top: 2px solid #f0f0f0; color: #434a54; float: left; font-size: 14px; font-weight: 600; margin: 5px 0; padding: 5px 0; width: 100%;} .filtrPolozkaObal { padding: 0 0 10px;} .filtrPolozkaHodnota { line-height: 14px; margin: 3px 1px; width: 32%;cursor: pointer;} .filtrPolozkaHodnota:hover { background: #f5f5f5;} .filtrPolozkaHodnota input[type="checkbox"] { margin: 0 5px 0 0; vertical-align: top;} .polozkaHodnotaDisabled { opacity: 0.5; cursor:auto;} .filtrPolozkaHodnota.polozkaHodnotaDisabled:hover { background: none;} .filtrRozsahInput { background: rgba(0, 0, 0, 0); border: none; color: #337ab7; font-size: 14px; font-weight: 800;} .filtrRozsahPosuvnik { background: #eee;} .filtrPolozkaObal .ui-slider .ui-slider-range { background: #337ab7;} .filtrPolozkaObal .ui-slider-handle { height: 1.5em; top: -0.4em;} /*.ui-slider-handle::before { color: #ddd; content: ""; font-family: FontAwesome; margin: 0 0 0 1px;}*/ .filtrPolozkaObal .range-slider-min-container, .filtrPolozkaObal .range-slider-max-container { display: inline-block; width: initial;} .filtrPolozkaObal .range-slider-min-container input, .filtrPolozkaObal .range-slider-max-container input { border: 1px solid transparent; width: auto;} .filtrPolozkaObal .range-slider-min-container input { text-align: right;} .filtrPolozkaObal .range-slider-min-container::after { content: "-";} .filtrPolozkaObal .range-slider-min-container input:focus, .filtrPolozkaObal .range-slider-max-container input:focus { background: #e5e5e5; border: 1px solid #ddd;} .filtrPolozkaObal .range-slider-control { display: inline;} .filtrPolozkaObal:hover .range-slider-min-container input, .filtrPolozkaObal:hover .range-slider-max-container input { border: 1px solid #e5e5e5;} .range-slider.ui-slider-horizontal { background: #ccc none repeat scroll 0 0;} /*noui styl ve filtru*/ .widget-range { border-top: 2px solid #f0f0f0; padding-top: 10px;} .widget-range .widget-title h4 { font-size: 14px; font-weight: 600; padding: 0 0 12px;} .widget-range .priceInputs { margin: 13px 0; display: flex; width: 100%; justify-content: space-between;} .widget-range .priceInputs span { position:relative} .filtrPolozka .priceInputs input { border: 1px solid #ddd; border-radius: 3px; text-align: right; width: 90px; padding: 4px} .widget-range:hover .priceInputs input { border: 1px solid #999; box-shadow: 0 1px 3px #aaa} .widget-range .priceInputs span:after { position: absolute; right: 7px; top: 5px} .priceInputs span[data-atribute="MHz"]:after {content:"MHz"} .priceInputs span[data-atribute="Mpx"]:after {content:"Mpx"} .priceInputs span[data-atribute="GHz"]:after {content:"GHz"} .priceInputs span[data-atribute="mAh"]:after {content:"mAh"} .priceInputs span[data-atribute="bit"]:after {content:"bit"} .priceInputs span[data-atribute="MHz"] input, .priceInputs span[data-atribute="Mpx"] input, .priceInputs span[data-atribute="GHz"] input, .priceInputs span[data-atribute="mAh"] input, .priceInputs span[data-atribute="bit"] input { padding-right: 38px} .priceInputs span[data-atribute="MB"]:after {content:"MB"} .priceInputs span[data-atribute="GB"]:after {content:"GB"} .priceInputs span[data-atribute="Wh"]:after {content:"Wh"} .priceInputs span[data-atribute="ms"]:after {content:"ms"} .priceInputs span[data-atribute="MB"] input, .priceInputs span[data-atribute="GB"] input, .priceInputs span[data-atribute="Wh"] input, .priceInputs span[data-atribute="ms"] input { padding-right: 30px} .priceInputs span[data-atribute="h"]:after {content:"h"} .priceInputs span[data-atribute="U"]:after {content:"U"} .priceInputs span[data-atribute="W"]:after {content:"W"} .priceInputs span[data-atribute="m"]:after {content:"m"} .priceInputs span[data-atribute="h"] input, .priceInputs span[data-atribute="U"] input, .priceInputs span[data-atribute="W"] input, .priceInputs span[data-atribute="m"] input { padding-right: 22px} .priceInputs span[data-atribute="palce"]:after {content:'"'} .priceInputs span[data-atribute="palce"] input { padding-right: 15px} .priceInputs span:last-child[data-atribute="stran/min"]:after {content:"stran/min"; position:relative; top:0; right:-5px} .priceInputs span:last-child[data-atribute="cd/m2"]:after {content:"cd/m2"; position:relative; top:0; right:-5px} .priceInputs span:last-child[data-atribute="počet"]:after {content:"(počet)"; position:relative; top:0; right:-5px} .odebratPrice::before, .odebratSlider::before, .odebrat::before { color: #f04040; content: "x"; cursor: pointer; display: inline-block; float: left; font-weight: 800; height: 16px; line-height: 16px; text-align: center; width: 16px;} .zrusFiltr a {color:#f04040;} .zrusFiltr a:hover {color:#404040;} /* omezeni dopravy*/ .delivery-restrictions > div { display: inline-flex; width: initial; align-items: center; gap: 5px; padding: 3px; color: #656d78; font-size: 11px;cursor: help;} .delivery-restrictions b { font-weight: 600;} .delivery-restrictions > div > div { position: absolute; background: orange; color: initial; padding: 1em; left: 0; right: 0; z-index: 99; display: none; line-height: 1.5em;} .delivery-restrictions > div:hover > div { display: block;} #snippet--product {float:left; width: 100%;} .view-product-list{ margin-top: 20px; position: relative; } .page-heading{ height: 41px; border-bottom: 1px solid #eaeaea; line-height: 40px; position: relative; font-size: 24px; } .page-heading span.page-heading-title{ /*border-bottom: 3px solid #f04040;*/ position: absolute; bottom: -1px; padding: 0 12px; } .page-heading span.page-heading-title2{ text-transform: uppercase; } .no-line{ border-bottom: none; } /* stránkování (výchozí bootstrap)*/ .pagination { float: right; padding-bottom: 10px;} /* next15 */ .next15 {width:100%;margin: 35px 0; text-align:center;} .next15 button {background: #f04040; border: none; border-radius: 5px ; color:white; padding:10px 35px;} /*vysledek hledani*/ #searchPresne, #searchCastecne { margin: 25px 15px 0; width: calc(100% - 30px); float: left;} #produktyZadne { background: #fcc; border: 1px solid red; margin: 35px 15px; padding: 15px;} /* stránky na celou šířku */ .fullSizePage { position: relative; z-index: 6;} /*---------------------- Košík */ .page-content{ margin-top: 30px;} /* .page-order ul.step{ width: 100%; clear: both; overflow: hidden;} .page-order ul.step li{ display: inline; line-height: 30px; width: 20%; float: left; text-align: center; border-bottom: 3px solid #ccc;} .page-order ul.step li.current-step{ border-bottom: 3px solid #f04040;} */ .page-order .heading-counter{ margin: 30px 0; padding: 15px; border: 1px solid #eaeaea;} .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{ border-bottom-width: 0px;} .page-order .cart_avail{ text-align: center;} .page-order .cart_avail .label{ white-space: normal; display: inline-block; padding: 6px 10px; font-size: 14px; border-radius: 0px;} .page-order .product-name{ font-size: 16px;} .page-order .cart_description{ font-size: 14px;} .page-order .cart_avail .label-stock { background: #e5ffe7; border: 1px solid #55c65e; color: #48b151; font-weight: normal;} .page-order .cart_avail .label-noStock { background: #e6f0fa; border: 1px solid #448bd6; color: #448bd6; font-weight: normal;} .cart_navigation a, .cart_navigation button.next-btn { padding: 10px 20px; border: 1px solid #eaeaea;} .cart_navigation a.next-btn, .cart_navigation button.next-btn { float: right; /*background: #f04040; color: #fff; border: 1px solid #f04040;*/} .cart_navigation a.next-btn:hover, .cart_navigation button.next-btn:hover { opacity: 0.8;} .cart_navigation a.prev-btn{ float: left;} .cart_navigation a.prev-btn:before { font: normal normal normal 14px/1 FontAwesome; content: "\f104"; padding-right: 15px;} .cart_navigation a.next-btn:after, .cart_navigation button.next-btn:after { font: normal normal normal 14px/1 FontAwesome; content: "\f105"; padding-left: 15px;} .cart_navigation a:hover{ background: #f04040; color: #fff;} /* tabulka kosiku */ .cart_summary > thead{ background: #f7f7f7; font-size: 14px;} .cart_summary > tfoot{ background: #f7f7f7; font-size: 16px;} .cart_summary > thead > th{ border-bottom-width: 1px; padding: 20px;} .cart_summary td{ vertical-align: middle!important; padding: 20px; text-align: center; } .cart_summary .table>tbody>tr>td, .table>tbody>tr>th, .cart_summary .table>tfoot>tr>td, .table>tfoot>tr>th, .cart_summary .table>thead>tr>td, .table>thead>tr>th{ padding: 15px;} .cart_summary tbody tr:nth-child(2n) td { border-bottom: 2px solid #999} .cart_summary tr th { white-space: nowrap;} .cart_summary img{ max-width: 80px;} .cart_summary .qty input{ text-align: center; max-width: 64px; margin: 0 auto; border-radius: 0px; border: 1px solid #eaeaea;} .cart_summary .action a{ background: url("../images/delete_icon.png") no-repeat left center; height: 24px; width: 150px; display: inline-block; line-height: 24px;} .cart_navigation{ margin-top: 10px; float: left; width: 100%;} .cart_summary .ar { text-align: right} .cart_summary .ac { text-align: center} .rwd-table th { display: none;} .rwd-table td { display: block;} .rwd-table td:before { content: attr(data-th) ": "; font-weight: bold; display: inline-block; padding-right:5px;} .rwd-table td.cart_product:before, .rwd-table td.action:before { content:" ";} @media (max-width: 799px) { table.rwd-table tbody td{border:none;} table.rwd-table tbody td:last-child{border-bottom:2px solid #eaeaea;} .rwd-table td.hideOnMobile8 {display:none;} } @media (min-width: 800px) { .rwd-table td:before { display: none;} .cart_summary td.cart_product{ width: 120px;} .rwd-table .cart_product, .rwd-table .cart_description { text-align:left;} .cart_summary .qty{ width: 100px;} .rwd-table .price, .rwd-table tfoot td { text-align: right;} .rwd-table .action a{ font-size: 0px; height: 20px; width: 20px; background-position:center center; } .rwd-table th, .rwd-table td { display: table-cell; padding: .25em .5em; } .rwd-table th:first-child, .rwd-table td:first-child { padding-left: 0; } .rwd-table th:last-child, .rwd-table td:last-child { padding-right: 0; } .rwd-table th, .rwd-table td { padding: 1em !important; } } #checkout {} #checkout .box-border {position:relative; transition: height 0.5s ease-in;} #checkout .box-border.inactive {height:100px;} #checkout .box-border.inactive ul {filter:blur(2px);} #checkout .box-border.inactive:before { background: -moz-linear-gradient(bottom, rgba(240,240,240,0.85) 0%,rgba(255,252,252,0.85) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(bottom, rgba(240,240,240,0.85) 0%,rgba(255,252,252,0.85) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(240,240,240,0.85) 0%,rgba(255,252,252,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#a6fffcfc',GradientType=0 ); /* IE6-9 */ color: #bbb; content:attr(data-inactivelabel) " "; display: table-cell; filter: blur(0px); font-size: 15px; height: 100%; left: 0; line-height: 100px; position: absolute; text-align: center; top: 0; vertical-align: middle; width: 100%; z-index: 9; } #checkout button.inactive { background:#f7f7f7; color:#ccc;} #checkout button.inactive:hover { border-color:#eee; cursor:default;} .checkout-page .checkout-sep{ padding-bottom: 15px; text-transform: uppercase; } .checkout-page .box-border{ margin-bottom: 15px; } .checkout-page .box-border .button{ margin-top: 15px; } .checkout-page .box-border label{ cursor:pointer; margin-top: 5px; } .checkout-page [type="checkbox"][disabled] + span, .checkout-page [type="radio"][disabled] + span { color:#aaa; cursor:default;} .checkout-page label span { vertical-align:baseline;} .checkout-page .box-border p, .checkout-page .box-border h4{ padding-bottom: 5px; margin-top: 5px; } .checkout-page .box-border .fa{ line-height: inherit; } .checkout-page .box-border ul.shipping_method { margin-bottom: 15px; } .checkout-page .box-border input[type="radio"]{ margin-right: 10px; } #ZasilkovnaBlock { padding: 1em 0;} #ZasilkovnaBlock a.packeta-selector-open { position: relative; background-color: #ba1b02; border-color: #ba1b02; color: #fff; font-size: 1.125em; font-weight: 500; line-height: 1.125; padding: 10px 1rem; display: inline-block;} #ZasilkovnaBlock a.packeta-selector-open:hover { filter: brightness(1.3);} #ZasilkovnaBlock .packeta-selector-branch-name { background: #fffacb; position: relative; padding: 10px 0; border: 1px solid #ba1b02; color: #5d4710; margin: 5px 0;} #ZasilkovnaBlock .packeta-selector-branch-name:before { content: "Vybráno:"; background: #ba1b02; padding: 10px; margin: -10px 10px -10px 0px; color: white; display: inline-block;} #ZasilkovnaBlock .packeta-selector-branch-name:empty {background:none; border:none} #ZasilkovnaBlock .packeta-selector-branch-name:empty:before { content: "Není vybráno výdejní místo!"; background: white; color: #ba1b02;} form#frm-discountForm { display: flex; margin: 2em auto; justify-content: center; align-items: baseline; gap: 10px;} form#frm-discountForm .coupon-input { display: flex; align-items: center} form#frm-discountForm .input.form-control { height: 42px; border: 2px solid gray; margin: 0 -2px 0 0;} form#frm-discountForm .button { white-space: nowrap; border: 2px solid gray; } /* [18. Product page] */ #product .pb-right-column{ line-height: 30px;} #product .pb-right-column .fa{ line-height: inherit;} #product .pb-right-column .product-name{ font-size: 24px;} #product .pb-right-column .product-name small { line-height: 1.5em; margin: .25em 0; display: block} #product .pb-right-column .product-comments .product-star, #product .pb-right-column .product-comments .comments-advices{ width: auto; display: inline-block;} #product .pb-right-column .product-comments .product-star{ color: #ff9900;} ul#starRating {background: white;display: inline-block;padding: 2px 5px;border-radius: 3px;} ul#starRating li {display: inline;text-shadow: 0 0 2px black; cursor:pointer;} ul#starRating li i {color: lightgrey;} ul#starRating li.starred i {color: #ff9900;} #product .pb-right-column .product-comments .comments-advices a{ border-right: 1px solid #eaeaea; padding-left: 15px; padding-right: 15px;} #product .pb-right-column .product-comments .comments-advices a:last-child{ border-right: none;} #product .pb-right-column .group-price { padding: 15px 0 0; line-height: 1em;} #product .pb-right-column .group-price span { float: none; display: inline-block; font-size: 12px;} #product .pb-right-column .product-price-group .price, #product .pb-right-column .product-price-group .old-price, #product .pb-right-column .product-price-group .discount{ display: inline-block; margin-right: 15px;} #product .pb-right-column .product-price-group .price{ font-size: 30px; font-weight: bold; /*color: #f04040;*/line-height:41px;} #product .pb-right-column .product-price-group .old-price{ color: #777; font-size: 1.5em; font-weight: 500;} /* nyní cena bez dph */ #product .pb-right-column .product-price-group .discount{ background: #ff9900; color: #fff; padding: 0 15px; text-align: center; line-height: inherit; margin-right: 0; height: 23px; line-height: 23px;} #product .info-stock { color: white; padding: 0 10px;} #product .info-stock span { font-weight:800;} #product .info-stock:before { display: inline-block; font-family: "FontAwesome"; float:right;} #product .info-stock.isstock { background: #00c000;} #product .info-stock.isstock:before {content: "\f00c"; } #product .info-stock.noStock { background: #1498d5;} #product .info-stock.noStock:before {content: "\f0d1"; } #product .info-stock.xstock { background: #999;} #product .info-stock.xstock:before {content: "\f05a"; } #product .pb-right-column .info-orther{ padding-bottom: 5px; display: flex; justify-content: space-between;} #product .pb-right-column .info-orther > span { line-height: 1.3em} #product .pb-right-column .product-desc, #product .pb-right-column .form-option, #product .pb-right-column .form-action, #product .pb-right-column .form-share{ border-top: 1px solid #eaeaea; padding: 10px 0;} /*#product .pb-right-column .form-option #size_chart{ color: #f04040; text-decoration:underline; margin-left: 15px;}*/ #product .pb-right-column .product-desc{ line-height: 24px;} #product .pb-right-column .form-option .attributes{ clear: both; padding: 5px 0; overflow: hidden;} #product .pb-right-column .form-option .attributes:first-child{ padding-top: 0;} #product .pb-right-column .form-option .attributes .attribute-label{ /* width: 50px;*/ padding-right: 10px; float: left;} #product .pb-right-column .form-option .form-option-title{ font-weight: bold; line-height: 20px;} #product .pb-right-column .form-option .attributes select{ padding: 0px 20px 0px 7px; height: 29px; line-height: 23px; -moz-appearance: none; -webkit-appearance: none; background: #FAFAFA url("../images/dropdown.png") no-repeat scroll right center; display: inline-block; border: 1px solid #eaeaea; min-width: 95px;} #product .pb-right-column .form-option .qty{ width: 40px; display: inline-block; float: left; overflow: hidden;} #product .pb-right-column .form-option .product-qty{ border: 1px solid #eaeaea; width: 60px; margin-left: 50px; overflow: hidden; background: #FAFAFA;} #product .pb-right-column .form-option .attributes .btn-plus{ width: 18px; height: 29px; float: left; display: inline-block; margin-top: -5px;} #product .pb-right-column .form-option .btn-plus a{ width: 18px; height: 10px; float: left; text-align: center; cursor: inherit;} #product .pb-right-column .form-option .attributes input{ max-width: 50px; padding: 0 5px;} #product .pb-right-column .form-option .list-color{ overflow: hidden; padding-top: 5px;} #product .pb-right-column .form-option .list-color li{ width: 20px; height: 20px; border: 1px solid #eaeaea; float: left; margin-right: 10px;} #product .pb-right-column .form-option .list-color li:hover, #product .pb-right-column .form-option .list-color li.active{ border: 1px solid #f04040;} #product .pb-right-column .form-option .list-color li a{ width: 20px; height: 20px; float: left; text-indent: -9999px;} #product .pb-right-column .form-action{ padding: 0; padding-bottom: 5px;} #product .pb-right-column .form-action .button-group{ margin-top: 15px; overflow: hidden;} #product .pb-right-column .form-action .button-group .wishlist, #product .pb-right-column .form-action .button-group .send, #product .pb-right-column .form-action .button-group .print, #product .pb-right-column .form-action .button-group .compare{ min-width: 50px; padding-right: 15px; text-align: center; float: left;} #product .pb-right-column .form-action .button-group .wishlist .fa, #product .pb-right-column .form-action .button-group .send .fa, #product .pb-right-column .form-action .button-group .print .fa, #product .pb-right-column .form-action .button-group .compare .fa{ font-size: 18px; width: 30px; height:30px; color: #fff; line-height: 30px; background: rgba(0, 0, 0, 0.4) none repeat scroll 0% 0%; border-radius: 90%;} #product .pb-right-column .form-action .button-group .wishlist:hover .fa, #product .pb-right-column .form-action .button-group .compare:hover .fa{ background: #f04040;} #product .pb-right-column .splatky a:first-child:before { content: "Kalkulačka splátek: "; display: inline; font-size: .85em; padding-right: 1em;} #product .pb-right-column .splatky a { background: #ddf7ff; padding: 3px 9px; color: #007aa0;white-space: nowrap;} #product .pb-right-column .socialShare a { font-size: 1.5em;} #product .stockList { width:100%; border: none; font-size: 1em; margin: 1px auto 10px 0; line-height: 16px; text-align: center;} #product .stockList td span, #product .stockList th { padding: 5px 10px; white-space: nowrap;} #product .stockList th { background: #f5f5f5 } #product .stockList thead th { background:#eee} #product .stockList tr { border-bottom: 1px solid white} #product .stockList td span { display:block} #product .stockList .onStock { color: #0d660d; background: #d8f5c6} #product .stockList .noStock { color: #b90e0e; background: #f7e9e9} .EnergyData { display: flex; border-bottom: 1px solid #eaeaea; padding: 0.5em 0} .EnergyData a { display: flex; align-items: center; padding-right: 1em} .EnergyData img { height: 2em} .EnergyData .icon { height: 1.5em; margin: 0 0.25em} .EnergyData img.energy-label-detail { max-width: 170px; position: absolute; z-index: 999; display: none} .EnergyData a:hover .energy-label-detail { display:block} #product .gift-item, #bundle { border: 2px solid #ea0000; margin: 0 0 15px 0; padding: 4px 3px 3px; width: 100%;} #product .gift-item img { display: table-cell; padding: 0 5px 0 0; max-height: 45px;} #product .gift-item a {display: table;} #product .gift-item a > span { display: table-cell;} #product .gift-item a > span span { font-weight:800;} #product .pb-left-column .product-image .product-full{ border: 1px solid #eaeaea; padding: 10px;} #product .pb-left-column .product-image .product-img-thumb{ margin-top: 15px; padding: 0 40px;} #product .pb-left-column .product-image .product-img-thumb li{ border: 1px solid #eaeaea; padding: 7px 10px;} #product .pb-left-column .product-image .owl-next{ right: -40px;} #product .pb-left-column .product-image .owl-prev{ left: -40px;} .product-tab{ margin-top: 30px;} .product-tab .nav-tab{ width: 100%; overflow: hidden; z-index: 100; position: relative;} .product-tab .nav-tab>li{ height: 50px; line-height: 50px; float: left; display: inline; /*background: #e2e2e2; color: #333333;*/ border: 1px solid #e2e2e2; box-shadow: 0 -15px 15px -10px #bbb inset; text-transform: uppercase; text-align: center; margin-right: 8px; font-weight: bold;} .product-tab .nav-tab>li:last-child{ margin-right: 0;} .product-tab .nav-tab>li>a{ color: #333333; padding: 0 26px; height: 50px; float: left;} .product-tab .nav-tab>li:hover>a, .product-tab .nav-tab>li.active>a{ background: #fff;} .product-tab .tab-container{ padding: 20px; border: 1px solid #e2e2e2; margin-top: -1px; z-index: 1;} .product-tab .tab-container p{ margin: 0 0 10px;} .product-tab .tab-container .table{ margin-bottom: 0;} .product-tab .tab-container .tab-panel{ line-height: 24px; /*fix*/display:none;} .product-tab .tab-container .active{ display:block;} #product-detail .lightbox { position: relative; pointer-events: none;} #product-detail img {max-width:100%; height: auto !important} #product-detail iframe, #product-detail object {max-width: 100%; } #product-detail video {max-width: 100%; height: auto;} .product-comments-block-tab { overflow: hidden; } .product-comments-block-tab .fa{ line-height: inherit; } .product-comments-block-tab .reviewRating{ color: #ff9900; } .product-comments-block-tab .comment{ padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dotted #eaeaea; } .product-comments-block-tab .comment:first-child{ padding-top: 0; } .product-comments-block-tab .comment:last-child{ padding-bottom: 0; border-bottom:none; } .product-comments-block-tab .comment .author{ border-right: 1px solid #eaeaea; } .product-comments-block-tab .btn-comment{ padding: 5px 15px; border: 1px solid #eaeaea; float: left; margin-top: 15px; } .review-metadata .origin { background: #eee; color: #51565b; font-size: 100%; display: inline-block; padding: 4px 6px; line-height: 12px; transform: skewX(-10deg); margin: 0 0 0 1em} .review-metadata .origin.origin-verified { background: #beffcd} .review-metadata .origin.origin-advert { background: #ffe5be} .page-product-box{ margin-top: 50px; } .page-product-box .heading, #Related-products .heading{ font-size: 16px; color: #333333; text-transform: uppercase; font-weight: bold; padding-bottom: 17px; } .page-product-box .owl-next{ top: -20px; } .page-product-box .owl-prev{ top: -20px; left: inherit; right: 26px; } #Related-products .navbar H3 { font-size: 16px; color: white; text-transform: uppercase; font-weight: bold; padding: 17px;} #Related-products .product-featured .sub-category-list {padding:10px 0px;} #Related-products .product-featured .sub-category-list li {line-height:1.2em; margin-bottom:2px; ;background:#eaeaea;} #Related-products .product-featured .sub-category-list li.active {background:white; border:1px solid #eaeaea;} #Related-products .product-featured .sub-category-list li a {padding:8px 5px;display: block;} #snippet-productBox-relation .content_price { float: none;} .paramcat { font-weight: bold;} /** COMMMENT list**/ .single-box{ margin-top: 20px; } .single-box>h2{ } .comment-list{ margin-top: 20px; } .comment-list ul{ padding-left: 80px; } .comment-list ul li{ overflow: hidden; margin-bottom: 15px; border-bottom: 1px solid #eaeaea; padding-bottom: 15px; } .comment-list ul li:last-child{ margin-bottom: 0; border: none; padding: 0; } .comment-list>ul{ padding-left: 0; } .comment-list .avartar{ width: 80px; border: 1px solid #eaeaea; padding: 4px; float: left; } .comment-list .comment-body{ margin-left: 90px; } .comment-list .comment-meta{ color: #ccc; } .comment-list .comment-meta .author a{ font-weight: bold; } .coment-form{ margin-top: 20px; } .coment-form label{ margin-top: 10px; margin-bottom: 2px; } .coment-form input, .coment-form textarea{ border-radius: 0px; border:1px solid #eaeaea; -webkit-box-shadow:inherit; box-shadow:inherit; } .coment-form .btn-comment{ padding: 10px 20px; border: 1px solid #eaeaea; background: #666; color: #fff; margin-top: 15px; } .coment-form .btn-comment:hover{ background: #f04040; border:1px solid #f04040; } /* ---------------- ˇÚčet */ .box-authentication, .box-contactsetting{ border:1px solid #eaeaea; padding: 30px; min-height: 320px;} .box-authentication>h3{ margin-bottom: 15px;} .box-authentication label, .box-contactsetting label{ margin-top: 10px; margin-bottom: 2px;} .box-authentication .forgot-pass{ margin-top: 15px;} .box-authentication input, .box-authentication textarea { border-radius: 0px; border: 1px solid #eaeaea; -webkit-box-shadow: inherit; box-shadow: inherit; width: 50%;} .box-authentication .button, .box-contactsetting .button{ margin-top: 15px;} div.formError {margin-top: 10px; width: 100%; display: block; background: red; color: white; padding: 1% 2%;} .box-border{ border: 1px solid #eaeaea; padding:20px; overflow: hidden; } .box-wishlist label, .box-wishlist .button{ margin-top: 15px; margin-bottom: 5px; } .box-wishlist{ margin-top: 20px; } .table-wishlist{ margin-top: 20px; } .table-wishlist th{ background: #fafafa; } .list-wishlist{ margin-top: 20px; } .list-wishlist li{ margin-top: 30px; } .list-wishlist li .product-img{ border: 1px solid #eee; padding: 10px; } .list-wishlist li .product-name, .list-wishlist li .qty, .list-wishlist li .priority, .list-wishlist li .button{ margin-top: 10px; } .list-wishlist li .button-action{ position: relative; } .list-wishlist li .button-action a{ position: absolute; right: 10px; top: 15px; } .list-wishlist li .button-action a .fa{ line-height: inherit; } .table-compare td.compare-label{ width: 150px; background: #fafafa; vertical-align: middle; } .table-compare .product-star .fa{ line-height: inherit; color: #ff9900; } .table-compare .price{ font-weight: bold; color: #f04040; } .table-compare .add-cart{ background: #f04040; color: #fff; } .table-compare .add-cart:hover{ opacity: 0.8; } /* uživatelsý učet*/ #UserData { margin-bottom: 50px;} /* výpis objednávek */ .box-orderlist table.orderlist{width:100%;margin-top:2%;} table.orderlist th{border-bottom:3px solid #F04040;padding:5px;} table.orderlist th.orderlist_code{text-align:left;width:60%;} table.orderlist th.orderlist_date, table.orderlist th.orderlist_price, table.orderlist th.orderlist_tools{text-align:right;width:15%;} table.orderlist td{border-bottom:1px solid #EAEAEA;padding:5px;} table.orderlist td.orderlist_code{text-align:left;} table.orderlist td.orderlist_date, table.orderlist td.orderlist_price, table.orderlist td.orderlist_tools{text-align:right;} /* detail objednávky*/ table.orderitems {width: 100%;} table.orderitems th {border-bottom: 3px solid #F04040;padding: 5px 5px 5px 3px;} table.orderitems th.orderitems_name {text-align: left;width: 65%;} table.orderitems th.orderitems_price {text-align: right;width: 15%;} table.orderitems th.orderitems_qty {text-align: right;width: 5%;} table.orderitems td {border-bottom: 1px solid #EAEAEA;padding: 5px;} table.orderitems td.orderitems_name {text-align: left;} table.orderitems td.orderitems_price, table.orderitems td.orderitems_qty {text-align: right;} /* INFORMACE O OBJEDNÁVCE (KÓD, DATUM, CENA, ADRESA...) */ table.orderdetails {width: 100%;} table.orderdetails th {/*border-bottom: 3px solid #F04040;*/padding: 5px 5px 5px 3px;} table.orderdetails td {padding: 3px 5px 0px 5px;} table.orderdetails td.orderdetails_detail_head {white-space: nowrap;} /** cat-short-desc**/ .cat-short-desc{ margin-top: 20px; } .cat-short-desc .cat-short-desc-products{ margin-top: 20px; } .cat-short-desc .cat-short-desc-products li .product-container{ border: 1px solid #eaeaea; padding: 10px; } .cat-short-desc .cat-short-desc-products li .product-container .product-name{ margin-top: 10px; } /**today-deals**/ .today-deals{ position: relative; } .today-deals .deals-product-list .product-info{ margin-top: 10px; } .today-deals .deals-product-list .product-info .show-count-down{ text-align: center; } .today-deals .deals-product-list .product-info .show-count-down .box-count{ display: inline-block; margin-right: 2px; color: #f04040; } .today-deals .deals-product-list .product-info .show-count-down .dot{ display: none; } .today-deals .deals-product-list .product-info .show-count-down .box-count .number{ width: 100%; float: left; background: #eaeaea; padding: 5px 0; font-size: 16px; } .today-deals .deals-product-list .product-info .show-count-down .box-count .text{ background: #eaeaea; font-size: 12px; margin-top: 1px; width: 100%; float: left; padding: 5px 0; color: #666; } .today-deals .deals-product-list .product-info .product-name{ margin-top: 15px; } .today-deals .deals-product-list .product-info .product-meta{ margin-top: 7px; line-height: 18px; } .today-deals .deals-product-list .product-info .product-meta .fa{ line-height: inherit; } .today-deals .deals-product-list .product-info .product-meta .price{ color: #f04040; font-size: 18px; } .today-deals .deals-product-list .product-info .product-meta .old-price{ text-decoration: line-through; margin-left: 11px; color: #666; } .today-deals .deals-product-list .product-info .product-meta .star{ float: right; font-size: 13px; color: #ff9900; } .today-deals .owl-next{ top: -55px; } .today-deals .owl-prev{ top: -55px; left: inherit; right: 26px; } .group-button-header{ margin-top: 17px; } .group-button-header .btn-cart, .group-button-header .btn-heart, .group-button-header .btn-compare{ width: 39px; height: 39px; float: right; position: relative; margin-right: 16px; } .group-button-header .btn-cart{ background: url("../images/icon-cart-round.png") no-repeat center center; position: relative; } .group-button-header .btn-cart:after{ content: ""; width: 100%; height: 10px; display: block; position: absolute; bottom: -10px; } .group-button-header .btn-cart .notify-right{ top: -12px; right: -12px; } .group-button-header .btn-heart{ background: url("../images/icon-heart-round.png") no-repeat center center; text-indent: -999px; display: inline-block; font-size: 0; } .group-button-header .btn-compare{ background: url("../images/icon-compare-round.png") no-repeat center center; text-indent: -999px; margin-right: 0; display: inline-block; font-size: 0; } .main-header .group-button-header .btn-cart>a{ width: 100%; height: 100%; float: left; font-size: 0; } .main-header .group-button-header .btn-cart:hover .cart-block { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); opacity: 1; visibility: visible; } .post-title { font-size: 20px; } /*---------------- [7. Blogs] */ .blog-list{ margin-top: 30px; } .blog-list .page-heading{ text-transform: uppercase; } .blog-list .blog-list-wapper{ margin-top: 30px; } .blog-list .blog-list-wapper ul li{ border: 1px solid #eaeaea; line-height: 30px; } .blog-list .blog-list-wapper ul li .post-desc{ padding: 15px; } .blog-list .blog-list-wapper ul li .post-desc .post-title a{ font-size: 14px; color: #333; } .blog-list .blog-list-wapper ul li .post-desc .post-title a:hover{ color: #f96d10; } .blog-list .blog-list-wapper ul li .post-desc .post-meta{ color: #919191; font-size: 13px; } .blog-list .blog-list-wapper ul li .post-desc .post-meta .date:before{ font: normal normal normal 13px/1 FontAwesome; content: "\f1ec"; padding-right: 5px; } .blog-list .blog-list-wapper ul li .post-desc .post-meta .comment:before{ font: normal normal normal 13px/1 FontAwesome; content: "\f0e5"; padding-right: 5px; padding-left: 15px; } .blog-list .blog-list-wapper ul li .readmore{ text-align: right; } .blog-list .blog-list-wapper ul li .readmore a{ color: #f96d10; } .blog-list .blog-list-wapper ul li .readmore a:after{ font: normal normal normal 14px/1 FontAwesome; content: "\f178"; padding-left: 10px; } .blog-list .blog-list-wapper .owl-controls .owl-next{ top: -50px; } .blog-list .blog-list-wapper .owl-controls .owl-prev{ left: inherit; right: 26px; top: -50px; } /*---------------- Hot deals -----------------*/ .hot-deals-row{ margin-top: 30px; } .hot-deals-box{ border: 1px solid #eaeaea; } .hot-deals-box .hot-deals-tab { display: table; width: 100%; } .hot-deals-box .hot-deals-tab .hot-deals-title{ width: 45px; display: table-cell; text-transform: uppercase; font-size: 24px; text-align: center; background: #0088cc; color: #fff; padding-top: 40px; } .hot-deals-box .hot-deals-tab .hot-deals-title>span{ width: 100%; float: left; text-align: center; } .hot-deals-box .hot-deals-tab .hot-deals-title>span.yellow{ color: #ffcc00; } .hot-deals-box .hot-deals-tab .hot-deals-tab-box{ display: table-cell; padding:25px; } .hot-deals-box .hot-deals-tab .hot-deals-tab-box .nav-tab li{ line-height: 40px; border-bottom: 1px solid #eaeaea; text-transform: uppercase; padding-left: 15px; } .hot-deals-box .hot-deals-tab .hot-deals-tab-box .nav-tab li.active>a{ color: #0099cc; } .hot-deals-box .hot-deals-tab .box-count-down{ margin-top: 20px; float: left; padding-left: 4px; } .hot-deals-box .hot-deals-tab .box-count-down .box-count{ width: 67px; height:67px; border:1px solid #eaeaea; float: left; border-radius: 90%; text-align: center; padding: 10px; position: relative; color: #fff; margin-left: -4px; background: #fff; } .hot-deals-box .hot-deals-tab .box-count-down .dot{ display: none; } .hot-deals-box .hot-deals-tab .box-count-down .box-count:before{ width: 100%; height: 100%; background: #0088cc; float: left; content: ''; border-radius: 90%; } .hot-deals-box .hot-deals-tab .box-count-down .box-count:after{ content: ''; width: 23px; height: 1px; background: #fff; position: absolute; top: 34px; left: 20px; } .hot-deals-box .hot-deals-tab .box-count-down .number{ position: absolute; width: 100%; left: 0; top: 15px; } .hot-deals-box .hot-deals-tab .box-count-down .text{ position: absolute; width: 100%; left: 0; bottom: 16px; font-size: 10px; } .hot-deals-box .hot-deals-tab-content-col{ padding-left: 0; } .hot-deals-box .hot-deals-tab-content{ padding: 30px 30px 0 0; } .hot-deals-box .product-list .left-block{ border: 1px solid #eaeaea; padding: 0; } .hot-deals-box .product-list .right-block { padding: 0; } /*--------------- [25. Box product] */ /** box-products**/ .box-products{ margin-top: 30px; } .box-products .box-product-head{ height: 30px; border-bottom: 1px solid #eaeaea; } .box-products .box-product-head .box-title{ color: #333; text-transform: uppercase; border-bottom: 3px solid #ff3300; padding-bottom: 5px; font-size: 18px; padding-left: 10px; padding-right: 5px; } .box-products .box-tabs{ float: right; } .box-products .box-tabs li{ display: inline; text-transform: uppercase; height: 30px; float: left; } .box-products .box-tabs li>a{ position: relative; padding: 0 10px; display: block; line-height: normal; background: url('../images/kak3.png') no-repeat center right; float: left; height: 30px; line-height: 30px; } .box-products .box-tabs li>a:after{ content: "\f0d8"; font-family: 'FontAwesome'; font-size: 13px; color: #0088cc; position: absolute; bottom: -12px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none; } .box-products .box-tabs li>a:before{ content: ''; height: 1px; background: #0088cc; position: absolute; bottom: 0; left: 10px; right: 10px; transform: scale(0, 1); } .box-products .box-tabs li:last-child>a{ background: none; } .box-products .box-tabs li:last-child>a:before{ right: 0; } .box-products .box-tabs li:last-child>a{ border-right: none; padding-right: 0; } .box-products .box-tabs li>a:hover:before, .box-products .box-tabs li.active>a:before{ transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .box-products .box-tabs li>a:hover, .box-products .box-tabs li.active>a{ color: #333; } .box-products .box-tabs li>a:hover:after, .box-products .box-tabs li.active>a:after{ display: block; } .box-products .box-product-content{ margin-top: 20px; } .box-products .box-product-content .box-product-adv{ width: 226px; float: left; } .box-products .box-product-content .box-product-list{ margin-left: 236px; } .box-products .box-product-content .box-product-list .product-list li{ border: 1px solid #eaeaea; padding-bottom: 10px; overflow: hidden; } .box-products .box-product-content .box-product-list .product-list li .right-block{ margin-top: 30px; } .option3 .product-list li .price-percent-reduction2{ right: -8px; } /** option color **/ /*new-arrivals*/ .box-products.new-arrivals .box-tabs li>a:after{ color: #ff3300; } .box-products.new-arrivals .box-tabs li>a:before{ background: #ff3300; } .box-products.new-arrivals .box-product-head .box-title{ border-bottom: 3px solid #ff3300; } /**top-sellers**/ .box-products.top-sellers .box-tabs li>a:after{ color: #ffcc00; } .box-products.top-sellers .box-tabs li>a:before{ background: #ffcc00; } .box-products.top-sellers .box-product-head .box-title{ border-bottom: 3px solid #ffcc00; } /**special-products**/ .box-products.special-products .box-tabs li>a:after{ color: #009966; } .box-products.special-products .box-tabs li>a:before{ background: #009966; } .box-products.special-products .box-product-head .box-title{ border-bottom: 3px solid #009966; } /*recommendation*/ .box-products.recommendation .box-tabs li>a:after{ color: #ff66cc; } .box-products.recommendation .box-tabs li>a:before{ background: #ff66cc; } .box-products.recommendation .box-product-head .box-title{ border-bottom: 3px solid #ff66cc; } /** Blog **/ .option3 .blog-list .page-heading{ font-size: 18px; } .option3 .blog-list .blog-list-wapper ul li .readmore a{ color: #0099cc; } .option3 .blog-list .page-heading span.page-heading-title{ border-color: #0099cc; } .block-popular-cat{ border: 1px solid #eaeaea; padding: 15px; } .block-popular-cat .parent-categories{ text-transform: uppercase; font-size: 16px; text-decoration: underline; padding-bottom: 15px; } .block-popular-cat .image{ width: auto; display: inline-block; } .block-popular-cat .sub-categories{ width: auto; display: inline-block; line-height: 30px; } .block-popular-cat .sub-categories>ul>li>a:before{ content: ''; background: #008a90; border-radius: 50%; width: 4px; height: 4px; display: inline-block; margin-right: 10px; margin-bottom: 3px; } .block-popular-cat .more{ height: 36px; width: 70px; line-height: 36px; color: #fff; background: #00abb3; margin-top: 10px; display: block; text-align: center; } .block-popular-cat .more:hover{ color: #fff; opacity: 0.8; } /* porovnán a oblíbené */ #snippet-compareControl-compareList, #snippet-favoriteControl-favoriteList { bottom: 0; position: fixed; z-index: 999;} #snippet-compareControl-compareList {right: 55px;} #snippet-favoriteControl-favoriteList { right: 345px;} #compare, #favorite {margin:10px; /*background:#1498d5; color:white; */opacity: 0.8; width:275px; padding:10px;} #oblibeneFunkceObal div {display: inline;} #compare a, #favorite a {color:white;} #compare a:hover, #favorite a:hover {color:#84d8ff;;} /*#compare {border-top:2px solid #f04040;} #favorite {border-top:2px solid #40f040;}*/ #oblibeneVlozeniObalIn, #porovnaniVlozeniObalIn {max-height:0px; overflow:hidden; -webkit-transition: max-height 1s; -moz-transition: max-height 1s; -ms-transition: max-height 1s; -o-transition: max-height 1s; transition: max-height 1s; } #favorite:hover, #compare:hover {opacity: 1; box-shadow: 0 3px 9px gray;} #favorite:hover #oblibeneVlozeniObalIn, #compare:hover #porovnaniVlozeniObalIn {max-height:initial;} #oblibeneVlozeniNadpis {font-weight:800;} .oblibeneBox { border-top: 1px solid #44b8ff; display: table; padding: 5px 0; width: 100%;} .oblibeneBox:last-child { border-bottom: 1px solid #44b8ff;} .oblibeneBoxNazev { display: table-cell;} .oblibeneBoxOdebrat a { display: inline-block; font-weight: 800; line-height: 16px; padding: 3px 5px; text-transform: lowercase;} .oblibeneBoxOdebrat a:hover { color:#ea0000 !important;} .oblibeneBoxOdebrat { display: table-cell; float: right;} /*#compare > #oblibeneFunkceObal .oblibeneFunkceRadek:first-child a::before { content: ""; font: bold 14px/1 FontAwesome;}*/ #porovnani { float: left; max-width: 100%; overflow: auto;} #porovnani .affix { position: fixed; top: 50px;} #porovnaniDetailObal {} .porovnaniBox, .porovnaniBoxNazvy { border-right: 1px dotted #0097d7; float: left; margin: 0 5px 20px 0; padding: 0 5px 0 0; width: 200px; overflow: hidden;} .porovnaniBoxImg { float: left; height: 75px; text-align: center; width: 100%;} .porovnaniBoxImg img { max-height: 75px; max-width: 75px; padding: 10px 0 0;} .porovnaniBoxKosik { margin-right: 3px;} .porovnaniBoxKosik, .CompareDelete { float: left; margin-top: 5px;} .porovnaniBoxKosik a:hover {} .porovnaniOdebrat, .porovnaniOdebratNazvy { clear: both; float: left; height: 220px; overflow: hidden; padding: 10px 5px 10px 0;} .porovnaniBox a:hover, .porovnaniBoxNazvy a:hover { text-decoration: none;} .porovnaniBoxProduktNazev { float: left; height: 50px;} .porovnaniBoxProduktNazev a, .porovnaniBoxProduktNazev a:visited { background: transparent; color: #0097d7; height: 70px;} .porovnaniBoxProduktNazev a:hover { text-decoration: underline;} .porovnaniProduktNadpis { background: #edf8fc ; border-bottom: 1px dotted #0097d7; clear: both; float: left; padding: 5px;} .porovnaniProduktNazev {} .porovnaniParamObal { clear: both; float: left;} .porovnaniParamKategorie { clear: both; float: left; font-weight: bold; padding: 15px 0 5px;} .paramKategorie { background: #f5f5f5; clear: both; color: #0097d7; float: left; font-weight: 800; padding: 3px 0 2px 8px; width: 100%;} .porovnaniParamRadek { border-bottom: 1px dotted #cccccc; clear: both; display: table; float: left; font-size: 11px; height: 22px; line-height: 22px; overflow: hidden; padding: 2px 0; white-space: nowrap; width: 100%;} .porovnaniParamNazev { float: left;} .porovnaniParamHodnota { float: left;} .porovnaniParamHodnota.f-red { color: #ea0000;} .porovnaniQty, .porovnaniCena { float: left; padding: 5px 0; text-align: center; width: 100%;} .porovnaniCena span { font-weight: bold;} .porovnaniPN { font-size: 10px;} .porovnaniPN::before { content: "PN: ";} /* end */ /* styl s horním bannerem - stránka dostane body class="with-header-img" */ body.with-header-img #logo {margin-top: 20px;} body.with-header-img #partner-banner { margin: 0 0 10px 12px; max-width:550px; max-height:80px !important;} body.with-header-img #partner-banner:before { content: ""; display: block; width: 100%; height: 71px;} /* ošetřím rozhození stránky, když nefunguje cesta k obrázku*/ body.with-header-img .main-header .header-search-box { margin-top: 5px;} body.with-header-img #snippet--cartList { margin-top: 78px; } /* end */ /* Layout2 (vodorovné menu) */ /*body.Layout2 .main-header { padding: 10px 0 0;}*/ #horizontalLayoutMenu { margin: 15px 0 0; border-radius: 4px 4px 0 0; } @media (min-width: 800px) { #horizontalLayoutMenu {display: flex;flex-direction: row-reverse;} } #horizontalLayoutMenu .box-vertical-megamenus a.current-open { padding:15px; display:block; color: white; line-height: 20px;} #horizontalLayoutMenu .box-vertical-megamenus a.current-open i { font-size:17px; } #horizontalLayoutMenu .box-vertical-megamenus a.current-open:hover { background:#eee; } #horizontalLayoutMenu .navbar-nav > li { float: right; } #horizontalLayoutMenu .navbar-nav > li > a { color: white;} #horizontalLayoutMenu .navbar-nav > li > a i { vertical-align: baseline;} @media (min-width: 993px) { body.Layout2.homepage #columns > .row { float: left; width: 70%; } body.Layout2.homepage #services-container { float: left; margin-left: 25px; margin-top: 0; width: 30%; } body.Layout2.homepage .service .service-item { width: 100%; border-right:none; border-bottom: 1px solid #ccc; padding-bottom: 30px; margin: 15px 0; } body.Layout2.homepage .service .service-item:last-child { border-bottom: none; padding-bottom: 0px; } body.Layout2.homepage .service { margin-top:0; } } @media (min-width: 993px) and (max-width: 1200px) { body.Layout2.homepage .service .service-item { padding-bottom: 10px; margin: 5px 0; } } /* end */