* { 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} body {background: #042a45 url('/obrazky/design2/bg.png') repeat-x;font: normal 75%/1 Arial,sans-serif; color: #000} p {line-height: 1.4em; margin-bottom: 20px;text-align: justify} /* links --------------------------------------------------------------- */ a {color: #14a1e3;text-decoration: underline;} a:link {color: #14a1e3;} a:focus {color: #14a1e3; outline: 0} a:visited {color: #06618b} a:hover {color: #06618b;text-decoration: none;} /* H1 - H5 --------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; } h1 { font-size:1.4em; margin: 0 0 15px;padding: 0 0 5px; color: #000;} h2 { font-size:1.4em; margin: 0 0 15px;padding: 0 0 5px; color: #000; border-bottom: 2px solid #1ab0e1} h3 { font-size:1.4em; margin: 0 0 15px;padding: 0 0 5px; color: #000; border-bottom: 2px solid #1ab0e1} h4 { font-size:1.1em; color: #005e7c;margin-bottom: 10px } h5 { font-size:1.0em; color: #474747;margin-bottom: 10px } #layout {background: url('/obrazky/design2/bg-layout.png') repeat-y;margin: 0 auto;width: 990px} #header {background: url('/obrazky/design2/bg-header.png') no-repeat;height: 260px;position: relative} #header .image {position: absolute;top: 59px;left: 222px} #header .crossroad {float: right; margin-right: 30px; margin-top: 15px;} #header .crossroad li a {height: 40px;width: 110px;display: block;padding-top: 5px;} #header .crossroad li {height: 45px;width: 110px;text-align: center;float: left;} #header .crossroad li.left a {background: url('/obrazky/design2/cr-left.png') no-repeat 0 0} #header .crossroad li.center_even a {background: url('/obrazky/design2/cr-center-suda.png') no-repeat 0 0;} #header .crossroad li.center_odd a {background: url('/obrazky/design2/cr-center-licha.png') no-repeat 0 0;} #header .crossroad li.right_even a {background: url('/obrazky/design2/cr-right-suda.png') no-repeat 0 0;} #header .crossroad li.right_odd a {background: url('/obrazky/design2/cr-right-licha.png') no-repeat 0 0;} #header .crossroad li a:hover {background-position: 0 -45px} #header .crossroad li a.active {background-position: 0 -90px} /* logo ------------------------------------------------------------------ */ h1 {width: 172px;height: 100px;} h1 a {display: block;color: #5c6c18;text-decoration: none;width: 172px;height: 100px;position: absolute;top: 81px;left: 30px} h1 a {color: #fff} h1 a span {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;cursor: pointer;background: url('/obrazky/design2/logo.png') no-repeat} .www {position: absolute;top: 180px;color: #fff;left: 10px;width: 212px;text-align: center;font-weight: bold;font-style: italic;font-size: 1.3em;font-family: Candara, Arial;} /* navigation --------------------------------------------------- */ ul#nav {position: absolute;top: 222px;left: 10px;height: 36px;z-index: 100} ul#nav li {width: 187px;height: 36px;float: left;display: block;position: relative;background: url('/obrazky/design2/nav-tab.png') no-repeat 0 50%} ul#nav li a {display: block;float: left;position: absolute;left: 0;top:0;line-height: 38px;height:36px;width: 167px;padding-right: 20px;text-align: center;font-size: 1.1em;font-weight: bold; color: #818181;text-decoration: none;} ul#nav li a:hover {color: #000; text-decoration: none; } ul#nav li.active a { color: #000; text-decoration:none;} ul#nav li#nav01 {left: 0;z-index: 100} ul#nav li#nav02 {left: -20px;z-index: 80} ul#nav li#nav03 {left: -40px;z-index: 60} ul#nav li#nav04 {left: -60px;z-index: 40} ul#nav li#nav05 {left: -80px;z-index: 20} /* ul#nav li#nav01:hover {z-index: 200} ul#nav li#nav02:hover {z-index: 200} ul#nav li#nav03:hover {z-index: 200} ul#nav li#nav04:hover {z-index: 200} ul#nav li#nav05:hover {z-index: 200} */ ul#nav li ul {border: 2px solid #5bcce3;border-top: 0;padding: 5px 0;position: absolute;top: 36px;left:-9999px;width: 168px;background: #fff url('/obrazky/design2/submenu-bg.png') repeat-x;} ul#nav li:hover ul {left: 18px} ul#nav li ul li {background: none;width: 148px;height: auto;line-height: 1.2em;padding: 0 10px} ul#nav li ul li a {text-align: left;line-height: 1.2em;position: relative;height: auto; width: 148px;padding: 5px 0;font-weight: normal;border-top: 1px solid #ccc} ul#nav li ul li.first a {border: 0} .container {margin: 0 11px;background: url('/obrazky/design2/bg-container.png');} .side-right {float: right;width: 757px} .panelbox {background: url('/obrazky/design2/bg-panelbox.png') repeat-x;padding: 0 30px 0 20px;border: 1px solid #64e0f5;border-top: 0;border-right: 0;height: 41px;line-height: 41px} .panelbox p {float: left;margin: 0;font-size: 0.9em;line-height: 41px} .panelbox p a {color: #000;text-decoration: none} .panelbox p a:hover {text-decoration: underline;} .panelbox form {float: right} .panelbox form fieldset {padding-top: 7px} .panelbox .text {font-style: italic;background: url('/obrazky/design2/search-input.png') no-repeat;width: 170px;height: 15px;padding: 5px;border: 0;float: left} .panelbox .submit {float: left;cursor: pointer;border: 0;font-size: 0.9em;margin-left: 5px;width:40px;height:25px;text-align: center;color: #fff;font-weight: bold;background: url('/obrazky/design2/search-submit.png') no-repeat} .panelbox .submit:hover {background-position: -40px 0} /* CONTENT */ #content {float: left;width: 569px;} /* box */ #content .box {margin-bottom: 10px} #content .box .top {height: 6px;font-size: 0;line-height: 0;background: url('/obrazky/design2/bg-content-top.png') no-repeat} #content .box .content {background: url('/obrazky/design2/bg-content.png') repeat-y;padding: 15px 20px} #content .box .btm {height: 6px;font-size: 0;line-height: 0;background: url('/obrazky/design2/bg-content-btm.png') no-repeat bottom} #content h3 {font-size: 1.2em;font-weight: bold;color: #1ab0e1;padding: 0 0 0 0;border: 0;} #content p a {font-weight: bold} #content p a:visited {color: #0f6693;font-weight: normal;} #content img.flt-l {margin-right: 10px} #content img.flt-r {margin-left: 10px} #content .contact {line-height: 1.1em;float: right;width: 215px} #content .contact h4 {margin: 0 0 5px;} #content .contact span {font-weight: bold;color: #0f6693} #content .contact address {font-style: normal;margin-bottom: 10px} #content .contact dl {height: auto;clear: both;overflow: hidden;margin-bottom: 10px} #content .contact dl dt {font-weight: bold;color: #0f6693;width: 70px;float: left} #content .contact dl dd {float: left} /* lists */ ul.normal {line-height: 1.4em; margin-bottom: 20px;text-align: justify} ul.normal li {background: url('/obrazky/design2/content-li.gif') no-repeat 0 50%; padding-left: 0.9em;} /* products */ #content .products li {width: 250px;height: 220px;margin: 10px 0;position: relative;background: url('/obrazky/design2/bg-product.png') no-repeat} #content .products li a.image {display: block;text-align: center;width: 230px;left: 10px;height: 158px;top: 11px;position: absolute} #content .products li h3 {font-size: 1.0em;height: 25px;line-height: 25px;text-align: center;border: 0;background: url('/obrazky/design2/bg-product-title.png');position: absolute; top: 139px;left: 11px;width: 228px;} #content .products li strong {height: 25px;line-height: 25px;text-align: center;position: absolute;background: url('/obrazky/design2/bg-product-category.png') repeat-y;z-index: 10;top: 11px;left: 11px;width: 230px;} #content .products li p {position: absolute;font-weight: bold;top: 173px;left: 12px;width: 228px;line-height: 0.9em;color: #139ecb;font-size: 1.8em} #content .products li p small {display: block;font-size: 12px;font-weight: bold;color: #565555} #content .products li p small.bargain {color: red;} #content .products li p a {width: 90px;height: 20px;line-height: 20px;font-size: 11px;text-align: center;font-weight: bold;text-decoration: none;display: block;position: absolute; left: 138px;top: 0;color: #fff} #content .products li p a.detail {background: url('/obrazky/design2/bg-product-detail.png') no-repeat} #content .products li p a.add-basket {background: url('/obrazky/design2/bg-product-addbasket.png') no-repeat;top: 22px;color: #000} #content .products li p a:hover {background-position: 0 -20px} #content ul.list li a {display: block;text-decoration: none;color: #000;padding: 3px 0 3px 15px;background: url('/obrazky/design2/content-li.gif') no-repeat 0 50%;width: 249px;float: left;} #content ul.list li a:hover {text-decoration: underline;} #content .paging {text-align: right;margin-bottom: 5px;} #content .paging a, #content .paging a:visited {color: #fff;text-decoration: none;margin: 0 1px;font-weight: bold;font-size: 0.9em;display: inline-block;width:15px;line-height: 15px;height: 15px;text-align: center;background: url('/obrazky/design2/paging-a.gif') no-repeat} #content .paging a.long {width: 75px; background-image: url('/obrazky/design2/paging-b.gif');} #content .paging a.active, #content .paging a:hover {background-position: 0 -15px} #content .table-wrap {background: #dbdcdc url('/obrazky/design2/table-top.gif') no-repeat;width: 500px;margin: 0 auto;} #content .table-wrap .inWrap {background: url('/obrazky/design2/table-btm.gif') no-repeat bottom;padding: 5px 0;} #content .table-wrap table {border-collapse: collapse;width: 100%} #content .table-wrap td {height: 20px;font-size: 0.9em;line-height: 20px;border-bottom: 1px solid #dbdcdc} #content .table-wrap td.title {width: 350px} #content .table-wrap td.count {width: 35px; text-align: right;} #content .table-wrap td.count .count {width: 15px;background: #dbdcdc; border: 1px solid #c5c5c5;text-align: right;position: relative; top: 1px;} #content .table-wrap td.times {width: 25px; text-align: center;} #content .table-wrap td.price {width: 70px;font-weight: bold;color: #1ab0e1} #content .table-wrap td.delete {width: 24px;} #content .table-wrap td.delete a {position: relative;top: 3px} #content .table-wrap tr td.first {background: url('/obrazky/design2/tr-gray.gif') no-repeat left;padding-left: 10px;} #content .table-wrap tr.light td.first {background: url('/obrazky/design2/tr-white.gif') no-repeat left} #content .table-wrap tr td {background: url('/obrazky/design2/tr-gray.gif') no-repeat center} #content .table-wrap tr.light td {background: url('/obrazky/design2/tr-white.gif') no-repeat center} #content .table-wrap tr td.last {background: url('/obrazky/design2/tr-gray.gif') no-repeat right} #content .table-wrap tr.light td.last {background: url('/obrazky/design2/tr-white.gif') no-repeat right;padding-right: 10px} #content .table-wrap tr.empty td {background: #dbdcdc;padding: 10px 0} #content .table-wrap tr.empty td .prepocitat {background: url('/obrazky/design2/butt-prepocitat.jpg') no-repeat;font-size: 1.1em;cursor: pointer;padding: 0 0 2px;font-family: Arial;font-weight: bold;width: 90px;height: 20px;border: 0;color: #fff} #content .table-wrap tr.empty td .pokracovat {width: 50%;padding: 0 0 0 auto;float:left;} #content .table-wrap tr.empty td .pokracovat a {background: url('/obrazky/design2/butt-pokracovat-left.jpg') no-repeat;font-size: 1.1em;cursor: pointer;padding: 0 0 2px;font-family: Arial;font-weight: bold;width: 170px;height: 20px;border: 0;color: #000;margin: 0 5px 0 auto;text-decoration: none;display:block;} #content .table-wrap tr.empty td .pokracovat2 {width: 50%;padding: 0 auto 0 0;float:right;} #content .table-wrap tr.empty td .pokracovat2 a {background: url('/obrazky/design2/butt-pokracovat-right.jpg') no-repeat;font-size: 1.1em;cursor: pointer;padding: 0 0 2px;font-family: Arial;font-weight: bold;width: 170px;height: 20px;border: 0;color: #000;margin: 0 auto 0 5px;text-decoration: none;display:block;} #content .table-wrap tr.empty td .prepocitat:hover, #content .table-wrap tr.empty td .pokracovat:hover, #content .table-wrap tr.empty td .pokracovat2:hover {background-position: 0 100%} #content .table-wrap tr.empty_line td {height: 4px;background: #dbdcdc;} /* ... */ #content .pokracovat {width: 50%;padding: -10px 0 0 auto;float:left;} #content .pokracovat a {background: url('/obrazky/design2/butt-pokracovat-left.jpg') no-repeat;font-size: 1.1em;cursor: pointer;padding: 2px 0 0px;font-family: Arial;font-weight: bold;width: 170px;height: 18px;border: 0;color: #000;margin: 0 5px 0 auto;text-decoration: none;display:block; text-align: center;} #content .pokracovat2 {width: 50%;padding: 0 auto 0 0;float:right;} #content .pokracovat2 input {background: url('/obrazky/design2/butt-pokracovat-right.jpg') no-repeat;font-size: 1.1em;cursor: pointer;padding: 0 0 2px;font-family: Arial;font-weight: bold;width: 170px;height: 20px;border: 0;color: #000;margin: 0 auto 0 5px;text-decoration: none;display:block;} #content #dop_patro {margin-bottom: 1em;} /* ... */ #content .table-wrap tr td.blue {color: #0f6693;font-weight: bold} #content .table-wrap tr td.black {color: #000;font-weight: bold} #content .table-wrap tr td.lightBlue {color: #1ab0e1;font-weight: bold} #content .table-wrap tr td.lightBlueBig {color: #1ab0e1;font-size: 1.2em;font-weight: bold} #content .table-wrap p {background: url('/obrazky/design2/tr-gray.gif') no-repeat center; line-height: 20px; height: 20px; padding: 0; padding-left: 1em; padding-right: 1em; margin-bottom: 0px;} #content .table-wrap p.doprava { background: #f7f7f7; line-height: 20px; height: auto; margin-left: 5px; padding: 5px; margin-bottom: 10px; width: 480px;} #content .table-wrap p.doprava.summary { margin-bottom: 0px; } #content .table-wrap p.doprava span#top { background: url('/obrazky/design2/tr-gray-doprava-top.gif') no-repeat top; width: 494px; height: 3px; padding: 0; margin: -5px 0 -1px -6px; display: block; } #content .table-wrap p.doprava span#btm { background: url('/obrazky/design2/tr-gray-doprava-btm.gif') no-repeat top; width: 490px; height: 3px; padding: 0; margin: 0px 0 -5px -5px; display: block; } #content .order legend {font-size: 1.2em;font-weight: bold;color: #1ab0e1;padding: 0 0 10px 25px} #content .order legend span {color: #888888;font-style: italic; font-weight: normal;font-size: 0.8em;padding-left: 10px} #content .order .table-wrap {margin-bottom: 20px;} #content .order .table-wrap tr td {vertical-align: top} #content .order .table-wrap tr td.first {text-align: left;width: 74px;background: url('/obrazky/design2/label-bg.jpg') no-repeat top left;padding-left: 10px;} #content .order .table-wrap tr td.last {width: 406px;background: url('/obrazky/design2/input-bg.jpg') no-repeat top left;padding-left: 10px;} #content .order .table-wrap .notify tr td.last {width: 400px;height: 82px;background: url('/obrazky/design2/textarea-bg.jpg') no-repeat top left;padding-left: 10px;} #content .order .table-wrap tr td label {display: block;text-align: right;padding-right: 10px;} #content .order .table-wrap tr td input {border: 0;color: #444;font-style: italic;font-size: 1.0em;font-family: Arial;background: none;width: 390px;} #content .order .table-wrap tr td textarea {border: 0;color: #444;height: 76px;padding: 3px 0;font-style: italic;font-size: 1.0em;font-family: Arial;background: none;width: 390px;} #content .marginBtm {margin-bottom: 10px;} #content .zpet-do-kosiku {background: url('/obrazky/design2/butt-zpet-do-kosiku.jpg') no-repeat;font-size: 1.0em;display: block;float: right;position: relative;text-align: center;text-decoration: none;right: 10px;font-size: 1.1em;cursor: pointer;line-height: 20px;font-family: Arial;font-weight: bold;width: 110px;height: 20px;border: 0;color: #fff;margin: 0 5px 10px;} #content .zpet-do-kosiku:hover, #content .zadat-firemni-udaje:hover, #content .odeslat-objednavku:hover {background-position: 100% 0;} #content .zadat-firemni-udaje {background: url('/obrazky/design2/butt-firemni-udaje.jpg') no-repeat;float: right;position: relative;top:-10px;right: 10px;font-size: 1.1em;cursor: pointer;padding: 0 0 2px;font-family: Arial;font-weight: bold;width: 140px;height: 20px;border: 0;color: #000;margin: 0 5px;} #content .nezadat-firemni-udaje {background: url('/obrazky/design2/butt-ne-firemni-udaje.jpg') no-repeat;float: right;position: relative;top:-10px;right: 10px;font-size: 1.1em;cursor: pointer;padding: 0 0 2px;font-family: Arial;font-weight: bold;width: 170px;height: 20px;border: 0;color: #000;margin: 0 5px;} #content .nezadat-firemni-udaje:hover {background-position: 0 100%} #content .odeslat-objednavku {background: url('/obrazky/design2/butt-odeslat-objednavku.jpg') no-repeat;float: right;position: relative;top:-10px;right: 10px;font-size: 1.1em;cursor: pointer;padding: 0 0 2px;font-family: Arial;font-weight: bold;width: 140px;height: 20px;border: 0;color: #000;margin: 0 5px;} #content p.firemni-zakaznik {width: 500px; margin: 0 auto 1.5em auto; clear: right;} /* DETAIL */ #content .boxLeft {width: 250px;float: left} #content .boxLeft .image {display: block;margin-bottom: 10px;width: 250px;height: 210px;padding: 5px 0;background: url('/obrazky/design2/image-box-detail.jpg') no-repeat;text-align: center;} #content .thumbs {background: #f4f4f4;height: 50px;padding: 0 18px;margin-bottom: 10px;position: relative;text-align: center;overflow: hidden;} #content .thumbs a.toLeft {display: block;width: 18px;height:100%;position: absolute;left: 0;top: 0;} #content .thumbs a.toLeft span {display: block;width: 100%;height:100%;cursor:pointer;position:absolute;top:0;left:0;background: url('/obrazky/design2/to-left.jpg') no-repeat} #content .thumbs a.toRight {display: block;width: 18px;height:100%;position: absolute;right: 0;top: 0;} #content .thumbs a.toRight span {display: block;width: 100%;height:100%;cursor:pointer;position:absolute;top:0;left:0;background: url('/obrazky/design2/to-right.jpg') no-repeat} #content .thumbs a.thumb {display: inline-block;padding: 2px 0;width: 71px;text-align: center;float: left;} #content .thumbs a.thumb img {height: 45px;display:block;max-width: 65px;padding-left: 10px;} #content .flags {background: url('/obrazky/design2/flags-bg.jpg') repeat-y} #content .flags .title {color: #0f6693;padding: 0 12px;display: block;height:22px;line-height:22px;background: url('/obrazky/design2/flags-top.jpg') no-repeat} #content .flags .title a {font-weight: normal;color: #0f6693;text-decoration: none} #content .flags .title a:hover {color: #000} #content .flags .in {background: url('/obrazky/design2/flags-btm.jpg') no-repeat bottom;padding: 10px 10px 5px;} #content .flags img {float: left; margin: 0 2px 5px;} #content .boxRight {width: 265px;float: right} #content .boxRight .description {line-height: 1.5em;margin: 0 0 10px} #content .boxRight .icons {margin-bottom: 10px;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc;padding: 10px} #content .boxRight .icons li {width: 50%;float: left;height: 35px} #content .boxRight table {margin-bottom: 10px;border-collapse: collapse;border: 5px solid #d8d8d8;width: 100%} #content .boxRight table caption { font-weight: bold; color: #005e7c; font-size: 105%; padding-bottom: 2px; } #content .boxRight table td {padding: 8px 10px;border-bottom: 1px solid #d9d9d9} #content .boxRight table td.bold {font-weight: bold} #content .boxRight table td.high {font-weight: bold;color: #0f6693} #content .boxRight table td.price {font-weight: bold;color: #139ecb;font-size: 1.6em} #content .boxRight table td.alignRight {text-align: right} #content .boxRight table tr.top2 {border-top: 2px solid #d9d9d9} #content .boxRight table tr.top3 {border-top: 3px solid #d9d9d9} #content .boxRight table td.availability {color: green} #content .boxRight a.question {display: block;float: left;color: #6b6b6b;font-style: italic;height: 35px;line-height: 35px;padding-left: 5px;} #content .boxRight a.addToBasket {background: url('/obrazky/design2/butt-do-kosiku.jpg') no-repeat;color: #000;text-decoration: none;text-align: center;line-height: 35px;font-weight: bold;display: block;height: 35px;width: 100px;float: right;position: relative;} #content .boxRight a.addToBasket:hover {background-position: 0 100%} #content .scrollbox {height: 165px; padding: 7px 8px; margin-top: -8px; overflow: auto; border: 3px #d4d4d4 dashed; font-size: 111%;} #content .scrollbox p:first-child {font-size: 115%; color: #3d3d3d;} #content .tip {height: 25px;line-height: 25px;background: url('/obrazky/design2/tip-bg.jpg') no-repeat;width: 440px;margin: 0 auto 20px;;padding-left: 80px} #content .tabsBox {background: url('/obrazky/design2/tabs-box-bg.jpg') repeat-y;width: 522px;margin: 0 auto 20px;} #content .tabsBox ul {background: url('/obrazky/design2/tabs-bg.jpg') no-repeat;height: 54px;padding-left: 11px} #content .tabsBox ul li {width: 97px;float: left} #content .tabsBox ul li a {display: block;text-align: center; font-size: 0.9em;padding: 5px 0;line-height: 1.2em;text-decoration: none;color: #000000} #content .tabsBox ul li a:hover {color: #1ab0e1} #content .tabsBox ul li.oneRow a {padding: 13px 0} #content .tabsBox .tabsContent {background: url('/obrazky/design2/tabs-box-btm.jpg') no-repeat left bottom;padding: 10px 5px} #content .tabsBox .tabsContent h3 {padding-left: 15px} /* alternative products */ #content .alternativeProducts {padding: 0 15px} #content .alternativeProducts li {border: 1px solid #d8d8d8;float: left;width: 150px;} #content .alternativeProducts li.center {margin: 0 20px;text-align: left;} #content .alternativeProducts .image {display: block;text-align: center;padding: 5px 0;height: 90px;} #content .alternativeProducts h2 {border: 0;margin: 0;padding: 0;font-size: 1.0em;background: #f7f7f7;color: #000;padding: 5px 10px;font-weight: normal;} #content .alternativeProducts p {background: #f7f7f7;padding: 5px 10px;text-align: right;margin: 0;border: 0;font-size: 1.0em;color: #565555;font-weight: bold} #content .alternativeProducts p span {color: #139ecb;font-size: 1.6em;display: block;} /* RIGHT PANEL */ .rp {float: right;color: #fff;width: 164px;padding-top: 12px;position: relative;left:-10px} .rp h2 {color: #fff;padding: 0 0 5px;height: 18px;margin-bottom: 5px;} .rp .box {width: 175px; margin-left: -7px; margin-bottom: 1em;} .rp .box .top {height: 5px; background: url('/obrazky/design2/bg-rp-top.png') no-repeat;} .rp .box .content {background-color: #19485f; margin-bottom: none; padding: 7px; padding-bottom: -10px; padding-top: 5px;} .rp .box .btm {height: 5px; background: url('/obrazky/design2/bg-rp-btm.png') no-repeat;} .rp .box p {margin-bottom: 0px} .rp .box p.sec {padding-top: 1em;} .rp dl {height: 18px;font-size: 0.9em;line-height: 18px;clear: both;overflow: hidden} .rp dl.last {border-bottom: 1px solid #148cb6} .rp dl.total-price {border-top: 1px solid #0e5e84;font-size: 1.0em;font-weight: bold;margin-bottom: 10px} .rp dl dt {float: left} .rp dl dd {float: right} .rp .links a {display: block;float: left;text-decoration: none;color: #fff;font-weight: bold;text-align: center;height: 22px;line-height: 22px;width: 80px} .rp .links a.basket {background: url('/obrazky/design2/bg-rp-basket.png') no-repeat;color: #000;} .rp .links a.order {background: url('/obrazky/design2/bg-rp-order.png') no-repeat;float: right;line-height: 21px;} .rp .links a:hover {background-position: 0 -22px} .rp .products li {border-bottom: 1px solid #23a1c4;border-top: 1px solid #176e90;padding: 10px 0} .rp .products li.first {border-top: 0} .rp .products li.last {border-bottom: 0} .rp .products .image {display: block;text-align: center;width: 149px;height:100px;margin: 0 auto 10px;padding-top: 14px;background: url('/obrazky/design2/bg-rp-product.png') no-repeat} .rp .products h3 {border: 0;margin: 0;padding: 0;font-size: 1.1em;color: #fff;margin: 0 auto} .rp .products p {font-weight: bold;border: 0;font-size: 1.1em;color: #fff;margin: 0.2em auto 0} .rp .products p span {color: #4dd4f0} a.recommend { color: #fff; text-decoration: none; } /* LEFT PANEL */ .lp {float: left;width: 211px;padding-top: 12px;border-top: 2px solid #4dd4f0;position: relative;top:-2px} /* box */ .lp .box {width: 201px;margin-bottom: 10px} .lp .box .top {height: 6px;font-size: 0;line-height: 0;background: url('/obrazky/design2/bg-lp-top.png') no-repeat} .lp .box .content {background: url('/obrazky/design2/bg-lp-content.png') repeat-y;padding: 25px 11px} .lp .box .content p.center {margin: 0;text-align: center} .lp .box .btm {height: 6px;font-size: 0;line-height: 0;background: url('/obrazky/design2/bg-lp-btm.png') no-repeat bottom} /* categories */ .lp ul {margin-bottom: 20px;} .lp ul li a {background: url('/obrazky/design2/ico-close.gif') no-repeat 0 0.5em;color: #000;line-height: 1.2em;text-decoration: none;border-bottom: 1px solid #e8e8e8;display: block;padding: 3px 0 3px 15px} .lp ul li a.open {color: #0b5a80;background: url('/obrazky/design2/ico-open.gif') no-repeat 0 0.5em;} .lp ul li a:hover {color: #14a1e3;background-image: url('/obrazky/design2/ico-close-hover.gif')} .lp ul li a.open:hover {color: #14a1e3;background-image: url('/obrazky/design2/ico-open-hover.gif')} .lp ul li ul {padding-left: 20px;margin: 0;border-bottom: 1px solid #e8e8e8;} .lp ul li ul li a {background: url('/obrazky/design2/ico-sub-close.gif') no-repeat 0 0.5em;border: 0;padding: 2px 0 2px 10px;font-weight: bold;} .lp ul li ul li a:hover {background-image: url('/obrazky/design2/ico-sub-open.gif')} .lp ul li ul li ul li a {background: none;padding: 2px 0 2px 0;margin-left: -10px;font-weight: normal;font-size: 0.9em;color: #14a1e3;text-decoration: underline;} .lp ul li ul li ul li a:hover {background: none;text-decoration: none;} /* tips */ .lp ul.tips {margin: 0} .lp ul.tips li a {background-position: 0 5px;padding-left: 15px;} .lp ul.tips li ul li a {font-weight: normal;} /* footer ----------------------------------------------------------------- */ #footer {background: url('/obrazky/design2/bg-footer.png') no-repeat;height: 120px;text-align: center;color: #fff;margin: 0 auto;line-height: 1.2em;padding-top: 10px;width: 990px} #footer a {color: #fff} hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} hr.blue { width: 100%; height: 2px; margin-top: -5px; margin-bottom: 15px; background-color: #1ab0e1; } hr.topplus { margin-top: 15px; } .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;} .center {text-align: center;} .noborder {border: 0;} /* clearfix */ .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} .clearfix {display: inline-block;} /* schovani pred ie mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* CONTACT */ .vcard {line-height:1.5em;} .vcard .org {font-weight:bold;color:#e52727;} .vcard .adr, .vcard .email, .vcard .ic-dic {margin-bottom:0.8em;} /* iRobot */ .irobot-info { padding-top: 3px; text-align: center; max-height: 152px; } .irobot-info:hover img { visibility: hidden; } .irobot-info:hover span { z-index: 1000; position: relative; margin-left: -522px; margin-top: -3px; display: block; width: 654px; height: 450px; background: url("/obrazky/design2/irobot-info.png") no-repeat;} .irobot-info:hover span, x:-moz-any-link { margin-left: -521px; }