* { 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; } body { padding: 0; background: #f5f4a7 url('../images/bg.jpg') repeat-x; font: normal 75%/1 Verdana,Arial,sans-serif; color: #000; text-align: center; } /* links --------------------------------------------------------------- */ a {color:#757575;text-decoration: underline;} a:link {color:#757575;} a:hover {color:#000;text-decoration: none;} /* H1 - H5 --------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; } h1 { font-size:1.8em; margin: 0; color: #005e7c;} h2 { font-size: 1.2em; margin: 0 0 15px; color: #c3333e; position: relative; left: 20px; } h3 { font-size:1.0em; margin: 20px 0 5px;color: #c3333e; clear: both; } h4 { font-size:1.0em; color: #005e7c } h5 { font-size:1.0em; } /* layout ---------------------------------------------------------------------- */ #layout { width: 928px; margin:0 auto 0 auto; text-align:left;background: url('../images/top.jpg') no-repeat;} #quicknav {float: left; height: 37px;padding: 0 20px;font-size: 0.9em;color: #352e2c;} #quicknav a {margin-right: 10px;position: relative; top: 12px;} #userbox {float: right; height: 37px; line-height: 37px;padding: 0 20px;font-size: 0.9em;color: #352e2c;} #userbox span {padding: 0 3px;} #userbox a {color: #352e2c;text-decoration: none;} #userbox a:hover {color: #000;text-decoration: underline;} #userbox strong {color: #bf2c2c;padding: 3px 0;} #userbox strong.kosik {background: url('../images/ico-kosik.gif') no-repeat 0 50%;padding-left: 20px;} /* header ------------------------------------------------------------------ */ h1 { clear: both;background: url('../images/header.jpg') no-repeat right; clear: both;position: relative;height: 130px; } h1 a#logo { display: block; width: 286px; height: 130px; line-height: 75px; font-size:1.6em; position: relative; } h1 a#logo span {width: 286px; height: 130px; display: block; cursor: pointer; position: absolute; top: 0; left: 0; background: url('../images/logo.jpg') no-repeat; } /* navigation --------------------------------------------------- */ ul#nav {float: left;list-style:none;width: 680px;height: 66px; background: url('../images/header-btm.jpg') no-repeat 364px 0;} ul#nav li {float:left;padding-top: 28px;color: #c1903c;} ul#nav li a { padding: 8px 10px; display: block; font-size: 1em; float: left; font-weight: bold; text-decoration: none; color: #fff;} ul#nav li span {display: block;width: 10px; padding-top: 8px;text-align: center; float: left;} ul#nav li a:hover {color: #C02C2C; text-decoration: none; } ul#nav li.active a { color: #fff; text-decoration:none;} ul#nav li.active a:hover {color: #C02C2C; text-decoration: none; } #search {float: left;position: relative;height: 66px; width: 230px;} #search fieldset {position: absolute;top: 32px; } #search label {display:block; float: left; padding: 4px;color: #f2f089;font-weight: bold;} #search .text {width: 120px;font-size: 0.85em;height:14px;padding: 3px 5px;background: url('../images/input-search.jpg') no-repeat;border:0;float: left;margin-right: 5px;text-align:center;} #search .submit {width: 20px; height: 18px; cursor: pointer; background: #3b3432 url('../images/submit-search.jpg') no-repeat 50%;border: 0;float: left;} #wrap {clear: both;background: url('../images/wrap-bg.jpg') no-repeat right top;width: 928px;margin: 0 auto;padding: 15px 0;} #container { float: left; width: 709px;} .content {float: right;width: 491px;padding-bottom: 20px;} .content #navigation {color: #bf2c2c;font-weight: bold;padding: 5px 0;clear: both;margin-bottom: 30px;} .content #navigation a {color: #000;padding: 0 10px;font-weight: normal;} .content #navigation strong {color: #dd7b00;padding: 0 10px;} .content ul#offer {list-style: none;clear: both;margin-bottom: 10px;} .content ul#offer li {float: left;} .content ul#offer li h2 {margin: 0;left:0;} .content ul#offer li a {display: block;position: relative;text-decoration: none;} .content ul#offer li a span {display: block; position: absolute; top: 0; left: 0; cursor: pointer;} .content ul#offer li.offer1, .content ul#offer li.offer1 span {width: 162px;height: 202px;} .content ul#offer li.offer2, .content ul#offer li.offer2 span {width: 166px;height: 202px;} .content ul#offer li.offer3, .content ul#offer li.offer3 span {width: 163px;height: 202px;} .content ul#offer li.offer4, .content ul#offer li.offer4 span {width: 162px;height: 204px;} .content ul#offer li.offer5, .content ul#offer li.offer5 span {width: 166px;height: 204px;} .content ul#offer li.offer6, .content ul#offer li.offer6 span {width: 163px;height: 204px;clear: right;} .content ul#offer li.offer1 a span {background: url('../images/box-kaspik.jpg') no-repeat;} .content ul#offer li.offer2 a span {background: url('../images/box-bellecandles.jpg') no-repeat;} .content ul#offer li.offer3 a span {background: url('../images/box-levitra.jpg') no-repeat;} .content ul#offer li.offer4 a span {background: url('../images/box-montzas.jpg') no-repeat;} .content ul#offer li.offer5 a span {background: url('../images/box-roto.jpg') no-repeat;} .content ul#offer li.offer6 a span {background: url('../images/box-patin.jpg') no-repeat;} .content h3 {margin: 10px 0 5px; clear: both;background: #3b3432; border-bottom: 5px solid #302a29;padding: 7px 15px 3px;color: #f2f089;} .content p {padding: 10px 0 0;line-height: 1.3em;} .content p .newie-title {font-style: italic; color: #c89312;display: block;font-size: 0.8em;} .content p .newie-title a {font-style: normal;color: #bf2c2c;font-size: 1.2em;font-weight: bold;} .content .products {list-style: none;clear: both;} .content .products li {text-align: center;float: left; width:163px;background: url('../images/line.jpg') repeat-x;padding:10px 0 15px;} .content .products li.center {width: 163px;} .content .products a img {border: 2px solid #e5b146; width:123px;} .content .products a:hover img {border-color: #3b3432;} .content .products h2 {margin:10px 0 10px;font-size: 1.0em;left: 0; height: 25px;} .content .products h2 a {color: #000} .content .products p {font-size: 0.9em;margin-bottom: 10px;} .content .products p .cena {display: block;} .content .products p .cena span {font-size: 1.3em; color: #ff0000;} .content .products form {font-weight: bold} .content .products form label {position: relative; top: -2px;} .content .products form .text {width: 23px; height: 12px; padding: 3px 5px; border: 0;background: url('../images/input-count.jpg') no-repeat;} .content .products form .submit {width: 75px; height: 21px; cursor: pointer;border: 0; background: url('../images/submit-buy.jpg') no-repeat;} .content .paging {clear: both;height: 30px;position: relative;padding: 20px 0 0;font-size: 0.9em;background: url('../images/line.jpg') repeat-x;font-weight: bold;color: #d24908;} .content .paging a {text-decoration: underline;color: #000;display: block;} .content .paging .prev {position: absolute; left: 0;display: block;width: 80px;height: 20px;} .content .paging .next {width: 80px;height: 20px;text-align: right;} .content .paging span a {padding: 0 3px;color: #000;text-decoration: underline;display: inline;} .content .paging p {position: absolute; left: 80px;height: 20px;text-align: center; padding: 0; width: 331px;margin: 0;} .content .paging p a {color: #000;display: inline;text-decoration: underline;} .content .paging p a.active {color: #d24908;text-decoration: none;} .content .paging a:hover {color: #d24908;} .content .detail h3 {background: url('../images/subtitle.jpg') no-repeat;height: 40px;border: 0;color: #272727;line-height: 23px; text-align:left;} .content .detail a.flt-l img {border: 2px solid #e5b146; width:123px; height:111px;} .content .detail table {width: 340px;} .content .detail table th {font-size: 0.9em;background: #3b3432;border-bottom: 5px solid #302a29;margin: 0 0 2px 0;padding: 3px;text-align: center;color: #f2f089;} .content .detail table td {font-size: 0.8em;padding: 8px 3px;background: #f8f8c5;border: 1px solid #fae384;} .content .detail table .dark td {background: #fae384;} .content .detail table .simple, .content .detail table .dark .simple {background: none;border: 0;} .content form.buy {font-weight: bold;text-align: right;padding: 0px;margin-top: 10px;background: url('../images/line.jpg') repeat-x;} .content form.buy label {position: relative; top: -2px;} .content form.buy .text {width: 23px; height: 12px; padding: 3px 5px; border: 0;background: url('../images/input-count.jpg') no-repeat;text-align:center;font-size:0.9em;} .content form.buy .submit {float:none; display:inline;width: 75px; height: 21px; cursor: pointer;border: 0; background: url('../images/submit-buy.jpg') no-repeat;} .content form.buy fieldset {padding: 10px 10px 0px 10px;background: url('../images/line.jpg') repeat-x;} .content .desc {font-size: 0.9em; margin: 0 0 10px;background: url('../images/line.jpg') repeat-x;line-height: 1.4em;} .content .desc .title {display: block; color: #bf2c2c;margin-bottom: 7px;font-size: 1.2em} .content #comment h3 {font-size: 0.9em;background: #3b3432;border-bottom: 5px solid #302a29;margin: 0 0 2px 0;padding: 3px;text-align: left;color: #f2f089;} .content #comment form .submit {width: 80px; height: 21px; cursor: pointer;border: 0; background: url('../images/submit-order.gif') no-repeat;} .content #comment form .text {border: 1px solid #867C0A;width:250px;} .content #comment form .textarea {border: 1px solid #867C0A;width:200px;height:40px;font-size:100%;padding: 2px 0px 2px 0px;font-family: verdana;} .content table.basket th{background-color: #3C3432; color: white; padding: 4px; border-color: #fee8b8;text-align: center; } .content table.basket td{background-color: #f0de8c; color: black; border-color: #fee8b8;} .content table.basket td.none{background-color: #fbe18c; color: black; border-color: #fee8b8;} .content input.submit_weight{background: #3C3432; color: white; border: 1px solid #f2dc91; border-left: 2px solid #f2dc91; border-bottom: 2px solid #f2dc91; } .content input.submit{display: block; width: 80px;height: 21px;cursor: pointer;border: 0;margin-bottom: 15px;float: right;background: url('../images/submit-order.gif') no-repeat; font-weight: bold; color: white; padding:0 2px 2px 0;} .content input.submit_detail{display: block; margin-left: auto; margin-right: auto; width: 75px;height: 21px;cursor: pointer;border: 0;margin-bottom: 15px;float: none;background: url('../images/submit-detail.gif') no-repeat; font-weight: bold; color: white; padding:0 2px 2px 0;} .content input.submit_longer{display: block; width: 120px;height: 21px;cursor: pointer;border: 0;margin-bottom: 15px;float: right;background: url('../images/submit-order-long.gif') no-repeat; font-weight: bold; color: white; padding:0 2px 2px 0;} .panel {} .panel h4 {margin: 0;color: #272727;background: url('../images/panel-title-line.jpg') no-repeat;width:201px; height: 30px;line-height: 30px;} .panel h4 span {padding: 8px 5px 8px 20px;background:url('../images/panel-title.jpg') no-repeat;} .panel .box {background: #fae384 url('../images/panel-box-bg.jpg') repeat-x;padding: 10px;margin-bottom: 10px;} .panel .box.corner {padding: 0;} .panel .box p {font-size: 0.9em; line-height: 1.3em;margin-bottom: 10px;} .panel .box ul {list-style: none;padding:10px;margin: 0 auto;background: url('../images/panel-corner.jpg') no-repeat bottom right;} .panel .box ul li {background: url('../images/line.jpg') repeat-x top;} .panel .box ul li a {color: #3C3432;text-decoration: none;display: block; width: 89%; padding: 10px; } .panel .box ul li a:hover {color: #bf2c2c;} .panel .box ul li a span {padding: 0 5px 0 0;} .panel .box ul li.active a, .panel .box ul li.active_black a {font-weight: bold;color: #bf2c2c;} .panel .box ul li.active_black a {color: #3C3432;} .panel .box ul li.first {background: none;} .panel .box ul li ul {width: 161px;padding: 10px;background: #ffff9d url('../images/sub-ul-line.jpg') repeat-x top;margin: 0 0 20px;} .panel .box ul li ul li {background: none;} .panel .box ul li ul li a {padding: 5px;width: 90%;font-size: 0.9em;} .panel .box ul li.active ul li a:hover {color: #bf2c2c;} .panel .box ul li.active ul li a { color: #000;} .panel .box ul li.active ul li.active a {color: #bf2c2c;} .panel .box ul li ul li a span {color: #bf2c2c;font-size: 0.9em;font-weight: normal;padding:0 8px 0 5px;} .panel #newsletter {clear: both;} .panel #newsletter .text {width: 135px;margin-right: 5px; float: left; height: 12px; padding: 3px 5px;border: 0;background: url('../images/input-mail.jpg') no-repeat;} .panel #newsletter .submit {float: left;position: relative; top: -2px;cursor: pointer;width: 22px; height: 22px; background: url('../images/submit-mail.jpg') no-repeat;border: 0;} .panel #loginbox label {display: block; width: 50px;float: left;padding: 3px 0;margin-bottom: 5px;} .panel #loginbox .text {display: block; width: 121px;height: 12px;border: 0;padding: 3px 5px;font-size: 0.9em;margin-bottom: 5px;float: left;background: url('../images/input-login.jpg') no-repeat;} .panel #loginbox .submit {display: block; width: 80px;height: 21px;cursor: pointer;border: 0;margin-bottom: 15px;float: right;background: url('../images/submit-login.jpg') no-repeat;} .panel #loginbox ul {clear: both;padding: 0;background: none;} .panel #loginbox ul li {background: none;} .panel #loginbox ul li a { padding: 3px 0; text-decoration: underline;} .panel .box.product {text-align: center;} .panel .box.product a img {border: 2px solid #e5b146;} .panel .box.product a:hover img {border-color: #3b3432;} .panel .box.product h5 {margin:10px 0 3px;} .panel .box.product h5 a {color: #000} .panel .box.product p {font-size: 0.9em;} .panel .box.product p .cena {display: block;} .panel .box.product p .cena span {font-size: 1.3em; color: #ff0000;} .panel .box.product form {font-weight: bold} .panel .box.product form label {position: relative; top: -2px;} .panel .box.product form .text {width: 23px; height: 12px; padding: 3px 5px; border: 0;background: url('../images/input-count.jpg') no-repeat;} .panel .box.product form .submit {width: 75px; height: 21px; cursor: pointer;border: 0; background: url('../images/submit-buy.jpg') no-repeat;} .panel.left {float: left;width: 201px;} .panel.right {float: right;width: 201px;} #wrap-footer {text-align: center;color: #bf2c2c;background: url('../images/line.jpg') repeat-x top; padding: 10px 0 0;line-height: 1.3em;font-size: 0.9em;} #wrap-footer strong {display: block;color: #bf2c2c;margin-bottom: 5px;} #wrap-footer a {color: #a55c02;text-decoration: none; padding: 0 3px;} #wrap-footer a:hover {color: #bf2c2c;text-decoration: underline;} /* footer ----------------------------------------------------------------- */ #footer { clear:both; background: url('../images/footer-bg.jpg') repeat-x; height: 73px; text-align: left; } #footer div {width:928px;margin: 0 auto;padding: 0;line-height: 1.5em;color: #8d8d8d;} #footer p {font-size: 1.0em;padding: 13px 0;text-align: center;color: #f2f089;} #footer a {color: #fff;font-weight: bold;text-decoration: none;padding: 0 8px;} #footer a span {font-weight: normal; color: #f2f089;} #footer a:hover {text-decoration: none; color: #f2f089;} #footer a#esvicky {width: 70px; height: 15px; font-size: 0.7em; display: block; margin: 0 auto;position: relative;top: 7px;} #footer a#esvicky span {width: 70px; height: 15px; display: block; position: absolute; top: 0; left: 0; background: url('../images/logo-mini.jpg') no-repeat;cursor: pointer;} 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;}