* { margin:0; padding:0; } body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; } ul, ol {list-style-type:none} html {background: #e6e6e6 url('../img/bg-repeat.gif') repeat-y 50% 0;} body {text-align: center; margin: 0; padding: 0; font: normal 12px "Trebuchet MS",Arial,sans-serif; color: #000; position: relative; background: url('../img/bg.gif') no-repeat 50% 0; } /* links --------------------------------------------------------------- */ a {color:#000;text-decoration: underline;} a:link {color:#000;} a:hover {color:#000;text-decoration: none;} /* H1 - H5 --------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; } h1 { font-size:1.4em; margin: 0; color: #005e7c;} h2 { font-size: 1.0em; margin: 0; color: #1e1e1e; } h3 { font-size:1.0em; margin: 0 0 10px 0;color: #3d3d3d;} h4 { font-size:1.0em; color: #005e7c } h5 { font-size:1.0em; } #layout {text-align: left; width: 1016px;margin: 0 auto 0 auto; position: relative; background: url('../img/bg.gif') no-repeat 50% 0; } #vyhledaneprodukty {margin-left: 25px; width: 90%} #vyhledaneprodukty td {border-bottom: 1px solid #ccc; padding-bottom: 20px; padding-top: 20px;} /* Michal EDIT */ /* header ------------------------------------------------------------------ */ #header {position: relative; height: 148px;} #header h1 a { display: block; width: 163px; height: 53px; line-height: 53px; position: absolute; top: 53px; left: 11px; } #header h1 a span {width: 163px; height: 53px; display: block; cursor: pointer; position: absolute; top: 0; left: 0; background: url('../img/logo.jpg') no-repeat; } #header .links {position: absolute; right: 10px;top: 10px;} #header .links a {background: url('../img/links-sep.gif') no-repeat 0 50%; padding: 0 16px 0 17px; font-size: 1.1em} #header .links a.first {background: none;} #header .box {position: absolute; top: 75px; right: 0;font-size: 1.2em;} #header .box a.kosik {background: url('../img/basket-header.gif') no-repeat 0 1px;padding: 7px 38px;text-decoration: none;display: inline-block;} #header .box a.kosik:hover {text-decoration: underline;} #header .box a.link {background: url('../img/arrow-header.gif') no-repeat 0 8px;padding: 7px 25px 5px;display: inline-block;text-decoration: none;} #header .box a.link:hover {background-position: 0 -16px;text-decoration: underline;} .box p {text-align: justify;} #header #skladovka { position: absolute; left: 315px; top: 65px; } #nav {height: 81px; line-height: 40px;} #nav li {float: left;} #nav li a {display: block; height: 81px; position: relative;float: left;} /*#nav li#nav1 a {width: 113px;} #nav li#nav2 a {width: 100px;} #nav li#nav3 a {width: 106px;} #nav li#nav4 a {width: 101px;} #nav li#nav5 a {width: 87px;} #nav li#nav6 a {width: 110px;} #nav li#nav7 a {width: 97px;} #nav li#nav8 a {width: 99px;} #nav li#nav9 a {width: 97px;} #nav li#nav10 a {width: 106px;}*/ #nav li#nav1 a {width: 140px;} #nav li#nav2 a {width: 129px;} #nav li#nav3 a {width: 115px;} #nav li#nav4 a {width: 100px;} #nav li#nav5 a {width: 168px;} #nav li#nav6 a {width: 103px;} #nav li#nav7 a {width: 141px;} #nav li#nav8 a {width: 90px;} #nav li#nav9 a {width: 30px;} #nav li a span {cursor: pointer;display: block;position:absolute; left: 0; top: 0;width: 100%; height: 81px; background: url('../img/nav-greenpower.jpg') no-repeat} /* napozicovani polozek v navigaci */ /*#nav li#nav1 a span {background-position: 0 0;} #nav li#nav2 a span {background-position: -113px 0;} #nav li#nav3 a span {background-position: -213px 0;} #nav li#nav4 a span {background-position: -319px 0;} #nav li#nav5 a span {background-position: -420px 0;} #nav li#nav6 a span {background-position: -507px 0;} #nav li#nav7 a span {background-position: -617px 0;} #nav li#nav8 a span {background-position: -714px 0;} #nav li#nav9 a span {background-position: -813px 0;} #nav li#nav10 a span {background-position: -910px 0;}*/ #nav li#nav1 a span {background-position: 0 0;} #nav li#nav2 a span {background-position: -140px 0;} #nav li#nav3 a span {background-position: -269px 0;} #nav li#nav4 a span {background-position: -384px 0;} #nav li#nav5 a span {background-position: -484px 0;} #nav li#nav6 a span {background-position: -652px 0;} #nav li#nav7 a span {background-position: -755px 0;} #nav li#nav8 a span {background-position: -896px 0;} #nav li#nav9 a span {background-position: -986px 0;} /* napozicovani hover efektu v navigaci */ #nav li#nav1 a:hover span, #nav li#nav1.active a span {background-position: 0 -81px;} #nav li#nav2 a:hover span, #nav li#nav2.active a span {background-position: -140px -81px;} #nav li#nav3 a:hover span, #nav li#nav3.active a span {background-position: -269px -81px;} #nav li#nav4 a:hover span, #nav li#nav4.active a span {background-position: -384px -81px;} #nav li#nav5 a:hover span, #nav li#nav5.active a span {background-position: -484px -81px;} #nav li#nav6 a:hover span, #nav li#nav6.active a span {background-position: -652px -81px;} #nav li#nav7 a:hover span, #nav li#nav7.active a span {background-position: -755px -81px;} #nav li#nav8 a:hover span, #nav li#nav8.active a span {background-position: -896px -81px;} #nav li#nav9 a:hover span, #nav li#nav0.active a span {background-position: -986px -81px;} #nav li#nav10 a:hover span, #nav li#nav10.active a span {background-position: -910px -81px;} #hlavniNahled { width: 300px; display: block; height: 200px; text-align: center; line-height: 200px; } #container {padding-top: 18px;} .content {float: right;width: 711px;position: relative; left: -30px;padding-top: 6px;} .content p {line-height: 1.5em;} .content h2.title {position: relative;height: 41px;} .content h2.title span {position: absolute; top: 0; left: 0;height: 41px; display: block} .content h2.doporucujeme {width: 173px} .content h2.doporucujeme span {width: 173px; background: url('../img/nadpisy/content-doporucujeme.gif') no-repeat} .content h2.mohlobyzajimat {width:201px;} .content h2.mohlobyzajimat span {width:201px; background: url('../img/nadpisy/content-mohlobyzajimat.gif') no-repeat} .content h2.doporucujemekoupit {width: 356px} .content h2.doporucujemekoupit span {width: 356px; background: url('../img/nadpisy/content-doporucujemekoupit.gif') no-repeat} .content h2.kdojsme {width: 133px} .content h2.kdojsme span {width: 133px; background: url('../img/nadpisy/content-vitamevas.gif') no-repeat} .content h2.novinkyvkategorii {width: 203px} .content h2.novinkyvkategorii span {width: 203px; background: url('../img/nadpisy/content-novinkyvkategorii.gif') no-repeat} .content .box {background: #fff;padding: 20px 0;position: relative;} .content .box .list-left {text-align: center; line-height: 35px;display: block;width: 24px; height: 35px;position: absolute;left: 0; top: 110px;} .content .box .list-left span {display: block;width: 24px; height: 35px;cursor: pointer;position: absolute; left: 0; top: 0; background: url('../img/list-left.gif') no-repeat;} .content .box .list-right {text-align: center; line-height: 35px;display: block;width: 24px; height: 35px;position: absolute;right: 0; top: 110px;} .content .box .list-right span {display: block;width: 24px; height: 35px;cursor: pointer;position: absolute; left: 0; top: 0; background: url('../img/list-right.gif') no-repeat;} .content .box ul.doporucujeme {width: 627px; margin: 10px auto 0;padding: 0;background: #fff url('../img/doporucujeme-sep.gif') repeat-y -32px 0;} .content .box ul.doporucujeme li {font-size: 1.2em;padding: 10px 0;float: left; width: 209px;text-align: center;} .content .box ul.doporucujeme li img {text-align: center; margin-bottom: 10px} .content .box ul.doporucujeme li a.image {margin: 0 auto 0 auto; width: 157px; display: block; height: 116px; text-align: center; line-height: 116px} .content .box ul.doporucujeme li h3 a {color: #a0ca33} .content .box ul.products {width: 627px; margin: 20px auto 0;padding: 0;background: #fff url('../img/products-sep.gif') repeat-y -32px 0;} .content .box ul.products li {font-size: 1.2em;padding: 10px 0;float: left; width: 209px;text-align: center;height: 220px;} .content .box ul.products li.lastrow {height: 180px;} .content .box ul.products li img {margin-bottom: 10px} .content .box ul.products li a.image {margin: 0 auto 0 auto; width: 157px; display: block; height: 116px; text-align: center; line-height: 116px;} .content .box ul.products li h3 a {color: #a0ca33} .content .boxend {height: 16px; background: url('../img/content-end.gif') no-repeat;margin-bottom: 20px;} .content .boxend1 {height: 16px; background: url('../img/content-end1.gif') no-repeat;margin-bottom: 20px;} .content .boxend2 {height: 20px; background: url('../img/content-end2.gif') no-repeat;margin-bottom: 20px;} .content .boxendline {height: 17px; background: url('../img/content-end-line.gif') no-repeat;margin-bottom: 20px;} .content .boxendhodnoceni {height: 20px; background: url('../img/hodnoceni-end2.gif') no-repeat;margin-bottom: 20px;} .content .box p {padding: 10px 25px; font-size: 1.2em; line-height: 1.4em;} .content .box p a {color: #a0ca33;} .content .box.tabs {padding: 0;} .content .box .menu {background: url('../img/tab-bg.gif') repeat-x;height: 46px;} .content .box .menu li {float: left;border-left: 1px solid #ececec} .content .box .menu li.first {border: 0;} .content .box .menu li a {position: relative;z-index: 100;font-family: Arial;float: left;display: block; padding: 0 25px; line-height: 46px;font-size: 1.2em} .content .box .menu li.ui-state-focus a, li.ui-state-focus a, li.ui-state-active a {background: #565656 url('../img/tab-active-bg.gif') repeat-x; color: #fff;text-decoration: none;} .content .box .menu li.ui-state-active a span {position: absolute; _left: 32%; top: 46px;display: block;width: 30px; margin: 0 auto; height: 15px; background: url('../img/tab-active.gif') no-repeat 50% 0} .content .box.tabs div.first {position: relative;border-bottom: 1px solid #e5e5e5;padding: 35px; height: 133px;font-size: 1.4em;font-family: Arial} .content .box.tabs div.first .golfove-hole { position: absolute; top: -15px; right: 50px;} .content .box.tabs div.first a.more {background: url('../img/more-big.gif') no-repeat 100% 50%;padding-right: 47px;display: inline-block; line-height: 46px;position: relative; left: 130px;} .content .box.tabs div.first .paging {position: absolute; right: 10px; bottom: 10px;font-size: 0.8em} .content .box.tabs div.first .paging a {display: inline-block;text-decoration: none;float: left; text-align: center;margin: 0;background: url('../img/paging.gif') no-repeat;color: #000;padding: 5px 0} .content .box.tabs div.first .paging a:hover {color: #fff} .content .box.tabs div.first .paging a.p1.active {color: #fff;} .content .box.tabs div.first .paging a.p1 {background-position: 1px 5px;width: 25px;} .content .box.tabs div.first .paging a.p1 span {position: relative; left: -3px} .content .box.tabs div.first .paging a.p2 {background-position: -25px 5px;width: 25px;} .content .box.tabs div.first .paging a.p2 span {position: relative; left: -3px} .content .box.tabs div.first .paging a.p3 {background-position: -50px 5px;width: 25px;} .content .box.tabs div.first .paging a.p3 span {position: relative; left: -1px} .content .box.tabs div.first .paging a.p4 {background-position: -75px 5px;width: 28px;} .content .box.tabs div.first .paging a.p4 span {position: relative; left: 2px} .content .box.tabs div.first .paging a.p1.active {background-position: 1px -25px;} .content .box.tabs div.first .paging a.p2.active {background-position: -25px -25px;} .content .box.tabs div.first .paging a.p3.active {background-position: -50px -25px;} .content .box.tabs div.first .paging a.p4.active {background-position: -75px -25px;} .content .box.tabs div.first .paging a.p1:hover {background-position: 1px -25px;} .content .box.tabs div.first .paging a.p2:hover {background-position: -25px -25px;} .content .box.tabs div.first .paging a.p3:hover {background-position: -50px -25px;} .content .box.tabs div.first .paging a.p4:hover {background-position: -75px -25px;} .content .paging {word-spacing: -0.5em;text-align: center;font-size: 0.8em;padding: 0; margin: 0;} .content .paging a {display: inline-block;text-decoration: none; text-align: center;margin: 0;background: url('../img/paging.gif') no-repeat;color: #000;padding: 5px 0} .content .paging a:hover {color: #fff} .content .paging a.p1.active {color: #fff;} .content .paging a.p1 {background-position: 1px 5px;width: 25px;color: #000;} .content .paging a.p1 span {position: relative; left: -3px} .content .paging a.p2 {background-position: -25px 5px;width: 25px;color: #000;} .content .paging a.p2 span {position: relative; left: -2px} .content .paging a.p3 {background-position: -53px 5px;width: 25px;color: #000;} .content .paging a.p3 span {position: relative; left: -3px} .content .paging a.p4 {background-position: -80px 5px;width: 28px;color: #000;} .content .paging a.p4 span {position: relative; left: -3px} .content .paging a.p1.active {background-position: 1px -25px;} .content .paging a.p2.active {background-position: -25px -25px;} .content .paging a.p3.active {background-position: -53px -25px;} .content .paging a.p4.active {background-position: -80px -25px;} .content .paging a.p1:hover {background-position: 1px -25px;color: #fff} .content .paging a.p2:hover {background-position: -25px -25px;color: #fff} .content .paging a.p3:hover {background-position: -53px -25px;color: #fff} .content .paging a.p4:hover {background-position: -80px -25px;color: #fff} .content .box.sekce {background: #fff url('../img/sekce-bg.gif') repeat-y 1px 0;padding: 0;} .content .box.sekce.cols {background: #fff;padding: 0;} .content .box.sekce .nav {background: url('../img/tab-bg.gif') repeat-x bottom;height: 36px;line-height: 36px;margin: 0; padding: 0 15px;} .content .box.sekce .nav a {color: #5f5f5f; text-decoration: none; padding:0 15px 0 5px; background: url('../img/nav-arrow.gif') no-repeat 100% 55%;} .content .box.sekce .nav a:hover {color: #000; text-decoration: underline;} .content .box.sekce .nav a.active {background: none; color: #88ad1f; text-decoration: underline} .content .box.sekce .nav a.active:hover {color: #000;} .content .box.tabs div.second {position: relative;padding: 25px 35px;height: 81px;font-size: 1.2em;font-family: Arial; height: 256px;} .content .box.tabs div.flash {height: 256px;} .content div.tabs .second .tenisova-raketa { position: absolute; top: 20px; right: 70px;} .content div.tabs .second a.more {background: url('../img/more-small.gif') no-repeat 100% 50%;padding-right: 40px;display: inline-block; line-height: 39px;position: relative; left: 100px;} .content .box.sekce .left {width: 488px; float: left;} .content .box.sekce h2 {margin: 0; padding: 0;} .content .box.sekce .first {padding: 20px;border-bottom: 1px solid #e5e5e5;} .content .box.sekce .second {padding: 20px;} .content .box.sekce .cols-only {padding: 20px;} .content .box.sekce .right {width: 223px; float: right;padding: 20px 0 20px 0;} .content .box.sekce .right h2 {padding-left: 13px;margin-bottom: 5px;} .content .box.sekce ul li {width: 220px; float: left;margin-top: 10px} .content .box.sekce ul li a {width: 90%;display: block; color: #2f2f2f; font-size: 1.2em;padding: 5px 0 5px 25px; background: url('../img/sekce-li.gif') no-repeat 0 5px;} .content .box.sekce ul li a:hover {background-position: 0 -23px;color: #7b9f25} .content .box.sekce ul li a.active {background-position: 0 -23px;color: #7b9f25;font-weight: bold;} .content .box.sekce .right a {text-decoration: none;padding: 5px 20px;display: block;} .content .box.sekce .right a span {font-size: 1.1em;color: #2f2f2f;display: block;margin: 0 0 7px 0; padding: 0;text-decoration: underline;} .content .box.sekce .right a:hover {background: #f8f8f8;text-decoration: none;} .content .box.sekce .right a:hover span {color: #7fa01f;} .content .box.sekce .right a small {display: block;color: #aaaba6;font-size: 1em} .content .product-search {padding-bottom: 16px; background: url('../img/content-end1.gif') no-repeat bottom;margin-bottom: 20px;} .content .product-search fieldset {background: #fff;padding: 20px 20px 10px;position: relative;} .content .product-search fieldset select {float: left;width: 120px;font-family: "Trebuchet MS", Arial;padding: 3px; margin-right: 10px;} .content .product-search fieldset .checkbox {float: left;width: 20px;height: 20px;margin-right: 0px; position: relative; top: 3px;} .content .product-search fieldset label {float: left;font-family: "Trebuchet MS", Arial; font-size: 1.2em;padding-right: 10px;padding-left: 4px; display: inline-block; height: 30px;border-right: 1px solid #ccc;line-height: 25px;} .content .product-search fieldset p {float: left;display: inline-block; width: 15px; height: 20px;margin-right: 10px; position: relative;left: -5px;top: -2px} .content .product-search fieldset p a.order-up {position: absolute; left: 0; top: 1px;} .content .product-search fieldset p a.order-down {position: absolute; left: 0; top: 13px;} .content .product-search fieldset .search {margin-left: 10px;height: 28px;float: left;display: inline-block;width: 142px; position: relative;} .content .product-search fieldset .text {width: 132px; height: 18px;background: url('../img/product-search.gif') no-repeat; padding: 5px;border: 0;font-family: "Trebuchet MS", Arial;position: relative; top: 0px} .content .product-search fieldset .submit {position: absolute; right: 0;top: 0;_top: 1px;} .content .box .product {clear: both; height: auto; overflow: hidden;margin: 10px 20px 20px;padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;} .content .box .product.noborder {border: 0; margin-bottom: 0;padding-bottom: 0;} .content .box .product a img {float: left;position: relative; z-index: 100;margin-right: 10px;} .content .box .product h3 {display: inline;font-weight: normal;} .content .box .product h3 a {color: #a0ca33;font-size: 1.2em;} .content .box .product p {padding: 5px 0 0 0;margin: 0;} .content .box.detail {padding: 0;} .content .box.detail h2 {margin-bottom: 20px;font-size: 1.8em; padding: 0 20px; height: 58px; line-height: 58px;background: url('../img/detail-title-bg.gif') no-repeat;} .content .box.detail .left {position: relative;z-index: 100;width: 370px; padding-left: 20px;float: left;} .content .box.detail .left table {width: 100%;} .content .box.detail .left table th {text-align: left;background: #83ac27 url('../img/th-bg.jpg') repeat-x; font-size: 1.3em; padding: 0 20px;color: #fff;line-height: 41px;height: 43px;} .content .box.detail .left table td {background: #eaebea;padding: 8px 20px;font-size: 1.2em} .content .box.detail .left table .light td {background: #f9f9f9;} .content .box.detail .left table td.item {width: 60%;background-image: url('../img/td-arrow.gif'); background-repeat: no-repeat;background-position:100% 50%;} .content .box.detail .left a.dokosika {display: block; text-align: right; background: url('../img/more-big.gif') no-repeat 100% 50%;padding-right: 47px;height: 40px; line-height: 40px; font-size: 1.4em;margin: 10px 0;font-family: Arial;} .content .box.detail .right {width: 315px; float: right;position: relative;z-index: 100} .content .box.detail .right #add-basket { width: 285px; height: 61px; background: url('../img/add-basket-bg.jpg') no-repeat;position: relative; } .content .box.detail .right #add-basket-rada fieldset {width: 285px; height: 61px; background: url('../img/add-basket-bg.jpg') no-repeat;position: relative;} .content .box.detail .right #add-basket .text, .content .box.detail .right #add-basket-rada fieldset .text {font-weight: bold;border: 0; background: none; position: absolute; top: 12px;font-family: "Trebuchet MS"; left: 12px; width: 47px;text-align: right; font-size: 1.2em; color: #fff;} .content .box.detail .right #add-basket label, .content .box.detail .right #add-basket-rada fieldset label{display: none} .content .box.detail .right #add-basket .submit, .content .box.detail .right #add-basket-rada fieldset .submit {position: absolute; top: 0; right: 0;} .content .box.detail .right .images {position: relative; text-align: left;padding: 27px 0 0;} .images li {float: left} .content .box.detail .right .images a.img {display: inline-block;border: 1px solid #bbbbbb; margin: 0 7px;padding: 5px 0; width: 50px; height: 50px; line-height: 50px; text-align: center} .content .box.detail .popis {padding: 10px 20px;} .content .box.detail .popis p.bordered {padding: 15px 0;margin: 10px 0 20px;border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;} .content .box.detail .popis p {padding: 0;margin: 0;} .content .box.detail .popis h3 {font-size: 1.2em; color: #000;margin: 15px 0 0 0; padding: 0;} .content .box.detail .popis ul {margin: 10px 0 0} .content .box.detail .popis ul li {line-height: 1.6em; font-size: 1.2em;padding-left: 13px; background: url('../img/detail-li.gif') no-repeat 0 6px;} .content .box.detail .galerie {padding: 20px;} .content .box.detail .galerie .images {position: relative; text-align: center;height: 70px;} .content .box.detail .galerie a.img {display: inline-block;border: 1px solid #bbbbbb; margin: 0 2px;padding: 5px 0;} .content .box.detail .galerie .arr-left {position: absolute; left: 0; top: 30%;} .content .box.detail .galerie .arr-right {position: absolute; right: 0; top: 30%;} .content .box.detail .hodnocenisporto {position: relative; width: 252px; height: 47px;margin: 0; padding: 0;} .content .box.detail .hodnocenisporto span {display: block; position: absolute; top: 0; left: 0;width: 252px; height: 47px;background: url('../img/nadpisy/detail-hodnoceni.gif') no-repeat; } .content .box.detail .hodnoceniuzivatelu {position: relative; width: 252px; height: 47px;margin: 0; padding: 0;} .content .box.detail .hodnoceniuzivatelu span {display: block; position: absolute; top: 0; left: 0;width: 252px; height: 47px;background: url('../img/nadpisy/detail-hodnoceniuzivatelu.gif') no-repeat; } .content .box.detail .hodnoceni {background: #eaf1d7 url('../img/hodnoceni-end.gif') no-repeat bottom; padding: 20px;margin-bottom: 15px;} .content .box.detail .hodnoceni p {padding: 10px 10px;} .content .box.detail .hodnoceni .rating {left: 5px;} .content .box.detail .hodnoceni2 {background: #f5f5f5; padding: 20px;} .content .box.detail .hodnoceni2 p {padding: 0 10px 20px;} .content .box.detail .hodnoceni2 .rating {left: 5px;float: left;margin-right: 15px;} .content .box.detail .hodnoceni2 .date {font-size: 1.2em} .content .rating {width: 125px;height: 18px;position: relative;background: url('../img/stars.gif') 0 0 repeat-x;} .content .rating li {padding:0px;margin:0px;float: left;} .content .rating li a {display:block;width:25px;height: 18px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;} .content .rating li a:hover {background: url('../img/stars.gif') 0 18px;z-index: 2;left: 0px;} .content .rating a.star1 {left: 0px;} .content .rating a.star1:hover {width:25px;} .content .rating a.star2 {left:25px;} .content .rating a.star2:hover {width: 50px;} .content .rating a.star3 {left: 50px;} .content .rating a.star3:hover {width: 75px;} .content .rating a.star4 {left: 75px;} .content .rating a.star4:hover {width: 100px;} .content .rating a.star5 {left: 100px;} .content .rating a.star5:hover {width: 125px;} .content .rating li.current {background: url('../img/stars.gif') 0 18px;position: absolute;height: 18px;display: block;text-indent: -9000px;z-index: 1;} .content .hodnocenitabs {height: 47px; clear: both; overflow: hidden;} .content .hodnocenitabs li {float: left;} .content .hodnocenitabs li a {display: block;font-weight: bold;text-decoration: none; float: left; position: relative; width: 252px; height: 47px; line-height: 45px;text-align: center;} .content .hodnocenitabs li a span {cursor: pointer;display: block; width: 252px; height: 47px; position: absolute; top: 0; left: 0; background: url('../img/nadpisy/hodnoceni-tabs.gif') no-repeat;} .content .hodnocenitabs li a.tab1 span {background-position: 0 0} .content .hodnocenitabs li a.tab2 span {background-position: -252px 0} .content .hodnocenitabs li a.tab1:hover span {background-position: 0 1px} .content .hodnocenitabs li a.tab2:hover span {background-position: -252px 1px} .content .hodnocenitabs li.active a.tab1 span {background-position: 0 -47px} .content .hodnocenitabs li.active a.tab2 span {background-position: -252px -47px} .content #hodnoceni2 {display: none} .content #hodnoceni2 fieldset {background: #f5f5f5; padding: 20px 30px;} .content .form-hodnoceni td {padding: 5px;} .content .form-hodnoceni td.label {width: 130px;} .content .form-hodnoceni td.vtop {vertical-align: top;padding-top: 7px;} .content .form-hodnoceni td .text {width: 192px; height: 18px; font-size: 1.0em;padding: 5px;font-family: "Trebuchet MS";border: 0;background: #fff url('../img/hodnoceni-input.gif') no-repeat;} .content .form-hodnoceni td .textarea {width: 465px; height: 151px; font-size: 1.0em;padding: 5px;font-family: "Trebuchet MS";border: 0;background: #fff url('../img/hodnoceni-textarea.gif') no-repeat;} .content .form-hodnoceni td .submit {padding: 5px 15px; font-weight: bold; text-transform: uppercase; font-family: "Trebuchet MS";} /* kosik a pokladna vlozeno dne: 25.08.2009 */ .content .box.basket {padding: 0;} .content .box.klientskecentrum {padding: 0;} .content .box.basket h2 {margin-bottom: 0;font-size: 1.8em; padding: 0 20px; height: 58px; line-height: 58px;background: url('../img/detail-title-bg.gif') no-repeat;} .content .box.basket .padding {padding: 10px 20px} .content .box.basket table {border-collapse: collapse;background: #f8f8f8 url('../img/kosik-thead.jpg') no-repeat;width: 100%;} .content .box.basket table th {text-align: left;color: #fff;height: 47px; line-height: 43px;padding: 0 15px;font-size: 1.1em;vertical-align: top} .content .box.basket table th.nahled {width: 10%;} .content .box.basket table th.nazev-zbozi {width: 50%} .content .box.basket table th.dostupnost {width: 10%;text-align: center;} .content .box.basket table th.pocet {width: 5%;text-align: center;} .content .box.basket table th.cena-ks {width: 15%} .content .box.basket table th.smazat {width: 10%;text-align: center;} .content .box.basket table td {padding: 5px 15px;border-bottom: 1px solid #ededed;vertical-align: middle;} .content .box.basket table td.a-center {text-align: center} .content .box.basket table td .count {width: 34px; height: 16px; border: 0; padding: 6px 5px;background: url('../img/kosik-count.jpg') no-repeat;} .content .box.basket table td.image a {display: block; width: 62px; height: 46px; line-height: 46px; text-align: center} .content .box.basket table td.image a img {border: 1px solid #eeeeee;margin: 3px 0 0;} .content .box.basket table td h3 {font-size: 1.1em;margin: 0; padding: 0;} .content .box.basket table td h3 a {color: #9dc91f} .content .box.basket table td a.delete { text-align: center; color: red;text-decoration: none; font-size: 1.2em; font-weight: bold;} .content .box.basket table tfoot td {background: #f0f0f0;border-bottom: 1px solid #f8f8f8;color: #696969; font-weight: bold;} .content .box.basket table tfoot .cena-celkem td {color: #000;font-size: 1.3em;padding: 7px 15px} .content .box.basket table .butts td {padding: 10px 0 0; background: #fff;vertical-align: top;border: 0;} .content .box.basket table .butts td.a-right {text-align: right;} .content .box.pokladna {padding: 0;} .content .box.pokladna h2 {margin-bottom: 0;font-size: 1.8em; padding: 0 20px; height: 58px; line-height: 58px;background: url('../img/detail-title-bg.gif') no-repeat;} .content .box.klientskecentrum h2 {margin-bottom: 0;font-size: 1.8em; padding: 0 20px; height: 58px; line-height: 58px;background: url('../img/detail-title-bg.gif') no-repeat;} .content .box.pokladna .padding {padding: 10px 19px} .content .box.pokladna .tabs li {float: left;height: 47px;position: relative;} .content .box.pokladna .tabs li span {display: block; height: 47px; position: absolute; top: 0; left: 0;} .content .box.pokladna .tabs li.tab1, .content .box.pokladna .tabs li.tab1 span {width: 223px;} .content .box.pokladna .tabs li.tab2, .content .box.pokladna .tabs li.tab2 span {width: 226px;} .content .box.pokladna .tabs li.tab3, .content .box.pokladna .tabs li.tab3 span {width: 223px;} .content .box.pokladna .tabs li.tab1 span {background: url('../img/pokladna-tab1.jpg') no-repeat 0 -47px} .content .box.pokladna .tabs li.tab2 span {background: url('../img/pokladna-tab2.jpg') no-repeat 0 -47px} .content .box.pokladna .tabs li.tab3 span {background: url('../img/pokladna-tab3.jpg') no-repeat 0 -47px} .content .box.pokladna .tabs li.active span {background-position: 0 0} .content .box.pokladna .tab {background: #f8f8f8;padding: 15px;margin-bottom: 10px;} .content .box.pokladna .tab h2 {background: none; margin: 0 0 15px; padding: 0; font-size: 1.5em; line-height: normal; height: auto;} .content .box.klientskecentrum .login-form fieldset { background: #f8f8f8; } .content .box.pokladna .tab .flt-l, .content .box.pokladna .tab .flt-r {width: 49%;} .content .box.pokladna .tab .row {padding: 0;clear: both;height: 25px;} .content .box.pokladna .tab .row.border {border-top: 1px solid #ededed;padding-top: 15px;} .content .box.pokladna .tab .row .radio, .content .box.pokladna .tab .row .checkbox {width: 13px; height: 13px; float: left;} .content .box.pokladna .tab .row label {display: block; float: left; height: 13px; line-height: 13px;padding-left: 5px; font-size: 1.2em; } .content .box.pokladna .tab dl.celkova-cena {margin-top: 20px;padding: 30px 0 25px; clear: both;border-top: 1px solid #ccc;font-size: 1.6em;} .content .box.pokladna .tab dl.celkova-cena dt {float: left; } .content .box.pokladna .tab dl.celkova-cena dd {float: right;color: #7b9e16; font-weight: bold; font-size: 1.2em; position: relative; top:-3px} .content .box.pokladna .tab .forms fieldset {background: #fff;margin-bottom: 15px;border-bottom: 1px solid #ededed;border-right: 1px solid #ededed;width: 260px;padding: 20px;} .content .box.pokladna .tab .forms .fakturacni-udaje {display: none;} .content .box.pokladna .forms label, .content .box.klientskecentrum .forms label {display: block;color: #555} .content .box.pokladna .forms span {display: block; margin-bottom: 15px;font-weight: bold; font-size: 1.1em;} .content .box.pokladna .forms input, .content .box.klientskecentrum .forms input {border: 0;margin-bottom: 10px;padding: 6px 5px;} .content .box.pokladna .forms input.titul {width: 34px;background: url('../img/input-titul.jpg') no-repeat;} .content .box.pokladna .forms input.jmeno {width: 109px;background: url('../img/input-jmeno-prijmeni.jpg') no-repeat;} .content .box.pokladna .forms input.prijmeni {width: 109px;background: url('../img/input-jmeno-prijmeni.jpg') no-repeat;} .content .box.pokladna .forms input.ic {width: 109px;background: url('../img/input-jmeno-prijmeni.jpg') no-repeat;} .content .box.pokladna .forms input.dic {width: 109px;background: url('../img/input-jmeno-prijmeni.jpg') no-repeat;} .content .box.pokladna .forms input.telefon, .content .box.pokladna .forms input.email {width: 248px;background: url('../img/input-telefon.jpg') no-repeat;} .content .box.pokladna .forms input.ulice {width: 149px;background: url('../img/input-ulice-obec.jpg') no-repeat;} .content .box.pokladna .forms input.cp {width: 69px;background: url('../img/input-cp-psc.jpg') no-repeat;} .content .box.pokladna .forms input.obec {width: 149px;background: url('../img/input-ulice-obec.jpg') no-repeat;} .content .box.pokladna .forms input.psc {width: 69px;background: url('../img/input-cp-psc.jpg') no-repeat;} .content .box.pokladna .forms h3 {font-size: 1.2em;color: #7b9e16;} .content .box.klientskecentrum form h3 {font-size: 1.5em;color: #7b9e16; margin: 10px} .content .box.pokladna .forms div.jmeno {float: left; width: 119px} .content .box.pokladna .forms div.prijmeni {float: right; width: 121px} .content .box.pokladna .forms div.ulice-obec {float: left; width: 159px} .content .box.pokladna .forms div.cp-psc {float: right; width: 81px} .content .box.pokladna .tab .login {border-bottom: 1px solid #ededed;margin-bottom: 10px;padding-bottom: 10px;} .content .box.pokladna .tab .login h2 {float: left; margin: 0;} .content .box.pokladna .tab .login a {float: right;cursor: pointer;padding-right: 20px;background: url('../img/login-open.jpg') no-repeat 100% 50%;position: relative; top: 2px;} .content .box.pokladna .tab .login .login-form {display: none} .content .box.klientskecentrum .login-form {background: #fff;margin: 15px 0;width: 462px;padding: 20px 90px;} .content .box.pokladna .tab .login div input, .content .box.klientskecentrum .login-form input {height: 16px;border: 0;margin-bottom: 10px;padding: 6px 5px;} .content .box.pokladna .tab .login div label, .content .box.klientskecentrum .login-form label {display: block;} .content .box.pokladna .tab .login fieldset input.jmeno, .content .box.klientskecentrum .login-form input.jmeno {width: 149px;background: url('../img/input-ulice-obec.jpg') no-repeat;} .content .box.pokladna .tab .login fieldset input.heslo, .content .box.klientskecentrum .login-form input.heslo {width: 149px;background: url('../img/input-ulice-obec.jpg') no-repeat;} .content .box.pokladna .tab .login fieldset div.jmeno {float: left; width: 170px} .content .box.pokladna .tab .login fieldset div.heslo {float: left; width: 170px} .content .box.pokladna .tab .login fieldset .submit {width: auto; height: auto;position: relative; top: 15px;} .content .box.klientskecentrum .login-form fieldset .submit {width: auto; height: auto;position: relative; } .content .box.pokladna .tab a.preview {width: auto; margin-right: 20px;} .content .box.pokladna .tab a.preview img {border: 1px solid #eeeeee;} .content .box.pokladna .tab h3.objednane-zbozi {font-size: 1.4em;color: #9dc91f;margin: 0;} .content .box.pokladna .tab h3.objednane-zbozi a {color: #9dc91f} .content .box.pokladna .tab table {border-collapse: collapse;background: #f8f8f8 url('../img/kosik-thead.jpg') no-repeat;width: 100%;margin-bottom: 15px;} .content .box.pokladna .tab table th {text-align: left;color: #fff;height: 47px; line-height: 43px;padding: 0 15px;font-size: 1.1em;vertical-align: top} .content .box.pokladna .tab table th.nazev-zbozi {width: 80%;text-decoration: underline;} .content .box.pokladna .tab table th.pocet {width: 5%;text-align: center;text-decoration: underline;} .content .box.pokladna .tab table th.cena {width: 15%;text-decoration: underline;} .content .box.pokladna .tab table .light td {background: #fff} .content .box.pokladna .tab table td {padding: 5px 15px;border-bottom: 1px solid #ededed;vertical-align: middle;} .content .box.pokladna .tab table td.a-center {text-align: center} .content .box.pokladna .tab table td .count {width: 34px; height: 16px; border: 0; padding: 6px 5px;background: url('../img/kosik-count.jpg') no-repeat;} .content .box.pokladna .tab table td.image a img {border: 1px solid #eeeeee;margin: 3px 0 0;} .content .box.pokladna .tab table td h3 {font-size: 1.1em;margin: 0; padding: 0;} .content .box.pokladna .tab table td h3 a {color: #9dc91f;text-decoration: none;} /* původně #9dc91f */ .content .box.pokladna .tab table td a.delete { text-align: center; color: red;text-decoration: none; font-size: 1.2em; font-weight: bold;} .content .box.pokladna .tab table.koncova-cena {margin: 0;} .content .box.pokladna .tab table.koncova-cena td {background: #f0f0f0;border-bottom: 1px solid #f8f8f8;color: #000000; /* původně #696969; */ font-weight: bold;} .content .box.pokladna .tab table.koncova-cena td.cena {width: 85%;text-align: left;} .content .box.pokladna .tab table.koncova-cena .cena-celkem td {text-align: left;color: #000;font-size: 1.3em;padding: 7px 15px;background: #ccc} /* kosik a pokladna konec css stylu */ .panel {float: left;width: 248px;position: relative; left: 12px;} .panel #searchbox {width: 259px;height: 88px; background: url('../img/searchbox.gif') no-repeat;position: relative; left:-12px;margin-bottom: 11px;} .panel #searchbox .text {position: absolute; top: 25px; left: 35px;width: 110px;border: 0;color: #fff;padding: 3px;background: #9cc830;} .panel #searchbox .submit {position: absolute; top: 24px; right: 15px;} .panel .tabs {height: 45px; clear: both; overflow: hidden;} .panel .tabs li {float: left;} .panel .tabs li a {display: block;font-weight: bold;text-decoration: none; float: left; position: relative; width: 124px; height: 45px; line-height: 45px;text-align: center;} .panel .tabs li a big {display: none;} .panel .tabs li a span {cursor: pointer;display: block; width: 124px; height: 45px; position: absolute; top: 0; left: 0; background: url('../img/panel-tabs.gif') no-repeat;} .panel .tabs li a.tab1 span {background-position: 0 0} .panel .tabs li a.tab2 span {background-position: -124px 0} .panel .tabs li a.tab1:hover span {background-position: 0 1px} .panel .tabs li a.tab2:hover span {background-position: -124px 1px} .panel .tabs li.active a.tab1 span {background-position: 0 -45px} .panel .tabs li.active a.tab2 span {background-position: -124px -45px} .panel .catsbox {padding: 20px 0; background: #fff;} .panel .cats {background: #fff;margin: 0;display: block; width: 248px;} .panel #cats2 {display: none} .panel .cats li {border-bottom: 1px solid #ededed;background: #fff;} .panel .cats li a {display: block;font-size: 1.2em;width: 100%; text-decoration: none;} .panel .cats li a span {display: block;padding: 11px 23px;} .panel .cats li a:hover {background: url('../img/cats-hover.gif') repeat-x bottom} .panel .cats li a:hover span {background: url('../img/cats-arrow.gif') no-repeat 90% 55%} .panel .cats li#tab1.active a {background: url('../img/cats-hover.gif') repeat-x bottom} .panel .cats li#tab1.active a span {background: url('../img/cats-arrow.gif') no-repeat 90% 55%} .panel .end.cats {clear: both;height: 10px;background: url('../img/cats-end.gif') no-repeat;padding: 0;} .panel .infolinka {width: 248px;height: 157px; position: relative; margin: 35px 0 21px; padding: 0;text-align: center;} .panel .infolinka span {display: block; width: 248px;height: 157px; position: absolute; top: 0; left: 0; background: url('../img/infolinka.gif') no-repeat} .panel .dorucujeme {padding-bottom: 10px; background: url('../img/panel-end2.gif') no-repeat bottom;} .panel .dorucujeme h3 {width: 137px; height: 42px; line-height: 42px; position: relative;margin: 0; padding: 0;} .panel .dorucujeme h3 span {display: block; width: 137px; height: 42px; position: absolute; top: 0; left: 0; background: url('../img/nadpisy/panel-dorucujeme.gif') no-repeat} .panel .dorucujeme p {background: #fff;padding: 20px 0; text-align: center;} .panel .dorucujeme p img {margin: 0 20px;} .panel .poradna {padding-bottom: 10px; background: url('../img/panel-end2.gif') no-repeat bottom;} .panel .poradna h3 {width: 137px; height: 42px; line-height: 42px; position: relative;margin: 0; padding: 0;} .panel .poradna h3 span {display: block; width: 137px; height: 42px; position: absolute; top: 0; left: 0; background: url('../img/nadpisy/panel-poradna.gif') no-repeat} .panel .poradna p {background: #fff; padding: 20px 0; text-align: center;} #footer { position: relative;margin-top: 10px;height: 80px;line-height: 80px;padding-top: 5px;} #footer p.flt-l {background: url('../img/logo-mini.gif') no-repeat 12px 50%; padding-left: 180px;font-size: 1.2em; } #footer p.flt-r { font-size: 1.2em; } #footer p.flt-r img {margin: 0 10px;} #footer p.flt-r img.pos {position: relative; top: 8px;} hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} .clear { clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;} .noscreen { display:none; } .flt-l {float: left;} .flt-r {float: right;} .bold {font-weight: bold;} .noborder {border: 0;} /* clearfix */ .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} .clearfix {display: inline-block;} .puvodni-cena {text-decoration: line-through;} table#kosik { width: 100%; } #kosik th { background: #9cc830; color: #fff; } #kosik-prepocitat {float: right} #kosik-suma {margin-left: 25px} #kosik-suma td {background: #e4e4e4; width: 100px} #kosik-suma th {background: #ccc; text-align: left; width: 200px} #kosik td {border-bottom: 1px solid #e4e4e4;} .smazat, .pocet, .cena { text-align: center; } ul#pokladna-kroky { clear: both; display: block; height: 50px; } #pokladna-kroky li { float: left; width: 235px; margin-right: 2px; display: block; background: #9cc830; color: #fff; } #pokladna-kroky li#active { background: #fff; /*border: 2px solid #9cc830;*/ color: #9cc830; } .pokladna-zakaznik th { text-align: left; width: 100px; } #pokladna-osobni-udaje { background: #5c5c5c; color: #fff; } #pokladna-dorucovaci-udaje { background: #e4e4e4; } #pokladna-fakturacni-udaje { background: #f4f4f4; } #pokladna fieldset { margin-top: 10px; width: 711px; } #pokladna legend { font-size: 1em; padding-left: 10px; padding-right: 150px; height: 30px; line-height: 30px; background: #9cc830; color: #fff; } .ui-tabs .ui-tabs-hide { display: none; } #ostatni-informace td {background: #ccc;} /* schovani pred ie mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;}