/* ************************************************************************** * * * * Z A K L A D N I Z N A C K Y * * * * ************************************************************************** */ a, a:visited { color: #b0331e; text-decoration: none; } h1 { color: #191c23; font-size: 13pt; font-style: italic; margin: 10px 0px 20px 0px; padding: 5px 5px 5px 10px; background: URL('../img/layout/h1.png') repeat-y; } h1 a { color: #b0331e !important; } h2 { color: #191c23; font-size: 14pt; margin: 10px 0px 20px 0px; } h2 a, h2 a:visited { color: #191c23 !important; text-decoration: none; } h2.horizontal-tree { font-size: 7pt; font-style:italic; } pre { text-align: left; background: #fAf; display: block; } /* ************************************************************************** * * * * L A Y O U T * * * * ************************************************************************** */ body, html { height: 100%; } body { background: #960101 URL('../img/layout/bg.png') repeat-x; text-align: center; margin: 0px; padding: 0px; } div.layout { text-align: left; width: 980px; margin: auto; font-family: 'Trebuchet MS', tahoma, verdana, arial, sans-serif; position: relative; min-height: 100%; } #seolista a {font-size: 10px; color: #ffffff; text-decoration: none;} div.layout, div.layout div, div.layout table td, div.layout p, div.layout a { font-size: 8pt; } div.layout-left { width: 0px; height: 100%; position: absolute; top: 0px; left: 0px; display: none; } div.layout-right { width: 0px; height: 100%; position: absolute; top: 0px; right: 0px; display: none; z-index: 3; } div.layout-middle { width:980px; background: #fff; position: relative; left: 0px; height: 100%; } div.layout-top { width: 985px; height: 256px; background: URL('../img/layout/header.jpg') no-repeat; position: absolute; top: 0px; left: -3px; } div.layout-top div.horizontal-path { position: absolute; left: 160px; bottom: 10px; width: 610px; height: 18px; z-index: 2; } div.layout-top div.horizontal-path h2 { margin: 0px; } div.layout-bottom { height: 16px; background: URL('../img/layout/foot.png'); position: absolute; left: 0px; bottom: 0px; width: 100%; color: #fff; text-align: center; font-size: 6pt; } div.layout-bottom span { position: absolute; right: 10px; top: 0px; color: black; text-decoration: none; } div.layout-bottom span a { font-size: 7pt; } div.layout div.cont { padding: 260px 0px 0px 0px; } div.layout div.left-menu { width: 160px; float: left; position: relative; left: -2px; top: 0px; padding-bottom: 100px; } div.layout div.content { width: 620px; float: left; padding: 0px 0px 100px 0px; min-height: 700px; } *> div.produkty-seznam-graficky { /*background: url('../img/layout/-mrizka.png') -2px -45px repeat-y;*/ } span.compare-notify-area { display: none; } div.cistic { width: 900px; height: 0px; clear: left; } div.inner-cistic { width: 600px; height: 0px; clear: left; visibility: hidden; } div.login-pan { position: absolute; top: 45px; left: 0px; width: 148px; height: 150px; left: -2px; z-index: 2; display: none; } div.login-pan input { font-size: 7pt; color: #767676; padding: 0px; text-align: center; } div.login-pan input.inp01 { width: 125px; height: 13px; border: 1px #fff solid; position: absolute; top: 32px; left: 10px; } div.login-pan input.inp02 { width: 125px; height: 13px; border: 1px #fff solid; position: absolute; top: 58px; left: 10px; } div.login-pan input.inp03 { width: 85px; height: 25px; position: absolute; top: 86px; left: 30px; } div.right-panel { position: absolute; top: 250px; right: -2px; width: 188px; z-index: 2; } div.nabidka { width: 188px; height: 213px; overflow: hidden; position: relative; background: URL('../img/layout/nabidka.png') no-repeat; margin-bottom: 5px; } div.nabidka div.header { color: #fff; text-align: center; font-size: 10pt; padding-top: 4px; height: 25px; font-weight: bold; } div.nabidka div.product-img { width: 190px; height: 108px; overflow: hidden; margin-top: 2px; display: table-cell; vertical-align: middle; text-align: center; } div.nabidka div.product-img img { max-height: 100px; border: 1px #FFE484 solid; padding: 1px; } div.nabidka div.product-naz { height: 20px; overflow: hidden; padding: 0px 10px 0px 10px; text-align: center; } div.nabidka div.product-naz, div.nabidka div.product-naz a { color: #fff; font-size: 11pt; font-weight: bold; } div.nabidka div.product-pri { height: 20px; overflow: hidden; color: #fff; font-size: 10pt; padding: 0px 10px 0px 10px; text-align: center; } div.nabidka div.product-pri span { font-size: 12pt; font-weight: bold; color: #960101; } div.nabidka a.detail { position: absolute; right: 10px; bottom: 10px; display: block; width: 50px; height: 20px; } /* ************************************************************************** * * * * H M E N U * * * * ************************************************************************** */ div.h-menu { position: absolute; top: 0px; left: 0px; width: 100%; height: 20px; padding-left: 5px; } div.Hmenu-item { float: left; background-image: URL('../img/layout/separator.png'); background-repeat: no-repeat; background-position: 100% 0%; height: 20px; } div.Hmenu-item span.sep { color: #fff; } div.Hmenu-item a { color: #FFFFFF; text-decoration: none; padding: 2px 3px 0px 3px; font-size: 8pt; font-weight: bold; } div.Hmenu-item a:visited { color: #FFFFFF; } div.Hmenu-item-vybrany { background: URL('../img/layout/h-menu-vybrany.png'); } div.Hmenu-item-vybrany a, div.Hmenu-item-vybrany a:visited { color: #a10000; } /* ************************************************************************** * * * * M E N U * * * * ************************************************************************** */ div.menu { width: 148px; } div.menu a { text-decoration: none; display: block; font-size: 8pt; color: #960101; } div.menu-uroven-0 { margin: 0px 0px 0px 0px; height: 20px; } div.menu-uroven-0-vybrana { background: URL('../img/layout/menu-0-hov.png') no-repeat; } div.menu-uroven-0 a { font-weight: bold; padding: 1px 0px 0px 25px; } div.menu-uroven-0 a, div.menu-uroven-0-vybrana a { } div.menu-uroven-1 { margin: 0px 0px 0px 0px; min-height: 14px; } div.menu-uroven-1-vybrana { background: URL('../img/layout/menu-1-hov.png') 20px 0px no-repeat; } div.menu-uroven-1 a { padding: 0px 0px 0px 35px; } div.menu-uroven-1-vybrana a { font-weight: bold; color: #fe9500; } div.menu-uroven-2 { background: URL('../img/layout/menu-2.png'); margin: 0px 0px 0px 0px; min-height: 18px; } div.menu-uroven-2-vybrana { background: URL('../img/layout/menu-2-hov.png') 35px 2px no-repeat; } div.menu-uroven-2 a { padding: 0px 0px 0px 50px; } div.menu-uroven-3, div.menu-uroven-3-vybrana { } div.menu-uroven-3 a, div.menu-uroven-3-vybrana a { } /* ************************************************************************** * * * * U N D E R M E N U T E X T * * * * ************************************************************************** */ div.under-menu { margin: 20px 0px 0px 30px; } div.under-right-menu { margin: 20px 30px 0px 0px; } /* ************************************************************************** * * * * P A N E L N A B I D K A * * * * ************************************************************************** */ div.panel-nabidka { margin: 20px 0px 0px 30px; } div.panel-nabidka a { text-decoration: none; font-size: 10pt; display: block; padding: 3px 3px 0px 10px; } div.panel-nabidka a:hover { color: #00763d; } div.panel-nabidka div.nabidka-header { background-image: URL('../img/layout/right-headers-top.png'); width: 163px; height: 25px; padding: 5px 0px 0px 5px; } div.panel-nabidka>div.nabidka-header { width: 158px; } div.panel-nabidka div.nabidka-pan { background-image: URL('../img/layout/right-headers-middle.png'); width: 163px; } div.panel-nabidka div.nabidka-bottom { background-image: URL('../img/layout/right-headers-bottom.png'); width: 163px; height: 6px; background-repeat: no-repeat; } /* ************************************************************************** * * * * P A N E L K L I E N T * * * * ************************************************************************** */ div.panel-klient { margin: 0px 30px 10px 0px; } div.panel-klient a { text-decoration: none; font-size: 10pt; display: block; padding: 3px 3px 0px 10px; } div.panel-klient a:hover { color: #00763d; } div.panel-klient div.header { background-image: URL('../img/layout/right-headers-top.png'); width: 163px; height: 25px; padding: 5px 0px 0px 5px; } div.panel-klient>div.header { width: 158px; } div.panel-klient div.pan { background-image: URL('../img/layout/right-headers-middle.png'); width: 163px; } div.panel-klient div.bottom { background-image: URL('../img/layout/right-headers-bottom.png'); width: 163px; height: 6px; background-repeat: no-repeat; } div.panel-klient div.line-0 { font-size: 9pt; padding: 5px; text-align: center; } div.panel-klient div.line-1 { } div.panel-klient div.line-2 { } div.panel-klient div.line-3 { } div.panel-klient div.line-4 { } div.panel-klient div.line-5 { } div.panel-klient div.line-6 { } div.panel-klient div.line-7 { } div.panel-klient div.line-vybrany { font-weight: bold; } /* ************************************************************************** * * * * P A N E L K O S I K * * * * ************************************************************************** */ div.panel-kosik { margin: 0px 30px 10px 0px; } div.panel-kosik a { text-decoration: none; font-size: 10pt; display: block; padding: 3px 3px 0px 10px; } div.panel-kosik a:hover { color: #00763d; } div.panel-kosik div.header { background-image: URL('../img/layout/right-headers-top.png'); width: 163px; height: 25px; padding: 5px 0px 0px 5px; } div.panel-kosik>div.header { width: 158px; } div.panel-kosik div.pan { background-image: URL('../img/layout/right-headers-middle.png'); width: 163px; padding: 5px; font-size: 10pt; } div.panel-kosik>div.pan { width: 153px; } div.panel-kosik div.bottom { background-image: URL('../img/layout/right-headers-bottom.png'); width: 163px; height: 6px; background-repeat: no-repeat; } div.panel-kosik div.line a { color: green; } div.panel-kosik div.line-vybrany { font-weight: bold; } /* ************************************************************************** * * * * P A N E L N O V I N K Y * * * * ************************************************************************** */ div.panel-novinky { margin: 0px 30px 10px 0px; } div.panel-novinky a { text-decoration: none; font-size: 10pt; display: block; padding: 3px 3px 0px 10px; } div.panel-novinky a:hover { color: #00763d; } div.panel-novinky div.header { background-image: URL('../img/layout/right-headers-top.png'); width: 163px; height: 25px; padding: 5px 0px 0px 5px; } div.panel-novinky>div.header { width: 158px; } div.panel-novinky div.pan { background-image: URL('../img/layout/right-headers-middle.png'); width: 163px; padding: 5px; font-size: 10pt; } div.panel-novinky>div.pan { width: 153px; } div.panel-novinky div.bottom { background-image: URL('../img/layout/right-headers-bottom.png'); width: 163px; height: 6px; background-repeat: no-repeat; } div.panel-novinky div.line { } /* ************************************************************************** * * * * P A N E L H L E D A T * * * * ************************************************************************** */ div.panel-vyhledavani { margin: 0px 30px 10px 0px; } div.panel-vyhledavani div.header { background-image: URL('../img/layout/right-headers-top.png'); width: 163px; height: 25px; padding: 5px 0px 0px 5px; } div.panel-vyhledavani>div.header { width: 158px; } div.panel-vyhledavani div.pan { background-image: URL('../img/layout/right-headers-middle.png'); width: 163px; padding: 5px; font-size: 10pt; } div.panel-vyhledavani>div.pan { width: 153px; } div.panel-vyhledavani div.bottom { background-image: URL('../img/layout/right-headers-bottom.png'); width: 163px; height: 6px; background-repeat: no-repeat; } div.panel-vyhledavani div.submit { padding: 5px 0px 0px 0px; text-align: right; } div.panel-vyhledavani input.input { width: 150px; } /* ************************************************************************** * * * * P A N E L M O Z N O S T I K A T A L O G U * * * * ************************************************************************** */ div.panel-katalog-moznosti { margin: 0px 30px 10px 0px; } div.panel-katalog-moznosti div.header { background-image: URL('../img/layout/right-headers-top.png'); width: 163px; height: 25px; padding: 5px 0px 0px 5px; } div.panel-katalog-moznosti>div.header { width: 158px; } div.panel-katalog-moznosti div.pan { background-image: URL('../img/layout/right-headers-middle.png'); width: 163px; padding: 5px; font-size: 10pt; } div.panel-katalog-moznosti>div.pan { width: 153px; } div.panel-katalog-moznosti div.bottom { background-image: URL('../img/layout/right-headers-bottom.png'); width: 163px; height: 6px; background-repeat: no-repeat; } div.panel-katalog-moznosti-2 { margin: 0px 30px 10px 0px; } div.panel-katalog-moznosti-2 div.header { background-image: URL('../img/layout/right-headers-top.png'); width: 163px; height: 25px; padding: 5px 0px 0px 5px; } div.panel-katalog-moznosti-2>div.header { width: 158px; } div.panel-katalog-moznosti-2 div.pan { background-image: URL('../img/layout/right-headers-middle.png'); width: 163px; padding: 5px; font-size: 10pt; } div.panel-katalog-moznosti-2>div.pan { width: 153px;} div.panel-katalog-moznosti-2 div.bottom { background-image: URL('../img/layout/right-headers-bottom.png'); width: 163px; height: 6px; background-repeat: no-repeat; } div.produkty-roletka-razeni { margin-bottom: 10px; } div.produkty-roletka-razeni select { font-size: 8pt; } /* ************************************************************************** * * * * P A N E L D O K U M E N T Y * * * * ************************************************************************** */ div.panel-dokumenty { margin: 0px 30px 10px 0px; } div.panel-dokumenty a { text-decoration: none; font-size: 10pt; display: block; padding: 3px 3px 0px 10px; } div.panel-dokumenty a:hover { color: #00763d; } div.panel-dokumenty div.header { background-image: URL('../img/layout/right-headers-top.png'); width: 163px; height: 25px; padding: 5px 0px 0px 5px; } div.panel-dokumenty>div.header { width: 158px; } div.panel-dokumenty div.pan { background-image: URL('../img/layout/right-headers-middle.png'); width: 163px; padding: 5px; font-size: 10pt; } div.panel-dokumenty>div.pan { width: 153px; } div.panel-dokumenty div.bottom { background-image: URL('../img/layout/right-headers-bottom.png'); width: 163px; height: 6px; background-repeat: no-repeat; } div.panel-dokumenty div.line { } div.panel-dokumenty div.line-vybrany { font-weight: bold; } /* ************************************************************************** * * * * P A N E L D O W N L O A D * * * * ************************************************************************** */ div.panel-download { margin: 0px 30px 10px 0px; } div.panel-download a { text-decoration: none; font-size: 10pt; display: block; padding: 3px 3px 0px 10px; } div.panel-download a:hover { color: #00763d; } div.panel-download div.header { background-image: URL('../img/layout/right-headers-top.png'); width: 163px; height: 25px; padding: 5px 0px 0px 5px; } div.panel-download>div.header { width: 158px; } div.panel-download div.pan { background-image: URL('../img/layout/right-headers-middle.png'); width: 163px; padding: 5px; font-size: 10pt; } div.panel-download>div.pan { width: 153px; } div.panel-download div.bottom { background-image: URL('../img/layout/right-headers-bottom.png'); width: 163px; height: 6px; background-repeat: no-repeat; } div.panel-download div.line { } div.panel-download div.line-vybrany { font-weight: bold; } /* ************************************************************************** * * * * P A N E L P O R O V N A V A N I * * * * ************************************************************************** */ div.panel-porovnavani { width: 188px; height: 213px; margin: 0px 0px 10px 0px; background: URL('../img/layout/nabidka-porovnat.png') no-repeat; } div.panel-porovnavani a { text-decoration: none; font-size: 8pt; display: block; color: black; } div.panel-porovnavani div.header { height: 40px; text-align: center; } div.panel-porovnavani div.header a { color: #fff; padding-top: 5px; } div.panel-porovnavani div.pan { padding: 0px 20px 0px 20px; } div.panel-porovnavani div.bottom { } div.panel-porovnavani div.line { } div.panel-porovnavani div.line-0 { padding: 0px 0px 5px 0px; } div.panel-porovnavani div.line-0 a { color: red; font-weight: bold; } /* ************************************************************************** * * * * P R O D U K T G R A F I C K Y Z O B R A Z E N Y * * * * ************************************************************************** */ div.produkt-obdelnik { width: 600px; margin: 0px 5px 10px 0px; overflow: hidden; color: #b0331e; position: relative; background: url('../img/layout/-mrizka.png') 0px -45px no-repeat; padding-bottom: 50px; } div.produkt-obdelnik div.produkt-nadpis { padding: 15px 5px 10px 5px; } div.produkt-obdelnik div.produkt-nadpis a { font-size: 14pt; font-weight: bold; color: #b0331e; text-decoration: none; } div.produkt-obdelnik div.produkt-obsah { padding: 2px 2px 10px 2px; font-size: 1.3em; color: #b0331e; } div.produkt-obdelnik div.produkt-obsah div.obsah-cistic { clear: left; height: 0px; } div.produkt-obdelnik div.produkt-obsah span.img { display: block; float: left; padding: 0px 20px 0px 10px; width: 220px; } div.produkt-obdelnik div.produkt-obsah img { margin: 0px; } div.produkt-obdelnik div.produkt-parametry { float: left; padding: 20px 0px 10px 0px; font-size: 9pt; font-style: italic; line-height: 140%; width: 340px; } div.produkt-obdelnik div.produkt-cena { padding: 5px; text-align: left; font-weight: bolder; height: 20px; color: #b0331e; font-size: 12pt; position: absolute; left: 250px; bottom: 35px; } div.produkt-obdelnik div.produkt-last-line { clear: left; padding: 0px; text-align: right; position: absolute; right: 10px; bottom: 7px; } div.produkt-obdelnik div.produkt-cistic { clear: left; } div.katalog-stranky { display: block; clear: left; text-align: center; padding-top: 10px; position: relative; top: 20px; font-size: 13pt !important; background: url('../img/layout/-mrizka.png') 0px -45px; } div.katalog-stranky a { font-size: 13pt; } div.produkt-obdelnik div.symbols { position: absolute; top: 15px; right: 10px; height: 22px; width: 100px; text-align: right; } div.produkt-obdelnik div.symbols img { margin-left: 6px; } /* ************************************************************************** * * * * P R O D U K T T A B U L K O V E Z O B R A Z E N Y * * * * ************************************************************************** */ table.produkty-table { margin: auto; width: 550px; border: 1px #d5dadf solid; } table.produkty-table tr.head-TD td { font-weight: bolder; background: #eef0f2; border-bottom: 1px #d5dadf solid; } table.produkty-table td { padding: 5px; } table.produkty-table td a { color: #00763C; } table.produkty-table td.obj-kod { width: 60px; } table.produkty-table td.nazev { } table.produkty-table td.cena { width: 120px; text-align: right; } table.produkty-table td.button { text-align: right; } table.produkty-table td.button img { vertical-align: middle; } table.produkty-table td.button input { text-align: right; width: 20px; } table.produkty-table tr.radek-color-1 td { } table.produkty-table tr.radek-color-2 td { } table.produkty-table tr:hover td { background: #eef0f2; } table.under-product-table { width: 550px; margin: 10px auto auto auto; } /* ************************************************************************** * * * * N O V I N K Y S E Z N A M * * * * ************************************************************************** */ table.novinky { } table.novinky tr.nadpis td { border-bottom: 1px #fccf74 solid; } table.novinky td.nadpis { } table.novinky td.datum { text-align: right; width: 200px; } table.novinky tr.obsah td { padding: 20px; text-align: justify; } table.novinky td img { float: left; margin: 0px 10px 10px 0px; } /* ************************************************************************** * * * * D E T A I L P R O D U K T U * * * * ************************************************************************** */ div.produkt-error { text-align: center; } div.produkt-detail-icons { margin: 0px 0px 0px 0px; height: 40px; width: 200px; text-align: right; position: absolute; top: 0px; right: 0px; } div.produkt-detail-container { width: 610px; position: relative; } div.produkt-detail-container form { margin: 0px; } table.produkt-detail-table { width: 400px; } *>table.produkt-detail-table { width: 420px; } table.produkt-detail-table td { padding: 3px; } table.produkt-detail-table td.popis-kratky { font-style: italic; padding-bottom: 20px; } table.produkt-detail-table td.left-TD { color: #0f2145; font-weight: bolder; } table.produkty-sprazene-table { width: 400px; margin-top: 20px; } *>table.produkty-sprazene-table { width: 420px; } table.produkty-sprazene-table td { padding: 3px;} table.produkty-sprazene-table img { border: none; } table.produkty-sprazene-table div.header { font-weight: bolder; } table.produkty-sprazene-table td.produkty-sprazene-heading { background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } div.produkt-detail-obrazky { float: right; width: 160px; text-align: right; position: relative; left: -25px; } div.produkt-detail-obrazky img { margin: 0px 0px 10px 0px; width: 200px; } div.produkt-detail-obrazky a { position: relative; } div.produkt-detail-obrazky span.preview { position: absolute; width: 20px; height: 20px; background: URL('../img/preview.gif') #fff no-repeat; border: 1px silver solid; bottom: 20px; right: 3px; } div.produkt-detail-nakupni-pas { width: 400px; padding: 20px 10px; width: 400px; height: 24px; margin: 0px 0px 20px 0px; } div.produkt-detail-nakupni-pas a.zpet { float: left; } div.produkt-detail-nakupni-pas a.koupit { float: right; } div.produkt-detail-varianta { background: #eef0f2; border: 1px #d5dadf solid; padding: 10px; width: 400px; height: 20px; margin: 20px 0px 20px 0px; } div.produkt-detail-varianta select { float: right; width: 240px; } div.produkt-detail-varianta span { float: left; } div.produkt-detail-cesta { background: #f6f3ef; border-bottom: 1px #fdcf74 solid; padding: 10px; width: 400px; } div.produkt-detail-popis-delsi { width: 400px; margin: 20px 0px 0px 0px; } *>div.produkt-detail-popis-delsi { width: 420px; } div.produkt-detail-popis-delsi div.nadpis { font-weight: bolder; padding-bottom: 10px; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; padding: 10px 10px 10px 10px; } div.produkt-detail-popis-delsi div.obsah { line-height: 150%; padding: 10px; } table.detail-parametry { width: 400px; margin-top: 20px; } *>table.detail-parametry { width: 420px; } table.detail-parametry td { padding: 5px; } table.detail-parametry td.left { width: 50%; } table.detail-parametry td.right { } table.detail-parametry td span { border-bottom: 1px #000000 dashed; display: inline; padding: 0px 0px 0px 18px; background-image: URL('../img/otaznik.gif'); background-repeat: no-repeat; background-position: 0% 2px; cursor: help; } table.produkt-detail-download-table { width: 400px; border: 1px #d5dadf solid; margin-top: 20px; } *>table.produkt-detail-download-table { width: 420px; } table.produkt-detail-download-table td { padding: 5px; } table.produkt-detail-download-table td.ico { } table.produkt-detail-download-table td.txt { } table.produkt-detail-download-table td.date { font-size: 9pt; } table.produkt-detail-download-table td.bytes { font-style: italic; font-size: 9pt; } table.produkt-detail-download-table td.head { font-weight: bolder; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.produkt-detail-download-table td.head div.img { background-image: URL('../img/disketka.png'); width: 25px; height: 25px; position: relative; top:-15px; left: 0px; float: left; margin: 0px 10px 0px 0px; } table.produkt-detail-links-table { width: 400px; border: 1px #d5dadf solid; margin-top: 20px; } *>table.produkt-detail-links-table { width: 420px; } table.produkt-detail-links-table td { padding: 5px; } table.produkt-detail-links-table td.head { font-weight: bolder; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.produkt-detail-links-table td.head div.img { background-image: URL('../img/domecek.png'); width: 25px; height: 25px; position: relative; top:-15px; left: 0px; float: left; margin: 0px 10px 0px 0px; } table.produkt-detail-links-table td a { padding: 0px 0px 0px 15px; background-image: URL('../img/tecka.png'); background-repeat: no-repeat; background-position: 0% 5px; } table.produkt-detail-hodnoceni-table { width: 400px; margin-bottom: 20px; } *>table.produkt-detail-hodnoceni-table { width: 420px; } table.produkt-detail-hodnoceni-table td { padding: 5px; vertical-align: top; } table.produkt-detail-hodnoceni-table td.right { text-align: center; } div.produkt-detail-prislusenstvi { width: 400px; margin-top: 20px; } *>div.produkt-detail-prislusenstvi { width: 420px; } div.produkt-detail-prislusenstvi-head { font-weight: bolder; margin-bottom: 10px; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; padding: 10px; } table.produkt-detail-prislusenstvi-table { width: 95%; margin: auto; margin-bottom: 10px; } table.produkt-detail-prislusenstvi-table td { padding: 5px; } table.produkt-detail-prislusenstvi-table td.nazev { font-weight: bolder; } table.produkt-detail-prislusenstvi-table td.img { border-bottom: 1px #f6f3ef solid; } table.produkt-detail-prislusenstvi-table td.popis { } table.produkt-detail-prislusenstvi-table td.cena { font-size: 9pt; font-weight: bolder; border-bottom: 1px #f6f3ef solid; } table.produkt-detail-prislusenstvi-table td.koupit { width: 60px; border-bottom: 1px #f6f3ef solid; } table.produkt-detail-komentare-table div.new { padding: 10px; text-align: center; } table.produkt-detail-komentare-table { width: 400px; margin-top: 20px; } *>table.produkt-detail-komentare-table { width: 420px; } table.produkt-detail-komentare-table td { padding: 5px; } table.produkt-detail-komentare-table td.head-TD { font-weight: bolder; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.produkt-detail-komentare-table td.head-TD div.img { background-image: URL('../img/komentare.png'); width: 25px; height: 25px; position: relative; top:-15px; left: 0px; float: left; margin: 0px 10px 0px 0px; } table.detail-komentare-pridat input.input { width: 200px; } table.detail-komentare-pridat textarea.area { width: 200px; } table.produkt-detail-komentare-table { width: 402px; } *>table.produkt-detail-komentare-table { width: 422px; } table.produkt-detail-komentare-table table.detail-komentare-pridat { margin: auto; } table.produkt-detail-komentare-table table.detail-komentare-pridat td.left { vertical-align: top; } table.produkt-detail-komentare-table table.detail-komentare-komentar { width: 95%; margin: auto; } table.produkt-detail-komentare-table table.detail-komentare-komentar td.td-jmeno { background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.produkt-detail-komentare-table table.detail-komentare-komentar td.td-datum { width: 150px; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.produkt-detail-komentare-table table.detail-komentare-komentar td.td-telo { } /* ************************************************************************** * * * * K O S I K U P R O S T R E D * * * * ************************************************************************** */ table.kosik-table { margin: auto; width: 610px; } table.kosik-table tr.hlavicka td { font-size: 8pt; font-weight: bolder; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; padding: 8px 4px 8px 4px; } table.kosik-table td { font-size: 9pt; padding: 6px 4px 6px 4px; } table.kosik-table td.cell-pocet input { font-size: 9pt; width: 30px; text-align: right; } table.kosik-table td.cell-pocet input.input-hidden { border: 1px #FFFFFF solid; } table.kosik-table td.cell-kod-zbozi { } table.kosik-table td.cell-zbozi { } table.kosik-table td.cell-cena-mj { width: 80px; text-align: right; } table.kosik-table td.cell-rema { width: 50px; text-align: right;} table.kosik-table td.cell-pocet { width: 30px; text-align: right; } table.kosik-table td.cell-cena-1 { width: 100px; text-align: right; } table.kosik-table td.cell-cena-2 { } table.kosik-table td.cell-but { } table.kosik-table td.cell-zpet { text-align: left; } table.kosik-table td.cell-button-area { text-align: right; } table.kosik-table tr.celkem-zaplatite td { font-weight: bold; } table.kosik-table tr.celkem-zaplatite td.right { text-align: right; } table.kosik-table tr.celkem-zaplatite td { background: #eef0f2; border-top: 1px #d5dadf solid; } div.objednavka-start { padding: 20px; line-height: 150%; } div.objednavka-start-under-kosik { padding: 20px 0px 0px 0px; text-align: center; } /* *********************************** */ /* O B J E D N A V K A K R O K 1 */ /* *********************************** */ div.objednavka-krok-1-login-hlaska { width: 400px; margin: auto; color: red; padding: 20px 0px 20px 0px; } div.objednavka-krok-1-uvod { line-height: 170%; margin-top: 10px; } div.objednavka-error-message { line-height: 180%; padding: 0px 40px 0px 90px; color: red; } div.objednavka-error-cont { background-image: URL('../img/error.png'); background-repeat: no-repeat; } table.objednavka-krok-1-prihlaseni { width: 200px; margin: 0px 0px 0px 50px; margin-bottom: 20px; } table.objednavka-krok-1-prihlaseni td.head { font-weight: bold; } table.objednavka-krok-1-prihlaseni td.head div.img { } table.objednavka-krok-1-prihlaseni td.left { } table.objednavka-krok-1-prihlaseni td.right { } table.objednavka-krok-1-prihlaseni td.button-area { text-align: right; } table.objednavka-krok-1-prihlaseni input.login { width: 100px; } table.objednavka-krok-1-prihlaseni input.pass { width: 100px; } table.objednavka-krok-1 { width: 500px; margin: auto; } table.objednavka-krok-1 td { padding: 10px; } table.objednavka-krok-1 td.head-kontaktni-osoba { font-weight: bold; } table.objednavka-krok-1 td.head-info-o-firme { font-weight: bold; } table.objednavka-krok-1 td.head-fakturacni-udaje { font-weight: bold; } table.objednavka-krok-1 td.head-dodaci-misto { font-weight: bold; } table.objednavka-krok-1 td.head-kontaktni-osoba div.img { } table.objednavka-krok-1 td.head-info-o-firme div.img { } table.objednavka-krok-1 td.head-fakturacni-udaje div.img { } table.objednavka-krok-1 td.head-dodaci-misto div.img { } table.objednavka-krok-1 td.left-TD { text-decoration: underline; } table.objednavka-krok-1 input.osoba-jmeno { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.osoba-prijmeni { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.osoba-kontakt { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.osoba-email { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.fa-ulice { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.fa-mesto { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.fa-psc { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.fa-stat { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.firma { width: 403px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.ic { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.dic { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.do-ulice { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.do-mesto { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.do-psc { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.do-stat { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } table.objednavka-krok-1 input.readonly { background-color: #efefef; border: 1px #cccccc solid; } table.objednavka-krok-2 { width: 500px; margin: auto; } table.objednavka-krok-2 td.head-kontaktni-osoba { font-weight: bold; } table.objednavka-krok-2 td.head-dodaci-informace { font-weight: bold; padding-top: 20px; } table.objednavka-krok-2 td.head-fakturacni-informace { font-weight: bold; padding-top: 20px; } table.objednavka-krok-2 td.head-dalsi-informace { font-weight: bold; padding-top: 20px; } table.objednavka-krok-2 td.head-objednane-zbozi { font-weight: bold; padding-top: 20px; } table.objednavka-krok-2 td.left-TD { width: 80px; text-decoration: underline; } table.objednavka-krok-2 td.right-TD { padding: 10px; } div.dekujeme { line-height: 170%; } div.objednavka-byla-odeslana { line-height: 170%; } /* *********************************** */ /* K L I E N T P R I H L A S E N I */ /* *********************************** */ table.login-table { margin: auto; } table.login-table td { padding: 8px; } table.login-table td.submit-area { text-align: right; } table.login-table tr.hlavicka td { font-weight: bolder; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.login-table td.leftBar { text-decoration: underline; } table.login-table td input.input { background-color: #ffffff; border: 1px #cccccc solid; width: 150px; } div.login-error { color: red; text-align: center; padding: 20px; font-weight: bolder; } /* ********************************************** */ /* K L I E N T N O V A R E G I S T R A C E */ /* ********************************************** */ div.new-register-error-area { margin: 0px 0px 10px 0px; } div.klient-error-message { color: red; margin: 0px 20px 0px 40px; font-weight: bolder; font-size: 10pt; } table.klient-registrace { margin: auto; width: 500px; } table.klient-registrace td { padding: 10px; } table.klient-registrace td.head-prihlaseni { font-weight: bolder; } table.klient-registrace td.head-info-firma { font-weight: bolder; } table.klient-registrace td.head-fa-udaje { font-weight: bolder; } table.klient-registrace td.head-kontaktni-osoba { font-weight: bolder; } table.klient-registrace td.head-do-udaje { font-weight: bolder; } table.klient-registrace td.button-area { font-weight: bolder; } table.klient-registrace td.left-TD { text-decoration: underline; width: 80px; } table.klient-registrace td.button-area { text-align: right; } /* *********************************************************** */ /* K A T A L O G D O W N L O A D U V O D N I T E X T */ /* *********************************************************** */ div.katalog-prehled-podsekci { padding: 10px; border:1px #f6f3ef solid; margin-bottom: 10px; } div.katalog-download { padding-bottom: 10px; margin: 20px 20px 0px 20px; } div.kat-content { margin: 0px 20px 0px 20px; } span.first { display: block; margin-bottom: 5px; font-weight: bolder; } div.struct-download { } div.struct-download div.download-content { width: 100%; } div.struct-download table.table-download { } div.katalog-prehled-podsekci a { display: block; width: 25%; margin: 1px; padding: 5px 5px 5px 20px; float: left; background: URL('../img/green-dot.png') no-repeat 4px 8px; } div.katalog-prehled-podsekci div.podsekce-cistic { clear: left; } div.produkty-seznam-vyrobcu { padding: 10px; border: 1px #f6f3ef solid; margin: 0px 0px 20px 0px; } form.vyrobci-katalog { margin: 0px; } div.produkty-seznam-vyrobcu div.first { float: left; margin-right: 20px; } div.produkty-seznam-vyrobcu div.first a { text-decoration: underline; } div.produkty-seznam-vyrobcu span.check { } div.produkty-seznam-vyrobcu span.check input { } div.produkty-seznam-vyrobcu div.cistic { clear: left; height: 0px; visibility: hidden; width: 100%; } /* *************** */ /* D O W N L O A D */ /* *************** */ div.download-content { } table.table-download { margin: auto; width: 610px; } table.table-download td.ico { width: 20px; } table.table-download td.nazev { } table.table-download td.popis { padding-bottom: 20px; border-top: 1px #f6f3ef solid; } table.table-download td.datum { width: 140px; text-align: right; } table.table-download td.bytes { width: 100px; text-align: right; } /* ********************************** */ /* P O R O V N A T P R O D U K T Y */ /* ********************************** */ div.porovnani-cont { } div.porovnani-cont div.porovnat-text { line-height: 170%; padding-bottom: 20px; } div.porovnani-cont div.porovnat-nevybrano { margin-top: 20px; color: f6f3ef; } div.porovnani-cont table.porovnat-table { width: 100%; } div.porovnani-cont table.porovnat-table td { font-size: 8pt; vertical-align: top; } div.porovnani-cont table.porovnani-produktu-table { width: 100%; border: 1px #f6f3ef solid; margin: 1px; } div.porovnani-cont td.porovnani-produktu-nazev { font-weight: bolder; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; height: 20px; overflow: hidden; } div.porovnani-cont td.porovnani-produktu-obrazek { text-align: center; } div.porovnani-cont td.porovnani-produktu-znacka { } div.porovnani-cont td.porovnani-produktu-cena { text-align: right; font-weight: bolder; } div.porovnani-cont td.porovnani-produktu-params-left { font-style: italic; font-size: 8pt; } div.porovnani-cont td.porovnani-produktu-params-right { font-style: italic; font-size: 8pt; } div.porovnani-cont td.porovnani-produktu-last-line { text-align: right; padding-top: 10px; } /* ***************** */ /* R E F E R E N C E */ /* ***************** */ div.reference-kategorie-zacatek { } div.reference-kategorie-obdelnik { margin: 1px 1px 10px 1px; width: 190px; float: left; } div.reference-seznam-cistic { clear: left; height: 0px; visibility: hidden; } div.reference-kategorie-obdelnik div.reference-kategorie-obrazek { } div.reference-kategorie-obdelnik div.reference-kategorie-nazev { font-size: 8pt; padding: 10px 0px 2px 0px; } div.reference-kategorie-obdelnik div.reference-kategorie-popis { font-size: 8pt; padding: 0px 0px 10px 10px; } div.reference-seznam-zacatek { } div.reference-dlazdice-obdelnik { text-align: center; padding: 10px; } div.reference-dlazdice-obdelnik-obrazek { } div.reference-dlazdice-obdelnik-nadpis { font-size: 8pt; padding-top: 5px; } table.reference-seznam-referenci { } table.reference-seznam-referenci td { padding: 10px; vertical-align: top; border-bottom: 1px #d5dadf solid; } table.reference-seznam-referenci td.picture-TD { } table.reference-seznam-referenci div.reference-seznam-referenci-nazev-div { font-weight: bolder; } table.reference-seznam-referenci div.reference-seznam-referenci-popis-div { padding: 15px 10px 0px 10px; } div.reference-detail-text { margin-bottom: 20px; } table.reference-detail-obrazky-table { margin: auto; } table.reference-detail-obrazky-table td { padding: 5px; } /* ******************** */ /* K L I E N T A R E A */ /* ******************** */ div.klient-after-login { } div.klient-after-login div.prolog { margin-bottom: 20px; line-height: 170%; } div.klient-after-login div.line { margin: 0px 20px 0px 20px; padding: 5px 5px 5px 20px; background: URL('../img/green-dot.png') no-repeat 0px 6px; } div.klient-moje-objednavky-empty-history { text-align: center; } table.klient-moje-objednavky { margin: auto; width: 610px; border: 1px #f6f3ef solid; } table.klient-moje-objednavky tr:hover td { background: #eef0f2; } table.klient-moje-objednavky td { font-size: 9pt; } table.klient-moje-objednavky tr.hlavicka td { font-weight: bolder; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.klient-moje-objednavky td.datum { text-align: right; } table.klient-moje-objednavky td.cena { text-align: right; } table.klient-moje-objednavky td.cislo { text-align: right; } table.klient-moje-objednavky td.doprava { text-align: right; } table.klient-moje-objednavky td.platba { text-align: right; } table.klient-moje-objednavky td.stav { } table.klient-moje-objednavky td.button { text-align: right; } table.klient-moje-objednavky-osoba { width: 250px; float: left; margin: 5px; } table.klient-moje-objednavky-osoba tr.hlavicka td { font-weight: bolder; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.klient-moje-objednavky-osoba td.left-TD { text-decoration: underline; width: 50px; } table.klient-moje-objednavky-osoba td.right { } table.klient-moje-objednavky-osoba td { padding: 5px; font-size: 9pt; } table.klient-moje-objednavky-platba-doprava { width: 250px; float: left; margin: 5px; } table.klient-moje-objednavky-platba-doprava td.left-TD { text-decoration: underline; width: 50px; } table.klient-moje-objednavky-platba-doprava td.right { } table.klient-moje-objednavky-platba-doprava tr.hlavicka td { font-weight: bolder; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.klient-moje-objednavky-platba-doprava td { padding: 5px; font-size: 9pt; } table.klient-moje-objednavky-fa-udaje { width: 250px; clear: left; float: left; margin: 5px; } table.klient-moje-objednavky-fa-udaje td.left-TD { text-decoration: underline; width: 50px; } table.klient-moje-objednavky-fa-udaje td.right { } table.klient-moje-objednavky-fa-udaje tr.hlavicka td { font-weight: bolder; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.klient-moje-objednavky-fa-udaje td { padding: 5px; font-size: 9pt; } table.klient-moje-objednavky-do-udaje { width: 250px; float: left; margin: 5px;} table.klient-moje-objednavky-do-udaje td.left-TD { text-decoration: underline; width: 50px; } table.klient-moje-objednavky-do-udaje td.right { } table.klient-moje-objednavky-do-udaje tr.hlavicka td { font-weight: bolder; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.klient-moje-objednavky-do-udaje td { padding: 5px; font-size: 9pt; } div.klient-detail-objednavky-objednane-zbozi { padding: 10px; font-weight: bolder; clear: left; } table.klient-moje-objednavky-obj-zbozi { width: 510px; float: left; margin: 5px; } table.klient-moje-objednavky-obj-zbozi tr.hlavicka td { font-weight: bolder; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.klient-moje-objednavky-obj-zbozi td { font-size: 9pt; } table.klient-moje-objednavky-obj-zbozi td.kod-zbozi { } table.klient-moje-objednavky-obj-zbozi td.nazev { } table.klient-moje-objednavky-obj-zbozi td.pocet { } table.klient-moje-objednavky-obj-zbozi td.cena-mj { } table.klient-moje-objednavky-obj-zbozi td.cena { } table.klient-moje-objednavky-obj-zbozi td.rema { } table.klient-moje-objednavky-obj-zbozi td.celkem { } table.klient-nastaveni-uctu { margin: auto; width: 550px; } table.klient-nastaveni-uctu td { padding: 10px; } table.klient-nastaveni-uctu td.head-TD { font-weight: bold; } table.klient-nastaveni-uctu td.head-TD span { font-weight: normal; } table.klient-nastaveni-uctu td.left-TD { width: 110px; text-decoration: underline; } table.klient-nastaveni-uctu td.button-area { text-align: right; } table.klient-nastaveni-uctu td.info-area { } table.klient-nastaveni-uctu input.input { width: 150px; background-color: #ffffff; border: 1px #cccccc solid; } div.obchodni-podminky-tab-1 { width: 270px; float: left; margin: 5px; } div.obchodni-podminky-tab-2 { width: 270px; float: left; margin: 5px; } div.obchodni-podminky-tab-3 { clear: left; padding-top: 40px; font-size: 10pt; } table.klient-obchodni-podminky-tab-1 { width: 100%; } table.klient-obchodni-podminky-tab-1 td { padding: 5px; } table.klient-obchodni-podminky-tab-1 tr.hlavicka td { background: #eef0f2; background: #f6f3ef; border-bottom: 1px #fdcf74 solid; } table.klient-obchodni-podminky-tab-1 td.left { } table.klient-obchodni-podminky-tab-1 td.right { } table.klient-obchodni-podminky-tab-2 { width: 100%; } table.klient-obchodni-podminky-tab-2 td { padding: 5px; } table.klient-obchodni-podminky-tab-2 tr.hlavicka td { background: #eef0f2; background: #f6f3ef; border-bottom: 1px #fdcf74 solid;} table.klient-obchodni-podminky-tab-2 td.left { } table.klient-obchodni-podminky-tab-2 td.right { } /* ********************* */ /* V Y H L E D A V A N I */ /* ********************* */ div.hledani-head { font-weight: bold; margin-bottom: 10px; } div.no-result { padding: 10px; } div.search-res-cont { width: 500px; margin: auto; border-bottom: 1px #f6f3ef solid; margin-bottom: 10px; } div.search-res-cont a { } div.search-res-cont div.line-1 { background: URL('../img/green-dot.png') no-repeat 0px 3px; padding: 0px 10px 10px 20px; } div.search-res-cont div.line-2 { padding: 0px 30px 10px 30px; color: gray; } div.vyhledat-pan { position: absolute; top: 228px; right: 0px; z-index: 3; width: 165px; height: 20px; overflow: hidden; } div.vyhledat-pan input { font-size: 7pt; color: #767676; } /* ***************** */ /* G U E S T B O O K */ /* ***************** */ div.guestbook-table-cont { width: 540px; margin: 0px 0px 20px 25px; border: 1px #96C7AF solid; } div.guestbook-table-cont div.autor { float: left; width: 380px; padding: 4px 10px 4px 10px; background: #eef0f2; border-bottom: 1px #96C7AF solid; } div.guestbook-table-cont div.datum { float: left; width: 120px; padding: 4px 10px 4px 10px; background: #eef0f2; border-bottom: 1px #96C7AF solid; } div.guestbook-table-cont div.zprava { clear: left; padding: 10px; } div.guestbook-table-cont div.odkaz { padding: 10px; text-align: right; font-size: 9pt; } div.guestbook-reakce-table-cont { width: 500px; margin: 0px 0px 20px 65px; border: 1px #96C7AF solid; } div.guestbook-reakce-table-cont div.autor { float: left; width: 340px; padding: 4px 10px 4px 10px; background: #eef0f2; border-bottom: 1px #96C7AF solid; } div.guestbook-reakce-table-cont div.datum { float: left; width: 120px; padding: 4px 10px 4px 10px; background: #eef0f2; border-bottom: 1px #96C7AF solid; } div.guestbook-reakce-table-cont div.zprava { clear: left; padding: 10px; } div.guestbook-new { margin: 50px auto; width: 300px; border: 1px #96C7AF solid; } div.guestbook-new div.nadpis { padding: 10px; font-weight: bolder; background: #96C7AF; } div.guestbook-new div.autor { padding: 5px; } div.guestbook-new div.autor span { width: 50px; padding: 2px 5px 0px 5px; display: block; float: left; } div.guestbook-new div.autor input { width: 220px; } div.guestbook-new div.zprava { padding: 5px; } div.guestbook-new div.zprava span { width: 50px; padding: 0px 5px 0px 5px; display: block; float: left; } div.guestbook-new div.zprava textarea { width: 220px; } div.guestbook-new div.button { padding: 5px 10px 5px 5px; text-align: right; } div.guest-add-error-cont { width: 500px; margin: auto auto 20px auto; } div.guest-add-error-cont div.guest-add-error { color: red; } /* ********************* */ /* individual */ /* ********************* */ div.home { border: 1px #fccf74 solid; background: URL('../img/layout/home-bg.png') #fefcfd repeat-x; padding: 10px; color: #9d1019; line-height: 140%; margin-bottom: 10px; } div.home h2, div.home h1 { margin: 0px 0px 10px 0px; background: URL('../img/layout/homeh2.png') 0px 11px no-repeat; padding: 10px 10px 10px 15px; position: relative; left: -10px; font-size: 13pt; color: #ff9700; font-style: normal; }