/**** CSS document for multi-e-shop Penelope.cz ****/ * { margin: 0; padding: 0; border: 0;} a{ color: #424242;} a:hover { text-decoration: none; } hr.cleaner { clear: both; visibility: hidden; } .nodisplay { display: none; } .submit { cursor: pointer; } body { color: #4d4d4d; font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; font-size: 62.5%; background: #fff; text-align: left; border-top: 5px solid #3F91BE; width: 100%; cursor: default; overflow: hidden-x; } #web{ width: 100%; } #head{ width: 100%; height: 100px; position: relative; overflow: hidden; } #head a#logo { position: relative; width: 209px; height: 87px; margin: 0px; padding: 0px; overflow: hidden; left: 0; top: 0; float: left; } #head a#logo span { position: absolute; top: 0px; left: 0px; width:209px; height: 87px; background: url('../img/logo.jpg') no-repeat; cursor: pointer; visibility: visible; } #head #head-right { float: right; background: url('../img/header-right-repeat.jpg') repeat-x; width: 470px; height: 99px; } #head #head-right #top-menu { position: absolute; top: 8px; right: 7px; } #head #head-right #top-menu ul { list-style-type: none; text-align: right; font-size: 120%; } #head #head-right #top-menu ul li { float: right; text-align: center; } #head #head-right #top-menu ul li span { display: inline-block; color: #5B5B5B; padding: 0px 5px 0px 0px; } #head #head-right #top-menu ul li a { margin: 0; padding: 0px 5px 0px 0px; display: inline-block; color: #5B5B5B; font-weight: normal; } #head #head-right #top-menu ul li a:hover { } #head #head-right #search-basket { background: url('../img/header-right.jpg') no-repeat; height: 100px; } #head #head-right #search-basket.normal { background: url('../img/header-rightx.jpg') no-repeat; } #head #head-right #search-basket form { position: relative; left: 60px; top: 52px; float: left; width: 240px; height: 100px; font-size: 120%; } #head #head-right #search-basket.normal form { top: 59px; } #head #head-right #search-basket form fieldset { border: 0px none; } #head #head-right #search-basket form fieldset input.text { float: left; width: 115px; padding: 3px 0px 2px 0px; margin-right: 8px; } #head #head-right #search-basket form fieldset input.submit { float: left; background: transparent; font-weight: bold; color: #fff; cursor: pointer; font-size: 90%; margin: 0; padding: 3px 0px 3px 9px; text-align: left; } #head #head-right #search-basket p { float: right; width: 170px; height: 100px; right: 12px; top: 50px; position: relative; text-align: right; } #head #head-right #search-basket p a { display: block; height: 100px; color: #1F81B7; font-size: 120%; text-decoration: none; } #head #head-right #search-basket p a strong { display: block; text-decoration: underline; } #head #head-right #search-basket div { padding: 0px 0px 0px 0px; margin: 9px 0px 0px -10px; clear: both; } #head #head-right #search-basket div label { position: relative; top: -2px; } #head #head-middle { margin: 0px 470px 0px 209px; background: url('../img/header-middle.jpg') no-repeat top center; } #head #head-middle span { display: block; width: 100%; height: 100px; visibility: hidden; } #contain-obal #hmenu { width: 100%; background: url('../img/hmenu-repeat.jpg') repeat-x; height: 74px; } #contain-obal #hmenu ul { list-style-type: none; display: block; padding-left: 0px; height: 74px; /*background: url('../img/hmenu.jpg') no-repeat;*/ } #contain-obal #hmenu ul li { float: left; position: relative; margin: 0px; padding: 0px; overflow-x: hidden; left: 0; top: 0; height: 74px; font-size: 20%; } #contain-obal #hmenu ul li a { display: block; height: 74px; } #contain-obal #hmenu ul li a span { position: absolute; top: 0px; left: 0px; visibility: visible; height: 74px; cursor: pointer; } #contain-obal #hmenu ul li#hmenu-pneumatiky-lita-kola, #contain-obal #hmenu ul li#hmenu-pneumatiky-lita-kola-active { width: 98px; } #contain-obal #hmenu ul li#hmenu-pneumatiky-lita-kola a span { width:98px; background: url('../img/menu/hmenu-pneumatiky.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-pneumatiky-lita-kola-active a span { width:98px; background: url('../img/menu/hmenu-pneumatiky-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-parfemy, #contain-obal #hmenu ul li#hmenu-parfemy-active { width: 90px; } #contain-obal #hmenu ul li#hmenu-parfemy a span { width: 90px; background: url('../img/menu/hmenu-parfemy.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-parfemy-active a span { width: 90px; background: url('../img/menu/hmenu-parfemy-active.jpg') no-repeat; } #contain-obal a#nove_znacky_vuni { position: absolute; left: 137px; top: 86px; display: block; width: 45px; height: 44px; z-index: 100; background: url('../img/nove_znacky_vuni.png') no-repeat; text-decoration: none; } #contain-obal #hmenu ul li#hmenu-hodinky, #contain-obal #hmenu ul li#hmenu-hodinky-active { width: 94px; } #contain-obal #hmenu ul li#hmenu-hodinky a span { width: 94px; background: url('../img/menu/hmenu-hodinky.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-hodinky-active a span { width: 94px; background: url('../img/menu/hmenu-hodinky-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-sportovni-obleceni, #contain-obal #hmenu ul li#hmenu-sportovni-obleceni-active { width: 90px; } #contain-obal #hmenu ul li#hmenu-sportovni-obleceni a span { width: 90px; background: url('../img/menu/hmenu-obleceni.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-sportovni-obleceni-active a span { width: 90px; background: url('../img/menu/hmenu-obleceni-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-naradi, #contain-obal #hmenu ul li#hmenu-naradi-active { width: 90px; } #contain-obal #hmenu ul li#hmenu-naradi a span { width: 90px; background: url('../img/menu/hmenu-naradi.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-naradi-active a span { width: 90px; background: url('../img/menu/hmenu-naradi-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-penelope-noze, #contain-obal #hmenu ul li#hmenu-penelope-noze-active { width: 70px; } #contain-obal #hmenu ul li#hmenu-penelope-noze a span { width: 70px; background: url('../img/menu/hmenu-noze.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-penelope-noze-active a span { width: 70px; background: url('../img/menu/hmenu-noze-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-kuchynske-doplnky, #contain-obal #hmenu ul li#hmenu-kuchynske-doplnky-active { width: 106px; } #contain-obal #hmenu ul li#hmenu-kuchynske-doplnky a span { width: 106px; background: url('../img/menu/hmenu-kuchynske.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-kuchynske-doplnky-active a span { width: 106px; background: url('../img/menu/hmenu-kuchynske-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-outdoor, #contain-obal #hmenu ul li#hmenu-outdoor-active { width: 83px; } #contain-obal #hmenu ul li#hmenu-outdoor a span { width: 83px; background: url('../img/menu/hmenu-outdoor.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-outdoor-active a span { width: 83px; background: url('../img/menu/hmenu-outdoor-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-outdoor-noze, #contain-obal #hmenu ul li#hmenu-outdoor-noze-active { width: 89px; } #contain-obal #hmenu ul li#hmenu-outdoor-noze a span { width: 89px; background: url('../img/menu/hmenu-outdoor-noze.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-outdoor-noze-active a span { width: 89px; background: url('../img/menu/hmenu-outdoor-noze-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-baterie, #contain-obal #hmenu ul li#hmenu-baterie-active { width: 90px; } #contain-obal #hmenu ul li#hmenu-baterie a span { width: 90px; background: url('../img/menu/hmenu-baterie.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-baterie-active a span { width: 90px; background: url('../img/menu/hmenu-baterie-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-spodni-pradlo, #contain-obal #hmenu ul li#hmenu-spodni-pradlo-active { width: 84px; } #contain-obal #hmenu ul li#hmenu-spodni-pradlo a span { width: 84px; background: url('../img/menu/hmenu-spodni.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-spodni-pradlo-active a span { width: 84px; background: url('../img/menu/hmenu-spodni-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-knihy, #contain-obal #hmenu ul li#hmenu-knihy-active { width: 65px; } #contain-obal #hmenu ul li#hmenu-knihy a span { width: 65px; background: url('../img/menu/hmenu-knihy.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-knihy-active a span { width: 65px; background: url('../img/menu/hmenu-knihy-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-kosmetika, #contain-obal #hmenu ul li#hmenu-kosmetika-active { width: 93px; } #contain-obal #hmenu ul li#hmenu-kosmetika a span { width: 93px; background: url('../img/menu/hmenu-kosmetika.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-kosmetika-active a span { width: 93px; background: url('../img/menu/hmenu-kosmetika-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-modni-doplnky, #contain-obal #hmenu ul li#hmenu-modni-doplnky-active { width: 124px; } #contain-obal #hmenu ul li#hmenu-modni-doplnky a span { width: 124px; background: url('../img/menu/hmenu-modni.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-modni-doplnky-active a span { width: 124px; background: url('../img/menu/hmenu-modni-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-sperky, #contain-obal #hmenu ul li#hmenu-sperky-active { width: 77px; } #contain-obal #hmenu ul li#hmenu-sperky a span { width: 77px; background: url('../img/menu/hmenu-sperky.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-sperky-active a span { width: 77px; background: url('../img/menu/hmenu-sperky-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-sedaci-pytle, #contain-obal #hmenu ul li#hmenu-sedaci-pytle-active { width: 93px; } #contain-obal #hmenu ul li#hmenu-sedaci-pytle a span { width: 93px; background: url('../img/menu/hmenu-sedaci-pytle.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-sedaci-pytle-active a span { width: 93px; background: url('../img/menu/hmenu-sedaci-pytle-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-elektro, #contain-obal #hmenu ul li#hmenu-elektro-active { width: 76px; } #contain-obal #hmenu ul li#hmenu-elektro a span { width: 76px; background: url('../img/menu/hmenu-elektro.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-elektro-active a span { width: 76px; background: url('../img/menu/hmenu-elektro-active.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-bile-zbozi, #contain-obal #hmenu ul li#hmenu-bile-zbozi-active { width: 76px; } #contain-obal #hmenu ul li#hmenu-bile-zbozi a span { width: 76px; background: url('../img/menu/hmenu-bile-zbozi.jpg') no-repeat; } #contain-obal #hmenu ul li#hmenu-bile-zbozi-active a span { width: 76px; background: url('../img/menu/hmenu-bile-zbozi-active.jpg') no-repeat; } #levypanel { float: left; overflow: hidden; width: 209px; position: relative; top: 0px; font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif;} #pravypanel { margin-left: 220px; padding-bottom: 50px; } #levypanel #user { background: url('../img/login.jpg') no-repeat left top; width: 100%; height: 99px; } #levypanel #user form { display: block; width: 100%; height: 99px; } #levypanel #user form fieldset { border: 0px none; font-size: 120%; } #levypanel #user form fieldset legend { font-weight: bold; padding: 7px 0px 3px 15px; } #levypanel #user form fieldset label { clear: left; float: left; padding: 2px 0px 0px 15px; margin-bottom: 2px; *margin-bottom: 3px; } #levypanel #user form fieldset input#login { float: left; width: 131px; margin: 1px 0 2px 7px; *margin-bottom: 3px; } #levypanel #user form fieldset input#loginpass { float: left; width: 87px; margin: 4px 0px 1px 12px; } #levypanel #user form fieldset input.submit { float: left; margin: 2px 0px 0px 13px; *margin-top: 3px; font-weight: bold; color: #fff; background: transparent; font-size: 110%; padding: 0px 0px 0px 0px; cursor: pointer; } #levypanel #user form fieldset div { clear: left; } #levypanel #user form fieldset div a { display: inline-block; font-size: 80%; padding: 6px 0px 0px 15px; } #levypanel #user-logged { background: url('../img/loggedin.jpg') no-repeat left top; width: 100%; height: 99px; } #levypanel #user-logged ul { font-size: 110%; padding: 12px 0px 0px 10px; list-style-type: none; } #levypanel #user-logged ul.top { font-weight: bold; } #levypanel p#menunadpis { position: relative; width: 209px; height: 47px; margin: 0px; padding: 0px; overflow: hidden; left: 0; top: 0; display: block; } #levypanel p#menunadpis a { display: block; text-decoration: none; } #levypanel p#menunadpis span { position: absolute; top: 0px; left: 0px; width:209px; height: 47px; visibility: visible; } #levypanel p#menunadpis.pneumatiky span { background: url('../img/vmenu-pneumatiky.jpg') no-repeat; } #levypanel p#menunadpis.lita-alu-kola span { background: url('../img/vmenu-lita-kola.jpg') no-repeat; } #levypanel p#menunadpis.sportovni-obleceni span { background: url('../img/vmenu-reef.jpg') no-repeat; } #levypanel p#menunadpis.naradi span { background: url('../img/vmenu-naradi.jpg') no-repeat; } #levypanel p#menunadpis.penelope-noze span { background: url('../img/vmenu-noze.jpg') no-repeat; } #levypanel p#menunadpis.kuchynske-doplnky span { background: url('../img/vmenu-kuchyn.jpg') no-repeat; } #levypanel p#menunadpis.outdoor span { background: url('../img/vmenu-outdoor-noze.jpg') no-repeat; } #levypanel p#menunadpis.kosmetika span { background: url('../img/vmenu-kosmetika.jpg') no-repeat; } #levypanel p#menunadpis.knihy span { background: url('../img/vmenu-knihy.jpg') no-repeat; } #levypanel p#menunadpis.spodni-pradlo span { background: url('../img/vmenu-spodni-pradlo.jpg') no-repeat; } #levypanel p#menunadpis.sedaci-pytle span { background: url('../img/vmenu-sedaci-pytle.jpg') no-repeat; } #levypanel p#menunadpis.baterie span { background: url('../img/vmenu-baterie.jpg') no-repeat; } #levypanel p#menunadpis.Penelope span, #levypanel p#menunadpis.penelope span { background: url('../img/vmenu-penelope.jpg') no-repeat; } #levypanel p#menunadpis.pneu-lita-alu-kola span { background: url('../img/vmenu-pneumatiky-lita-kola.jpg') no-repeat; } #levypanel p#menunadpis.parfemy span { background: url('../img/vmenu-parfemy.jpg') no-repeat; } #levypanel p#menunadpis.hodinky span { background: url('../img/vmenu-hodinky.jpg') no-repeat; } /* #levypanel p#menunadpis.outdoor-noze span { background: url('../img/vmenu-outdoor-noze.jpg') no-repeat; }*/ #levypanel p#menunadpis.elektro span { background: url('../img/vmenu-elektro.jpg') no-repeat; } #levypanel p#menunadpis.bile-zbozi span { background: url('../img/vmenu-bile-zbozi.jpg') no-repeat; } #levypanel div.menu { background: #d3e7f1 repeat-y; font-size: 120%; font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif; } #levypanel div.menu div.menu-top { background: url('../img/vmenu-top.jpg') no-repeat left top; } #levypanel div.menu div.menu-top div.menu-bottom { background: url('../img/vmenu-bottom.jpg') no-repeat left bottom; padding-top: 4px; } /* prvni-tucna uroven */ #levypanel div.menu ul { list-style-type: none; display: block; padding: 0; width: 209px; overflow: hidden; } #levypanel div.menu ul li { background: url('../img/menu-li.gif') no-repeat left bottom; padding-bottom: 3px; display: block; } #levypanel div.menu ul li.posledni { background: none; margin-bottom: 3px;} #levypanel div.menu ul li a { font-weight: bold; text-decoration: none; display: block; padding-left: 13px; padding-top: 2px; padding-bottom: 2px; color: #000000; } #levypanel div.menu ul li a.active { background: #a1cbe1; padding-top: 2px; padding-bottom: 2px; color: #fff; } #levypanel div.menu ul li a:hover { background: #a1cbe1; color: #000; } #levypanel div.menu-bottom > ul > li > a.active { color: #000; } /* druha uroven */ #levypanel div.menu ul li ul { } #levypanel div.menu ul li ul li { background: none; padding-bottom: 0px; margin-bottom: 0px; } #levypanel div.menu ul li ul li a { font-weight: normal; padding-left: 20px; display: block; padding-top: 4px; border-bottom: 1px solid #cde6f3; } #levypanel div.menu-bottom > ul > li > ul > li > a { background: #ebf4f8; } #levypanel div.menu ul li ul li a:hover { background: #a1cbe1; color: #fff; } /* treti uroven */ #levypanel div.menu ul li ul li ul { } #levypanel div.menu ul li ul li ul li { background: none; padding-bottom: 0px; margin-bottom: 0px; } #levypanel div.menu ul li ul li ul li a { font-weight: normal; padding-left: 30px; display: block; border-bottom: 1px solid #e1f0f8; background: #f9fbfd; } #levypanel div.menu-bottom > ul > li > ul > li > ul > li > strong > a.active { font-weight: bold; color: #000; background: #f9fbfd; } #levypanel div.menu ul li ul li ul li a:hover { font-weight: bold; color: #000; background: #f9fbfd; } /* show all */ #levypanel a.showAllParfumes { display: block; font-size: 120%; text-align: right; padding: 5px 15px 5px 0px; background: #77B3D7; color: #fff; border-bottom: 1px solid #77b36b; text-decoration: none; font-weight: bold; } #levypanel #newsletter { background: url('../img/newsletter.jpg') no-repeat; width: 209px; height: 77px; margin-top: 2px; color: #424242; } #levypanel #newsletter fieldset { border: 0px none; font-size: 120%; } #levypanel #newsletter fieldset legend { font-weight: bold; padding: 4px 0px 3px 15px; } #levypanel #newsletter fieldset label { display: inline-block; padding: 2px 0px 0px 15px; } #levypanel #newsletter fieldset input.text { width: 131px; padding-left: 5px; } #levypanel #newsletter fieldset input.submit { margin: 10px 0px 0px 161px; *margin-top: 7px; *margin-left: 163px; font-weight: bold; color: #fff; background: transparent; font-size: 110%; padding: 0px 0px 0px 0px; cursor: pointer; } #levypanel #newsletter fieldset a { font-size: 80%; display: inline-block; padding: 6px 0px 0px 15px; } #levypanel div.graybox { background: url('../img/vmenu-repeat.jpg') repeat-y; font-size: 120%; color: #424242; margin-bottom: 3px; } #levypanel div.graybox div.graybox-top { background: url('../img/vmenu-top.jpg') no-repeat left top; } #levypanel div.graybox div.graybox-top div.graybox-bottom { background: url('../img/vmenu-bottom.jpg') no-repeat left bottom; min-height: 200px; padding-top: 10px; } #levypanel div.graybox img { border: 0px none; display: block; margin: 0px auto; } #levypanel div.graybox p { padding: 0px 10px; } #levypanel div.graybox ul { margin: 10px 0px 0px 20px; list-style-type: none; } #levypanel div.graybox ul li { display: block; margin: 10px 10px 0px 0px; padding-bottom: 10px; border-bottom: 1px solid #D0D0D0; } #levypanel div.graybox ul li a { font-weight: bold; } #levypanel div.graybox ul li p { padding-left: 20px; } #levypanel div.graybox ul li p a { font-weight: normal; } #levypanel div.graybox.aktuality p { text-align: justify; padding-bottom: 10px; } #levypanel div.banners { text-align: center; margin: 0px 0px 0px 0px; } #levypanel div.banners img { margin: 0 auto 2px auto; display: block; } #pravypanel #znacky { float: left; width: 100%; color: #424242; position: relative; } #pravypanel #znacky form { display: block; padding-left: 15px; height: 52px; /*background: url('../img/filtr.jpg') no-repeat;*/ } #pravypanel #znacky form fieldset { border: 0px none; height: 52px; } #pravypanel #znacky form fieldset table.label { float: left; width: 50px; height: 100%; font-weight: bold; font-size: 120%; margin-left: 5px; } #pravypanel #znacky form fieldset input.submit { float: right; width: 86px; padding: 14px 0px 10px 0px; font-weight: bold; font-size: 120%; margin: 3px 12px 0px 5px; background: url('../img/filtr-submit.jpg') no-repeat; color: #fff; } #pravypanel #znacky-simple { width: 100%; background: url('../img/znacky-simple.png') no-repeat; color: #424242; position: relative; } #pravypanel #znacky-simple #znacky-simple-corner { display: block; position: absolute; left: 0; bottom: 0; width: 11px; height: 7px; background: url('../img/znacky-simple-corner.png') no-repeat; overflow: hidden; } #pravypanel #znacky-simple form { display: block; padding-left: 15px; } #pravypanel #znacky-simple table form fieldset { margin: 0px 10px 0px 0px; height: 100%; border: 0px none; } #pravypanel #znacky-simple table tr td { vertical-align: middle; padding: 5px 0; font-size: 110%; } #pravypanel #znacky-simple table tr td.label { width: 60px; text-align: center; font-weight: bold; } #pravypanel #znacky-simple table tr td.reset { width: 90px; text-align: center; font-weight: bold; } #pravypanel #znacky-simple table tr td form fieldset label { display: inline-block; white-space: nowrap; margin-bottom: 3px; } #pravypanel #znacky-simple table tr td form fieldset input { display: inline-block; margin: 0px 2px 0px 15px; position: relative; top: 2px; } #pravypanel #znacky #znacky-wrap { padding: 10px 0 0 170px; font-size: 110%; } #pravypanel #znacky #znacky-wrap strong { float: left; font-weight: bold; font-size: 110%; margin-left: 60px; padding-bottom: 5px; display: none; } #pravypanel #znacky #znacky-wrap a#clear-brands { position: absolute; left: 60px; top: 10px; color: #000; } #pravypanel #znacky #znacky-wrap label { float: left; white-space: nowrap; font-weight: bold; margin: 0 20px 10px 0; color: #000; } #pravypanel #znacky #znacky-wrap input { float: left; margin-right: 5px; } #pravypanel div#sortby { width: 100%; background: url('../img/sortby-repeat.jpg') repeat-x; height: 28px; margin-top: 3px; position: relative; } #pravypanel div#sortby form { float: left; width: 100%; height: 28px; background: url('../img/sortby.jpg') no-repeat; } #pravypanel div#sortby form fieldset { border: 0px none; padding-left: 15px; padding-top: 4px; height: 28px; } #pravypanel div#sortby form fieldset label { float: left; padding: 3px 5px 0px 0px; font-weight: bold; color: #1f81b7; } #pravypanel div#sortby form fieldset select { float: left; margin-right: 4px; position: relative; z-index: 1; } #pravypanel div#sortby form fieldset select option { padding: 2px; font-size: 90%; font-weight: bold; color: #4D4D4D } #pravypanel div#sortby form fieldset div.sipky { float: left; width: 10px; } #pravypanel div#sortby form fieldset div { float: left; } #pravypanel div#sortby form fieldset div a img { display: block; margin-top: 4px; } #pravypanel div#sortby form fieldset input.checkbox { float: left; margin: 3px 7px 0px 20px; } #pravypanel div#sortby div.zobrazeni { position: absolute; top: 0; right: 0; width: 150px; padding-top: 4px; white-space: nowrap; text-align: right; } #pravypanel div#sortby div.zobrazeni a { color: #1f81b7; font-size: 120%; font-weight: bold; display: inline-block; padding: 0px 5px 0px 3px; } #pravypanel #navigace { width: 100%; height: 28px; font-size: 120%; margin-top: 10px; } #pravypanel #navigace p#drobeckova-navigace { float: left; width: 40%; height: 28px; white-space: nowrap; } #pravypanel #navigace p#drobeckova-navigace span.drobecky-inner { display: block; padding: 5px 0px 0px 15px; } #pravypanel #navigace p#drobeckova-navigace a { text-decoration: none; } #pravypanel #navigace p#drobeckova-navigace a.posledni-aktivni-kategorie { color: #3A8FBD; font-weight: bold; } #pravypanel #navigace p#drobeckova-navigace em { display: inline-block; padding: 0px 4px; } #pravypanel #navigace p#pocet-polozek { float: right; width: 15%; padding-top: 4px; padding-right: 11px; white-space: nowrap; text-align: right; } #pravypanel .obsah div.paging { clear: both; width: 100%; text-align: center; color: #9F9F9F; color: #9F9F9F; } #pravypanel .obsah div.paging * { white-space: nowrap; } #pravypanel .obsah div.paging table { width: 25%; margin: 10px auto 20px auto; text-align: center; white-space: nowrap; font-size: 120%; /*position: relative; margin-left: 50%; left: -13%; width: 25%;*/ } #pravypanel .obsah div.paging table tr td { padding: 0px 10px; } #pravypanel .obsah div.paging table a { text-decoration: none; color: rgb(108,117,137);white-space: nowrap; } #pravypanel .obsah div.paging table .selected { color: #1F81B7; font-weight: bold; margin-left: 3px; } #pravypanel #navigace strong { color: #3A8FBD; } #pravypanel .obsah { background: url('../img/obsah-top.jpg') repeat-x; height: auto; padding-left: 15px; font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif; font-size: 110%; overflow-x: hidden; } #pravypanel .obsah h1 { font-size: 170%; color: #2081B6; padding-bottom: 5px; padding-top: 5px; float: left; width: 100%; margin: 5px 0 0 0; } #pravypanel .obsah h2.boxseparator { float: left; width: 100%; padding: 7px 15px 10px 15px; position: relative; font-weight: bold; background: url('../img/nadpis-repeat.jpg') repeat-x; font-size: 130%; color: #2081B6; margin-bottom: 15px; margin-top: 10px; } #pravypanel .obsah h2.boxseparator span { position: absolute; left: 0; top: 0; width: 5px; height: 30px; background: url('../img/nadpis-left.jpg') no-repeat; } #pravypanel .obsah div.parfemy h2.boxseparator { top: 20px; } #pravypanel .obsah div.parfemy div.parfemy-katalog { margin-bottom: 0; padding-top: 25px; } #pravypanel .obsah #bannery { margin: 0px 0px 20px 0px; text-align: center; } #pravypanel .obsah #bannery div { margin: 0; padding: 0; } #pravypanel .obsah #bannery div img { margin: 0 auto; } #pravypanel .obsah #categoryText { margin: 0px 0px 20px 0px; background: url('../img/obsah-top.jpg') repeat-x; padding: 15px 0px 10px 0px; margin-top: 10px; width: 100%; } #pravypanel .obsah #categoryText p { font-size: 110%; padding: 5px 15px; line-height: 130%; text-align: justify; } #pravypanel .obsah #categoryPage { margin: 0px 0px 20px 0px; padding: 15px 0px 10px 0px; margin-top: 10px; width: 100%; } #pravypanel .obsah #categoryPage.popisekTiny { float: left; width: 100%; padding-top: 0px; margin: 15px 0 -10px 0; } #pravypanel .obsah #categoryPage p { font-size: 110%; padding: 5px 15px; line-height: 130%; text-align: justify; } #pravypanel div.shadow-added { float: left; width: 100%; height: 30px; background: url('../img/obsah-top.jpg') repeat-x; } #pravypanel .obsah #changing { float: left; text-align: center; height: 190px; visibility: hidden; position: relative; } #pravypanel .obsah div.bannerProVituAVercu { display: block; width: 633px; height: /*217*/165px; overflow: hidden; position: relative; background: url('../img/banners/vzor/pozadi.jpg') no-repeat left top; color: #fff; margin-bottom: 15px; border-bottom: 1px solid #C6C6C6; cursor: pointer; } #pravypanel .obsah div.bannerProVituAVercu * { cursor: pointer; } #pravypanel .obsah div.bannerProVituAVercu a { text-decoration: none; } #pravypanel .obsah div.bannerProVituAVercu a img { border: 0px none; display: block; position: absolute; right: 1px; top: 1px; } #pravypanel .obsah div.bannerProVituAVercu span.pneumatiky, #pravypanel .obsah div.bannerProVituAVercu span.parfemy, #pravypanel .obsah div.bannerProVituAVercu span.obleceni, #pravypanel .obsah div.bannerProVituAVercu span.noze, #pravypanel .obsah div.bannerProVituAVercu span.kuchyn, #pravypanel .obsah div.bannerProVituAVercu span.outdoor, #pravypanel .obsah div.bannerProVituAVercu span.baterky { position: absolute; top: /*128*/80px; left: 1px; width: 631px; height: 88px; background-repeat: no-repeat; } #pravypanel .obsah div.bannerProVituAVercu span.pneumatiky { background-image: url('../img/banners/vzor/pneumatiky.png'); } #pravypanel .obsah div.bannerProVituAVercu span.parfemy { background-image: url('../img/banners/vzor/parfemy.png'); } #pravypanel .obsah div.bannerProVituAVercu span.obleceni { background-image: url('../img/banners/vzor/obleceni.png'); } #pravypanel .obsah div.bannerProVituAVercu span.noze { background-image: url('../img/banners/vzor/noze.png'); } #pravypanel .obsah div.bannerProVituAVercu span.kuchyn { background-image: url('../img/banners/vzor/kuchyn.png'); } #pravypanel .obsah div.bannerProVituAVercu span.outdoor { background-image: url('../img/banners/vzor/outdoor.png'); } #pravypanel .obsah div.bannerProVituAVercu span.baterky { background-image: url('../img/banners/vzor/baterky.png'); } #pravypanel .obsah div.bannerProVituAVercu h3 { position: absolute; left: 21px; top: /*167*/118px; font-size: 280%; font-style: italic; color: #fff; } #pravypanel .obsah div.bannerProVituAVercu p { position: absolute; top: /*159*/113px; left: 450px; font-size: 120%; font-weight: bold; } #pravypanel .obsah div.bannerProVituAVercu p strong { display: block; } #pravypanel .obsah div.bannerProVituAVercu p strike { display: block; color: #d4e7f6; } #pravypanel .obsah div.bannerProVituAVercu p em { display: block; font-style: normal; } #pravypanel .obsah div.bannerProVituAVercu.individual { display: block; width: 633px; height: 166px; overflow: visible; position: relative; margin-bottom: 15px; border: 0px none; } #pravypanel .obsah div.bannerProVituAVercu.individual a img { position: relative; border: 0px none; right: 0px; top: 0px; } /* DAVCUV ROZCESTNIK Z NAVIGATORU */ div#categoryPage div.guidepost-banners { padding: 15px 0; text-align: center; } div#categoryPage div.guidepost-banners a { text-decoration: none; } div#categoryPage div.guidepost-banners img { display: inline; margin: 0px 10px; } div#categoryPage div.guidepost-product { position: relative; width: 30%; height: 170px; margin: 15px 20px 15px 0px; float: left; } div#categoryPage div.guidepost-product span { position: absolute; width: 20px; height: 20px; display: block; } div#categoryPage div.guidepost-product span.corner-left-top { background: url('../img/elektro/corner-left-top.jpg') no-repeat; left: 0; top: 0; } div#categoryPage div.guidepost-product span.corner-left-bottom { background: url('../img/elektro/corner-left-bottom.jpg') no-repeat; left: 0; bottom: 0; } div#categoryPage div.guidepost-product span.corner-right-top { background: url('../img/elektro/corner-right-top.jpg') no-repeat; right: 0; top: 0; } div#categoryPage div.guidepost-product span.corner-right-bottom { background: url('../img/elektro/corner-right-bottom.jpg') no-repeat; right: 0; bottom: 0; } div#categoryPage div.guidepost-product h2 { display: block; color: #C52300; font-size: 140%; padding: 15px 20px 0px 20px; } div#categoryPage div.guidepost-product h2 a { display: block; text-decoration: none; color: #C52300; } div#categoryPage div.guidepost-product img { float: left; margin-left: 15px; margin-top: 10px; } div#categoryPage div.guidepost-product ul { margin: 10px 0 0 135px; list-style-type: none; } div#categoryPage div.guidepost-product ul li { display: block; } div#categoryPage div.guidepost-product ul li a { text-decoration: underline; } div#categoryPage div.guidepost-product ul li a:hover { text-decoration: none; } /* novy generovany rozcestnik v kategoriich */ div#crossway { float: left; width: 110%; background: #fff; position: relative; left: -15px; margin: 10px 0 50px 0; } div#crossway div.box { float: left; width: 200px; height: 200px; margin: 0; padding: 0; text-align: center; border: 1px solid #F0F0F0; border-top: 0px none; border-left: 0px none; } div#crossway div.box div.image { width: 200px; height: 160px; text-align: center; position:relative; display: table-cell; vertical-align: middle; } div#crossway div.box div.image img { display: block; position:relative; left: 0; margin: 0 auto; max-height: 130px; } div#crossway div.box div.image p { padding: 0 15px; } div#crossway div.box a.name { display: block; padding: 0 15px; } div#crossway div.box a { display: block; text-decoration: none; font-size: 110%; color: #1E79AE; font-weight: bolder; padding-top: 5px; } div#crossway div.box div a img { display: block; margin: 15px auto 0 auto; } #pravypanel #filter-cover { float: left; width: 100%; background: url('../img/filter-repeat.gif') repeat-x bottom #E2E2E2; margin: 10px 0px 20px 0px; height: auto; } #pravypanel .prepinac-filtru { float: left; width: 100%; height: 30px; background: url('../img/prepinac-filtru.gif') no-repeat top left; margin: 0px 10px 0px 0px; font-size: 120%; border-bottom: 3px solid #fff; overflow: visible; } #pravypanel .prepinac-filtru .inner { } #pravypanel .prepinac-filtru a, #pravypanel .prepinac-filtru span { display: inline-block; padding: 7px 20px 10px 20px; color: #010101; border-right: 3px solid #fff; } #pravypanel .prepinac-filtru span { font-weight: bold; border-bottom: 3px solid #E0E0E0; padding: 7px 20px 7px 20px; } #pravypanel .prepinac-filtru .first { padding-left: 60px; } #pravypanel .prepinac-filtru a { text-decoration: none; } #pravypanel #filter { float: left; width: 100%; background: url('../img/filter-left.gif') no-repeat left bottom; margin: 0px 10px 0px 0px; min-height: 111px; _height: 111px; color: #000; } #pravypanel #filter hr { clear: left; float: left; width: 88%; height: 1px; border: 0px none; background: transparent; border-top: 1px solid #fff; margin: 10px 60px 10px 60px; } #pravypanel #filter form { display: block; padding: 10px 0; width: 100%; } #pravypanel #filter table { width: 100%; } #pravypanel #filter table tr td { width: 33%; } #pravypanel #filter table tr td label { display: inline-block; width: 30%; text-align: right; } #pravypanel #filter table tr td select, #pravypanel #filter table tr td input.text { border: 1px solid #C6C6C6; width: 60%; } #pravypanel #filter input.submit { background: url('../img/filter-submit.gif') no-repeat; padding: 4px 0 5px 0; width: 89px; float: right; margin: 2px 30px 0px 0px; font-size: 110%; font-weight: bold; color: #2081B6; cursor: pointer; } #pravypanel #filter td.fulltexttable{padding: 1% 50% 0% 0%; } /* vysledky */ #pravypanel #filter form.search table { margin: 0px 58px; } #pravypanel #filter form.search table tr td { text-align: left; } #pravypanel #filter form.search table tr td label { width: auto; display: inline-block; margin-right: 5px; text-align: left; font-size: 110%; } #pravypanel #filter form.search table tr td input#filter1 { padding: 4px 7px; border: 1px solid #C6C6C6 } #pravypanel #sub-filter { padding: 0px 0px 0px 0px; margin-left: 55px; margin-bottom: -10px; float: left; width: 500px; color: #000; margin-top: 0; position: relative; } #pravypanel #sub-filter label { font-size: 12px; font-weight: bold; } #pravypanel #sub-filter span#price-min { text-align: right; } #pravypanel #sub-filter span#price-min, #pravypanel #sub-filter span#price-max { float: left; width: 55px; padding: 0; font-weight: bold; font-size: 110%; margin-top: 10px; } #pravypanel #sub-filter div#price-slider-cover { float: left; padding: 5px 12px; overflow: hidden; position: relative; margin: 0; top: -2px; } #pravypanel #sub-filter div#price-slider { display: inline-block; margin: 10px 20px 0 15px; } #pravypanel #sub-filter div#price-slider a { cursor: pointer; color: #000; } #pravypanel #sub-filter img.loading { position: absolute; top: 10px; left: 340px; } #pravypanel #search #sub-filter img.loading { position: absolute; top: 10px; left: 470px; } #pravypanel div#sortby img.fake-loading { position: absolute; left: 100px; top: 4px; z-index: 0; } #pravypanel #search img.fake-loading { position: relative; left: -35px; top: 2px; z-index: 0; } #pravypanel #filter form.search table tr td select { max-width: 200px; position: relative; z-index: 1; } #pravypanel #filter div.result { font-size: 110%; padding: 10px 0px 0px 60px; } #pravypanel #filter div.result strong { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #pravypanel #filter div.result ul { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: circle; line-height: 160%; } #pravypanel #filter div.result ul li a:hover { text-decoration: none; } #pravypanel #filter form.search label#lb-skladem { float: left; color: #2081B6; margin: 12px 0 10px 0; text-transform: uppercase; font-size: 12px; font-weight: bold; } #pravypanel #filter form.search label#lb-skladem input { position: relative; top: 1px; margin: 0 4px 0 5px; } #pravypanel div.inline-categories { font-size: 110%; padding: 10px 0px 0px 0px; float: left; width: 100%; } #pravypanel div.inline-categories strong { font-size: 150%; color: #2081B6; padding-bottom: 5px; padding-top: 0px; } #pravypanel div.inline-categories ul { display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type: circle; line-height: 160%; } #pravypanel div.inline-categories ul li { display: inline; } #pravypanel div.inline-categories ul li a { display: inline-block; padding: 5px 5px 3px 27px; background: url('../img/rucicka_14.gif') no-repeat 5px 5px; font-weight: bold; margin-right: 20px; margin-bottom: 14px; text-decoration: none; font-size: 90%; border-top: 2px solid #F0F0F0; border-right: 2px solid #C6C6C6; border-bottom: 2px solid #C6C6C6; border-left: 2px solid #F0F0F0; } #pravypanel div.inline-categories ul li a span { display: block; font-weight: normal; color: #1F80B5; } #pravypanel div.inline-categories ul li a:hover { text-decoration: none; border-top: 2px solid #C6C6C6; border-right: 2px solid #5B5B5B; border-bottom: 2px solid #5B5B5B; border-left: 2px solid #C6C6C6; } #pravypanel #sub-filter #price-slider { width: 300px; } #pravypanel div#sortby #sub-filter { margin: -8px 0 0 0px; width: 400px; } #pravypanel div#sortby #sub-filter #price-slider { width: 200px; margin: 10px 0px 0 0px; } #pravypanel .parfemy h2 { background: url('../img/parfemy-male-female.jpg') repeat-x; display: block; padding: 13px 0px 10px 16px; position: relative; margin: 30px 0px 30px 0px; left: -16px; color: #1f81b7; font-weight: normal; } #pravypanel .parfemy h2 span { position: absolute; top: 0; right: -16px; background: url('../img/parfemy-male-female.jpg') repeat-x; display: block; width: 16px; height: 40px; } #pravypanel .parfemy div.parfemy-katalog { float: left; width: 250px; text-align: center; margin: 0px 0px 40px 0px; } #pravypanel .parfemy div.parfemy-katalog img { display: block; margin: 0 auto 10px auto; border: 0px none; } #pravypanel .parfemy div.parfemy-katalog p a { color: #87888a; text-decoration: none; font-size: 120%; font-weight: bold; } #pravypanel .parfemy div.parfemy-katalog h3 { display: block; text-align: center; font-size: 120%; } #pravypanel .parfemy div.parfemy-katalog h3 a { color: #1f81b7; text-decoration: none; } #pravypanel #parfemy-hp { } #pravypanel #parfemy-hp #parfemy-hp-nejprodavanejsi { display: none; } #pravypanel #parfemy-hp #parfemy-hp-vsechny { display: block; } #pravypanel #parfemy-hp ul.list { float: left; list-style-type: none; margin: 0px 0px 20px 0px; } #pravypanel #parfemy-hp ul.list.splitBy1 { width: 100%; } #pravypanel #parfemy-hp ul.list.splitBy2 { width: 50%; } #pravypanel #parfemy-hp ul.list.splitBy3 { width: 30%; } #pravypanel #parfemy-hp ul.list.splitBy4 { width: 25%; } #pravypanel #parfemy-hp ul.list.splitBy5 { width: 20%; } #pravypanel #parfemy-hp ul.list li { padding: 0px 0px 0px 20px; } #pravypanel #parfemy-hp ul.list li a.showAllParfumes { display: inline-block; padding: 5px 10px; margin: 5px 0px 0px 0px; background: #77B3D7; color: #fff; font-weight: bold; } #pravypanel .obsah div.soustavovac { clear: left; text-align: right; padding: 0px 20px 20px 0px; } #pravypanel .obsah hr.product-cleaner { float: left; width: 100%; visibility: hidden; border: 0px none; height: 1px; } #pravypanel .obsah hr.product-cleaner.high { height: 30px; } #pravypanel .obsah .product { width: 47%; margin-right: 0; margin-bottom: 17px; float: left; position: relative; min-height: 220px; _height: 220px; background: url('../img/detail-linka.gif') repeat-y right; } #pravypanel .obsah .product.odd { margin-right: 4%; } #pravypanel .obsah .product span.corner-left-top, #pravypanel .obsah .product span.corner-left-bottom, #pravypanel .obsah .product span.corner-right-top, #pravypanel .obsah .product span.corner-right-bottom { position: absolute; display: block; width: 21px; height: 21px; } #pravypanel .obsah .product span.corner-left-top { left: 0px; top: 0px; background: url('../img/produkt-left-top.gif') no-repeat; } #pravypanel .obsah .product span.corner-left-bottom { left: 0px; bottom: -1px; background: url('../img/produkt-left-bottom.gif') no-repeat; } #pravypanel .obsah .product span.corner-right-top { right: 0px; top: 0px; background: url('../img/produkt-right-top.gif') no-repeat; } #pravypanel .obsah .product span.corner-right-bottom { right: -1px; bottom: 0px; background: url('../img/produkt-right-bottom.gif') no-repeat; } #pravypanel .obsah .product .product-content { padding: 5px 20px 15px 20px; min-height: 180px; _height: 180px; background: url('../img/detail-linka.gif') repeat-y left; } #pravypanel .obsah .product .product-content-left { float: left; width: 170px; text-align: center; } #pravypanel .obsah .product .product-content-left a.nazev-produktu { display: block; text-align: center; color: #1F81B7; font-weight: bold; font-size: 120%; text-decoration: none; padding-bottom: 5px; } #pravypanel .obsah .product .product-content-left span.bezna-cena, #pravypanel .obsah .product .product-content-left span.nase-cena, #pravypanel .obsah .product .product-content-left span.cena-od { display: block; text-align: center; } #pravypanel .obsah .product .product-content-left span.bezna-cena em, #pravypanel .obsah .product .product-content-left span.nase-cena em, #pravypanel .obsah .product .product-content-left span.cena-od em { font-size: 80%; color: #737373; font-weight: normal; font-style: normal; } #pravypanel .obsah .product .product-content-left span.bezna-cena { color: #8C8C8C; text-decoration: line-through; font-size: 110%; } #pravypanel .obsah .product .product-content-left span.nase-cena { font-size: 130%; } #pravypanel .obsah .product .product-content-left span.nase-cena.akce { color: #E02304; } #pravypanel .obsah .product .product-content-left span.nase-cena.normalni { color: #3A8FBD; } #pravypanel .obsah .product .product-content-left span.cena-od { color: #1F81B7; font-size: 130%; } #pravypanel .obsah .product .product-content-right { margin: 0px 0px 0px 180px; line-height: 130%; } #pravypanel .obsah .product .product-content-right.letni { background: url('../img/pneu-letni.jpg') no-repeat right 20px; } #pravypanel .obsah .product .product-content-right.zimni { background: url('../img/pneu-zimni.jpg') no-repeat right 20px; } #pravypanel .obsah .product .product-content-right.celorocni { background: url('../img/pneu-celorocni.jpg') no-repeat right 20px; } #pravypanel .obsah .product .product-content-right a.nazev-produktu { display: block; text-align: left; color: #1F81B7; font-size: 120%; text-decoration: none; padding-bottom: 5px; font-weight: bold; } #pravypanel .obsah .product .product-content-right p { font-size: 100%; text-align: justify; margin-bottom: 10px; color: #000; } #pravypanel .obsah .product .product-content-right span.dostupnost { color: #1F81B7; display: block; padding: 5px 0 0 0; font-size: 110%; } #pravypanel .obsah .product .product-content-right a.showdetail { color: #6D6E71; float: left; padding: 6px 40px 10px 10px; font-size: 110%; background: url('../img/product-detail.gif') no-repeat top left; margin-right: 5px; } #pravypanel .obsah .product .product-content-right a.showrozmer { color: #6D6E71; display: inline-block; padding: 6px 40px 10px 10px; font-size: 100%; background: url('../img/product-detail.gif') no-repeat top left; margin-right: 5px; } #pravypanel .obsah .product .product-content-right a.cart { color: #6D6E71; float: left; padding: 6px 45px 10px 10px; font-size: 110%; background: url('../img/product-basket.gif') no-repeat top left; } #pravypanel .obsah div.flags { position: absolute; left: 5px; top: 5px; } #pravypanel .obsah div.flags span.action { display: block; width: 45px; height: 18px; margin-right: 5px; overflow: hidden; } #pravypanel .obsah div.flags span.action.akce { background: url('../img/akce.jpg') no-repeat; } #pravypanel .obsah div.flags span.action.novinka { background: url('../img/novinka.jpg') no-repeat; } #pravypanel .obsah div.flags span.action.tip { background: url('../img/tip.jpg') no-repeat; } #pravypanel .obsah div.flags span.action.skladem { background: url('../img/skladem.jpg') no-repeat; } #pravypanel .obsah div.flags span.action em { display: none; } #pravypanel .obsah .product .product-img { height: 170px; width: 150px; text-align: center; position:relative; display: table-cell; vertical-align: middle; } #pravypanel .obsah .product .product-img img { border: 0px none; display: block; position:relative; left: 0; margin: 0 auto; } #pravypanel .obsah .product .product-img div { _width: 100%; _position:absolute; _top: 50%; _left: 0; } #pravypanel .obsah .product .product-img div p { _position: relative; _top: -50% } #pravypanel .obsah .dezen-popis { float: left; width: 50%; } #pravypanel .obsah .dezen-popis h1 { font-size: 160%; } #pravypanel .obsah .dezen-popis p { font-size: 120%; text-align: justify; padding-right: 25px; } /* different style of product */ #pravypanel .obsah .product2 { width: 250px; margin-right: 10px; margin-bottom: 17px; float: left; position: relative; min-height: 260px; _height: 260px; background: url('../img/detail-linka.gif') repeat-y right; } #pravypanel .obsah .product2.last { margin-right: 0px; } #pravypanel .obsah .product2 span.corner-left-top, #pravypanel .obsah .product2 span.corner-left-bottom, #pravypanel .obsah .product2 span.corner-right-top, #pravypanel .obsah .product2 span.corner-right-bottom { position: absolute; display: block; width: 21px; height: 21px; } #pravypanel .obsah .product2 span.corner-left-top { left: 0px; top: 0px; background: url('../img/produkt-left-top.gif') no-repeat; } #pravypanel .obsah .product2 span.corner-left-bottom { left: 0px; bottom: -1px; background: url('../img/produkt-left-bottom.gif') no-repeat; } #pravypanel .obsah .product2 span.corner-right-top { right: 0px; top: 0px; background: url('../img/produkt-right-top.gif') no-repeat; } #pravypanel .obsah .product2 span.corner-right-bottom { right: -1px; bottom: 0px; background: url('../img/produkt-right-bottom.gif') no-repeat; } #pravypanel .obsah .product2 .product-content { padding: 45px 20px 5px 20px; min-height: 180px; _height: 180px; background: url('../img/detail-linka.gif') repeat-y left; } #pravypanel .obsah .product2 .product-content-left { width: 100%; text-align: center; } #pravypanel .obsah .product2 .product-content-left span.bezna-cena, #pravypanel .obsah .product2 .product-content-left span.nase-cena, #pravypanel .obsah .product2 .product-content-left span.cena-od { display: block; text-align: center; } #pravypanel .obsah .product2 .product-content-left span.bezna-cena em, #pravypanel .obsah .product2 .product-content-left span.nase-cena em, #pravypanel .obsah .product2 .product-content-left span.cena-od em { font-size: 80%; color: #737373; font-weight: normal; font-style: normal; } #pravypanel .obsah .product2 .product-content-left span.bezna-cena { color: #8C8C8C; text-decoration: line-through; font-size: 110%; } #pravypanel .obsah .product2 .product-content-left span.nase-cena { font-size: 130%; } #pravypanel .obsah .product2 .product-content-left span.nase-cena.akce { color: #E02304; } #pravypanel .obsah .product2 .product-content-left span.nase-cena.normalni { color: #3A8FBD; } #pravypanel .obsah .product2 .product-content-left span.cena-od { color: #1F81B7; font-size: 130%; } #pravypanel .obsah .product2 .product-content-right { margin: 0px 0px 0px 0px; line-height: 130%; } #pravypanel .obsah .product2 .product-content-right.letni { background: url('../img/pneu-letni.jpg') no-repeat right 20px; } #pravypanel .obsah .product2 .product-content-right.zimni { background: url('../img/pneu-zimni.jpg') no-repeat right 20px; } #pravypanel .obsah .product2 .product-content-right.celorocni { background: url('../img/pneu-celorocni.jpg') no-repeat right 20px; } #pravypanel .obsah .product2 .product-content-right a.nazev-produktu { display: block; position: absolute; left: 0; top: 10px; text-align: center; color: #1F81B7; font-size: 120%; text-decoration: none; font-weight: bold; } #pravypanel .obsah .product2 .product-content-right a.nazev-produktu strong { padding: 0 20px; display: block; } #pravypanel .obsah .product2 .product-content-right p { display: none; } #pravypanel .obsah .product2 .product-content-right span.dostupnost { display: none; } #pravypanel .obsah .product2 .product-content-right a.showdetail { color: #6D6E71; float: left; padding: 6px 40px 10px 10px; font-size: 110%; background: url('../img/product-detail.gif') no-repeat top left; margin-right: 5px; display: none; } #pravypanel .obsah .product2 .product-content-right a.showrozmer { color: #6D6E71; display: inline-block; padding: 6px 40px 10px 10px; font-size: 100%; background: url('../img/product-detail.gif') no-repeat top left; margin-right: 0px; display: none; } #pravypanel .obsah .product2 .product-content-right a.cart { color: #6D6E71; float: right; padding: 6px 45px 10px 10px; font-size: 110%; background: url('../img/product-basket.gif') no-repeat top left; display: none; } #pravypanel .obsah .product2 div.flags { left: 5px; top: 40px; } #pravypanel .obsah .product2 .product-img { height: 150px; /* width: ; - added by jQuery - css cannot see how wide is the parent */ text-align: center; position:relative; display: table-cell; vertical-align: middle; } #pravypanel .obsah .product2 .product-img img { border: 0px none; display: block; position:relative; left: 0; margin: 0 auto; } #pravypanel .obsah .product2 .product-img div { _width: 100%; _position:absolute; _top: 50%; _left: 0; } #pravypanel .obsah .product2 .product-img div p { _position: relative; _top: -50% } #pravypanel .obsah table.general { width: 100%; font-size: 110%; margin: 20px 0px 40px 0; color: #424242;} #pravypanel .obsah table.general tr td a { color: #1F81B7; } #pravypanel .obsah table.general tr td.right{position: relative;} #pravypanel .obsah table.general tr td.right strong{ text-align: right;} #pravypanel .obsah table.general .even { background: #ffffff; } #pravypanel .obsah table.general .odd { background: #F2F2F2;} #pravypanel .obsah table.general th { background: #EDF5F9; font-weight: bold; padding: 2px 1px; } #pravypanel .obsah table.general th img { display: inline-block; } #pravypanel .obsah table.general th a { color: #6C7589; text-decoration: none; } #pravypanel .obsah table.general td { padding: 2px 1px; font-size: 80%; } #pravypanel .obsah table.general td span.akce-table { float: right; width: 30px; padding: 1px 3px; font-size: 90%; margin-top: 0px; color: #fff; background: #F04E0E; text-align: center; } #pravypanel .obsah table.general td a { color: #5B5B5B; text-decoration: none; } #pravypanel .obsah table.general td.add2cart { margin: 0 0 0 0; padding: 0 0 0 0; text-align: center; } #pravypanel .obsah table.general tr th.vyrobce { text-align: center; } #pravypanel .obsah table.general tr th.nazev { width: 200px; text-align: center; } #pravypanel .obsah table.general tr th.attributes { text-align: center; } #pravypanel .obsah table.general tr th.price { width: 10%; text-align: center; } #pravypanel .obsah table.general tr th.availability { width: 10%; text-align: center; } #pravypanel .obsah table.general tr th.add2cart { width: 5%; text-align: center; } #pravypanel .obsah table.general tr td.vyrobce, #pravypanel .obsah table.general tr td.nazev { font-size: 100%; padding: 2px 4px; } #pravypanel .obsah table.general tr td.vyrobce { width: 50px; } #pravypanel .obsah table.general tr td.nazev { width: 200px; } #pravypanel .obsah table.general tr td.vyrobce a, #pravypanel .obsah table.general tr td.nazev a { font-weight: bold; display: block; } #pravypanel .obsah table.general tr.hover th, #pravypanel .obsah table.general tr.hover td { background: transparent; } #pravypanel .obsah table.general tr.hover { background: #e1e1e1; color: #000; } #pravypanel .obsah table.general tr td.left { text-align: left; } #pravypanel .obsah table.general tr td.center { text-align: center; } #pravypanel .obsah table.general tr td.right { text-align: right; } #pravypanel .obsah .detail { float: left; width: 72%; margin-right: 40px; margin-bottom: 40px; position: relative; margin-top: 20px; } #pravypanel .obsah .detail.wide { width: 95%; } #pravypanel .obsah .detail .detail-box { position: relative; } #pravypanel .obsah .detail .detail-box.top { margin: 0 0 20px 0; } #pravypanel .obsah .detail span.corner-left-top, #pravypanel .obsah .detail span.corner-left-bottom, #pravypanel .obsah .detail span.corner-right-top, #pravypanel .obsah .detail span.corner-right-bottom { position: absolute; display: block; width: 21px; height: 21px; } #pravypanel .obsah .detail span.corner-left-top { left: 0px; top: 0px; background: url('../img/produkt-left-top.gif') no-repeat; } #pravypanel .obsah .detail span.corner-left-bottom { left: 0px; bottom: -1px; background: url('../img/produkt-left-bottom.gif') no-repeat; } #pravypanel .obsah .detail span.corner-right-top { right: 0px; top: 0px; background: url('../img/produkt-right-top.gif') no-repeat; } #pravypanel .obsah .detail span.corner-right-bottom { right: -1px; bottom: 0px; background: url('../img/produkt-right-bottom.gif') no-repeat; } #pravypanel .obsah .detail-line-left { background: url('../img/detail-linka.gif') repeat-y left; } #pravypanel .obsah .detail-line-right { background: url('../img/detail-linka.gif') repeat-y right; } #pravypanel .obsah .detail-line-right-catalog { background: url('../img/detail-linka.gif') repeat-y right; width:98.1%;} #pravypanel .obsah .detail .detail-left { width: 350px; padding: 20px 0; text-align: center; float: left; } #pravypanel .obsah .detail .detail-left a.detailni_obrazek img { margin: 0px 0px 0px 6px; } #pravypanel .obsah .detail .detail-left a.detail_zoom { display: block; width: 100%; background: url('../img/lupa.jpg') no-repeat top center; margin: 0px 0px 0px 0px; padding: 21px 0px 5px 0px; text-decoration: none; } #pravypanel .obsah .detail .detail-left p { font-weight: bold; color: #1F75A5; font-size: 150%; } #pravypanel .obsah .detail .detail-left p em { font-weight: normal; font-style: normal; color: #5F5F5F; font-size: 80%; } #pravypanel .obsah .detail .detail-right { margin: 10px 1px 1px 360px; border-left: 1px solid #E8E8E8; padding: 0 15px; text-align: left; } #pravypanel .obsah .detail .detail-right h2 { text-transform: uppercase; font-weight: bold; font-size: 140%; color: #1F81B7; display: block; padding: 0px 0px 5px 0px; } #pravypanel .obsah .detail .detail-right p { text-align: left; font-size: 110%; } #pravypanel .obsah .detail .detail-right table { width: 100%; border-collapse: collapse; margin-top: 10px; } #pravypanel .obsah .detail .detail-right table tr td { font-size: 110%; } #pravypanel .obsah .detail .detail-right table tr.odd td { background: #EDF5F9; } #pravypanel .obsah .detail .detail-right table tr.even tr { } #pravypanel .obsah .detail .detail-right table tr td a img.help { display: none; } #pravypanel .obsah .detail .detail-right table tr td.left { padding: 2px 0px 2px 10px; width: 60%; } #pravypanel .obsah .detail .detail-right table tr td.right { padding: 2px 10px 2px 10px; border-right: 2px solid #fff; width: 40%; } #pravypanel .obsah .detail .detail-right fieldset table tr td { text-align: left; } #pravypanel .obsah .detail .detail-right a.rozmeryKotva { display: inline-block; margin: 20px auto 0 auto; width: 164px; color: #fff; background: url('../img/submit.jpg') no-repeat; padding: 5px 20px 10px 0px; font-size: 100%; text-align: center; cursor: pointer; } #pravypanel .obsah .detail .detail-right a.rozmeryDetailKotva { color: #6D6E71; display: inline-block; padding: 6px 26px 10px 10px; margin: 0 auto; font-size: 100%; background: url('../img/filter-submit.gif') no-repeat; margin-right: 5px; } #pravypanel .obsah .detail .detail-right form.choose-size { text-align: left; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset { } #pravypanel .obsah .detail .detail-right form.choose-size fieldset strong { color: #1F81B7; font-size: 120%; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset select#size-select { border: 1px solid #646464; color: #646464; margin-left: 4px; min-width: 70px; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset select#size-select option { } #pravypanel .obsah .detail .detail-right form.choose-size fieldset div { display: none; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset div.barvyPytle { padding-bottom: 30px; display: block; float: left; width: 100%; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset div.barvaPytle { display: block; float: left; position: relative; padding: 0; margin: 0 1px 0 0; width: 67px; height: 80px; overflow: hidden; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset div.barvyPytle.withText div.barvaPytle { height: 100px; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset div.barvaPytle * { cursor: pointer; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset div.barvyPytle.withText div.barvaPytle * { cursor: default; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset div.barvaPytle label { margin: 0; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset div.barvaPytle input { position: absolute; left: 27px; top: 40px; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset div.barvaPytle span { position: absolute; left: 0px; bottom: 0px; display: block; width: 67px; background: #fff; color: #000; text-align: center; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset table#size-table { border-collapse: collapse; border: 1px solid #EDF5F9; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset table thead th, #pravypanel .obsah .detail .detail-right form.choose-size fieldset table tbody td { padding: 2px 5px; border: 2px solid #fff; } #pravypanel .obsah .detail .detail-right form.choose-size fieldset table tbody tr.even, #pravypanel .obsah .detail .detail-right form.choose-size fieldset table tbody tr.odd { display: none; } #pravypanel .obsah .detail .detail-right form { margin: 0 auto; text-align: center; } #pravypanel .obsah .detail .detail-right form fieldset { background: transparent; } #pravypanel .obsah .detail .detail-right form fieldset label { display: inline-block; margin-right: 4px; font-size: 110%; } #pravypanel .obsah .detail .detail-right form fieldset label input { width: 30px; } #pravypanel .obsah .detail .detail-right form fieldset label input.amount { display: inline-block; border: 1px solid #737373; font-weight: bold; font-size: 110%; } #pravypanel .obsah .detail .detail-right form fieldset label span { display: inline-block; padding-top: 3px; } #pravypanel .obsah .detail .detail-right form fieldset a { } #pravypanel .obsah .detail .detail-right form fieldset a img { display: block; margin-right: 4px; } #pravypanel .obsah .detail .detail-right form fieldset input.submit { display: inline-block; margin: 0 auto; width: 164px; color: #fff; text-transform: lowercase; background: url('../img/add2cart_detail.gif') no-repeat; padding: 5px 20px 10px 0px; font-size: 100%; cursor: pointer; position: relative; } #pravypanel .obsah .detail .detail-right form fieldset input.submit { top /*\**/: 10px\9 } #pravypanel .obsah .detail .detail-right div.warning { padding: 10px; margin: 10px 0 0 0; text-align: center; border: 1px solid #3990BF; font-weight: bold; font-size: 110%; } #pravypanel .obsah .detail .detail-right div.warning strong { color: #F24D13; } #pravypanel .obsah .detail h3 { margin-left: 10px; } #pravypanel .obsah .detail div#flashAnim { margin-left: 10px; } #pravypanel .obsah .dalsi-obrazky { float: left; width: 100%; margin-right: 40px; margin-bottom: 40px; position: relative; margin-top: 20px; } #pravypanel .obsah .dalsi-obrazky strong { display: block; padding: 15px 0px 15px 15px; } #pravypanel .obsah .dalsi-obrazky span.corner-left-top, #pravypanel .obsah .dalsi-obrazky span.corner-left-bottom, #pravypanel .obsah .dalsi-obrazky span.corner-right-top, #pravypanel .obsah .dalsi-obrazky span.corner-right-bottom { position: absolute; display: block; width: 21px; height: 21px; } #pravypanel .obsah .dalsi-obrazky span.corner-left-top { left: 0px; top: 0px; background: url('../img/produkt-left-top.gif') no-repeat; } #pravypanel .obsah .dalsi-obrazky span.corner-left-bottom { left: 0px; bottom: -1px; background: url('../img/produkt-left-bottom.gif') no-repeat; } #pravypanel .obsah .dalsi-obrazky span.corner-right-top { right: 0px; top: 0px; background: url('../img/produkt-right-top.gif') no-repeat; } #pravypanel .obsah .dalsi-obrazky span.corner-right-bottom { right: -1px; bottom: 0px; background: url('../img/produkt-right-bottom.gif') no-repeat; } #pravypanel .obsah .dalsi-obrazky img { margin: 0px 10px 20px 20px; } #pravypanel .obsah .dalsi-obrazky .dalsi-barva { float: left; width: 100px; margin: 0px 10px 20px 20px; background: transparent; text-align: center; } #pravypanel .obsah .dalsi-obrazky .dalsi-barva a { text-decoration: none; } #pravypanel .obsah .dalsi-obrazky .dalsi-barva a img { margin: 0px 0px 5px 0px; } #pravypanel .obsah .longdesc { float: left; width: 100%; margin-right: 40px; margin-bottom: 0px; position: relative; margin-top: 20px; } #pravypanel .obsah .longdesc span.corner-left-top, #pravypanel .obsah .longdesc span.corner-left-bottom, #pravypanel .obsah .longdesc span.corner-right-top, #pravypanel .obsah .longdesc span.corner-right-bottom, #pravypanel .obsah .longdesc span.corner-right-top-catalog, #pravypanel .obsah .longdesc span.corner-right-bottom-catalog { position: absolute; display: block; width: 21px; height: 21px; } #pravypanel .obsah .longdesc span.corner-left-top { left: 0px; top: 0px; background: url('../img/produkt-left-top.gif') no-repeat; } #pravypanel .obsah .longdesc span.corner-left-bottom { left: 0px; bottom: -1px; background: url('../img/produkt-left-bottom.gif') no-repeat; } #pravypanel .obsah .longdesc span.corner-right-top { right: 0px; top: 0px; background: url('../img/produkt-right-top.gif') no-repeat; } #pravypanel .obsah .longdesc span.corner-right-bottom { right: -1px; bottom: 0px; background: url('../img/produkt-right-bottom.gif') no-repeat; } #pravypanel .obsah .longdesc span.corner-right-top-catalog { right: 19px; top: 0px; background: url('../img/produkt-right-top.gif') no-repeat; } #pravypanel .obsah .longdesc span.corner-right-bottom-catalog { right: 18px; bottom: 0px; background: url('../img/produkt-right-bottom.gif') no-repeat; } #pravypanel .obsah .longdesc p { padding: 15px; font-size: 110% } #pravypanel .obsah .longdesc div.detail-line-left div.detail-line-right div { margin: 0px 0px 0px 15px; font-size: 110% } #pravypanel .obsah .longdesc div.detail-line-left div.detail-line-right > div > ul { margin: 0px 0px 0px 17px; } #pravypanel .obsah .longdesc div.detail-line-left div.detail-line-right > ul { margin: 0px 0px 0px 32px; font-size: 110% } #pravypanel .obsah .detail_banner, #pravypanel .obsah .detail_banner a, #pravypanel .obsah .detail_banner a img { width: 99%; } #pravypanel .obsah .about .catalog-about { width:95%; } #pravypanel .obsah .about p { text-align: justify; padding-right: 20px; } #pravypanel .obsah .about p img { float: left; margin: 5px 20px 10px 0px; } #pravypanel .obsah table.objem { width: 100%; border-collapse: collapse; margin: 10px 0 20px 0; } #pravypanel .obsah table.objem tr { } #pravypanel .obsah table.objem tr td { border-collapse: collapse; vertical-align: top; padding: 5px 0; border-bottom: 1px solid #dfe0e1; } #pravypanel .obsah table.objem tr td.popis { color: #737373; } #pravypanel .obsah table.objem tr td.popis span { } #pravypanel .obsah table.objem tr td.popis strong.nazev { color: #1f81b7; display: inline-block; margin-right: 1em; line-height: 130%; } #pravypanel .obsah table.objem tr td.popis strong.skladem { color: #569d2b; } #pravypanel .obsah table.objem tr td.popis strong.vyprodano { color: #e53517; } #pravypanel .obsah table.objem tr td.koupit { width: 120px; } #pravypanel .obsah table.objem tr td.koupit a { display: block; width: 90px; _width: 120px; height: 25px; background: url('../img/objem-koupit.jpg') no-repeat; color: #fff; padding: 6px 0px 0px 30px; text-decoration: none; } #pravypanel .obsah table.objem tr td span.action.akce { display: block; width: 45px; height: 18px; margin: 0px auto 5px auto; overflow: hidden; position: relative; } #pravypanel .obsah table.objem tr td span.action.akce em { display: block; width: 45px; height: 18px; position: absolute; left: 0; top: 0; visibility: visible; background: url('../img/akce.jpg') no-repeat; } #pravypanel .similar { float: left; width: 18%; position: relative; margin-top: 31px; margin-bottom: 40px; } #pravypanel .similar.wide { width: 95%; margin-top: 0; } #pravypanel .similar span.corner-left-top, #pravypanel .similar span.corner-left-bottom, #pravypanel .similar span.corner-right-top, #pravypanel .similar span.corner-right-bottom { position: absolute; display: block; width: 21px; height: 21px; } #pravypanel .similar span.corner-left-top { left: 0px; top: 0px; background: url('../img/produkt-left-top.gif') no-repeat; } #pravypanel .similar span.corner-left-bottom { left: 0px; bottom: -1px; background: url('../img/produkt-left-bottom.gif') no-repeat; } #pravypanel .similar span.corner-right-top { right: 0px; top: 0px; background: url('../img/produkt-right-top.gif') no-repeat; } #pravypanel .similar span.corner-right-bottom { right: -1px; bottom: 0px; background: url('../img/produkt-right-bottom.gif') no-repeat; } #pravypanel .similar strong { display: block; text-align: center; margin: 15px auto 10px auto; font-size: 110%; color: #5F5F5F; } #pravypanel .similar.wide strong { text-align: left; padding-left: 20px; } #pravypanel .similar div.podobny { padding: 0px 10px 20px 10px; font-size: 110%; border-bottom: 1px solid #E3E3E3; text-align: center; position: relative; } #pravypanel .similar.wide div.podobny { float: left; } #pravypanel .similar div.podobny div.flags { position: relative; } #pravypanel .similar div.podobny div.flags span { float: left; margin: 2px 3px 3px 0; } #pravypanel .similar div.posledni-polozka { border-bottom: 0px none; } #pravypanel .similar div img { margin: 5px auto; } #pravypanel .similar div a.nazev-produktu { display: block; text-align: center; color:#1F81B7; font-weight: bold; text-decoration: none; margin-bottom: 5px; } #pravypanel .similar div a.showdetail { display: block; margin: 0 auto; width: 50px; padding-right: 20px; background: url('../img/lupa.jpg') no-repeat top right; text-align: right; } #pravypanel .similar div a.showrozmer { color: #6D6E71; display: inline-block; padding: 6px 50px 10px 10px; margin: 10px auto 0 auto; font-size: 100%; background: url('../img/product-detail.gif') no-repeat top left; margin-right: 5px; } #pravypanel .vkosiku div.podobny { width: 20%; margin: 0 3% 0 0; } #pravypanel .vkosiku div.podobny.posledni-polozka { margin: 0; } /* detail jako dezen */ #pravypanel .obsah .detail.dezen { float: left; width: 96%; margin-right: 40px; margin-bottom: 40px; position: relative; margin-top: 20px; } #pravypanel .obsah .dalsi-obrazky.dezen { width: 96%; } #pravypanel .obsah .dalsi-obrazky.dezen strong { text-align: left; margin: 15px auto 10px auto; padding: 0px 0px 0px 20px;} #pravypanel .similar.dezen { float: left; width: 96%; position: relative; margin-top: 20px; margin-bottom: 40px; } #pravypanel .similar.dezen strong { display: block; text-align: left; margin: 15px auto 10px auto; padding: 0px 0px 0px 20px;} #pravypanel .similar.dezen div.podobny { float: left; width: 20%; border-bottom: 0px none; } div.cart { margin: 0; padding: 0px 0px 30px 10px; text-align: left; font-size: 90%; } div.cart-right { float: left; width: 100%; border-top: 2px solid #DADADA; margin: 35px 0; } div.cart-left { float: left; width: 100%; } div.cart-left.padesat { width: 45%; margin-right: 1%; } div.cart-right.padesat { width: 50%; border: 0px none; margin: 0; border-left: 1px solid #DADADA; padding-left: 2%; } div.cart h2 { float: left; width: 200px; font-size: 190%; color: #1F81B7; margin: 20px 0px 0px 0px; white-space: nowrap; } div.cart-right h2 { padding: 0px 0px 20px 0px; } div.cart h3 { float: left; width: 100%; font-size: 170%; color: #1F81B7; margin: 20px 0px 10px 0px; } div.cart h3.forgotten_password { display: block; margin-bottom: 20px; } div.cart hr { visibility: hidden; height: 30px; font-size: 1px; border: 0px none; clear: right; } #kroky { float: right; width: 350px; height: 66px; margin: 30px 30px 0px 0px; } #kroky div { float: left; width: 64px; height: 66px; text-align: center; font-size: 110%; line-height: 90% ; } #kroky div a { display: block; text-decoration: none; color: #fff; } #kroky div span { display: block; padding-top: 42px; color: #fff; text-decoration: none; } #kroky span.arrow { float: left; width: 27px; height: 66px; background: url('../img/order/arrow.jpg') no-repeat; } #kroky span.arrow-active { float: left; width: 27px; height: 66px; background: url('../img/order/arrow-active.jpg') no-repeat; } #kroky div.krok-aktivni a { text-decoration: underline; } #kroky div.krok-aktivni a span strong { text-decoration: none; } #kroky div.krok.krok1 { background: url('../img/order/step1.jpg') no-repeat; } #kroky div.krok.krok1-aktivni { background: url('../img/order/step1_active.jpg') no-repeat; } #kroky div.krok.krok2 { background: url('../img/order/step2.jpg') no-repeat; } #kroky div.krok.krok2-aktivni { background: url('../img/order/step2_active.jpg') no-repeat; } #kroky div.krok.krok3 { background: url('../img/order/step3.jpg') no-repeat; } #kroky div.krok.krok3-aktivni { background: url('../img/order/step3_active.jpg') no-repeat; } #kroky div.krok.krok4 { background: url('../img/order/step4.jpg') no-repeat; } #kroky div.krok.krok4-aktivni { background: url('../img/order/step4_active.jpg') no-repeat; } div.cart div#cart-cleaner { height: 30px; float: left; width: 100%; } div.cart table.cart { width: 96%; clear: right; border-collapse: collapse; } div.cart table.cart tr.even { background: #EBF3F6; } div.cart table.cart tr.odd { background: #ffffff; } div.cart table.cart tr td { padding: 3px 4px; color: #21666D; font-size: 120%; } div.cart table.cart tr td a { text-decoration: none; } div.cart table.cart thead tr th { padding: 0px 0px 3px 5px; text-align: left; font-weight: bold; border: 0px none; border-bottom: 1px solid #D4D4D4; color: #595959; font-size: 110%; } div.cart table.cart thead tr th em {font-style: normal; } div.cart table.cart thead tr th.nazev { width: 58%; } div.cart table.cart thead tr th.kusu { text-align: center; width: 10%; } div.cart table.cart tbody tr td.kusu img { } div.cart table.cart thead tr th.cena { text-align: right; width: 15%; } div.cart table.cart thead tr th.cena-celkem { text-align: right; width: 20%; } div.cart table.cart thead tr th.smazat { width: 2%; } div.cart table.cart tbody tr.odd.first-odd td { font-size: 40%; } div.cart table.cart tbody tr td.kusu div.kusu-input { float:left;padding-left:6px; } div.cart table.cart tbody tr td.kusu div.kusu-input input { width: 30px; text-align: right; padding: 0px 3px 0px 0px; float: left; margin: 0px 0px 0px 10px; color: #000000;} div.cart table.cart tbody tr td.kusu div.add-remove a { display: block; margin-left: 50px;width: 9px; } div.cart table.cart tbody tr td.kusu div.add-remove a img { display: block; } div.cart table.cart tbody tr td.kusu div.add-remove a img.pridat { margin-bottom: 1px; margin-top: 3px;} div.cart table.cart tbody tr td.kusu div.add-remove a img.odebrat { } div.cart table.cart tbody tr td.kusu a em { } div.cart table.cart tbody tr td.nazev{ padding: 0px 4px; text-align: left;} div.cart table.cart tbody tr td.cena{ text-align: right; white-space: nowrap;} div.cart table.cart tbody tr td.cena-celkem{ text-align: right; white-space: nowrap;} div.cart table.cart tbody tr td.smazat{ text-align: center; } div.cart table.cart tbody tr td.smazat a{ display: block; width: 13px; height: 13px; text-align: center; margin: 0 auto; font-weight: bold; font-size: 90%; color: #E74554; } div.cart table.cart tbody tr td.smazat a em{} div.cart table.cart tbody tr.s-linkou { border-bottom: 1px solid #D4D4D4; } div.cart table.cart tbody tr.s-linkou td { padding-bottom: 5px; } div.cart table.cart tbody tr.final td { font-weight: normal; text-align: right; } div.cart table.cart tbody tr.final td strong { font-weight: normal; } div.cart table.cart tbody tr.final td.total { font-weight: bold; color: #F05123; border-top: 1px solid #D4D4D4; padding-top: 6px } div.cart div.zpusob-doruceni { padding-bottom: 15px; float: left; width: 100%; } div.cart div.zpusob-doruceni.margined { padding-left: 30px; } div.cart-left div.zpusob-doruceni p { margin-top: 10px; } div.cart p { font-size: 120%; padding-bottom: 15px; padding-right: 15px; } div.cart p strong, div.cart p a { color: #1F81B7; } div.cart ul, div.cart ol { font-size: 120%; margin-bottom: 15px; } div.cart form { float: left; width: 96%; font-size: 120%; } div.cart textarea#appendix { display: block; width: 95%; margin-right: 23px; border: 1px solid #D4D4D4; font-family: 'Tahoma CE', 'Arial CE', 'Helvetica CE', Tahoma, Arial, lucida, sans-serif; font-size: 100%; padding: 3px; } a.to-order-detail { display: block; background: url('../img/filter-submit.gif') no-repeat left top; padding: 4px 20px 5px 25px; font-weight: bold; } div.order-detail { position: relative; } #pdffiles { float: right; margin: 20px 100px 0px 0px; width: 200px; } #pdffiles a { font-size: 120%; color: #1F81B7; } div.order-detail p { float: left; width: 100%; margin-top: 15px; line-height: 140%; } div.nav { float: left; width: 96%; overflow: hidden; margin-top: 30px; } div.nav .left, div.nav .right { text-align: center; font-weight: bold; font-size: 110%; color: #fff; padding-top: 5px; text-decoration: none; } div.nav .left { float: left; background: url('../img/nav-back.jpg') no-repeat; width: 168px; height: 25px; } div.nav .right { float: right; background: url('../img/nav-forward.jpg') no-repeat; width: 164px; height: 25px; } div.cart form div.nav a.left { font-size: 100%; } div.cart form div.nav input.right { padding: 0px 0px 5px 0px; font-size: 90%; } #last-step { position: relative; float: left; width: 100%; padding-top: 40px; } #last-step input.right.submit.last-top { position: absolute; top: 20px; right: 81px; font-size: 100%; } form.step3-login { } form.step3-login fieldset { } form.step3-login fieldset label { display: inline-block; width: 40px; } form.step3-login fieldset input.text { border: 1px solid #B1CEDE; width: 200px; padding: 2px 5px; color: #2081B8; margin-bottom: 5px; } form.step3-login fieldset input.submit { background: url('../img/nav-forward.jpg') no-repeat; width: 164px; padding: 3px 0px 6px 0px; color: #fff; font-weight: bold; font-size: 100%; } div.cart form.registrace { } div.cart form.registrace.user { margin: 0px 0px 30px 0px; } div.cart form.registrace fieldset { padding-bottom: 20px; } div.cart form.registrace fieldset label { display: inline-block; width: 150px; white-space: nowrap; } div.cart form.registrace fieldset label.necessary { color: #1F81B7; font-weight: bold; } div.cart form.registrace fieldset input.text { border: 1px solid #B1CEDE; width: 200px; padding: 2px 5px; color: #2081B8; margin-bottom: 5px; } div.cart form.registrace fieldset select { border: 1px solid #B1CEDE; width: 212px; color: #2081B8; background: #f2f2f2; } div.cart form.registrace fieldset legend { margin-bottom: 10px; font-weight: bold; } div.cart form.registrace input.submit { background: url('../img/nav-forward.jpg') no-repeat; width: 164px; padding: 3px 0px 6px 0px; color: #fff; font-weight: bold; font-size: 90%; } div.cart form.registrace acronym { display: inline-block; width: 115px; font-weight: bold; } div.cart form.registrace div { margin-bottom: 20px; } div.cart form.registrace.user fieldset#zakladni_udaje { float: left; width: 45%; margin-right: 5%; } div.cart form.registrace.user fieldset#fakturacni { float: left; width: 45%; margin-top: 0; padding-top: 0; } div.cart form.registrace.user acronym { display: inline-block; white-space: nowrap; width: auto; margin-top: -3px; font-weight: bold; } div.cart form.registrace.user input.checkbox { display: inline-block; margin-top: 4px; } div.cart form.registrace.user fieldset#dalsi-informace { margin-left: 50%; } div.cart form.registrace input.submit.right { float: right; margin-right: 20px; clear: left; } div.zpusob-doruceni label { display: block; padding: 0px 0px 5px 0px; } div.zpusob-doruceni label input.radio { display: inline-block; margin-right: 10px; } dl { width: 100%; float: left; font-size: 120%; } dl dt { text-align: right; float: left; width: 40%; margin-right: 10px; } dl dd { text-align: left; width: 50%; float: left; } div.info-box { float: left; width: 96%; height: auto; margin: 0px 0px 20px 0px; } div.info-box p { padding: 10px 0px 0px 54px; min-height: 41px; _height: 51px; font-size: 110%; } div.info-box ul { font-size: 100%; margin-left: 12px; margin-top: 10px; } div.info-box table { margin: 10px 0px 10px 54px; min-height: 41px; _height: 51px; font-size: 110%; vertical-align: middle; } div.info-box.error { border-top: 1px solid #F04E12; border-bottom: 1px solid #F04E12;background: url('../img/info-box-error.gif') no-repeat left center; } div.info-box.error table { } div.info-box.notice { border-top: 1px solid #58AF41; border-bottom: 1px solid #58AF41; background: url('../img/info-box-ok.gif') no-repeat left center; } div.info-box.notice table { } div.info-box.info { border-top: 1px solid #1F81B7; border-bottom: 1px solid #1F81B7;background: url('../img/info-box-info.gif') no-repeat left center; } div.info-box.info table { } div.cart div.info-box.error { margin-top: 15px; margin-bottom: -5px; color: #8CBFDA; font-weight: bold; } div.cart div.info-box.error table tbody tr td a, div.cart div.info-box.error table tbody tr td strong { color: #F05123; } div.texy { width: 96%; padding: 10px 0px 30px 0px; height: auto; color: #333 } div.texy h1, div.texy h2, div.texy h3, div.texy h4, div.texy h5, div.texy h6 { display: block; } div.texy h1 { font-size: 170%; color: #2081B6; padding-bottom: 15px; padding-top: 10px; } div.texy h2 { font-size: 150%; color: #2081B6; padding-bottom: 5px; clear: right; } div.texy h3 { font-size: 130%; color: #2081B6; padding-bottom: 5px; } div.texy h4 { font-size: 130%; color: #2081B6; padding-bottom: 5px; } div.texy h5 { font-size: 130%; color: #2081B6; padding-bottom: 5px; } div.texy h6 { font-size: 130%; color: #2081B6; padding-bottom: 5px; } div.texy ul, div.texy ol { font-size: 100%; margin: 0px 0px 20px 20px; } div.texy ul { list-style-type: circle; } div.texy ol { } div.texy ul li { } div.texy ol li { } div.texy p { font-size: 100%; margin: 0px 0px 10px 0px; } div.texy hr { visibility: visible; display: block; float: left; width: 100%; height: 20px; border: 0px none; border-top: 1px solid #2081B6; margin: 10px 0 0 0; } div.texy hr.cleaner { visibility: hidden; } div.texy strong { } div.texy em { } div.texy img { border: 0px none; } div.texy pre { font-size: 130%; } div.texy table { border-collapse: collapse; border: 1px solid #DADADA; font-size: 100%; margin-bottom: 20px; } div.texy table tr th, div.texy table tr td { border: 1px solid #DADADA; padding: 2px 20px; } div.texy table.bez-ramecku tr th, div.texy table.bez-ramecku tr td, div.texy table.bez-ramecku { border: 0px none; } .pruh { position: relative; left: -10px; top: 0px; display: block; float: left; width: 100%; padding: 15px 0px 0px 10px; margin: 0px 0px 0px 0px; background: url('../img/obsah-top.jpg') repeat-x; } #pravypanel .obsah > div.texy > h3.pruh { left: 0px; } #pravypanel div.texy.news-cover { text-align: center; } #pravypanel div.texy div.all-news { padding-right: 200px; text-align: left; } #pravypanel div.texy div.all-news div.novinka { float: left; margin-top: 0px; width: 100%; margin: 0 auto; border-top: 3px solid #DADADA; min-height: 160px; _height: 160px; margin-bottom: 10px; margin-left: 10px; font-size: 110%; line-height: 140%; } #pravypanel div.texy div.all-news div.novinka h3 { display: block; padding: 25px 0px 15px 0px; position: relative; font-size: 160%; } #pravypanel div.texy div.all-news div.novinka h3 span { font-weight: normal; display: inline-block; display: none; padding-left: 10px; font-size: 90%; } #pravypanel div.texy div.all-news div.novinka h4 { display: block; color: #CF4E33; padding: 0px 0px 10px 0px; font-size: 120%; } /*#pravypanel div.texy div.all-news div.novinka h4 strong { font-size: 140%; }*/ #pravypanel div.texy div.all-news div.novinka p { text-align: justify; } #pravypanel div.texy div.all-news div.novinka strong { color: #2081B6; font-size: 110%; } #pravypanel div.texy div.all-news div.novinka a, #pravypanel div.texy div.all-news div.novinka a strong { color: #CF4E33; } #pravypanel div.texy div.all-news div.novinka hr { clear: both; display: block; height: 20px; border-color: #DADADA; } #pravypanel div.texy div.all-news div.novinka hr.news-cleaner { clear: both; visibility: hidden; } #pravypanel div.texy div.all-news div.novinka img { float: right; margin: 0px 20px 5px 30px; border: 3px solid #DADADA; } #pravypanel div.texy a.archiv-link { clear: both; font-size: 120%; font-weight: bold; color: #CF4E33; display: block; margin: 0 10px 0 0; text-align: right; } #pravypanel div.texy div.uvod { float: left; display: block; width: 100%; padding: 20px 0; text-align: justify; } .manufacturer { float: left; width: 100%; border-top: 2px solid #B7B7B7; border-bottom: 2px solid #C3C4C9; margin: 20px 0; } .manufacturer p { padding: 20px 0px 20px 0px; } .manufacturer p img { float: left; margin: 5px 10px 10px 0px; } #contact h2, .site-map h2, #help-desk h2{ font-size: 110%; padding: 0px 0px 0px 10px; } #rozcestnik-last { margin-right: 40px; text-align: center; } #rozcestnik-last img { margin: 5px auto; border: 0px none; } #rozcestnik-last ul { margin: 0 auto; } #rozcestnik-last ul li { display: inline; } #rozcestnik-last hr { border: 0px none; height: 1px; float: left; display: block; visibility: visible; width: 100%; background: #2382b5; } #web div.seolista { clear: both; display: block; width: 100%; text-align: center; margin: 15px 0px 0px 0px; } #web div.seolista p { text-align: center; font-size: 110%; color: #858585; } #web div.seolista p a { color: #696969; display: inline-block; margin: 0px 4px; } #foo { clear: both; width: 100%; background: url('../img/paticka-repeat.jpg') repeat-x; height: 69px; border-top: 5px solid #fff; margin-top: 0px; } #foo #foo-left { width: 70%; float: left; } #foo #foologo { position: relative; width: 27%; height: 60px; margin: 0px; padding: 0px; overflow: hidden; left: 0; top: 0; float: left; } #foo #foologo span { position: absolute; top: 0px; left: 0px; width:209px; height: 60px; visibility: visible; background: url('../img/paticka-logo.jpg') no-repeat; } #foo span#i-obchody { float: left; width: 17%; margin: 5px 0px 0px 0px; padding: 18px 0px 15px 0px; border-right: 1px solid #C8C8C8; color: #DFDFE0; font-size: 120%; text-align: center; } #foo ul { float: left; width: 35%; margin: 7px 20px 0px 20px; padding: 18px 0px 15px 0px; border-right: 1px solid #C8C8C8; color: #DFDFE0; font-size: 100%; text-align: left; list-style-type: none; } #foo ul li { display: inline; margin: 0; } #foo ul li a { color: #eeeff0; } #foo #foo-left p { float: left; width: 100px; margin: 7px 0px 0px 0px; padding: 1px 0px; border-right: 1px solid #C8C8C8; color: #DFDFE0; font-size: 100%; text-align: left; list-style-type: none; } #foo #foo-left p a { color: #eeeff0; } #foo div#foo-right { float: right; width: 28%; height: 60px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 100%; text-align: right; background: url('../img/paticka-3sixty.jpg') no-repeat right top; } #foo div#foo-right a.shop360 { float: right; width: 60px; height: 49px; text-decoration: none; } #foo div#foo-right p { margin-right: 70px; white-space: nowrap; padding-top: 15px; color: #DFDFE0; } #foo div#foo-right p a { color: #DFDFE0; white-space: nowrap; } #foo div#foo-right a em { font-style: normal; text-decoration: underline; } .ui-autocomplete-category { font-weight:bold; padding:.2em .4em; margin:.8em 0 .2em; line-height:1.5; } .ui-menu-item strong { color: #2081B6; }