:root { --color-primary-light: #e9eef8; /*modrá pozadi*/ --color-primary-light2: #d1dcf0; /*modrá menu tree*/ --color-primary-dark: #284293; /*modrá panel*/ --color-second-light: #e9eaeb; /*seda*/ --color-second-dark: #435671; /*seda tmava */ --color-second-dark2: #999a9c; /*seda tmava pro stín */ --color-second-menu: #d8dadb; /*seda*/ --color-item: #edeeee; /*seda*/ --color-item-border: #cdcfd1; /*seda okolo itemů*/ --color-third-light: #f9b000; /*oranzova*/ --color-third-dark: 000000; --color-active: #b30014; /* červená */ --color-light: white; --color-dark: black; --swiper-navigation-color: #e9eef8; } /*@media (max-width: 800px) { .w3-mobile { display: block; width: 100% !important; } }*/ /*********************************/ /* BEGIN Předefinování zorbazení */ /*********************************/ /* === Reset výchozího zobrazení === */ .w3-hide-small, .w3-hide-medium, .w3-show-small, .w3-show-medium { display: /*initial*/revert !important; } .w3-hide { display: none !important; } .w3-show { display: block !important; } /* === HIDE třídy === */ /* Skryj na malých obrazovkách (do 768px) */ @media (max-width: 768px) { .w3-hide-small { display: none !important; } } /* Skryj na středních obrazovkách (769–992px) */ @media (min-width: 769px) and (max-width: 992px) { .w3-hide-medium { display: none !important; } } /* Skryj na velkých obrazovkách (od 993px výše) */ @media (min-width: 993px) { .w3-hide-large { display: none !important; } } /* === SHOW třídy === */ /* Zobraz pouze na malých obrazovkách (do 768px) */ @media (max-width: 768px) { .w3-show-small { display: block !important; } } /* Zobraz pouze na středních obrazovkách (769–992px) */ @media (min-width: 769px) and (max-width: 992px) { .w3-show-medium { display: block !important; } } /* Zobraz pouze na velkých obrazovkách (od 993px výše) */ @media (min-width: 993px) { .w3-show-large { display: block !important; } } /* Předefinování w3-mobile – změní prvek do 768 px */ @media (max-width: 768px) { .w3-mobile { display: block; width: 100% !important; } } /*******************************/ /* END Předefinování zorbazení */ /*******************************/ /* ==== COLOR FOR IE ======= */ .w3-theme-tree-menu-mobile{color:#284293 !important; background-color:#e9eaeb !important;} .w3-theme-menu {color:#284293 !important; background-color:#d8dadb !important} .w3-theme-menu .w3-button:hover{color:white !important; background-color:#284293 !important} .w3-theme-tree-menu {color:#284293 !important; background-color:white !important;} .w3-theme-tree-menu .w3-button:hover{color:#b30014 !important;/* background-color:white !important;*/} .w3-theme-tree-menu-mobile .w3-button:hover{color:#e9eef8 !important; background-color:#e9eaeb !important;} .xb-tab-menu .w3-button{color:#284293 !important; background-color:#d1dcf0 !important} .w3-dropdown-hover:first-child, .w3-dropdown-click:hover { background-color: initial; color: inherit; } .w3-dropdown-hover:hover > .w3-button:first-child {color:white !important; background-color:#284293 !important} .xb-bar-block-bottom .w3-bar-item:hover{ color:inherit !important; background-color:initial !important;} #back-top a{color:white !important; background-color:#e9eef8 !important} /*footer .menu{ color:white !important; background-color:black !important;}*/ .hp_aktuality span, .hp_katalog span { color:white !important; background-color:#e9eef8 !important;} #head_tab{color:white !important; background-color:#284293 !important} .hp_textik span{color:white;} #search { background-color:white !important;color: #435671;} #acount { background-color:white !important;} #search a{color: #284293;} .xb-table-values2 tr th{ background-color: #e9eaeb; } .xb-table-values2 tr td{ border-bottom-color: #e9eaeb;} #footer { background-color:#284293 !important; color: white !important;} .left_content{border-color:#d1dcf0;} .center_content{/*background-color:white;*/} .content-main{background-color:white;} .product_img{background-color:white;} .w3-theme-border1{border-color:#e9eaeb;} .sort-box-new, .sort-box-new select{ background-color:#e9eef8!important;} .sort-box-new .active{ font-weight:bold;} .insert_basket { background-color:white!important;} /* ACTIVE */ .w3-theme-menu .active, .w3-theme-menu .active:hover/*, .pageName*/{color:#e9eef8 !important; background-color:#e9eaeb !important} .w3-theme-tree-menu .active, .w3-theme-tree-menu .active:hover{color:#b30014 !important; /*background-color:#e9eef8 !important;*/} .w3-theme-tree-menu-mobile .active, .w3-theme-tree-menu-mobile .active{color:#e9eef8 !important; background-color:white !important;} .w3-theme-sellers-menu .active, .w3-theme-sellers-menu .active:hover{color:white !important; background-color:#e9eef8 !important;} .pageNameRed{color:#b30014 !important;} .pageName{color:#284293 !important; /*background-color:white !important*/} .w3-theme-border1 {border-left-color:#e9eef8} .item-box,.item-light,.itemAction-light,.itemTraining-light, .itemSupplier-light, .insert_basket a, .item-light .insert_basket {border-color: #cdcfd1 !important;} /*.item-box h2, .item-box2 h2{color: #e9eef8 !important;}*/ .item-box h4.price_basic, .detail-table-kusovnik .price_basic { color:black !important;} .item-box h4.price_custom, .detail-table-kusovnik .price_custom, .priceContainer .price_custom { color:#b30014 !important;} .item-box .product_text{ background-color:#edeeee !important;} .item-box .product_name_akce{ background-color:#edeeee !important;} .item-box.itemAction-light .product_name_akce, .item-box.itemTraining-light .product_name_akce{ background-color:white !important;} .item-light .product_text h4.price_custom{ color:#284293 !important;} .item-light .product_text h4.akce{ color:#b30014 !important;} .item-light .product_type{ color:white !important;} .item-light .product_type .ordinace{ background-color:#b30014 !important;} .item-light .product_type .laborator{ background-color:#284293 !important;} .itemAction-light .product_text h4.firma, .itemAction-light .product_text h4.platnost, .itemAction-light h2, .itemTraining-light .product_text h4.firma, .itemTraining-light .product_text h4.platnost, .itemTraining-light .product_text h4.misto, .itemTraining-light .product_text h4.skolitel, .itemTraining-light h2{ color:black !important;} .itemAction-light .product_text, .itemTraining-light .product_text{background-color: white !important;} .itemAction-light .product_text h4.firma span, .itemTraining-light .product_text h4.firma span{ color:#284293 !important;} .itemAction-light .product_type, .itemTraining-light .product_type, .standart-Item.product_type{ color:white !important;} .itemAction-light .product_type .ordinace, .itemTraining-light .product_type .ordinace, .standart-Item.product_type .ordinace, .sort-box-new .ordinace{ background-color:#b30014 !important;} .itemAction-light .product_type .laborator, .itemTraining-light .product_type .laborator, .standart-Item.product_type .laborator, .sort-box-new .laborator{ background-color:#284293 !important;} .item-box.itemAction-light .product_name_akce, .item-box.itemTraining-light .product_name_akce{ background-color:white !important;} .sort-box-new .laborator, .sort-box-new .ordinace{ color:white !important; } .xb-page-div {/*background-color:white*/} .xb-theme-menu-subMenu .w3-button/*, #xb-drob-nav .w3-button*/{background-color:#e9eef8 !important;} .xb-theme-menu-subMenu .w3-button:hover, #xb-drob-nav .w3-button:hover{background-color:#284293 !important;} .xb-theme-menu-subMenu .w3-button:hover span, #xb-drob-nav .w3-button:hover span{color:white !important;} #xb-drob-nav .w3-button{background-color:white !important;} .xb-attachments .w3-button{background-color: white !important; border-color:#d1dcf0;} .xb-attachments .w3-button:hover{border-color:#284293 !important;} .xb-attachments .w3-button span span{color:#d1dcf0 !important;} #xb-drob-nav/*, #xb-crumb-nav*/,.crum-divider {/*background-color:white !important;*/} #xb-crumb-nav, #xb-crumb-nav a, .crum-divider {/*color:#284293*/ color:#999a9c !important;} .crumb{color:#284293 !important; background-color:#e9eaeb !important} .pagerPages a.selected, .pagerInfo a.selected{ background-color:white !important; color:#b30014} .contact .w3-col{background-color: #e9eaeb !important;} .xb-table-values2 tr:hover td{ background-color: #e9eaeb;} html, body{ color:black;background-color:#e9eef8;} h1, h2, h3, h4, h5, h6 { color:#284293;} .aktMenu a .imageText{color:white;} .hp .dark {background-color:#d1dcf0 !important;} .hp .light {background-color:#edeeee !important;} a.btnPlus, a.btnMinus{color: #cdcfd1 !important; background-color: white!important;} a.btnPlus:hover, a.btnMinus:hover{ background-color:#d1dcf0 !important;color: white !important;} .to_basket:hover,.del-oblpol:hover{ background-color:#d1dcf0 !important;} .to_basket::before,.del-oblpol::before{ color:#284293 !important;} .pageWithPadding .to_basket::before{ color:white !important;} .xb-mainButton{color: #284293 !important; background-color: white !important;} .xb-sendButton{color: white !important; background-color: #b30014 !important;} .xb-sendButton.occupied{background-color: #f9b000 !important;} input.xb-mainInput{/*background-color:#e9eef8 !important;*/ color:black !important;} #acountBasket .xb-mainButton{color: #284293 !important; background-color: #d1dcf0 !important;} #basket .basketCount{background-color: #b30014 !important; color: white !important;} #modal-h1 {background-color: white; text-align:center} #modal-content {background-color: #e9eef8;} div.infoNewWeb { background: #999a9c; color: white;} div.infoNewWeb a {background: #d8dadb; color: #284293; } div.infoNewWeb a:hover {background: #284293; color: white;} .error, .existuser{color:#b30014;} .notImage { background-color:white;} #basket-add h2{ background-color: white;} #basket-add {background-color: #e9eef8;} #acount .user-title, #basket .user-title, #language .user-title{ color: white; background-color: #284293;} #acount .user-polozka, #basket .user-polozka, #language .user-polozka { color: #b30014;} #acount .w3-dropdown-content a, #basket .w3-dropdown-content a, #language .w3-dropdown-content a { color: black !important; background-color: #d8dadb !important; } #acount .w3-dropdown-content a:hover, #basket .w3-dropdown-content a:hover, #language .w3-dropdown-content a:hover { color: white !important; background-color: #284293 !important; } #login-box, #login-box-all .loginWindow {background-color: #e9eef8 !important;} #login-box-all .loginWindow .material-icons{ color: #284293;} #acount,#basket,#search{ background-color: white; color: #284293; } #basket .basketIcon{ background-color: #d8dadb; } #acount .acountIcon{ background-color: #d8dadb; } #search a#searchBtn{background-color: #d8dadb;} #naseptavac {background-color: #e9eaeb; } .naseptavac {background-color: #e9eaeb;} .naseptavac li:hover{background-color: #e9eef8;} .naseptavac li {background-color: white;} .naseptavac li .name{ color: #284293;} .naseptavac li .ktgref{color: black;} #naseptavac .typeName{color: #435671;} .insert_basket a.btnPlus, .product_no,.dalsiKodyAll select,.dalsiKodyOne select { border-color: #edeeee !important;} /*.doplnkoveKody option.dopo{color: #284293 !important;} .doplnkoveKody option{color: #cdcfd1;}*/ .detail-table-kusovnik .name a { color:#284293} .detail-table-kusovnik .to_basket { background-color:#b30014;color:white;} .kontaktObchod .mail, .kontaktObchod .tel{ background-color: #284293; color: #edeeee;} .formReadOnly{ background-color: #e9eef8; color: #284293;} .upozorneni{ background-color: white;} .catChapter:hover {background-color:white;} .catChapter .w3-rest{ color:#284293;} .catChapter p.desc{ color:black;} .kontaktObchod{ background-color:white;} /* ==== COLOR FOR IE ======= */ /* ==== COLOR ======= */ .w3-theme-tree-menu-mobile{color:var(--color-primary-dark) !important; background-color:var(--color-second-light) !important;} .w3-theme-menu {color:var(--color-primary-dark) !important; background-color:var(--color-second-menu) !important} .w3-theme-menu .w3-button:hover{color:var(--color-light) !important; background-color:var(--color-primary-dark) !important} .w3-theme-tree-menu {color:var(--color-primary-dark) !important; background-color:var(--color-light) !important;} .w3-theme-tree-menu .w3-button:hover{color:var(--color-active) !important;/* background-color:var(--color-light) !important;*/} .w3-theme-tree-menu-mobile .w3-button:hover{color:var(--color-primary-light) !important; background-color:var(--color-second-light) !important;} .xb-tab-menu .w3-button{color:var(--color-primary-dark) !important; background-color:var(--color-primary-light2) !important} .w3-dropdown-hover:first-child, .w3-dropdown-click:hover { background-color: initial; color: inherit; } .w3-dropdown-hover:hover > .w3-button:first-child {color:var(--color-light) !important; background-color:var(--color-primary-dark) !important} .xb-bar-block-bottom .w3-bar-item:hover{ color:inherit !important; background-color:initial !important;} #back-top a{color:var(--color-light) !important; background-color:var(--color-primary-light) !important} /*footer .menu{ color:var(--color-light) !important; background-color:var(--color-dark) !important;}*/ .hp_aktuality span, .hp_katalog span { color:var(--color-light) !important; background-color:var(--color-primary-light) !important;} #head_tab{color:var(--color-light) !important; background-color:var(--color-primary-dark) !important} .hp_textik span{color:var(--color-light);} #search { background-color:var(--color-light) !important;color: var(--color-second-dark);} #acount { background-color:var(--color-light) !important;} #search a{color: var(--color-primary-dark);} .xb-table-values2 tr th{ background-color: var(--color-second-light); } .xb-table-values2 tr td{ border-bottom-color: var(--color-second-light);} #footer { background-color:var(--color-primary-dark) !important; color: var(--color-light) !important;} .left_content{border-color:var(--color-primary-light2);} .center_content{/*background-color:var(--color-light);*/} .content-main{background-color:var(--color-light);} .product_img{background-color:var(--color-light);} .w3-theme-border1{border-color:var(--color-second-light);} .sort-box-new, .sort-box-new select{ background-color:var(--color-primary-light)!important;} .sort-box-new .active{ font-weight:bold;} .insert_basket { background-color:var(--color-light)!important;} /* ACTIVE */ .w3-theme-menu .active, .w3-theme-menu .active:hover/*, .pageName*/{color:var(--color-primary-light) !important; background-color:var(--color-second-light) !important} .w3-theme-tree-menu .active, .w3-theme-tree-menu .active:hover{color:var(--color-active) !important; /*background-color:var(--color-primary-light) !important;*/} .w3-theme-tree-menu-mobile .active, .w3-theme-tree-menu-mobile .active{color:var(--color-primary-light) !important; background-color:var(--color-light) !important;} .w3-theme-sellers-menu .active, .w3-theme-sellers-menu .active:hover{color:var(--color-light) !important; background-color:var(--color-primary-light) !important;} .pageNameRed{color:var(--color-active) !important;} .pageName{color:var(--color-primary-dark) !important; /*background-color:var(--color-light) !important*/} .w3-theme-border1 {border-left-color:var(--color-primary-light)} .item-box,.item-light,.itemAction-light,.itemTraining-light, ..itemSupplier-light, .insert_basket a, .item-light .insert_basket {border-color: var(--color-item-border) !important;} /*.item-box h2, .item-box2 h2{color: var(--color-primary-light) !important;}*/ .item-box h4.price_basic, .detail-table-kusovnik .price_basic { color:var(--color-dark) !important;} .item-box h4.price_custom, .detail-table-kusovnik .price_custom, .priceContainer .price_custom { color:var(--color-active) !important;} .item-box .product_text{ background-color:var(--color-item) !important;} .item-box .product_name_akce{ background-color:var(--color-item) !important;} .item-box.itemAction-light .product_name_akce, .item-box.itemTraining-light .product_name_akce{ background-color:var(--color-light) !important;} .item-light .product_text h4.price_custom{ color:var(--color-primary-dark) !important;} .item-light .product_text h4.akce{ color:var(--color-active) !important;} .item-light .product_type{ color:var(--color-light) !important;} .item-light .product_type .ordinace{ background-color:var(--color-active) !important;} .item-light .product_type .laborator{ background-color:var(--color-primary-dark) !important;} .itemAction-light .product_text h4.firma, .itemAction-light .product_text h4.platnost, .itemAction-light h2, .itemTraining-light .product_text h4.firma, .itemTraining-light .product_text h4.platnost, .itemTraining-light .product_text h4.misto, .itemTraining-light .product_text h4.skolitel, .itemTraining-light h2{ color:var(--color-dark) !important;} .itemAction-light .product_text, .itemTraining-light .product_text{background-color: var(--color-light) !important;} .itemAction-light .product_text h4.firma span, .itemTraining-light .product_text h4.firma span{ color:var(--color-primary-dark) !important;} .itemAction-light .product_type, .itemTraining-light .product_type, .standart-Item.product_type{ color:var(--color-light) !important;} .itemAction-light .product_type .ordinace, .itemTraining-light .product_type .ordinace, .standart-Item.product_type .ordinace, .sort-box-new .ordinace{ background-color:var(--color-active) !important;} .itemAction-light .product_type .laborator, .itemTraining-light .product_type .laborator, .standart-Item.product_type .laborator, .sort-box-new .laborator{ background-color:var(--color-primary-dark) !important;} .item-box.itemAction-light .product_name_akce, .item-box.itemTraining-light .product_name_akce{ background-color:var(--color-light) !important;} .sort-box-new .laborator, .sort-box-new .ordinace{ color:var(--color-light) !important; } .xb-page-div {/*background-color:var(--color-light)*/} .xb-theme-menu-subMenu .w3-button/*, #xb-drob-nav .w3-button*/{background-color:var(--color-primary-light) !important;} .xb-theme-menu-subMenu .w3-button:hover, #xb-drob-nav .w3-button:hover{background-color:var(--color-primary-dark) !important;} .xb-theme-menu-subMenu .w3-button:hover span, #xb-drob-nav .w3-button:hover span{color:var(--color-light) !important;} #xb-drob-nav .w3-button{background-color:var(--color-light) !important;} .xb-attachments .w3-button{background-color: var(--color-light) !important; border-color:var(--color-primary-light2);} .xb-attachments .w3-button:hover{border-color:var(--color-primary-dark) !important;} .xb-attachments .w3-button span span{color:var(--color-primary-light2) !important;} #xb-drob-nav/*, #xb-crumb-nav*/,.crum-divider {/*background-color:var(--color-light) !important;*/} #xb-crumb-nav, #xb-crumb-nav a, .crum-divider {color:/*var(--color-primary-dark)*/var(--color-second-dark2) !important;} .crumb{color:var(--color-primary-dark) !important; background-color:var(--color-second-light) !important} .pagerPages a.selected, .pagerInfo a.selected{ background-color:var(--color-light) !important; color:var(--color-active)} .contact .w3-col{background-color: var(--color-second-light) !important;} .xb-table-values2 tr:hover td{ background-color: var(--color-second-light);} html, body{ color:var(--color-dark);background-color:var(--color-primary-light);} h1, h2, h3, h4, h5, h6 { color:var(--color-primary-dark);} .aktMenu a .imageText{color:var(--color-light);} .hp .dark {background-color:var(--color-primary-light2) !important;} .hp .light {background-color:var(--color-item) !important;} a.btnPlus, a.btnMinus{color: var(--color-item-border) !important; background-color: var(--color-light)!important;} a.btnPlus:hover, a.btnMinus:hover{ background-color:var(--color-primary-light2) !important;color: var(--color-light) !important;} .to_basket:hover{ background-color:var(--color-primary-light2) !important;} .to_basket::before{ color:var(--color-primary-dark) !important;} .pageWithPadding .to_basket::before{ color:var(--color-light) !important;} .xb-mainButton{color: var(--color-primary-dark) !important; background-color: var(--color-light) !important;} .xb-sendButton{color: var(--color-light) !important; background-color: var(--color-active) !important;} .xb-sendButton.occupied{background-color: var(--color-third-light) !important;} input.xb-mainInput{/*background-color:var(--color-primary-light) !important;*/ color:var(--color-dark) !important;} #acountBasket .xb-mainButton{color: var(--color-primary-dark) !important; background-color: var(--color-primary-light2) !important;} #basket .basketCount{background-color: var(--color-active) !important; color: var(--color-light) !important;} #modal-h1 {background-color: var(--color-light); text-align:center} #modal-content {background-color: var(--color-primary-light);} div.infoNewWeb { background: var(--color-second-dark2); color: var(--color-light);} div.infoNewWeb a {background: var(--color-second-menu); color: var(--color-primary-dark); } div.infoNewWeb a:hover {background: var(--color-primary-dark); color: var(--color-light);} .error, .existuser{color:var(--color-active);} .notImage { background-color:var(--color-light);} #basket-add h2{ background-color: var(--color-light);} #basket-add {background-color: var(--color-primary-light);} #acount .user-title, #basket .user-title{ color: var(--color-light); background-color: var(--color-primary-dark);} #acount .user-polozka, #basket .user-polozka { color: var(--color-active);} #acount .w3-dropdown-content a, #basket .w3-dropdown-content a { color: var(--color-dark) !important; background-color: var(--color-second-menu) !important; } #acount .w3-dropdown-content a:hover, #basket .w3-dropdown-content a:hover { color: var(--color-light) !important; background-color: var(--color-primary-dark) !important; } #login-box, #login-box-all .loginWindow {background-color: var(--color-primary-light) !important;} #login-box-all .loginWindow .material-icons{ color: var(--color-primary-dark);} #acount,#basket,#search{ background-color: var(--color-light); color: var(--color-primary-dark); } #basket .basketIcon{ background-color: var(--color-second-menu); } #acount .acountIcon{ background-color: var(--color-second-menu); } #search a#searchBtn{background-color: var(--color-second-menu);} #naseptavac {background-color: var(--color-second-light); } .naseptavac {background-color: var(--color-second-light);} .naseptavac li:hover{background-color: var(--color-primary-light);} .naseptavac li {background-color: var(--color-light);} .naseptavac li .name{ color: var(--color-primary-dark);} .naseptavac li .ktgref{color: var(--color-dark);} #naseptavac .typeName{color: var(--color-second-dark);} .insert_basket a.btnPlus, .product_no,.dalsiKodyAll select,.dalsiKodyOne select { border-color: var(--color-item) !important;} /*.doplnkoveKody option.dopo{color: var(--color-primary-dark) !important;} .doplnkoveKody option{color: var(--color-item-border);}*/ .detail-table-kusovnik .name a { color:var(--color-primary-dark)} .detail-table-kusovnik .to_basket { background-color:var(--color-active);color:var(--color-light);} .kontaktObchod .mail, .kontaktObchod .tel{ background-color: var(--color-primary-dark); color: var(--color-item);} .formReadOnly{ background-color: var(--color-primary-light); color: var(--color-primary-dark);} .upozorneni{ background-color: var(--color-light);} .catChapter:hover {background-color:var(--color-light);} .catChapter .w3-rest{ color:var(--color-primary-dark);} .catChapter p.desc{ color:var(--color-dark);} .kontaktObchod{ background-color:var(--color-light);} /*=== END ==== COLOR ======= */ div.infoNewWeb { display: block; text-align: center; padding: 2px; margin-bottom: 3px; } div.infoNewWeb a { display: inline-block; padding: 2px 20px; margin-left: 10px; font-weight: bold; text-transform: uppercase; text-decoration: none; } html, body, h1, h2, h3, h4, h5, h6 { font-family: "Source Sans Pro", sans-serif; } body{ background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; } #main_container { height: auto; margin: auto; padding: 0px; position: relative; clear: both; } #main_content{} .center_content{ } .left_content{ width:310px; border-width:0px 0px 2px 2px; border-style:solid; } .content-main{ /*padding:5px;*/ } #tempHeader{ display:none; } #footer .eetFooter {font-size: 0.7em;} #footer a.social{ text-decoration:none;} #footer a.social img{width:48px; height:48px; margin-right:10px;opacity: 0.3;} #footer a.social:hover img{ opacity: 1;} #footer .kzt-logo {height:70px;} .error, .existuser{ display: inline-block;} .w3-theme-border1{ border-style: solid; border-width: 0px 2px 2px 2px; } .material-icons {vertical-align:-14%} .xb-hp-title{ text-align:center; text-transform: uppercase; font-weight: bold; } input{outline: none;} .xb-top-div, /*.xb-page-div, */.xb-footer-div, .xb-pageWidth-div { /*width:1200px;*/ margin:0px auto auto auto; max-width: 1300px; padding: 0.01em 16px; } .xb-page-div { margin:0px auto auto auto; max-width:1500px} #footer { margin:0px auto auto auto; padding: 30px; } .xb-top-div { position: relative;} .pageWithPadding{ padding: 20px 20px;} .pageWithPadding.detail{ padding: 20px 0px;} .pageName,.pageNameRed, h1.detail{ display:block; margin: 0px; /*font-size: 1.8em; font-weight: bold;*/ padding: 20px; text-transform: uppercase; line-height: 1.2; font-weight: 800; background-color: inherit !important; font-size: calc(1.2rem + 1.75vw); text-transform: none; } h1.detail{ padding: 16px 0px; /* 32px 0 */ } .btns{ text-align: right; } #xb-modal-content{ padding: 16px !important;} #xb-modal .w3-modal-content{border-radius: 10px;} #xb-modal .w3-display-topright { border-radius: 0px 10px 0px 0px;} #setting .center_content{ padding: 20px; } .xb-mainButton{margin: 10px;} .xb-sendButton{text-transform:uppercase;font-weight:bold;} #logo{height:118px} #basket-add h2{ text-align: center;} #basket-add h3{ text-align: center; } #basket-add .product_img{min-height: 120px;padding:10px 0px;} #basket-add .product_img img{margin: 0px auto; display: block;width: 100%;} #basket-add th{ text-align: left; } #basket-add table{ width: 100%; } #acountBasket, #search{height: 34px; width: 400px; position: absolute; right: 0px; margin: 20px 0px;margin-right: 16px;} #acountBasket .w3-dropdown-content{top: 34px; width: 399px; position: absolute;} #acountBasket .xb-mainButton{padding: 8px 40px; font-weight:bold} #acountBasket input.xb-mainInput{} #acount .w3-dropdown-content {left: 0px;padding: 0px;z-index: 3;} #basket .w3-dropdown-content {right: -52px;padding: 0px;z-index: 3;} #language .w3-dropdown-content {right: -0px;padding: 0px;z-index: 3;} /*#basket .w3-dropdown-content {right: 0px;padding: 8px;z-index: 3;}*/ #acount .w3-dropdown-content {left: 0px;padding: 0px;} #acount .w3-dropdown-content a, #basket .w3-dropdown-content a, #language .w3-dropdown-content a { text-align:center; font-weight:bold; } #acount .w3-bar-block, #basket .w3-bar-block{margin-top: 10px;} #login-box { padding: 20px; } #login-box-all { text-align:center;} #login-box-all .loginWindow .material-icons{ font-size:11em;} #acount .user-title, #basket .user-title, #language .user-title{ text-transform: uppercase; font-weight: bold; padding: 30px 10px 10px 10px; font-size: 1.5em;margin-bottom:20px;} #acount .user-polozka, #basket .user-polozka, #language .user-polozka{ font-size: 1.2em;} #acount .user-discount,#acount .user-polozka, #basket .user-polozka{ padding:3px} #basket .user-polozka span { font-size: 0.6em;} #acount,#basket,#search,#language{ text-align: center; } #acount{width: 160px;text-align:center;} #basket{ width: 171px;margin-left: 12px;} #language { width: 36px; height: 36px; border-radius: 5px; display: inline-block; vertical-align: bottom; margin-left: 12px; background-image:url(../images/vlajka-cr.png);background-repeat: no-repeat; background-position: center;} #language-item-sk, #language-item-cz{ width: 36px; height: 36px; border-radius: 5px; display: inline-block; vertical-align: bottom; margin-left: 12px; margin-right: 10px; background-repeat: no-repeat; background-position: center;} #language-item-sk{ background-image:url(../images/vlajka-sk.png);} #language-item-cz{ background-image:url(../images/vlajka-cr.png);} .language-item{ line-height: 2;} #basket .basketIcon{ padding: 6px;float: left;} #basket .basketTitle{ padding: 6px;display:inline-block} #acount .acountIcon{ padding: 6px;float: left;} #acount .acountTitle{ padding: 6px;display:inline-block;max-width: 122px; overflow: inherit; white-space: nowrap;} #basket .basketCount{position: absolute; left: 27px; top: -6px; display: block; font-size: 1em; font-weight: bold; padding-left: 4px; padding-right: 4px; border-radius: 4px; /* right: 10px;*/} #search {top: 50px;} #search input{width: 90%;padding: 5px; border: 0px;outline: none;} #search a#searchBtn{display: block; float: right; padding: 5px 8px;} #head_tab{} #head_tab .xb-top-div { height: 118px; background-image:url(../images/new/head-vlna-bg.png);background-repeat: no-repeat; background-position: center;} #menu_tab .xb-top-div { overflow: initial;} /* zaobleni */ .xb-theme-menu-subMenu .w3-button, #xb-drob-nav .w3-button, .xb-attachments .w3-button, #acount, #basket, #search, #acount .acountIcon, #basket .basketIcon, #search a#searchBtn, #search #inputText{border-radius: 5px;} /* === NAVIGACE ===*/ .w3-theme-menu{/*border-color:white; border-width:3px 0px; border-style:solid*/} .w3-theme-menu .w3-button, #xb-drob-nav .w3-button, .xb-attachments .w3-button{text-transform: uppercase; font-weight:bold} .xb-attachments .w3-button{border-width: 1px; border-style: solid;} #tree-menu-mobile-button{ display:block; } #tree-menu-mobile-button span{padding: 13px 0px; display: inline-block;} #tree-menu-mobile-button .material-icons{position: absolute; right: 0px;} .xb-tab-menu .w3-button{text-align: left; display: block;text-transform: uppercase;font-weight:bold;} .xb-tab-menu .w3-button::after { content: "•"; float:right;} .xb-tab-menu .active::after,.to_basket::before, .del-oblpol::before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 1.7em; display: inline-block; vertical-align: middle; width: 1em; height: 1em; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } .xb-tab-menu .active::after{ content: "keyboard_arrow_down"; } .to_basket::before{ content: "shopping_cart"; } .del-oblpol::before{ content: "clear"; } .del-oblpol { display: inline-block; background-color: var(--color-light); padding: 4px 11px; } .w3-dropdown-hover > a.w3-button{width: 100%;} .xb-theme-menu-subMenu{top: 38px; width: 100%; /*height: 100px;*/ padding: 8px;position: absolute; left: 0px;z-index: 3;} .xb-theme-menu-subMenu .w3-button{width: 24%; padding: 4px;/*padding: 10px;*/ margin:5px;display: flex;align-items: center;} /*.xb-theme-menu-subMenu .w3-button, #xb-drob-nav .w3-button {border-style:solid; border-width:1px;border-radius: 6px;} .xb-theme-menu-subMenu .w3-button, #xb-drob-nav .w3-button {border-color: var(--color-primary-light2) !important;}*/ #xb-drob-nav .w3-button, .xb-attachments .w3-button {width: 19%; padding: 4px;/*padding: 10px;*/ margin:5px;display: flex;align-items: center;} #xb-drob-nav {padding: 20px 10px;} .xb-attachments {padding: 10px 0px;} .xb-attachments .w3-button {margin:0px 5px 5px 0px;} .xb-theme-menu-subMenu .w3-button span, #xb-drob-nav .w3-button img{/*float:left;margin:5px*/} .xb-theme-menu-subMenu .w3-button img, #xb-drob-nav .w3-button img, .xb-attachments .w3-button img {/*width:40px;height:40px;*/width:70px;height:70px;} .xb-theme-menu-subMenu .w3-button span, #xb-drob-nav .w3-button span, .xb-attachments .w3-button span {font-size: 0.9em; text-align: left; padding-left: 5px;display: block;font-weight:normal} .xb-theme-menu-subMenu .w3-button:hover span, #xb-drob-nav .w3-button:hover span {font-weight:bold} .xb-attachments .w3-button span span{padding-left: 0px;display: block; text-transform: lowercase;} .w3-theme-tree-menu .w3-button{padding: 2px 5px 2px 15px; /*text-transform: uppercase;*/ font-size: 1.15em;} .xb-bar-block-bottom .w3-bar-item{padding: 2px 5px 2px 0px; font-size: 1.15em;} .w3-theme-tree-menu .w3-button::before{content:"• ";width:10px;}/* ● */ .xb-bar-block-bottom .w3-button::before { content: "• "; width: 10px;} .w3-theme-tree-menu .active::before{content:"> " !important; font-weight:bold; font-size:1.0em} .w3-theme-tree-menu {/*padding-top: 30px;*/ padding: 10px 0px;} .w3-theme-tree-menu-mobile .w3-button{height:90px; display: flex; justify-content: center; align-content: center; flex-direction: column; width:33.33%} .w3-theme-tree-menu .sub-item{padding-left: 30px !important} .w3-theme-tree-menu .sub-menu{display: none;} .xb-w3-mnuItem{ width:14% !important; } .xb-w3-mnuItem.postupy{ width:16% !important; } .xb-bar-block .w3-bar-item, .xb-bar-block-bottom .w3-bar-item{ width: 100%; display: block; text-align: left; border: none; white-space: normal; float: none; outline: 0; } .xb-fixed {position: fixed;} #xb-crumb-nav { padding: 0px 10px; margin: 0px; } #xb-crumb-nav a{ padding: 10px; margin: 0px; font-size:0.8em; text-decoration:none;display:inline-block;} #xb-crumb-nav a:hover{ text-decoration:underline} .crum-divider{/*width:1px;height:40px;margin:0px 10px;display:inline-block;transform:rotate(20deg); vertical-align:middle;*/} #xb-crumb-nav, #xb-crumb-nav a, #xb-crumb-nav svg path { color: var(--color-second-dark2); font-weight: 700; } #xb-crumb-nav svg { width: 21px; min-width: 21px; position: relative; top: 5px; } #xb-crumb-nav svg path { fill: var(--color-second-dark2); } .xb-line-height-nav{ line-height: 1.3;} .xb-w3-padding-nav {/*padding-top: 32px!important; padding-bottom: 32px!important;*/} .xb-w3-margin-nav-32 {margin-top: 24px!important; margin-bottom: 24px!important;} .xb-w3-padding-search {padding-top: 24px!important; padding-bottom: 24px!important;} .xb-w3-padding-nav-logo{padding: 18px 0px!important;} .xb-w3-xlarge {font-size: 22px!important;} #back-top { position: fixed; bottom: 30px; width: 100%;} #back-top a {margin: 0 auto 0 auto; width: 250px; text-align: center; display: block; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; padding: 10px; text-decoration: none;} #back-top a .material-icons { position: absolute; bottom: 3px; padding-left: 30px; } .w3-theme-tree-menu-mobile span {text-transform: uppercase;} .pager{clear: both;} .pagerPages{text-align: right;} .pagerPages{text-align: right;} .pagerInfo{text-align: left;} .pagerPages a.selected, .pagerInfo a.selected { cursor: default; } /* === Naseptavac === */ #naseptavac { padding-left:0px;margin-top: 0px;width: 600px; position: absolute; right:0px; z-index: 9999; border: 1px solid #cccccc;} #naseptavac .treeNodes { max-height: 200px;} #naseptavac .items { max-height: 400px;} .naseptavac {padding-left: 4px; margin-top: 0px; overflow: auto;} .naseptavac a {display: block; height: 70px; Color:black;clear: both;} .naseptavac a:hover div{text-decoration: none;} .naseptavac img, #naseptavac li div {float: left;} .naseptavac img {width: 70px; height: 70px;} .naseptavac li div {width: 470px; margin-left: 10px; padding-top: 14px;} .naseptavac li {padding: 3px; border-bottom: 1px solid #eee; display: block; clear: both; text-align:left; margin: 1px; } .naseptavac li .name{ font-size: 1.1em;} .naseptavac li .ktgref{font-size: 0.8em; } .naseptavac li .tree{font-size: 0.7em;} #naseptavac .typeName{font-weight: bold; text-transform: uppercase; font-size: 0.8em; padding: 4px 0px;} #naseptavacDiv {clear: both; background: #fff;} #naseptavacDivPozice {position: absolute;width: 189px;right: 0px;} .xb-footer-div .w3-third {padding: 0px 30px;} /* === homePage - prehled ===*/ /*.sliderFrame {display:inline-block;width:89%; overflow:hidden} .sliderArrow {display:inline-block;width:5%;vertical-align: top; margin-top: 12px;} .sliderArrowRight {} .sliderArrowLeft {} .sliderAllItems {text-decoration:none;} .onlineTip .sliderAllItems {width:1650px;} .onlineTip .sliderArrow {height: 350px;}*/ .sliderAllItems { margin:20px 0px;} .sliderAllItems .slick-arrow:before { opacity:1 !important; font-size: 30px;} .sliderAllItems .slick-arrow.slick-disabled:before { opacity: .25 !important; font-size: 30px; } .bannerAllItems a{text-decoration:none;} .bannerAllItems a img{width:100%} .bannerAllItems {margin-bottom: 0px !important;} .bannerAllItems ul.slick-dots { bottom: 20px;} .bannerAllItems ul.slick-dots li button:before {font-size: 12px;} /*.slick-dots li.slick-active button:before { opacity: .75; color: black; }*/ /* === homePage ===*/ /* === items ===*/ .sort-box-new{ } .sort-box-new a {display:inline-block; padding:5px 15px; text-decoration:none; } .sort-box-new form, .sort-box-new .pagesize{float:right; padding:5px; } .sort-box-new select { border: 0px; } .sort-box-new .laborator, .sort-box-new .ordinace{ padding: 0px 14px; margin: 0px 5px; border-radius: 20px;} .item-box{ float: left; width: 19.3%/* 20%*/; height: 440px;display: inline-block;/*display: inline-grid;display:-ms-inline-grid;*/border-width: 1px;border-style:solid; margin: 5px;} .content-main .item-box{ border-radius: 10px 10px 0px 0px;} .item-box2 { /*float: left;*/ width: 24.5%; height: 290px;display: inline-grid;display:-ms-inline-grid;} .item-box a, .item-box2 a { text-decoration: none; /*padding: 15px; display: block; height: 100%;*/} .item-box h2, .item-box h4, .item-box2 h2, .item-box2 h4{ text-align: center;} .item-box h2, .item-box2 h2{ font-size: 1.4em; height: 65px;} .item-box2 h4{ font-weight: 400; font-size: 0.9em; text-transform: uppercase;} .item-box h4.price_basic, .detail-table-kusovnik .price_basic{ font-size: 1em; text-decoration: line-through;} .item-box h4.price_custom{ font-weight: 400; font-size: 1.2em;} .item-box h4.price_sklpasivni{height:58px} .detail-table-kusovnik .price_custom, .priceContainer .price_custom{ font-size: 1.2em;} .product_type.both .ordinace, .product_type.both .laborator{ /*display:inline-block;*/float: left; width: 50%;} .item-box .product_img{ text-align: center; height: 200px;width: 100%; position: relative; z-index:1; } .item-box .product_img img{ text-align: center;max-height: 180px; max-width: 260px;position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0;} .item-box2 .product_img{ text-align: center; height: 150px;} .content-main .item-box .product_img{ border-radius: 10px;} .item-light .product_name_akce{padding: 0px;} .item-light .product_name_akce h2{margin: 0px;padding: 8px; font-size: 1.2em!important; height:initial!important;} .item-light .product_text{padding: 0px !important; height: 104px !important; } .item-light .product_text .akce{ margin: 1px 4px 2px 4px; font-size: 1.2em; font-weight: bold;padding-top: 2px;} .item-light .product_text .price_custom{ margin: 2px 4px 4px 4px;; font-weight: bold;} .item-light .product_text .insert_basket{ margin: 0px !important;} .item-light{ width: 90% !important; margin: 12px; float: none;height: 350px;} .item-light .insert_basket input, .item-light .insert_basket a { border: 0px; padding: 1px 0px 1px 0px;} .item-light .insert_basket a { border-left: 1px solid;} .item-light .insert_basket { border-width: 1px 0px;border-style:solid;} .item-light .product_type{ text-align: center; font-weight: bold; font-size: 0.7em;} .itemAction-light .product_name_akce{padding: 0px;} .itemAction-light .product_name_akce h2{margin: 0px;padding: 8px; font-size: 1.2em!important; height:initial!important;} .itemAction-light .product_text{padding: 0px !important; height: 75px !important; } .item-box.itemAction-light h4{ text-align: left;font-size: 0.9em; padding-left: 10px; margin: 0px;} .item-box.itemAction-light h4.platnost{ height:40px} .item-box.itemAction-light h4.platnost span, .item-box.itemAction-light h4.firma span{position: absolute; left: 90px;} .itemAction-light .product_text h4.firma, .itemAction-light .product_text h4.platnost {position: relative;} .itemAction-light .product_text .firma span{ font-weight: bold;} .itemAction-light{ width: /*90%*/ 260px !important; margin: 12px; float: none;height: /*550px*/490px; display: inline-flex;} .itemAction-light.itemNews{ height: /*550px*/415px;} .itemAction-light .product_type, .item-box .standart-Item.product_type{ text-align: center; font-weight: bold; font-size: 0.7em;} .item-box.itemAction-light .product_img{height: 370px;overflow: hidden;} .item-box.itemAction-light .product_img img{ width: 100%;max-height: none; max-width: none; position: relative;} .standart-Item{ position: absolute; width: 100%; bottom: 0px; z-index: 2; left: 0px;} .itemTraining-light .product_name_akce{padding: 0px;} .itemTraining-light .product_name_akce h2{margin: 0px;padding: 8px; font-size: 1.2em!important; height:initial!important;min-height: 70px;} .itemTraining-light .product_text{padding: 0px !important; height: 133px !important; } .item-box.itemTraining-light h4{ text-align: left;font-size: 0.9em; padding-left: 10px; margin: 0px;} .item-box.itemTraining-light h4.platnost{ height:40px} .item-box.itemTraining-light h4.platnost span, .item-box.itemTraining-light h4.misto span, .item-box.itemTraining-light h4.skolitel span, .item-box.itemTraining-light h4.firma span{position: absolute; left: /*110px*/ 30%;} .itemTraining-light .product_text h4.firma, .itemTraining-light .product_text h4.misto, .itemTraining-light .product_text h4.skolitel, .itemTraining-light .product_text h4.platnost {position: relative;} .itemTraining-light .product_text .firma span{ font-weight: bold;} .itemTraining-light, .itemSupplier-light{ width: 31% !important; margin: 8px; /*float: none;*/height: 305px;} .itemTraining-light .product_type{ text-align: center; font-weight: bold; font-size: 0.7em;} .item-box.itemTraining-light .product_img{height: 100px;overflow: hidden;} .item-box.itemTraining-light .product_img img{ width: auto;max-height: 100px; max-width: 300px; position: relative;} .item-box.itemTraining-light .product_img img.dodavatel{ width: auto;} .item-box.itemSupplier-light .product_img{height: 148px;overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: contain;} .itemSupplier-light{ height: 150px;} .itemCustomMenu.itemTraining-light { height: 173px !important;} .prod_box{ display: unset; } /*.item-box a:hover, .item-box2 a:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}*/ .item-box .statusbar, .detailImageCol .statusbar{ position: absolute; z-index:2; margin-top: 15px;} .statusbar span {display: block; /*float: left; height: 18px;*/ color: #fff; font-weight: bold; margin-bottom: 5px; padding: 0 10px;} .statusbar.kusovnik span {display: inline-block; margin-left: 5px;} .statusbar span.vyprodej {background-color: #FF7800;} .statusbar span.tip {background-color: #289CEF;} .statusbar span.akcnicena {background-color: #e8e81d;} .statusbar span.novinka {background-color: #CE0ACE;} .statusbar span.poskozeno {background-color: #FFE100; color: #000;} .statusbar span.likvidace {background-color: #9201B8;} .statusbar span.onlinetip {background-color: #0075F8;} /*.statusbar span.skladem, .stavnapob span.skladem {background: #009900 url('../images/sklad.png') 5px 50% no-repeat; padding-left: 25px;} .statusbar span.neniskladem, .stavnapob span.neniskladem {background: #cc0000 url('../images/nsklad.png') 5px 2px no-repeat; padding-left: 25px;}*/ /*span.novinka{ height:35px; width:131px; display: block; background-image: url(../images/newIcon.png); background-repeat: no-repeat; position: relative; left: -15px; background-size: 90px;}*/ p.noItems {text-align: center; padding: 150px 20px;} .product_text{padding: 8px; height:238px;position: relative/*pro typ ordinace laborator*/;} .insert_basket { margin: 10px 0px 2px 0px;} .insert_basket input, .insert_basket a,.product_no,.dalsiKodyAll select,.dalsiKodyOne select {text-align: center; padding: 5px 0px 5px 0px;} .insert_basket a.btnPlus, .product_no,.dalsiKodyAll select,.dalsiKodyOne select { border-width: 0px 1px 0px 0px; } .insert_basket input{border-width:0px;} .insert_basket a.btnPlus{border-style: solid;} .insert_basket input::after { content: "ks";} .sklad{text-align:right;/*display: none !important;*/} .product_info{/*margin-top:8px;*/} .obj_cislo, .sklad, .insert_basket a, .insert_basket input{ display: inline-block;} .insert_basket a.to_basket{width:50%;} .insert_basket a.to_basket.openAll{width:100%; display:block;} .insert_basket input{width:24%;outline: none;} a.btnPlus, a.btnMinus{width:13%; text-decoration: none; font-weight: bold; } .insert_basket a.sklpasivni{width:100% !important;} .dalsiKodyAll input{width:16% !important;} .dalsiKodyAll a.btnPlus, .dalsiKodyAll a.btnMinus{width:7% !important;} .dalsiKodyAll select{width:15% !important;} .dalsiKodyOne input{width:17% !important;} .dalsiKodyOne a.btnPlus, .dalsiKodyOne a.btnMinus{width:9% !important;} .dalsiKodyOne select{width:25% !important;} .dalsiKodyAll a.to_basket, .dalsiKodyOne a.to_basket{width:40% !important;} .btn-detail.dalsiKodyAll select{width:50% !important;} .btn-detail.dalsiKodyOne select{width:100% !important;} .doplnkoveKody option.dopo{ font-weight: bold;} .obj_cislo, .sklad{ font-size: 0.7em;width:49%;font-weight: bold;} .skladem { color:green;font-weight: bold; text-transform: uppercase; } .notSkladem{ color:red;font-weight: bold; text-transform: uppercase;} .product_no{ height:99px/*69px + 44px -12px*/} .to_basket{} /* === END items ===*/ /* ====== detail ======= */ xb-detail-info { } h1.detail { line-height: 1.2; font-weight: 800; text-transform: none; background-color: inherit !important; /*font-size: 3em;*/ font-size:calc(1.2rem + 1.75vw); } .detail-smallDescription{ } .detail-smallDescription a{ color: var(--color-active) !important; text-decoration:none; font-weight: 700; } .xb-detail-price { padding: 16px 0px; } .xb-detail-priceDetailWithoutTax, .xb-detail-priceSum { color: var(--color-second-dark2); } .xb-detail-priceSum { font-size: 1.375rem; text-decoration: line-through; } .xb-detail-price>strong { font-weight: 800; font-size: calc(1.2rem + 1.5vw); line-height: 1; } .xb-detail-priceWithoutTax { color: var(--color-second-dark2); font-size: 1.125rem; } .detail-table-kusovnik {font-weight:bold;} .detail-table-kusovnik th{font-weight:normal;} .detail-table-kusovnik td{} .detail-table-kusovnik .name a {text-decoration:none; } .detail-table-kusovnik .codes{} .detail-table-kusovnik .price_basic{text-align:right} .detail-table-kusovnik .price_custom{text-align:right} .detail-table-kusovnik .insert_basket{background-color: initial !important; padding: 0px !important; vertical-align: middle; width: 200px;} .detail-table-kusovnik .to_basket::before { content: ""; display:none} .detail-table-kusovnik .to_basket { font-size:0.8em; text-decoration:none;} .detail-table-kusovnik .btnMinus, .detail-table-kusovnik .btnPlus, .detail-table-kusovnik .to_basket, .detail-table-kusovnik .kosikPocet {padding-top:11px; padding-bottom:11px;} .detail-table-kusovnik input{border:0px} .detailImageCol{/*width:100%; max-width: 400px*/} /* 300px */ .detailImageCol img{/*max-height: 400px; max-width: 400px;*/} .detail-info{width:300px; padding: 16px 0px;} .btn-detail{width:150px; display:block; margin: 10px 0px !important;} .zuby-detail, .colorCodes-detail{width:150px !important; /*display:block; margin: 10px 0px !important;*/} .zuby-detail .label-inner::before { content: 'Tvar: '; color: var(--color-second-dark2); } .colorCodes-detail .label-inner::before { content: 'Barva: '; color: var(--color-second-dark2); } .zuby-detail .option-description.skladNeni{ color: var(--color-active) !important; font-weight: normal !important; } /*.zuby-detail .option-description.skladNeni{ color: var(--color-second-dark2); }*/ /*.zuby-detail .tail--nested-dropdown-item input {display: none !important;} .zuby-detail .tail--nested-dropdown-item small {font-size:10px !important; color:red} .zuby-detail .tail--nested-dropdown-item label span {font-weight: 600 !important;padding: 3px 2px 3px 8px !important;} .zuby-detail .tail--nested-dropdown-item label {padding: 3px 2px !important;} .zuby-detail .tail--nested-dropdown-item input {display: none !important;}*/ .btn-detail .btnMinus, .btn-detail .btnPlus {width: 30% !important;} .btn-detail input {width: 40% !important;} .imageFull {max-width: 100%;} .imageOrig {} .swiper{ margin-bottom: 10px; } .detailImageCol .swiper.mainSwiper img{ width: 100%; max-width: 600px; } .detailImageCol .swiper.thumbSwiper img{ padding:5px; background-color: white; border-radius: 8px; } .swiperCover { padding: 1.5rem 3.1rem; background-color: var(--color-light); border-radius: 8px; margin-bottom: 10px; } .swiper-slide.swiper-slide-active { cursor: zoom-in; } .video-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; height: 400px; background: url('/images/video-placeholder.png') no-repeat center/contain; pointer-events: none; /* aby klik fungoval na slide */ opacity: 0.85; } .swiper-slide { position: relative; /* aby overlay seděl správně */ } /* ====== detail END ======= */ /* ====== detail tabulka ======*/ /* vrtáčky */ .tabulka { text-align: left; border-collapse: collapse;} tr.vrtImg td{background-color: var(--color-light); } td.TabPrumery, .TabHeadPrumery, td.TabDelky {font-size: 14px; white-space: nowrap; background-color: var(--color-primary-dark); text-align: center; color: var(--color-item); padding: 6px 10px;} .TabHeadPrumery {font-size: 10px;} td.TabDelky { font-size: 9px; font-weight: normal; background-color: #e3e3e3; } tr.TabBunky { margin: 0; padding: 0; } td.TabBunka { text-align: center; font-size: 11px; white-space: nowrap; } tr:hover td.TabBunka{ background-color: var(--color-primary-light2);} td.TabBunka:hover a{ background-color: var(--color-light) !important; } .TabBunkaVisited { color: #ff0000; text-align: center; font-size: 11px; font-weight: bold; white-space: nowrap; text-decoration: none; } .TabBunka { text-align: center; font-size: 15px;white-space: nowrap; text-decoration: none; } .TabBunka a { display: block; padding: 4px; } .zrnitostLayout { margin: 20px 0 70px 0; color: #000; text-align: center; font-size: 12px; font-weight: normal; white-space: nowrap; background-color: #ffcc66;} .zrnitostLayout th {text-align: center; color: #000; background-color: silver; padding: 5px 15px 5px 12px; } .zrnitostLayout td {border: 1px black solid; padding: 2px; } .klas { background-color: #996600; font-weight: bold;} .zkratka {color: #ff0000; font-weight: bold;} .lgn_black {background-color: black; color: #fff; } .lgn_green { background-color: #008000; color: #fff; } .lgn_whiteX {background-color: #fff; color: #000; background-image: url('../images/zrnitost.gif') 0 0 no-repeat; } .lgn_red {background-color: #ff0000; color: #fff;} .lgn_yellow {background-color: yellow; color: #000;} .lgn_white {background-color: #fff; color: #000;} .lgn_blue { background-color: #0000ff; color: #fff; } .zrn_none, .zrn_black, .zrn_green, .zrn_whiteX, .zrn_red, .zrn_yellow, .zrn_white, .zrn_blue { background-color: #fff; color: black; padding: 6px 10px; text-align: left; font-size: 14px; font-weight: bold; white-space: nowrap; } .zrn_black { background-color: #000; color: #fff; } .zrn_green { background-color: #008000; color: #fff;} .zrn_whiteX { color: #000; background: #fff url('../images/zrnitost_small.gif') 0 0 no-repeat;} .zrn_red { background-color: #ff0000; color: #fff;} .zrn_yellow { background-color: yellow; color: #000;} .zrn_white { background-color: #fff; color: #000;} .zrn_blue { background-color: #0000ff; color: #fff;} /* ====== detail Kusovnik END ======*/ /* ====== detail barvy ======*/ /* zuby */ a.disabledToBasket { pointer-events: none; cursor: default; background-color: grey !important; } /* ====== detail barvy END ======*/ h2.basket, h2.doprava, h2.offerFinish {color:var(--color-primary-dark); padding: 5px 15px;background-color:var(--color-light);font-size: 1.4em;} h2.offerFinish {margin-top: 40px;} /* ====== Basket ========= */ .basket-table {} .basket-table th{font-weight:normal;} .basket-table td{} .basket-table .ktgref{font-weight:bold;} .basket-table .name a {text-decoration:none; color:var(--color-primary-dark);font-weight:bold;} .basket-table .codes{} .basket-table .price{text-align:right} .basket-table .price-final{text-align:right;font-weight:bold;} .basket-table .insert_basket{background-color: initial !important; padding: 0px !important; vertical-align: middle; width: 90px;} .basket-table .delete { font-size:0.8em; background-color:var(--color-active);color:var(--color-light);text-decoration:none;} .basket-table td.btnDeleteItem {text-align:center; vertical-align:middle;} .basket-table .btnMinus, .basket-table .btnPlus, .basket-table .to_basket, .basket-table select, .basket-table .kosikPocet {padding-top:5px; padding-bottom:5px;} .basket-table .kosikPocet{width:40%} .basket-table .btnMinus, .basket-table .btnPlus{width:30%} .basket-table input,.basket-table select{border:0px;} .pageWithPadding .to_basket{background-color:var(--color-active);color:var(--color-light);text-decoration:none;padding:11px;} tr.summary{border:0px;} tr.summary td{padding-top:20px} .celkemText{font-weight:bold; text-align:right !important;} .celkemValue{font-weight:bold;color:var(--color-primary-dark); font-size:1.1em; text-align:right !important;} .summaryPriceValue{font-weight:bold;color:var(--color-active); font-size:1.1em; text-align:right !important;} .kosik-doprzdarma-no, .kosik-doprzdarma-yes{ color: var(--color-primary-dark); text-align: left; padding: 15px 20px; background-color:var(--color-light); } .kosik-doprzdarma-no .shipping-bar{ background: var(--color-primary-light); border: 1px solid var(--color-primary-light2); height: 6px; margin: 2px 0 0px; position: relative;} .kosik-doprzdarma-no .shipping-bar span{ content: ""; top: -1px; bottom: -1px; right: -1px; left: -1px; background: var(--color-primary-dark); display: block; position: absolute;} #basket .kosik-doprzdarma-no, #basket .kosik-doprzdarma-yes{ color: var(--color-dark); text-align: center; padding: 20px 20px 0px 20px;} #basket .kosik-doprzdarma-no strong.primary, #basket .kosik-doprzdarma-yes strong.primary{ color: var(--color-primary-dark);} #basket .kosik-doprzdarma-no .shipping-bar { margin: 2px 0px 10px 0px;} /* ====== Basket END ========= */ /* ====== ORDER ========= */ .offerFinish .infoContainer .w3-row, .offerFinish .priceContainer .w3-row{padding:0px 10px;} .infoContainer{padding-right:150px;} .priceContainer .price{text-align:right;} .priceContainer .price,.infoContainer .w3-rest{font-weight: bold;} .offerKeys{width:150px;} /* ====== ORDER END========= */ /* ====== vyhledavani ======= */ .noItem{text-align:center;} .noItem i {font-size: 2em;} .noItem span {display:block;} .sellersItemsBlock .noItem { padding-top: 20%;} /* ====== vyhledavani END ======= */ .aktMenu a{display: block; background-position: center; background-size: cover; background-repeat: no-repeat; text-decoration:none} .aktMenu a .imageText{visibility:hidden;background-color:initial;height: 100%; text-align: center;padding: 30% 0; font-size: 1.2em;} .aktMenu a:hover .imageText{background-color:rgba(0,0,0,0.3);visibility:visible;} .aktMenu a .imageDatum{display:none;font-size: 0.6em;} #fancybox-wrap { box-sizing: initial; } /* zrušení nepotřebného efektu z W3 stylu*/ #main_all{margin-top: 86px;} /* ====== nedodané ====== */ .radio{display:block} div.block label{display:block} div.block{clear:both} .findForm{border-bottom:3px white solid} /* ====== nedodané END ====== */ .findPohledavky{max-width:400px;} /* ====== doprava a platba ====== */ #showDoprava{ margin-right: 10px;} .tableDopravaPlatba label{font-weight: bold;} .tableDopravaPlatba td.radio{vertical-align:top;} .tableDopravaPlatba td.radio input{margin-top:4px;} .tableDopravaPlatba td {padding-bottom:10px;} /* ====== doprava a platba END ====== */ /* ====== WWW ====== */ .imgCenter{ display: block; margin: 20px auto; } form.formObject input[type=checkbox]{ margin-right: 10px; } .catChapter{ width: 33%; display: inline-block; float: left; height: 220px; padding: 10px;border-radius: 5px;} .catChapter a{ width: 135px;} .catChapter .w3-rest{ font-size:0.9em;} .catChapter .w3-rest p { margin: 0px;} .catChapter p.desc{ font-size: 0.9em; line-height: 1.3;margin-top: 5px;} .kontaktObchod{ width:19%; padding-bottom: 10px; float: left; margin: 0px 10px 10px 0px; text-align: center; } .kontaktObchod img{ } .kontaktObchod .mail, .kontaktObchod .tel{ font-size: 0.7em; padding: 5px 10px; } .kontaktObchod .mail { min-width: 100px;} /*.kontaktObchod .tel{width:40%; float:left} .kontaktObchod .mail{width:58%; float:right}*/ .kontaktObchod .mail span, .kontaktObchod .tel span{display:block;} .cistic {clear:both;} .formSendText { padding: 10px 50px; } .formReadOnly{ cursor: unset; font-weight: bold; } .skoleni-detail h5{ display:inline-block; } .upozorneni{ padding: 20px; margin: 20px; } .pageWithPadding .upozorneni{ margin: 0px; } /* ====== WWW END ====== */ @media only screen and (max-width: 1760px) { #xb-drob-nav .w3-button, .xb-attachments .w3-button {width: 24%;} .kontaktObchod{width:23%;} } @media only screen and (max-width: 1660px) { .item-box { width: 24.3%; } /* 25 */ .catChapter{ width: 48%;} } @media only screen and (max-width: 1480px) { /*.xb-top-div, .xb-page-div, .xb-footer-div { width:auto;}*/ /*.item-box { width: 33.3%; }*/ .itemTraining-light, .itemSupplier-light{ width: 47% !important;} /*#xb-drob-nav .w3-button, .xb-attachments .w3-button {width: 32%}*/ .kontaktObchod{ width:32%;} } @media only screen and (max-width: 1200px) { .xb-top-div, .xb-page-div, .xb-footer-div, .xb-pageWidth-div { width:auto;} .item-box { width: 32%; } /*.item-box { width: 49%; }*/ .item-box2 {width: 33%; } #xb-drob-nav .w3-button, .xb-attachments .w3-button {width: 32%} #main_all{margin-top: 86px;} .kontaktObchod{ width:48%;} } @media only screen and (max-width: 1160px) { .xb-w3-padding-nav-logo { margin-right: 0px;} .itemTraining-light, .itemSupplier-light{ width: 100% !important;} .catChapter{ width: 100%;} .catChapter a{ width: 160px;} } @media only screen and (max-width: 1110px) { .aktMenu a .imageText{font-size: 1.1em;} .w3-bar .w3-bar-item { padding: 8px 13px;} } @media only screen and (max-width: 1040px) { .w3-bar .w3-bar-item { padding: 8px 10px;} .xb-theme-menu-subMenu .w3-bar-item { padding: 8px 10px; margin: 4px;} .infoContainer{padding-right:50px;} #footer a.social img {width:32px; height:32px;} #footer .kzt-logo {height:50px;} } @media only screen and (max-width: 1000px) { .w3-bar .w3-bar-item { padding: 8px 16px;} #main_all{margin-top: 86px;} .aktMenu a .imageText{font-size: 0.9em;} #logo{height:90px} .xb-w3-padding-nav-logo{ margin: 16px;} .xb-footer-div .w3-third {padding: 0px;} #xb-drob-nav .w3-button, .xb-attachments .w3-button {width: 48%} } @media only screen and (max-width: 940px) { .kontaktObchod{ width:100%;} } @media only screen and (max-width: 900px) { .xb-theme-menu-subMenu .w3-button { width: 32%} /*.item-box { width: 100%;}*/ .item-box { width: 48%; } .item-box2 {width: 49.5%;} .aktMenu a{width: 100%;} .aktMenu a .imageText{font-size: 1.2em;} .infoContainer{padding-right:0px;} .offerKeys{width:120px;} .detail-table-kusovnik .to_basket { font-size: 1em;} .detail-table-kusovnik { font-size: 0.7em;} } @media only screen and (max-width: 700px) { .xb-theme-menu-subMenu .w3-button { width: 48%} } /* @media only screen and (max-width: 600px) { */ @media only screen and (max-width: 768px) { /*#search { width: 63%; }*/ .xb-w3-mnuItem{ width:100% !important;} .item-box { width: 100%;} .pageName{/*background-color:var(--color-light)*/ !important;text-align:center;} .pageNameRed{text-align:center;} .pageName, .pageNameRed, h1.detail {font-size: 1.8em; padding: 5px;} .xb-tab-menu{ background-color: var(--color-primary-light2) !important;} #search {width: 100%; height: initial; } #logo { width: 180px; height: initial; margin: 0px auto auto auto; display: block; } #head_tab .xb-top-div { height: 97px; background-image: none;} #basket { width: 35px; margin-left: 0px; float: right; margin-right: 10px; } #basket .basketTitle{ display:none; } #basket .basketCount{left: initial; right: -8px !important;} #basket .w3-dropdown-content {right: 0px;} #language .w3-dropdown-content {left: 0;position: fixed;} #acount { width: 35px; float: left; margin-left: 10px;margin-right: 0px;} #acount .acountTitle{ display:none; } #acountBasket { width: 100%; margin-left: 10px;} .xb-w3-padding-nav-logo { padding: 15px 0px!important; } #acountBasket, #search { margin: 10px 0px; } #naseptavacDivPozice { width: 100%;} #naseptavac {width: 100%;} .naseptavac li div { width: 80%;} .naseptavac li .name { font-size: 0.8em;} .naseptavac li .ktgref {font-size: 0.7em;} #search input {width: 85%;} #acount:hover .w3-dropdown-content, #basket:hover .w3-dropdown-content, #language:hover .w3-dropdown-content{width: 100%;display: block; position: fixed; top: 44px;} .basket-table {font-size: 0.7em;} .pageWithPadding { padding: 10px 10px; } .xb-sendButton, .xb-mainButton { font-size: 0.8em; padding: 5px 10px; margin: 5px;} /* zrušení sipek u malych zarizeni */ .slick-arrow { display:none !important;} .detail-info { width: 100%;} .detail-info .w3-half { width: 50%;} .detailImageCol img { width: 100%; } .detailImageCol { text-align: center!important;padding-bottom: 30px;} .btn-detail { margin: 10px auto !important;} .sort-box-new { font-size: 0.7em; } .pagerPages, .pagerInfo { text-align: center; } /*.xb-w3-padding-nav { padding-top: 16px!important; padding-bottom: 16px!important; } .xb-w3-margin-nav-32 {margin-top: 9px!important; margin-bottom: 9px!important;} .xb-w3-padding-search {padding-top: 9px!important; padding-bottom: 9px!important;} .xb-w3-padding-nav-logo{ padding: 8px 12px!important; margin-right: 10px; }*/ #main_all{margin-top: 56px;} .item-box { width: 100%;} .item-box2 { width: 100%;} .w3-theme-border1 {border-left-color:var(--color-light)} /* ====== left menu ======= */ .w3-theme-tree-menu{color:var(--color-primary-dark) !important; background-color:var(--color-second-light) !important;} .w3-theme-tree-menu .w3-button:hover{color:var(--color-primary-light) !important; background-color:var(--color-second-light) !important;} .w3-theme-tree-menu .active, .w3-theme-tree-menu-mobile .active{color:var(--color-primary-light) !important; background-color:var(--color-light) !important;} /*.w3-theme-tree-menu .w3-button{height:90px; display: inline-flex; justify-content: center; align-content: center; flex-direction: column; width:32.8%}*/ .w3-theme-tree-menu .w3-button {padding: 10px; font-size: 1em;} .w3-theme-tree-menu {padding-top: 0px;} /*.xb-bar-block .w3-bar-item {text-align: center;}*/ .xb-bar-block{ width: 100%; overflow: hidden;} .xb-tab-menu .w3-button { display: inline-block; width: 32.5%; text-align: center;} .xb-tab-menu .w3-button::after { content: "";} /* ====== left menu END ======= */ .crumb { padding: 10px; text-align: center;} .hp .w3-col { text-align: center; } .xb-footer-div .w3-col { text-align: center; } .formSendText { padding: 0px 20px; text-align: center;} } @media only screen and (max-width: 600px) { #xb-drob-nav .w3-button, .xb-attachments .w3-button {width: 98%} } @media only screen and (max-width: 550px) { .catChapter a{ width: 135px;} } @media only screen and (max-width: 500px) { /*#search { width: 55%; }*/ .item-light, .itemAction-light, .itemTraining-light, .itemSupplier-light {width:95% !important;} } @media only screen and (max-width: 450px) { .catChapter .w3-rest{ font-size:0.8em;} } @media only screen and (max-width: 420px) { /*.xb-w3-padding-nav { padding: 16px 12px!important; } .xb-w3-padding-nav-logo{ padding: 8px 0px 8px 10px!important; } #main_all{margin-top: 56px;} */ } @media only screen and (max-width: 390px) { /*#search { width: 60%; right: 110px;} .xb-w3-padding-nav { padding: 16px 6px!important;}*/ #language { display:none;} } @media only screen and (max-width: 360px) { /*#search { width: 57%; }*/ }