/* */ * { box-sizing: border-box; margin: 0; -moz-box-sizing: border-box; product padding: 0; } img { border-style: none; vertical-align: middle; } .invisible { display: none; } .main-obal { /* background: url('images/background.gif') repeat-y top; */ width: 100%; } .main { width: 100%; } .cleaner { clear: both; font-size: 0px; height: 0px; line-height: 0px; } .center { margin: 0 auto; text-align: center; } .righttext { display: none; } .bold { font-weight: bold; } /* Základní nastavení */ body { background-color: #FFFFFF; color: #000000; font-family: verdana, arial, sans-serif; font-size: x-small; margin: 10px 0; text-align: center; } html>body { font-size: small; } td { font-family: verdana, arial, sans-serif; font-size: 11px; } .page { background-color: #ffffff; border: 1px solid #000000; border-bottom: 1px solid #000; border-top: 1px solid #000; font-size: 92%; margin: 0 auto; text-align: left; width: 1100px; } /* Horní pruh */ .header { background: url('images/bg_top.jpg') no-repeat top left; background-color: #FFFFFF; color: #000000; height: 120px; overflow: hidden; } .header-left { float: left; font-size: 100%; padding: 25px 0px 0px 15px; text-align: center; width: 194px; } .header-middle { float: left; font-size: 110%; text-align: center; width: 708px; } .header-middle a { color: #999999; font-weight: bold; margin: 0 10px 0 0; text-decoration: none; } .header-middle a:hover { color: #ffffff; font-weight: bold; margin: 0 10px 0 0; text-decoration: none; } .in-header-middle { margin: 95px 10px 0px 10px; } .header-right { float: right; font-size: 100%; padding: 2px 0px 0px 0px; text-align: center; width: 193px; } .header-banner { padding: 0px 0px 0px 0px; } /* Horní menu */ .top-menu { background-color: #7AB500; border-bottom: 0px solid #7AB500; border-top: 0px solid #7AB500; color: #ffffff; font-size: 100%; font-weight: bold; padding: 7px 0; text-align: center; } .top-menu li { display: inline; } .top-menu a { color: #ffffff; text-decoration: none; } .top-menu a:hover { color: #ffffff; text-decoration: underline; } /* Hlavní plocha */ .middle { color: #000000; float: left; overflow: hidden; width: 708px; } .in-middle { margin: 10px; } .middle a { color: #000; } .middle a:hover { color: #f00; } .middle p { padding: 5px 0; } /* Levý a pravý sloupek */ .left { background-color: #fff; color: #000000; float: left; width: 194px; } .left a { color: #000000; } .left a:hover { color: #f00; } .left h4 { background-image: url('images/bg_banner.jpg'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #F7B50C; border-left: 5px solid #F7B50C; border-top: 0px solid #F7B50C; color: #ffffff; font-size: 100%; margin: 0px; padding: 2px 2px 2px 5px; text-align: left; } .right { background-color: #fff; color: #000000; float: right; width: 194px; } .right a { color: #000000; } .right a:hover { color: #f00; } .right h4 { background-image: url('images/bg_banner.jpg'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #F7B50C; border-left: 5px solid #F7B50C; border-top: 0px solid #F7B50C; color: #ffffff; font-size: 100%; margin: 0px; padding: 2px 2px 2px 5px; text-align: left; } /* Spodní pruh */ .footer { background: url('images/bg_top.jpg') no-repeat top left; background-color: #eeeeee; color: #666666; font-size: 78%; padding: 10px; text-align: center; } .footer p { padding: 1px; } .footer a { color: #666666; } .footer a:hover { color: #FE5300; } /* Spodní menu */ .bottom-menu { background-color: #363636; border-bottom: 0px solid #7AB500; border-top: 0px solid #7AB500; color: #ffffff; padding: 2px 0; text-align: center; } .bottom-menu li { display: inline; } .bottom-menu a { color: #ffffff; text-decoration: none; } .bottom-menu a:hover { color: #ffffff; text-decoration: underline; } /* Cena nákupu */ .total-price h4 { border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc; border-right: 0px solid #cccccc; border-top: 0px solid #cccccc; color: #000; font-size: 100%; margin: 5px 0px; padding: 2px 2px 2px 2px; text-align: center; } .total-price { font-size: x-small; } .total-price p span { /* color: #eeeeee; */ color: #fe5300; font-size: x-small; font-weight: bold; } .total-price-dual { font-size: x-small; margin: 5px 0px 0px 0px; } /* Language Selection */ .selectedlanguage { font-weight: bold; } .language h4 { background-image: url('images/bg_banner.gif'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc; border-top: 0px solid #4e4e4e; color: #000; font-size: 100%; height: 23px; margin: 10px 0px; padding: 4px 2px 2px 10px; text-align: left; } .language { border-left: 0px solid #4e4e4e; color: #ffffff; margin: 5px 0px; text-align: center; } .language select { min-width: 50px; } .language div { padding: 2px; } .language table { text-align: center; width: 100%; } .language input { margin: 0 2px 0 2px; } /* Kategorie */ .levels-tree h4 { background-image: url('images/bg_banner.gif'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc; border-top: 1px solid #4e4e4e; color: #000; font-size: 100%; height: 23px; margin: 10px 0px; padding: 4px 2px 2px 10px; text-align: left; } .levels-tree { border-right: 1px solid #4e4e4e; margin: 0px 0px 0px 0px; } /* .levels-tree ul { margin: 2px 0px 2px 5px; } .levels-tree ul ul { margin: 2px 0px 2px 5px; } .levels-tree li { color: #000; list-style-type: square; } .levels-tree ul ul li { color: #000; } .levels-tree a { color: #000000; } .levels-tree a:hover { color: #f00; } */ /* Uživatelské výběry */ .item-section { margin: 10px; text-align: center; } .item-section a { color: #000000; font-weight: bold; } .item-section a:hover { color: #FE5300; } .item-section div { margin-bottom: 5px; } .item-section div strong { color: #363636; } .left-img { height: auto; width: 160px; } /* Uživatelský výběr 1 */ .user-selection1 h4 { background-image: url('images/bg_banner.gif'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc; border-top: 1px solid #4e4e4e; color: #000; font-size: 100%; height: 23px; margin: 10px 0px; padding: 4px 2px 2px 10px; text-align: left; } .user-selection1 { border-right: 1px solid #4e4e4e; margin: 0px; } /* Uživatelský výběr 2 */ .user-selection2 h4 { background-image: url('images/bg_banner.gif'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc; border-top: 1px solid #4e4e4e; color: #000; font-size: 100%; height: 23px; margin: 10px 0px; padding: 4px 2px 2px 10px; text-align: left; } .user-selection2 { border-left: 1px solid #4e4e4e; margin: 0px; } /* Uživatelský výběr 3 */ .user-selection3 h4 { background-image: url('images/bg_banner.gif'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc; border-top: 1px solid #4e4e4e; color: #000; font-size: 100%; height: 23px; margin: 10px 0px; padding: 4px 2px 2px 10px; text-align: left; } .user-selection3 { border-left: 1px solid #4e4e4e; margin: 0px; } /* Přihlášení */ .customer-login h4 { background-image: url('images/bg_banner.gif'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc; border-top: 1px solid #4e4e4e; color: #000; font-size: 100%; height: 23px; margin: 10px 0px; padding: 4px 2px 2px 10px; text-align: left; } .customer-login { border-left: 1px solid #4e4e4e; margin: 0px; } .customer-login form { margin: 10px 10px 0 10px; } .customer-login input.field { width: 120px; } .customer-login ul { list-style: none; padding: 10px; } .customer-login a { color: #000000; padding: 3px 0; text-decoration: underline; } .customer-login a:hover { color: #FE5300; } /* Blok zákazníka */ .customer-section h4 { background-image: url('images/bg_banner.gif'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc; border-top: 1px solid #4e4e4e; color: #000; font-size: 100%; height: 23px; margin: 10px 0px; padding: 4px 2px 2px 10px; text-align: left; } .customer-section { border-left: 1px solid #4e4e4e; margin: 0px; } .customer-section ul { list-style: none; padding: 10px; } .customer-section p { padding-top: 10px; text-align: center; } .customer-section p span { font-weight: bold; } .customer-section a { color: #000; padding: 3px 0; text-decoration: underline; } .customer-section a:hover { color: #FE5300; } /* Vyhledávání */ .search-form h4 { background-image: url('images/bg_banner.gif'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc; border-top: 1px solid #4e4e4e; color: #000; font-size: 100%; height: 23px; margin: 10px 0px; padding: 4px 2px 2px 10px; text-align: left; } .search-form { border-left: 1px solid #4e4e4e; margin: 0px; } .search-form form { margin: 10px 10px 0 10px; } .search-form ul { list-style: none; padding: 10px; } .search-form a { color: #000; padding: 3px 0; text-decoration: underline; } .search-form a:hover { color: #FE5300; } /* Filtry */ .filters h4 { background-image: url('images/bg_banner.gif'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc; border-top: 1px solid #4e4e4e; color: #000; font-size: 100%; height: 23px; margin: 10px 0px; padding: 4px 2px 2px 10px; text-align: left; } .filters { border-right: 1px solid #4e4e4e; margin: 0px; } .filters p { padding: 5px 10px; } /* Levy Info panel */ .left-info h4 { background-image: url('images/bg_banner.gif'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc; border-top: 1px solid #4e4e4e; color: #000; font-size: 100%; height: 23px; margin: 10px 0px; padding: 4px 2px 2px 10px; text-align: left; } .left-info { border-right: 1px solid #4e4e4e; margin: 0px; text-align: center; } .left-info img { margin: 5px 0px; } .left-info p { padding: 5px 10px; } /* Pravy Info panel */ .right-info h4 { background-image: url('images/bg_banner.gif'); background-position: left top; background-repeat: repeat-x; border-bottom: 0px solid #cccccc; border-left: 0px solid #cccccc; border-top: 1px solid #4e4e4e; color: #000; font-size: 100%; height: 23px; margin: 10px 0px; padding: 4px 2px 2px 10px; text-align: left; } .right-info { border-left: 1px solid #4e4e4e; margin: 0px; text-align: center; } .right-info img { margin: 5px 0px; } .right-info p { padding: 5px 10px; } /* Nadpis stránky */ h1 { color: #282a39; font-size: 116%; margin: 0px 0px 15px 0px; padding: 0px; } h1 img { margin: 0px 5px 0px 0px; vertical-align: middle; } h2 { background-color: Transparent; color: #000; font-size: 112%; margin: 0px 0px 5px 0px; padding: 0px; } /* Cesta kategorií */ .breadcrumbs { border-bottom: 1px dotted #363636; font-size: 93%; margin: 0px 0px 5px 0px; padding: 0px 0px 3px 0px; } .breadcrumbs a { color: #282A39; } .breadcrumbs a:hover { color: #FE5300; } /* Chybové hlášení */ .missing-entry { color: #FF0000; } .missing-entry strong { font-size: 100%; } /* Formuláře */ fieldset { border-bottom: 1px solid #2c3d47; border-left: 1px solid #2c3d47; border-right: 1px solid #2c3d47; border-top: 1px solid #2c3d47; margin: 10px 5%; padding: 5px; } legend { color: #2C3D47; font-weight: bold; } legend img { margin: 0px 5px 0px 0px; vertical-align: middle; } .input { background-color: #ffffff; border: 1px solid #bbbbbb; padding: 2px 0; } /* Výběry titulka */ .main-selection { margin: 10px 0; } .main-selection a { color: #000000; font-weight: bold; } .main-selection a:hover { color: #FE5300; } .main-selection div { margin-bottom: 5px; } .main-selection div strong { color: #282A39; } .main-column { float: left; margin: 10px 10px 10px 0; text-align: center; width: 180px; } /* Tabulka parametrů */ .parameters { margin-top: 10px; } .parameters td { border: none; padding: 2px; } .sec-line { background: #F8F8F8; } .property-title { background: #c0c0c0; font-weight: bold; } .property-name { background: #EFEFEF; } .property-value { } /* Ceník, katalog, košík */ .count { width: 40px; } .marks { margin: 8px 0; } td div.marks { margin: 0 0 4px 0; } .marks span { background-color: #363636; color: #FFFFFF; font-weight: bold; margin-right: 3px; padding: 3px; } .marks img { margin-right: 3px; } .product-list { width: 100%; } .product-list td { padding: 3px 2px; } .product-list th { font-size: 11px; margin: 0; padding: 0; text-align: left; } .product-list-header td { background-color: #363636; background-image: url('images/bg_banner.gif'); border-bottom: 1px solid #282a39; color: #000; font-weight: bold; } .product-list-header a { color: #000; font-weight: bold; text-decoration: none; } .product-list-footer td { background-color: #ffffff; color: #2C3D47; text-align: right; } .product-list-row td { border-top: 1px solid #DDDDDD; } .cat-picture { /* background-color: #F5F5F5; */ float: left; margin-right: 10px; } .cat-desription { float: left; } .cat-price-row { width: 100%; } .cat-price { float: right; text-align: right; } .cat-price div { margin-bottom: 5px; } .cat-price-button * { vertical-align: middle; } .cat-price-button { float: right; margin-left: 10px; } .add-button { margin: 5px 0; text-align: right; } .cat-item-data span { font-weight: bold; } .cat-item-description p { margin: 0; padding: 0; } .discount { color: #282A39; font-weight: bold; text-align: right; } .product-list-name a:hover { color: #282A39; } .product-list-name-mark a:hover { color: #990000; } h2.product-list-name { font-size: 113%; margin: 10px 0 5px 0; } div.product-list-row { border-bottom: 1px dotted #2c3d47; padding: 0px 0px 10px 0; } div.product-list-row-cat { border-top: 1px dotted #2c3d47; padding: 0px 0px 10px 0; } .cat-item-data { font-size: 92%; line-height: 130%; } .cat-column { float: left; margin: 0 10px 10px 0; width: 335px; } /* ------- Bloky nenastavující se zatím z managera ------- */ .reg-form fieldset { margin-bottom: 10px; } /* User data */ .user-data { width: 80%; } .user-data td { padding: 1px 5px 1px 0; } .user-data td.name { width: 40%; } .user-data td.value { width: 60%; } /* Stránkování */ .pager { margin: 5px 0; width: 100%; } .pager-txt { float: left; padding-top: 4px; } .pager-btn { float: right; } /* Sestavy */ .configure-button { margin: 5px 0 20px 0; text-align: right; } .componentgroup-name { font-weight: bold; margin-top: 10px; } /* Košík, pokladna */ .cart-button { margin: 5px 0 20px 0; text-align: right; } .deliveries { float: left; margin: 3px 0 10px 0; width: 50%; } .payments { float: left; margin: 3px 0 10px 0; width: 50%; } .delivery-adress { width: 100%; } .delivery-adress td { text-align: left; } .delivery-adress td.name { text-align: left; width: 40%; } .delivery-adress td.value { text-align: left; width: 60%; } .delivery-adress .input { width: 80%; } .extrapay-name td { background-color: Transparent; border-bottom: 0px solid #f5f5f5; border-left: 0px solid #f5f5f5; border-right: 0px solid #f5f5f5; border-top: 0px solid #f5f5f5; color: #666666; font-size: 10px; height: 15px; text-align: right; } .extrapay-footer td { background-color: Transparent; border-bottom: 0px solid #f5f5f5; border-left: 0px solid #f5f5f5; border-right: 0px solid #f5f5f5; border-top: 0px solid #f5f5f5; color: #666666; font-size: 10px; height: 15px; text-align: right; } h3 { font-size: 108%; margin: 10px 0 5px 0; } .update { font-size: 86%; margin: 20px 10px 10px 10px; text-align: center; } .last { margin-right: 0; } .show-filters { margin-bottom: 15px; text-align: right; } .show-filters span { color: #282A39; font-weight: bold; } #ordering * { vertical-align: middle; } form#ordering { float: right; } .selected { font-weight: bold; } .leftpanel { background-color: #fff; } .rightpanel { background-color: #fff; } search-form .input { width: 80%; } #ordering fieldset { border: none; text-align: right; width: 100%; } .reg-form .input { width: 80%; } .enhsearch-form td.name { width: 40%; } .enhsearch-form td.value { } .reg-form td.value { width: 60%; } .reg-form td.name { width: 40%; } .reg-form td { text-align: left; } .enhsearch-form td { text-align: left; } .reg-form table { width: 100%; } .enhsearch-form table { width: 100%; } .reg-form { margin: 0 auto 10px auto; text-align: center; } .enhsearch-form { margin: 0 auto 10px auto; text-align: center; } .product-list-name { color: #2C3D47; font-weight: bold; text-decoration: none; } .product-list-name a { color: #2C3D47; font-weight: bold; text-decoration: none; } .price-with-vat { color: #282A39; font-weight: bold; text-align: right; } .product-list-footer td.price-with-vat { color: #282A39; font-weight: bold; text-align: right; } .old-price-with-vat { text-align: right; text-decoration: line-through; } .old-price { text-align: right; text-decoration: line-through; } .product-list-row td.price { text-align: right; } .product-list-row td.button { text-align: right; } .product-list-secrow td.price { text-align: right; } .product-list-secrow td.button { text-align: right; } .product-list-footer td.price { text-align: right; } .product-list-secrow td { } .product-list-row td.picture { /* border-bottom: 1px dotted #2c3d47; background-color: #F5F5F5; */ border-bottom: 1px dotted #2c3d47; } .categorization { margin: 10px 0px 10px 25px; } .department { margin: 10px 0px 10px 25px; } /* Currency Selection - Blok výběru měny */ .currency { border-left: 0px solid #4e4e4e; /* color: #cccccc; */ color: #000000; text-align: center; } /* Wizard pokladna - krokovani 1234 */ .step1-deliveries { margin: 3px 0 10px 0; } .step1-button { padding-left: 10px; text-align: left; } .souhrn-data { width: 100%; } .souhrn-data td { padding: 1px 5px 1px 0; text-align: left; } .souhrn-data td.name { text-align: left; width: 40%; } .souhrn-data td.value { text-align: left; width: 60%; } p.extra-pay-catalogue { color: #666666; font-size: 80%; } /* odkazy u detailu vyrobku */ .detail-link { float: right; text-align: right; } .detail-link a { text-decoration: none; } .detail-link a:hover { text-decoration: underline; } /* level start page - uvodni stranka kategorie */ .lvl-thumbs { float: right; } /* EAvailableItemsInOrder */ .items-in-order fieldset { border: 1px solid #cc0000; margin-bottom: 10px; padding: 5px; text-align: left; width: 100%; } /* CompareList */ .compare td { padding: 3px; } .compare-row { background-color: #eeeeee; } .compare-delete { float: right; } .compare-deleteall { text-align: right; } /* Bookmarked */ table .bookmarked { width: 100%; } .bookmarked td { padding: 3px; } .bookmarked th { font-size: 12px; } /* ParamSearch */ table .paramsearch { width: 98%; } /* js levels tree */ .leftmenu { margin: 0px 0px 10px 0px; } .leftmenu li { clear: both; list-style-type: none; margin: 2px 0px 2px 5px; padding: 3px 0px 3px 0px; } .leftmenu a { display: block; float: left; height: auto; padding: 2px 0 2px 6px; text-decoration: none; width: 163px; } .leftmenu ul { margin: 2px 0 2px 5px; padding: 0px; } .leftmenu ul ul { display: none; margin: 2px 0px 2px 5px; } .leftmenu ul ul a { width: 148px; } .leftmenu a:hover { text-decoration: underline; } .leftmenu ul ul ul a { width: 133px; } .leftmenu ul ul ul a:hover { } .leftmenu ul ul ul ul a { width: 118px; } .leftmenu ul ul ul ul ul a { width: 103px; } .leftmenu a.last { background: none; } .leftmenu span { background: url("images/ctv.gif") no-repeat; display: block; float: left; height: 14px; width: 12px; } .leftmenu span.p { background: url("images/tp.gif") no-repeat; } span.selected { background: none; display: inline; font-weight: bold; height: auto; padding: 2px 0 2px 0px; width: auto; } .dualprice { font-size: xx-small; } .enhsearch-form .input { width: 80%; } .enhsearch-form select { width: 80%; } .product-list-name-mark { color: #ff0000; font-weight: bold; } .product-list-name-mark a { color: #ff0000; font-weight: bold; }