/* --------------------------------------------------------------------------------------- ShopMC - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Description: Basic styles and layout Media: screen, projection Datum: 2. 1. 2010 Author: Martin Jemelka (http://europemc.cz/) ---------------------------------------------------------------------------------------*/ @import url("./reset.css"); /* --------------------------------------------------------------------------------------- Basic styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ html, body { height: 100%; } body { margin-top: 0; } html { background: url('../images/header-top.jpg') 50% 0 no-repeat; } /* --------------------------------------------------------------------------------------- Layout - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* Main ---------------------------------------------------------------------------------*/ .in { width: 960px; margin: 0 auto; } #skip { width: 100%; margin: 0; padding: 0; float: left; } #right-column { border-top: 5px solid #ededed; float: right; width: 281px; margin: 0px 0 0 0; padding: 0; } /* Header ------------------------------------------------------------------------------------------*/ #header { position: relative; z-index: 1; background: url('../images/header.jpg') 50% 0 repeat-x; width: 100%; } #header .in { height: 117px; position: relative; } /* Logo in Header ----------------------------------------------------------------------------------*/ #header #logo { float: left; display: inline; width: 117px; overflow: hidden; height: 40px; margin: 20px 0 16px 17px; line-height: 144px; text-transform: lowercase; font-size: 120%; } #header #logo span { background: url('../images/logo.png'); } /* Language Select in Header -----------------------------------------------------------------------*/ #header #languages { margin: 10px 0 0 0; float: right; color: #7a7777; } #header #languages span { color: #fff; text-decoration: underline; } #header #languages a { text-decoration: none; color: #58b9e9; } #header #languages a:hover { text-decoration: underline; color: #9dd9f8; } #header #header-right-side { height: 78px; float: right; } #header #header-right-side #basket { margin: 18px 0 5px 0; text-align: right; color: #d4d4d4; } #header #header-right-side #basket a { color: #fff; text-decoration: none; } #header #header-right-side #basket strong { font-weight: bold; } #header #header-right-side #basket a:hover { color: #fff; text-decoration: underline; } #header #header-right-side #user { text-transform: uppercase; margin: 5px 0 5px 0; text-align: right; color: #d4d4d4; } #header #header-right-side #user a { color: #fff; text-decoration: none; } #header #header-right-side #user a:hover { color: #fff; text-decoration: underline; } /* Main Menu in Header -----------------------------------------------------------------------------*/ #header ul#main-menu { height: 39px; overflow: hidden; padding: 0; float: left; margin: 0; } #header ul#main-menu li.main-menu-li { position: relative; height: 39px; z-index: 1; float: left; } #header ul#main-menu li.main-menu-li:hover ul, ul#main-menu li.main-menu-li:focus ul, ul#main-menu li.main-menu-li:active ul, ul#main-menu li.main-menu-li.hover ul, ul#main-menu li.main-menu-li.focus ul, ul#main-menu li.main-menu-li.active ul { display: block; } #header ul#main-menu li.main-menu-li:hover #products-submenu, #header ul#main-menu li.main-menu-li:focus #products-submenu, #header ul#main-menu li.main-menu-li:active #products-submenu, #header ul#main-menu li.main-menu-li.hover #products-submenu, #header ul#main-menu li.main-menu-li.focus #products-submenu, #header ul#main-menu li.main-menu-li.active #products-submenu { display: block; } #header ul#main-menu a { cursor: pointer; text-decoration: none; color: #fff; position: relative; padding: 0 20px; display: inline-block; text-transform: uppercase; height: 39px; line-height: 39px; } #header ul#main-menu a:hover { background: #393939; color: #fff; } #header ul#main-menu span { float: right; width: 1px; height: 100%; position: absolute; left: 0; top: -1px; background: url('../images/main-menu-li-line.jpg');} #header ul#main-menu ul { z-index: 999; position: absolute; top: 38px; left: 0; display: none; width: 183px; } #header ul#main-menu ul li { overflow: hidden; float: none; display: block; } #header ul#main-menu li li a { background: #393939; display: block; width: 121px; height: auto; padding: 0 15px; line-height: 32px; text-transform: none; text-align: left; font-weight: normal; color: #fff; } #header ul#main-menu li { /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */ } #header ul#main-menu #products-submenu { width: 200px; background: #393939; z-index: 999; position: absolute; top: 38px; left: 0; display: none; width: 183px; } #header ul#main-menu #products-submenu #products-submenu-content { overflow: hidden; float: none; display: block; } #header ul#main-menu li #products-submenu-content a { background: #393939; display: block; width: 121px; height: auto; padding: 0 15px; line-height: 32px; text-transform: none; text-align: left; font-weight: normal; color: #fff; } #header ul#main-menu #products-submenu { /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */ } /* Search in Header -------------------------------------------------------------------------------*/ #header #search { float: right; margin: 18px 0 0 0; } #header #search p { margin: 0; } #header #search input { background: #f5f5f5; vertical-align: middle; } #header #search .search-input-text { width: 170px; border: 1px solid #b2b2b2; height: 22px; padding: 5px 8px 0 8px; font-style: italic; font-size: 108%; margin-right:2px; font-family: Calibri, arial, sans-serif; color: #666; } /* Section Title ----------------------------------------------------------------------------------*/ #section-title { border-bottom: 1px solid #fff; padding: 0 20px 0 0; height: 122px; background: #fff url('../images/section-title.jpg') 0 0 repeat-x; } #section-title h2 { margin: 0; font-weight: normal; font-size: 20px; text-decoration: underline; font-size: 20px; color: #24adfb; font-style: italic; padding: 25px 0 0 20px; } #section-title p { text-decoration: none; font-size: 16px; color: #0a5885; font-style: italic; margin: 0; padding: 0 0 0 20px; } /* Section Navigation -----------------------------------------------------------------------------*/ #section-navigation { width: 100%; height: 45px; background: url('../images/tip.png') 0 0 repeat-x; } #section-navigation p { padding: 9px 20px 0 0; text-decoration: none; text-align: left; font-size: 13px; color: #555555; } #section-navigation p a { color: #2578a0; } /* --------------------------------------------------------------------------------------- Pages - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/ /* Index -------------------------------------------------------------------------------*/ #index { float: left; width: 100%; background: #fff url('../images/layout.jpg') 50% -50px repeat-x; } #index h2 { margin: 0 0 0 10px; font-weight: bold; text-decoration: underline; font-size: 13px; color: #000; } /* Index References -------------------------------------------------------------------------------*/ #index .index-references { height: 310px; padding: 10px 0; width: 100%; } #index .index-references .in { height: 300px; padding: 5px 0; width: 960px; } #index .index-references .BannerDiv { float: left; width: 614px; display: inline; } #index .index-references .index-references-right-side { float: left; margin: 0 0 0 1px; display: inline; width: 344px; height: 300px; } /* Index Tabs -------------------------------------------------------------------------------*/ #index .index-tabs .in { position: relative; } #index .index-tabs { padding: 0 0; } #index .index-tabs .facebook { position: absolute; right: 200px; top: 13px; float: right; } #index .index-tabs .facebook a { font-size: 13px; color: #3e62b3; float: left; text-decoration: none; } #index .index-tabs .facebook span { float: left; padding: 13px 5px 0 0; } #index .index-tabs .facebook img { float: left; } #index .index-tabs .twitter { position: absolute; right: 0; top: 13px; float: right; } #index .index-tabs .twitter a { font-size: 13px; color: #3e62b3; float: left; text-decoration: none; } #index .index-tabs .twitter span { float: left; padding: 13px 5px 0 0; } #index .index-tabs .twitter img { float: left; } #index .index-tabs .coda-slider-wrapper {padding: 20px 0 } #index .index-tabs .coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px } #index .index-tabs .coda-slider, #index .index-tabs .coda-slider .panel { width: 960px } #index .index-tabs .coda-slider-wrapper.arrows .coda-slider, #index .index-tabs .coda-slider-wrapper.arrows .coda-slider .panel { width: 960px } #index .index-tabs .coda-slider-wrapper.arrows .coda-slider { margin: 0 10px } #index .index-tabs .coda-nav-left a, #index .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px } #index .index-tabs .coda-nav ul li a.current { font-weight: bold; text-decoration: underline; font-size: 13px; color: #000; } #index .index-tabs .coda-slider .panel-wrapper { padding: 10px 0 } #index .index-tabs .coda-slider .panel-wrapper p { padding: 0 0 10px 0 } #index .index-tabs .coda-slider .panel-wrapper h2 { display: none; } #index .index-tabs .coda-slider p.loading { padding: 20px; text-align: center } #index .index-tabs .coda-nav ul { clear: both; display: block; margin: 0; padding:0; overflow: hidden } #index .index-tabs .coda-nav ul li { display: inline } #index .index-tabs .coda-nav ul li a { background: url('../images/coda-nav-li.png') 100% 0 no-repeat; color: #000; font-size: 13px; display: block; float: left; padding: 6px 22px 6px 10px; text-decoration: none } #index .index-tabs .coda-slider-wrapper { clear: both; overflow: auto } #index .index-tabs .coda-slider { float: left; overflow: hidden; position: relative } #index .index-tabs .coda-slider .panel { display: block; float: left } #index .index-tabs .coda-slider .panel-container { position: relative } #index .index-tabs .coda-nav-left, #index .index-tabs .coda-nav-right { float: left } #index .index-tabs .coda-nav-left a, #index .index-tabs .coda-nav-right a { display: block; text-align: center; text-decoration: none } #index .index-tabs ul.proc-shopmc { list-style: none; padding: 0; margin: 0; width: 100%; } #index .index-tabs ul.proc-shopmc li { float: left; width: 317px; vertical-align: top; display: inline-block; list-style: none; } #index .index-tabs ul.proc-shopmc img { float: left; } #index .index-tabs ul.proc-shopmc div { width: 265px; margin: 5px 0; float: right; } #index .index-tabs ul.proc-shopmc h3 { font-size: 100%; float: left; width: 265px; color: #2b95c9; margin: 0; padding: 0; } #index .index-tabs ul.proc-shopmc p { float: left; margin: 0; padding: 0; } /* Index News -------------------------------------------------------------------------------*/ #index .index-news { width: 100%; position: relative; } #index .index-news .arrow { position: absolute; top: 0; z-index: 999; overflow: hidden; width: 63px; height: 73px; line-height: 73px; font-size: 400%; font-weight: bold; color: #fff; background: #000; } #index .index-news .arrow a { padding-left: 15px; text-decoration: none; color: #fff; } #index .index-news .arrow a:hover span { background-position: -63px 0; } #index .index-news #prev { top: 51px; left: 0; } #index .index-news #prev span { background-image: url('../images/arrow-left.jpg'); } #index .index-news #next { top: 51px; right: 0; } #index .index-news #next span { background-image: url('../images/arrow-right.jpg'); } #index .index-news #screen{ width: 960px; margin-top: 40px; } #index .index-news .news { overflow: hidden; width: 100%; } #index .index-news .news ul { padding: 0; margin: 10px 0 0 0; } #index .index-news .news li { position: relative; float: left; overflow: hidden; display: inline; width: 192px; margin: 0 0 18px 0; } #index .index-news .news li p { height: 70px; overflow: hidden; margin: 5px 8px 8px 8px; padding-bottom: 20px; } #index .index-news .news a { text-decoration: none; color: #2b95c9; } #index .index-news .news a:hover { text-decoration: underline; } #index .index-news .news span { height: 79px; overflow: hidden; display: block;} #index .index-news .news .image { margin: 0; padding: 2px 4px 0 5px; display: block; background: url('../images/news-image.png') 0 0 no-repeat; width: 196px; height: 92px; } #index .index-news .news img { display: block; } #index .index-news .news h3 { margin: 0 8px; font-size: 100%; height: 40px; overflow: hidden; color: #2b95c9; } #index .index-news .news .date { position: absolute; right: 15px; top: 55px; padding: 0 7px 0 3px; line-height: 17px; text-transform: uppercase; font-size: 80%; font-style: normal; color: #fdfdfd; } #index .index-news .news a:hover em { background-color: #000; } #index .index-news .news .n1 { background: #36a9e3; } #index .index-news .news .n2 { background: #3994c2; } #index .index-news .news .n3 { background: #69c4f1; } #index .index-news .news .n4 { background: #3d7996; } #index .index-news .all-news { float: right; margin: 0 3px 0 0; overflow: hidden; width: 183px; height: 37px; line-height: 37px; font-size: 100%; font-weight: bold; color: #fff; background: #000; } #index .index-news .all-news a { padding-left: 15px; text-decoration: none; color: #fff; } #index .index-news .all-news a:hover span { background-position: 0 -37px; } #index .index-news .all-news span { background-image: url('../images/button-view-all-news.png'); } /* Index Others */ #index .index-others .doporucit-stranku { float: left; margin: 0 0 0 0; overflow: hidden; width: 222px; height: 63px; line-height: 263px; font-size: 100%; font-weight: bold; color: #fff; } #index .index-others .doporucit-stranku a { text-decoration: none; color: #fff; } #index .index-others .doporucit-stranku span { background-image: url('../images/doporucit-stranku.png'); } /* Layout -------------------------------------------------------------------------------*/ #layout { width: 100%; padding: 30px 0 30px 0; background: #fff url('../images/layout.jpg') 50% -250px no-repeat; } /* Main Content -------------------------------------------------------------------------------*/ #main-content { width: 100%; margin: 0; padding: 0; background: url('../images/main-content.png') 0 0 repeat-y; } /* Content -------------------------------------------------------------------------------*/ #content { height: 100%; border-bottom: 5px solid #dfdfdf; margin: 0 5px 0 5px; padding: 0; } /* Page -------------------------------------------------------------------------------*/ #page { border-top: 5px solid #dfdfdf; float: left; width: 628px; margin: 0px; padding: 0 20px 0 20px; } #page h2 { font-weight: normal; text-decoration: none; font-size: 14px; color: #0074af; margin: 20px 0 } #page h3 { font-weight: normal; text-decoration: none; text-align: left; font-size: 13px; color: #2b95c9; } #page h4 { font-weight: normal; text-decoration: none; text-align: left; font-size: 12px; color: #2b95c9; } /* Catalogue -------------------------------------------------------------------------------*/ #catalogue { width: 100%; padding: 0 0 20px 0; } #catalogue .catalogue-article ul { width: 100%; margin: 0 0 0 10px; padding: 0; list-style: disc; } #catalogue .catalogue-article ul li { margin: 0 0 0 40px; padding: 0; } #catalogue .catalogue-list-list { margin: 0; width: 100%; } #catalogue .catalogue-list-list table { width: 100%; border-bottom: 1px solid #efefef; margin: 10px 10px 10px 0; } #catalogue .catalogue-list-list tbody { } #catalogue .catalogue-list-list tbody tr.low { background: #fbfbfb } #catalogue .catalogue-list-list tbody tr.high { background: #fafafa } #catalogue .catalogue-list-list tbody tr th { font-size: 13px; text-decoration: underline; color: #113e58; font-weight: normal; border-bottom: 1px solid #efefef; padding: 10px; } #catalogue .catalogue-list-list tbody tr td { vertical-align: middle; padding: 5px; } #catalogue .catalogue-list-list tbody tr td strong { color: #9d2525; font-weight: normal; } #catalogue .catalogue-list-list tbody tr td span { color: #6acd6a; font-weight: normal; } #catalogue .catalogue-list-list tbody tr input { float: left; vertical-align: middle; } #catalogue .catalogue-list-list tbody tr .input-text { text-align: center; width: 20px; border: 1px solid #b2b2b2; height: 22px; padding: 5px 8px 0 8px; font-style: italic; font-size: 108%; margin: 3px 8px 0 8px; font-family: Calibri, arial, sans-serif; color: #666; } #catalogue .catalogue-list { margin: 0 0 10px 0; width: 50%; float: left; } #catalogue .catalogue-list-icon { float: left; margin: 0 0 0 0; } #catalogue .catalogue-list-detail { margin: 5px 10px; float: left; width: 190px; } #catalogue .catalogue-list .h3 { height: 18px; overflow: hidden; } #catalogue .catalogue-list .perex { height: 45px; overflow: hidden; text-align: left; font-size: 11px; padding: 0 5px; margin: 0 0 5px 0; } #catalogue .catalogue-list .price { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin: 0; padding: 5px; font-size: 11px; } #catalogue .catalogue-list .price span { font-size: 12px; color: #b5301f; } #catalogue .catalogue-list .price strong { font-weight: normal; font-size: 12px; color: #000; } #catalogue .catalogue-list .detail { float: left; margin: 10px 8px 0 0; overflow: hidden; width: 63px; height: 37px; line-height: 37px; font-size: 100%; font-weight: bold; color: #fff; background: #000; } #catalogue .catalogue-list .detail a { padding-left: 15px; text-decoration: none; color: #fff; } #catalogue .catalogue-list .detail a:hover span { background-position: 0 -37px; } #catalogue .catalogue-list .detail span { background-image: url('../images/button-detail.png'); } #catalogue .catalogue-list .buy { float: left; margin: 10px 8px 0 0; overflow: hidden; width: 69px; height: 37px; line-height: 37px; font-size: 100%; font-weight: bold; color: #fff; background: #000; } #catalogue .catalogue-list .buy a { padding-left: 15px; text-decoration: none; color: #fff; } #catalogue .catalogue-list .buy a:hover span { background-position: 0 -37px; } #catalogue .catalogue-list .buy span { background-image: url('../images/button-buy.png'); } #catalogue .catalogue-list-paging { padding: 10px 0; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; text-align: center; } #catalogue .catalogue-list-paging strong { color: #2e88bb; font-weight: normal; } #catalogue .catalogue-detail { width: 100%; padding: 0 0 0 0; } #catalogue .catalogue-detail h3 { text-decoration: none; text-align: left; font-size: 13px; color: #2b95c9; padding: 0 0; } #catalogue .catalogue-detail p { padding: 0 15px; } #catalogue .catalogue-detail ul.catalogue-detail-icons { width: 95%; border-bottom: 1px solid #efefef; text-align: left; float: left; font-size: 11px; list-style: none; margin: 0 0 20px 0; padding: 10px; } #catalogue .catalogue-detail ul.catalogue-detail-icons li { height: 25px; padding: 0 6px 0 20px; float: left; } #catalogue .catalogue-detail ul.catalogue-detail-icons li.tisk { background: url('../images/ico-tisk.png') 0 0 no-repeat; } #catalogue .catalogue-detail ul.catalogue-detail-icons li.oblibene { background: url('../images/ico-oblibene.png') 0 0 no-repeat; } #catalogue .catalogue-detail ul.catalogue-detail-icons li.doporucit { background: url('../images/ico-doporucit.png') 0 0 no-repeat; } #catalogue .catalogue-detail ul.catalogue-detail-icons li.prodavac { background: url('../images/ico-prodavac.png') 0 0 no-repeat; } #catalogue .catalogue-detail ul.catalogue-detail-icons li.porovnat { background: url('../images/ico-porovnat.png') 0 0 no-repeat; } #catalogue .catalogue-detail ul.catalogue-detail-icons li.hlidat { background: url('../images/ico-hlidat.png') 0 0 no-repeat; } #catalogue .catalogue-detail ul.catalogue-detail-icons li a { color: #a80000; } #catalogue .catalogue-detail .left-side { text-align: center; width: 200px; float: left; } #catalogue .catalogue-detail .left-side img { margin: 0; } #catalogue .catalogue-detail .left-side .to-basket { padding: 0; margin: 10px 0 10px 0; z-index: 999; overflow: hidden; width: 200px; height: 37px; line-height: 37px; font-size: 100%; font-weight: bold; color: #fff; } #catalogue .catalogue-detail .left-side .to-basket a { padding: 0; text-decoration: none; color: #fff; } #catalogue .catalogue-detail .left-side .to-basket a:hover span { background-position: 50% -37px; } #catalogue .catalogue-detail .left-side .to-basket span { background: url('../images/button-to-basket.png') 50% 0 no-repeat; } #catalogue .catalogue-detail .right-side { width: 428px; margin: 0 0 30px 0; float: left; } #catalogue .catalogue-detail .right-side .perex { margin: 0; padding: 0 10px 10px 10px; font-size: 14px; } #catalogue .catalogue-detail .right-side .price { border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; margin: 0 0 10px 0; padding: 10px 10px 10px 10px; font-size: 13px; } #catalogue .catalogue-detail .right-side .dostupnost { border-bottom: 1px solid #efefef; margin: 0; padding: 0 10px 10px 10px; font-size: 13px; } #catalogue .catalogue-detail .right-side span { font-size: 13px; color: #b5301f; } #catalogue .catalogue-detail .right-side .dostupnost span { font-size: 15px; color: #1e668c; } #catalogue .catalogue-detail .right-side p { padding: 0 10px 10px 10px; font-size: 13px; } #catalogue .catalogue-detail .right-side .socialnet { margin: 10px; } #catalogue .catalogue-detail .right-side .socialnet p { margin: 0 0 10px 0; padding: 0; } #catalogue .catalogue-detail .right-side .socialnet img { width: 24px; } #catalogue .catalogue-detail ul.product-info { list-style: none; margin: 0; padding: 20px; } #catalogue .catalogue-detail ul.product-info li { height: 20px; padding: 0 6px 0 24px; display: block; background: url('../images/ico-accept.png') 0 0 no-repeat; } #catalogue .catalogue-detail ul.product-vyhody { list-style: none; margin: 0; padding: 0; } #catalogue .catalogue-detail ul.product-vyhody li { list-style: disc; margin: 0 35px 10px 35px; padding: 0; } #catalogue .catalogue-detail .product-header { padding: 0 10px; font-size: 12px; color: #2b95c9; } /* References -------------------------------------------------------------------------------*/ #reference { width: 100%; padding: 0 0 20px 0; } #reference .reference-list { width: 100%; overflow: hidden; } #reference .reference-list ul { padding: 0; margin: 40px 0 0 0; } #reference .reference-list ul li { position: relative; overflow: hidden; display: inline-block; vertical-align: top; width: 202px; margin: 0 0 18px 1px; } #reference .reference-list ul li p { height: 40px; overflow: hidden; margin: 0 8px 20px 8px; padding-bottom: 20px; } #reference .reference-list ul li .image { margin: 0; padding: 2px 4px 0 5px; display: block; background: url('../images/news-image.png') 0 0 no-repeat; width: 196px; height: 92px; } #reference .reference-list ul li .image img { display: block; } #reference .reference-list ul li .image span { height: 79px; overflow: hidden; display: block;} #reference .reference-list ul li h3 { margin: 0; padding: 0 0 0 5px; height: 26px; overflow: hidden; text-decoration: none; text-align: left; font-size: 13px; color: #2b95c9; font-style: italic; } #reference .reference-detail { margin: 10px 0 0 0; width: 100%; overflow: hidden; } #reference .reference-detail .reference-detail-left-side { width: 200px; float: left; } #reference .reference-detail .reference-detail-left-side img { border: 1px solid #afe1fa; } #reference .reference-detail .reference-detail-left-side .openPresentation { text-align: center; margin: 20px 8px 0 25px; z-index: 999; overflow: hidden; width: 147px; height: 38px; line-height: 38px; font-size: 100%; font-weight: bold; color: #fff; } #reference .reference-detail .reference-detail-left-side .openPresentation a { padding-left: 15px; text-decoration: none; color: #fff; } #reference .reference-detail .reference-detail-left-side .openPresentation a:hover span { background-position: 0 -40px; } #reference .reference-detail .reference-detail-left-side .openPresentation span { background-image: url('../images/button-open-presentation.png'); } #reference .reference-detail .reference-detail-right-side { width: 400px; float: right; } #reference .reference-detail .reference-detail-right-side .reference-detail-right-side-klient { margin: 6px 0 10px 0; } #reference .reference-detail .reference-detail-right-side .reference-detail-right-side-nazor-klienta { margin: 15px 0 20px 0; padding: 20px 20px 0 20px; border: 1px solid #ededed; background: #f9f9f9; } #reference .reference-detail .reference-detail-right-side .reference-detail-right-side-nazor-klienta cite { font-size: 12px; } #reference .reference-detail .reference-detail-right-side h3#vyjadreni { padding: 5px 0 0 40px; margin: 0px; background: url('../images/boss-icon.png') no-repeat; height: 32px; } #reference .reference-detail .reference-detail-right-side h3 { color: #000; font-size: 16px; font-weight: normal; } #reference .reference-detail .reference-detail-right-side p { margin: 0 0 20px 0; } /* Articles -------------------------------------------------------------------------------*/ #article { width: 100%; padding: 0 0 20px 0; } .doporuceni { float: right; } .doporuceni a { font-size: 13px; color: #2b95c9; float: left; text-decoration: none; } .doporuceni span { float: left; padding: 13px 5px 0 0; } .doporuceni img { float: left; } #article .article-detail { width: 100%; overflow: hidden; } #article .article-detail p { padding: 0 0 10px 0; } #article .article-detail b { color: #2e88bb; font-weight: normal; } #article .article-detail .article-detail-left-side { position: relative; float: left; margin: 10px 0 0 0; width: 200px; } #article .article-detail .article-detail-left-side .date { position: absolute; left: 125px; top: 50px; padding: 0 7px 0 3px; line-height: 17px; text-transform: uppercase; font-size: 80%; font-style: normal; color: #fdfdfd; } #article .article-detail .article-detail-left-side .n1 { background: #36a9e3; } #article .article-detail .article-detail-left-side span { height: 79px; overflow: hidden; display: block;} #article .article-detail .article-detail-left-side .article-detail-left-side-icon { margin: 0; padding: 2px 5px 0 5px; display: block; background: url('../images/news-image.png') 0 0 no-repeat; width: 190px; height: 92px; } #article .article-detail .article-detail-left-side .article-detail-left-side-icon img { margin: 0; border: none; display: block; } #article .article-detail-images { margin: 0; padding: 0; } #article .article-detail-images strong { font-weight: normal; font-size: 13px; color: #3aabe4; display: block; margin: 30px 0 0 0; } #article .article-detail-images img { margin: 13px 2px 0 2px; padding: 1px; border: 1px solid #2e88bb; } #article .article-detail .article-detail-right-side { float: right; margin: 0; width: 420px; } #article .article-list { width: 100%; overflow: hidden; } #article .article-list ul { list-style: none; padding: 0; margin: 10px 0 0 0; width: 100%; } #article .article-list ul li { position: relative; overflow: hidden; width: 100%; margin: 18px 0; } #article .article-list ul li a.adate { text-decoration: none; color: #fff; } #article .article-list ul li a:hover em { text-decoration: none; background-color: #000; } #article .article-list ul li .date { position: absolute; left: 125px; top: 55px; padding: 0 7px 0 3px; line-height: 17px; text-transform: uppercase; font-size: 80%; font-style: normal; color: #fdfdfd; } #article .article-list ul li .n1 { background: #36a9e3; } #article .article-list ul li .article-list-icon { float: left; margin: 0; padding: 2px 4px 0 5px; background: url('../images/news-image.png') 0 0 no-repeat; width: 196px; height: 92px; } #article .article-list ul li .article-list-icon span { height: 79px; overflow: hidden; display: block; } #article .article-list ul li .article-list-icon a { text-decoration: none; color: #000; } #article .article-list ul li .article-list-icon a:hover { text-decoration: underline; } #article .article-list ul li .article-list-icon img { display: block; } #article .article-list ul li h3 { margin: 0; padding: 0 0 0 5px; height: 26px; overflow: hidden; text-decoration: none; text-align: left; font-size: 13px; color: #2b95c9; font-style: italic; } #article .article-list ul li p { width: 400px; float: left; overflow: hidden; margin: 0; padding: 0 7px; } /* Registration & Login & Order & Send Link & Helpdesk & Newsletter -------------------------------------------------------------------------------*/ #registration, #login, #send-link, #advanced-help-desk, #newsletter { width: 100%; padding: 0 0 20px 0; } #advanced-help-desk a.close { width: 100%; display: block; text-align: right; position: relative; top: -30px; } #registration .registration-article, #login .login-article, #send-link .send-link-article, #advanced-help-desk .advanced-help-desk-article, #newsletter .newsletter-article { padding: 10px; margin: 10px; } #registration .registration-article p, #login .login-article p, #send-link .send-link-article p, #advanced-help-desk .advanced-help-desk-article p, #newsletter .newsletter-article p { padding: 0 0 10px 0; } #registration .hlaseni, #login .hlaseni, #order .hlaseni, #send-link .hlaseni, #newsletter .hlaseni { border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; padding: 8px 8px; margin: 10px; color: #b5301f; } #registration fieldset, #login fieldset, #order fieldset, #send-link fieldset, #advanced-help-desk fieldset, #newsletter fieldset { margin: 10px; padding: 10px; border: 1px solid #efefef; } #registration fieldset legend, #login fieldset legend, #order fieldset legend, #send-link fieldset legend, #advanced-help-desk fieldset legend, #newsletter fieldset legend { color: #154e6f; font-size: 13px; padding: 4px 8px; border: 1px solid #dddddd; } #registration fieldset input, #login fieldset input, #order fieldset input, #send-link fieldset input, #advanced-help-desk fieldset input, #newsletter fieldset input { background: #f5f5f5; vertical-align: middle; } #registration fieldset .search-input-text, #login fieldset .search-input-text, #order fieldset .search-input-text, #send-link fieldset .search-input-text, #advanced-help-desk fieldset .search-input-text, #newsletter fieldset .search-input-text { width: 170px; border: 1px solid #b2b2b2; height: 22px; padding: 5px 8px 0 8px; font-style: italic; font-size: 108%; margin-right:2px; font-family: Calibri, arial, sans-serif; color: #666; } #registration fieldset p, #login fieldset p, #order fieldset p, #send-link fieldset p, #advanced-help-desk fieldset p, #newsletter fieldset p { margin: 5px; } #registration fieldset .readonly { display: inline-block; margin: 6px 0; } #registration fieldset label, #login fieldset label, #order fieldset label, #send-link fieldset label, #advanced-help-desk fieldset label, #newsletter fieldset label { vertical-align: top; text-align: right; color: #1686a2; padding: 7px 5px 0 0; display: inline-block; width: 100px; } #registration fieldset .full, #login fieldset .full, #order fieldset .full, #newsletter fieldset .full { margin: 15px 0 15px 0; } #registration fieldset .full label, #newsletter fieldset .full label { color: #848484; text-align: left; width: 500px; } #registration fieldset .full .checkbox, #newsletter fieldset .full .checkbox { margin: 0 5px 3px 10px; } #order fieldset .textarea, #send-link fieldset .textarea, #advanced-help-desk fieldset .textarea { width: 400px; border: 1px solid #b2b2b2; height: 100px; padding: 5px 8px 0 8px; font-style: italic; font-size: 108%; margin-right:2px; font-family: Calibri, arial, sans-serif; color: #666; } #registration .submit { margin: 20px 0 0 250px; } #login .submit, #login .submit, #send-link .submit, #advanced-help-desk .submit { text-align: center; margin: 20px 0 0 0; } /* Basket & Basket in Order & Orders & Order Detail & Comission -------------------------------------------------------------------------------*/ #basket { width: 100%; padding: 0 0 20px 0; } #basket .basket-article, #order .order-article, #orders .orders-article, #order_show .order_show-article, #comission .comission-article { padding: 10px; margin: 10px; } #basket .basket-article p, #order .order-article p, #orders .orders-article p, #order_show .order_show-article p, #comission .comission-article p { padding: 0 0 10px 0; } #basket table, #order table, #orders table, #order_show table, #comission table { width: 100%; border-bottom: 1px solid #efefef; margin: 10px } #basket tbody { } #basket tbody tr.low, #order tbody tr.low, #orders tbody tr.low, #order_show tbody tr.low, #loyalty tbody tr.low, #comission tbody tr.low { background: #fbfbfb } #basket tbody tr.high, #order tbody tr.high, #orders tbody tr.high, #order_show tbody tr.high, #loyalty tbody tr.high, #comission tbody tr.high { background: #fafafa } #basket tbody tr th, #order tbody tr th, #orders tbody tr th, #order_show tbody tr th, #comission tbody tr th { font-size: 13px; text-decoration: underline; color: #113e58; font-weight: normal; border-bottom: 1px solid #efefef; padding: 10px; } #basket tbody tr th.code, #order tbody tr th.code { text-align: center; width: 50px; } #basket tbody tr th.product, #order tbody tr th.product { text-align: left; width: 150px; } #basket tbody tr th.ks, #order tbody tr th.ks { text-align: center; width: 65px; } #basket tbody tr th.forks, #order tbody tr th.forks { text-align: center; } #basket tbody tr th.total, #order tbody tr th.total { text-align: center; } #basket tbody tr th.credits, #order tbody tr th.credits { text-align: center; } #basket tbody tr td, #order tbody tr td, #orders tbody tr td, #order_show tbody tr td, #comission tbody tr td { padding: 10px; } #basket tbody tr td.total-borders, #order tbody tr td.total-borders, #orders tbody tr td.total-borders, #order_show tbody tr td.total-border { border-top: 1px solid #efefef; } #basket tbody tr td strong, #order tbody tr td strong, #orders tbody tr td strong, #order_show tbody tr td strong, #comission tbody tr td strong { color: #9d2525; font-weight: normal; } #basket tbody tr td.code, #order tbody tr td.code { text-align: center; } #basket tbody tr td.product, #order tbody tr td.product { text-align: left; } #basket tbody tr td.ks, #order tbody tr td.ks { text-align: center; } #basket tbody tr td.forks, #order tbody tr td.forks { text-align: right; } #basket tbody tr td.total, #order tbody tr td.total { text-align: right; } #basket tbody tr td.credits, #order tbody tr td.credits { text-align: right; } #basket tbody tr input, #order tbody tr input { float: left; background: #f5f5f5; vertical-align: middle; } #basket tbody tr .checkbox, #order tbody tr .checkbox { margin: 7px 0 0 7px; } #basket tbody tr .input-text, #order tbody tr .input-text { text-align: center; width: 20px; border: 1px solid #b2b2b2; height: 22px; padding: 5px 8px 0 8px; font-style: italic; font-size: 108%; margin-right:2px; font-family: Calibri, arial, sans-serif; color: #666; } #basket .submit, #order .submit { text-align: center; margin: 20px 0 0 0; } /* Loyalty -------------------------------------------------------------------------------*/ #loyalty .loyalty-article { padding: 10px 0; } #loyalty h3 { padding: 10px 5px 0 5px; } #loyalty p { padding: 5px 10px; } #loyalty strong { color: #9d2525; font-weight: normal; } #loyalty table { width: 100%; border-bottom: 1px solid #efefef; margin: 5px 10px; } #loyalty tbody tr th { font-size: 13px; text-decoration: underline; color: #113e58; font-weight: normal; border-bottom: 1px solid #efefef; padding: 5px; } #loyalty tbody tr td { padding: 5px; } #loyalty .hlaseni { border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; padding: 8px 8px; margin: 10px; color: #b5301f; } #loyalty .loyalty-list { margin: 20px 10px 10px 10px; width: 50%; float: left; } #loyalty .loyalty-list-icon { float: left; margin: 0 0 0 0; } #loyalty .loyalty-list-detail { margin: 5px 10px; float: left; width: 190px; } #loyalty .loyalty-list .title { margin: 0; padding: 0 5px; height: 18px; overflow: hidden; } #loyalty .loyalty-list .perex { height: 45px; overflow: hidden; text-align: left; font-size: 11px; padding: 0 5px; margin: 0 0 5px 0; } #loyalty .loyalty-list .price { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin: 0; padding: 5px; font-size: 11px; } #loyalty .loyalty-list .price span { font-size: 12px; color: #b5301f; } #loyalty .loyalty-list .price strong { font-weight: normal; font-size: 12px; color: #000; } #loyalty .loyalty-list .detail { float: left; margin: 10px 8px 0 0; overflow: hidden; width: 63px; height: 37px; line-height: 37px; font-size: 100%; font-weight: bold; color: #fff; background: #000; } #loyalty .loyalty-list .detail a { padding-left: 15px; text-decoration: none; color: #fff; } #loyalty .loyalty-list .detail a:hover span { background-position: 0 -37px; } #loyalty .loyalty-list .detail span { background-image: url('../images/button-detail.png'); } /* Buttons -------------------------------------------------------------------------------*/ input.buttons { background: none no-repeat top left; border: none; cursor: pointer; display: block; float: left; height: 39px; overflow: hidden; padding: 0; margin: 0; text-indent: -9999px; width: auto; } input.buttons:hover { background-position: 0 39px; } input.register { background: url(../images/buttons/register.png) 0 0 repeat-y; width: 111px; } /* Boxes -------------------------------------------------------------------------------*/ .categories-box { width: 100%; } .categories-box-header { margin: 0 2px 0 0; font-size: 15px; font-family: Calibri, arial, sans-serif; background: url('../images/categories-box-header.png') 0 0 repeat-x; } .categories-box-header p { font-style: italic; text-align: center; color: #fff; padding: 7px; } #category, #category li, #category ul { list-style: none; margin: 0; padding: 0; width: 100%; } #category .category a, #category .category-nonsub a { border-left: 1px solid #f1f1f1; background: #fafafa url('../images/right-menu-bottom.png') 0 100% no-repeat; width: 256px; cursor: pointer; text-decoration: none; color: #2787b7; position: relative; padding: 10px; display: block; text-transform: uppercase; line-height: 20px; } #category .category a.active, #category .category-nonsub a.active { border: none; background: #f8fcff url('../images/right-menu-bottom.png') 0 100% no-repeat; width: 256px; cursor: pointer; text-decoration: none; color: #2787b7; position: relative; padding: 10px; display: inline-block; text-transform: uppercase; line-height: 20px; } #category .category a:hover, #category .category-nonsub a:hover { background: #f8fcff url('../images/right-menu-bottom.png') 0 100% no-repeat; color: #000; } #category li.category, #category li.category-nonsub { border-top: 1px solid #e7e7e7; } #category .category strong { font-size: 11px; text-decoration: underline; font-weight: normal; color: #0d3248; } #category .submenu li { position: relative; padding: 0; } #category .submenu li span { position: absolute; top: 10px; left: 10px; width: 4px; height: 100%; background: url('../images/li-square.jpg') 0 0 no-repeat; } #category .submenu li a { width: 246px; color: #616161; padding: 5px 10px 5px 20px; border-top: 1px solid #f8fcff; border-left: none; background: #fff; } #category .submenu li a:hover { background: #f8fcff; color: #4f96b3; } /* Footer -------------------------------------------------------------------------------*/ #footer { height: auto; margin: 0 0 0 0; width: 100%; background: #fff url('../images/footer-index.png') 0 0 repeat-x; } #footer .in { } #footer .footer-left { float: left; display: inline; } #footer ul { width: 668px; margin: 0; padding: 20px 0 0 0; list-style: none; } #footer ul li { float: left; font-size: 13px; width: 133px; } #footer ul li a { color: #4eb2e5; text-decoration: none; } #footer ul li ul { width: 156px; padding: 0 0 0 15px; } #footer ul li li { color: #58b1dd; list-style: square; font-size: 11px; } #footer ul li li a { color: #8fc8e6; text-decoration: none; } #footer ul li li a:hover { text-decoration: underline; color: #58b1dd; } #footer .footer-text { float: left; color: #fff; width: 660px; margin: 0; padding: 20px 0 20px 0; } #footer .footer-text a { color: #8fc8e6; text-decoration: none; } #footer .footer-text a:hover { color: #58b1dd; text-decoration: underline; } #footer .footer-right { float: left; color: #4ba3cf; display: inline; margin: 20px 0 0 0; } #footer .footer-right h4 { font-size: 13px; font-weight: normal ; margin: 0 0 10px 0; padding: 0; } #footer .footer-right p { margin: 0; } #footer .footer-right .login-submit { margin: 3px 0 0 0; vertical-align: middle; } #footer .footer-right .newsletter-input-text { background: #092431; width: 170px; border: 1px solid #1a6084; height: 22px; padding: 5px 8px 0 8px; font-style: italic; font-size: 102%; margin-right:2px; font-family: Calibri, arial, sans-serif; color: #678594; } #footer .footer-logo { float: right; margin: 10px 0 0 0; z-index: 999; overflow: hidden; width: 102px; height: 29px; line-height: 263px; font-size: 100%; font-weight: bold; color: #fff; } #footer .footer-logo a { text-decoration: none; color: #fff; } #footer .footer-logo a:hover span { background-position: 0 0; } #footer .footer-logo span { background: url('../images/logo-footer.png') 0 -33px; } /* Slimbox -------------------------------------------------------------------------------*/ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(../images/slimbox/nacitani.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(../images/slimbox/predchozi.gif) no-repeat 0 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(../images/slimbox/dalsi.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../images/slimbox/zavrit.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } .inner-window-skelet { width: 100%; } .inner-window-skelet .inner-window { float: left; overflow: hidden; width: 649px; height: 308px; position: absolute; left: 124px; top: 106px; background: url('../images/menu-9-bg.png') 0 0 no-repeat; } .inner-window-skelet .inner-window ul { float: left; padding: 0; margin: 30px 15px 0 15px; width: 619px; list-style: none; } .inner-window-skelet .inner-window ul li { background: url('../images/inner-window-line-y.png') 100% -40px no-repeat; padding: 10px; margin: 0; float: left; width: 186px; } .inner-window-skelet .inner-window ul li.no-line { background: none; } .inner-window-skelet .inner-window ul li .inner-product-header { font-family: Calibri, arial, sans-serif; height: 100px; padding: 0; margin: 0; } .inner-window-skelet .inner-window ul li .inner-product-header .inner-product-header-left { padding: 0 10px 0 0; text-align: right; width: 115px; float: left; } .inner-window-skelet .inner-window ul li .inner-product-header .inner-product-header-left a { line-height: 14px; text-decoration: none; font-size: 15px; font-style: normal; display: block; color: #fff; text-transform: uppercase; height: 40px; overflow: hidden; } .inner-window-skelet .inner-window ul li .inner-product-header .inner-product-header-left a:hover { text-decoration: underline; color: #f5f5f5; } .inner-window-skelet .inner-window ul li .inner-product-header .inner-product-header-left p { line-height: 14px; font-size: 12px; color: #206f9c; font-style: italic; } .inner-window-skelet .inner-window ul li .inner-product-header .inner-product-header-right { width: 61px; float: right; } .inner-window-skelet .inner-window ul li ul { text-align: center; width: 115px; padding: 10px 0 0 0; margin: 0!important; list-style: none; } .inner-window-skelet .inner-window ul li ul li { background: url('../images/inner-window-line-x.png') 50% 0 no-repeat; padding: 5px 0; margin: 0; } .inner-window-skelet .inner-window ul li ul li a { text-decoration: none; color: #000; } .inner-window-skelet .inner-window ul li ul li a:hover { text-decoration: none; color: #000; } .inner-window-skelet .inner-window #close { position: absolute; top: 20px; right: 20px; } .compare_table{width:100%; text-align:center; color:#000;} .compare_table_top {height:20px; background:url('../images/categories-box-header.png'); padding-top:7px; width:100%; color:white;} .compare_table td {width:2%;} .compare_table th {border-bottom:3px solid #333} .compare_table_td2 {background:rgb(240,240,240) /*rgb(196,226,242);*/} .compare_table_td1 {text-align:left; width:200px;} .compare_image{width:12px;} .blue {color:#3D88A4; font-size:14px; font-weight:bold;} .red {color:rgb(165,42,42); font-size:14px; font-weight:bold;} .socialnetworks div { background: #fff; padding: 6px 4px 6px 4px; float: left; } .socialnetworks a { background-color: #fff; float: left; } .socialnetworks a:hover { background-color: #fff; color: black; float: left; } .socialnetworks a img { float: left; border-width: 0px; width: 16px; padding: 0 5px 0 0; } .socialnetworks { border-bottom: 1px solid #f7f6f6; border-top: 1px solid #f7f6f6; margin: 10px 0; padding: 10px 0px; float: left; }