html {background: #CCE7D4 url('images/bg.jpg') repeat-x top; padding: 0; margin: 0}
body {padding: 0; margin: 0 auto; width: 831px; font-size: small; font-family: sans-serif;}

strong {font-weight: bold;}

a {text-decoration: underline; color: #BE003E}
a:hover {text-decoration: none;}
a img {border: 0;}

.right {text-align: right;}
.left {text-align: left;}
.center {text-align: center;}

.float-right {float: right;}
.float-left {float: left;}
.clear {clear: both;}


.hide {display: none;}
.href {cursor: pointer;}

h2, .h2 {display: block; font-size: 17px; font-weight: bold;}
h3, .h3 {display: block; font-size: 15px; font-weight: bold;}

#top {position: relative; height: 319px; background: url('images/boty.jpg') no-repeat 337px 0;}
#top #logo {float: left;}
#top h1 {position: relative; margin: 66px 0 0 0; padding: 0px; width: 315px; height: 187px; font-size: 130%;}
#top h1 a {display: block; width: 315px; height: 187px;}
#top h1 span {position: absolute; top: 0; left: 0; width: 315px; height: 187px; background: url('images/logo_new.gif');}
#top #slogan {margin: 45px 0 0 0; position: relative; width: 307px; height: 89px;}
#top #slogan span {position: absolute; top: 0; left: 0; width: 307px; height: 89px; background: url('images/slogan.gif');}

#top #login-basket {position: absolute; left: 470px; top: 10px;}

#top #login {height: 18px;}
#top #login p {height: 18px; margin: 0; line-height: 18px; padding-left: 25px; background: url(images/icon_basket.gif) no-repeat left center;}
#top #login a {color: black; text-decoration: none;}
#top #login a:hover {color: #BD1321;}

#top #basket {height: 18px; padding: 3px 0;}
#top #basket p {height: 18px; margin: 0; line-height: 18px; padding-left: 25px; background: url(images/icon_basket.gif) no-repeat left center;}
#top #basket a {color: black; text-decoration: none;}
#top #basket a:hover {color: #BD1321;}


#informations {float: right; margin: 60px 0 0 0;}
#informations ul {margin: 0; padding: 0; list-style: none;}
#informations ul li {position: relative; float: left; height: 45px;}
#informations ul li div.a,
#informations ul li a {display: block; position: relative; height: 45px;}
#informations ul li div.a span,
#informations ul li a span {position: absolute; top: 0; left: 0; height: 45px; cursor: pointer; background: url('images/menu.gif') no-repeat;}
#informations ul li div.a span {cursor: auto;}
#informations ul li.item0 a {width: 104px;}
#informations ul li.item0 a span {width: 104px; background-position: 0 0;}
#informations ul li.item0 a:hover span {background-position: 0 -45px;}
#informations ul li.item1 a {width: 153px;}
#informations ul li.item1 a span {width: 153px; background-position: -104px 0;}
#informations ul li.item1 a:hover span {background-position: -104px -45px;}
#informations ul li.item2 a {width: 113px;}
#informations ul li.item2 a span {width: 113px; background-position: -257px 0;}
#informations ul li.item2 a:hover span {background-position: -257px -45px;}
#informations ul li.item3 div.a {width: 128px;}
#informations ul li.item3 div.a span {width: 128px; background-position: -370px 0;}
#informations ul li.item3 a:hover span {background-position: -370px -45px;}
#informations ul li.item3 ul {display: block; position: absolute; top: 45px; left: -10px;/*display: none;*/}
#informations ul li.item3 ul li {height: 60px;}
#informations ul li.item3 ul li a {width: 138px; height: 60px;}
#informations ul li.item3 ul li a span {width: 138px; height: 60px; background: url('images/shopmenu.jpg') no-repeat;}
#informations ul li.item3 ul li.subitem0 {height: 60px;}
#informations ul li.item3 ul li.subitem0 a {height: 60px}
#informations ul li.item3 ul li.subitem0 a span {height: 60px; background-position: 0 0;}
#informations ul li.item3 ul li.subitem0 a:hover span {background-position: -138px 0;}
#informations ul li.item3 ul li.subitem1 a span {background-position: 0 -60px;}
#informations ul li.item3 ul li.subitem1 a:hover span {background-position: -138px -60px;}
#informations ul li.item3 ul li.subitem4 {height: 59px;}
#informations ul li.item3 ul li.subitem4 a {height: 59px;}
#informations ul li.item3 ul li.subitem4 a span {height: 59px; background-position: 0 -120px;}
#informations ul li.item3 ul li.subitem4 a:hover span {background-position: -138px -120px;}

#prodejny {float: right; margin: 0 140px 0 0; width: 138px;}
* html #prodejny {margin: 0 70px 0 0;}
#prodejny h2 {position: relative; margin: 0; padding: 0; height: 30px;}
#prodejny h2 span {position: absolute; top: 0; left: 0; width: 138px; height: 30px; background: url('images/prodejnymenu.jpg') no-repeat top left;}
#prodejny ul {margin: 0; padding: 0; list-style: none;}
#prodejny ul li a {position: relative; display: block; height: 19px;}
#prodejny ul li a span {position: absolute; top: 0; left: 0; width: 138px; height: 19px; cursor: pointer; background: url('images/prodejnymenu.jpg') no-repeat;}
#prodejny ul li.item0 a span {background-position: 0px -30px;}
#prodejny ul li.item0 a:hover span {background-position: -138px -30px;}
#prodejny ul li.item1 a span {background-position: 0 -49px;}
#prodejny ul li.item1 a:hover span {background-position: -138px -49px;}
#prodejny ul li.item2 a span {background-position: 0 -67px;}
#prodejny ul li.item2 a:hover span {background-position: -138px -67px;}
#prodejny ul li.item3 a span {background-position: 0 -86px;}
#prodejny ul li.item3 a:hover span {background-position: -138px -86px;}
#prodejny ul li.item4 a span {background-position: 0 -104px;}
#prodejny ul li.item4 a:hover span {background-position: -138px -104px;}
#prodejny ul li.item5 a span {background-position: 0 -121px; height: 18px;}
#prodejny ul li.item5 a:hover span {background-position: -138px -121px;}
#prodejny ul li.item6 a span {height: 17px; background-position: 0 -138px;}
#prodejny ul li.item6 a:hover span {background-position: -138px -138px;}
#prodejny ul li.item7 a span {background-position: 0 -153px;}
#prodejny ul li.item7 a:hover span {background-position: -138px -153px;}
#prodejny ul li.item8 a span {background-position: 0 -169px;}
#prodejny ul li.item8 a:hover span {background-position: -138px -169px;}

#header {height: 255px; background: url('images/header.jpg') no-repeat;}
#headerLeft {height: 255px; background: url('images/headerLeft.jpg') no-repeat;}
#header object {float: left;}
#headerLeft object {float: left;}

#content {}
#content .h2, #content h2 {height: 41px; padding: 0 20px; margin: 10px 0 5px 0; line-height: 41px; color: white; background: url('images/hbg.gif') no-repeat;}
#content .h2 a, #content h2 a {color: white; text-decoration: none;}
#content .article {padding: 0 10px;}

.list {position: relative; z-index: 10; margin: 0 -10px 0 0; background: #CCE7D4; }
.list .item {position: relative; float: left; width: 161px; height: 180px; margin: 0 6.5px 6px 0; text-align: center; cursor: pointer; background: url('images/polozka.gif') no-repeat top;}
.list .fifth {margin: 0 0 6px 0; }
.list .item:hover {background: url('images/polozka.gif') no-repeat bottom;}
.list .item hr {display: none;}
.list .item h3 {margin: 0; padding: 0; width: 161px; height: 47px; line-height: 47px; text-align: center;}
.list .item h3 a {color: #536056; text-decoration: none;}
.list .item h3 img {margin: 0; padding: 0;}

.list .item .info {position: absolute; bottom: 0; left: 0; width: 161px; height: 23px; margin: 0; line-height: 23px; text-align: center;}
.list .item .info a {color: #D1888F; text-transform: uppercase; text-decoration: none; font-size: 75%; font-weight: bold;}
.list .item .price {position: absolute; bottom: 25px; left: 0; width: 161px; margin: 0; font-size: 120%; text-align: center; color: #B10511;}





.listWithoutBackground {position: relative; z-index: 10; margin: 0 -10px 0 0; padding: 10px 0px 0px 320px;}
.listWithoutBackground .item {position: relative; float: left; width: 161px; height: 180px; margin: 0 6.5px 6px 0; text-align: center; cursor: pointer; background: url('images/polozka.gif') no-repeat top;}
.listWithoutBackground .fifth {margin: 0 0 6px 0; }
.listWithoutBackground .item:hover {background: url('images/polozka.gif') no-repeat bottom;}
.listWithoutBackground .item hr {display: none;}
.listWithoutBackground .item h3 {margin: 0; padding: 0; width: 161px; height: 47px; line-height: 47px; text-align: center;}
.listWithoutBackground .item h3 a {color: #536056; text-decoration: none;}
.listWithoutBackground .item h3 img {margin: 0; padding: 0;}

.listWithoutBackground .item .info {position: absolute; bottom: 0; left: 0; width: 161px; height: 23px; margin: 0; line-height: 23px; text-align: center;}
.listWithoutBackground .item .info a {color: #D1888F; text-transform: uppercase; text-decoration: none; font-size: 75%; font-weight: bold;}
.listWithoutBackground .item .price {position: absolute; bottom: 25px; left: 0; width: 161px; margin: 0; font-size: 120%; text-align: center; color: #B10511;}





form fieldset {clear: left; padding: 10px; margin: 5px 0;}
form fieldset legend {font-size: 15px; font-weight: bold;}
form fieldset p {margin: 2px; clear: left; line-height: 28px;}
.dis-label,
form fieldset label {display: block; float: left; width: 160px; margin: 0 0 3px 0; font-weight: bold;}
.dis-input {display: block;}
.dis-input,
form fieldset input {padding: 3px; width: 200px; border: 1px silver solid; border-right: 0; border-bottom: 0; -moz-border-radius: 2px;}
.dis-input {border: 1px #d4d4d4 solid; background-color: #eaeaea;}
form fieldset select {padding: 3px 0;  width: 206px; border: 1px silver solid; border-right: 0; border-bottom: 0; -moz-border-radius: 2px;}
form fieldset input#captcha-input {margin-left: 160px;}
form fieldset textarea {width: 597px; height: 100px; border: 1px silver solid; border-right: 0; border-bottom: 0; -moz-border-radius: 2px;}
form fieldset p.hint {font-style: italic;}

#fieldset-mainform,
#fieldset-contactform {float: left; clear: none; width: 50%;}
#fieldset-note {clear: both;}
#fieldset-emailsend label {width: 200px;}
form p.p_custom_delivery label {width: auto; margin-right: 20px; font-weight: normal;}
form p.p_custom_delivery input {width: auto;}

#filter-form {position: relative;}
#filter-form div.sort {position: absolute; left: 530px;  top: -46px; *top: -60px; z-index: 255px; } 
#filter-form div.sort fieldset {padding: 0; margin: 0; border: 0; }
#filter-form div.sort fieldset legend {display: none;}
#filter-form div.sort fieldset p {padding: 0; margin: 0; height: 41px; line-height: 41px; color: white;}
#filter-form div.sort input,
#filter-form div.sort select {width: auto;}

div.frame {background: url(images/filterform-middle.png) repeat-y left center;}
div.frame .f-inner {background: url(images/filterform-top.png) no-repeat left top; }
div.frame .f-inner2 {padding: 10px 20px; background: url(images/filterform-bottom.png) no-repeat left bottom;}


#filter-form div.frame {margin-bottom: 5px;}
#filter-form div.frame fieldset {padding: 0; border: 0; padding: 0;}
#filter-form div.frame fieldset legend {display: none;}
#filter-form div.frame fieldset div.nadpis {width: 100%; margin-bottom: 5px; float: left; border-bottom: 1px #B1C8C3 solid;  color: #536056; font-size: 15px;}
#filter-form div.frame fieldset input {padding: 2px; width: auto;}
#filter-form div.frame fieldset input.btn {padding: 5px 10px; width:auto;}
#filter-form div.frame fieldset label.checkbox {margin-bottom: 2px;}
#filter-form div.frame fieldset label {width: 120px; padding: 0px; line-height:23px; margin: 0 5px 0 0;}
#filter-form div.frame fieldset div.float-left {float: left;}

.paging {clear: both;  height: 41px; line-height: 41px; color: black; font-weight: bold; text-align: right; background: url(images/filterform-middle.png) repeat-y center;}
.paging .inner {background: url(images/filterform-top.png) no-repeat top;}
.paging .inner2 {padding: 0 20px; background: url(images/filterform-bottom.png) no-repeat bottom;}
.up {margin-bottom: 6px; margin-top: -6px}
.paging a { color: #536056; font-weight: normal;}

#content div.product {}
#content div.product div.product-image {float:left; width:460px;}
#content div.product div.product-image .big {float: left; width:460px; text-align: center;  }
#content div.product div.product-image .big a img {max-width:460px; border: 0;}
#content div.product div.product-image .small {margin: 10px 0 0 0; padding: 0; border-collapse: separate;}
#content div.product div.product-image .small td {width:80px; height:100px; padding: 0; margin: 0;  text-align: center; vertical-align: center; border: 1px black solid; cursor: hand;}
#content div.product div.product-image .small td:hover {border: 1px silver solid}
#content div.product div.product-image .small td img {max-width:80px; max-height:100px; border: 0;} 
#content div.product div.product-information {float:right; width:331px;}

#content div.product div.product-information .cena strong {font-size: 200%;}

#content div.product div.ramecek {width: 331px; height: 131px; background: url(images/ramecek.gif) no-repeat top;}
#content div.product table.params {border-collapse: collapse;  text-align: left;  margin: 10px 20px;} 
#content div.product table.params td {padding: 0 5px;}

#content div.product table.info {text-align: left; margin: 10px 0;}
#content div.product table.info th {font-weight: normal; padding-right: 20px;}
#content div.product table.info td {font-weight: bold;}

#content div.product div.buttons input {border: 0; display: block; float: left; height: 55px; text-align: center; }
#content div.product div.buttons input#buy-button     {width: 331px; background: url(images/objednat.gif) repeat center top; }
#content div.product div.buttons input#buy-button:hover  {background: url(images/objednat.gif) repeat center bottom; }

#content div.product div.buttons a.buy-button     {width: 331px; background: url(images/objednat.gif) repeat center top; display: block; height:55px;}
#content div.product div.buttons a.buy-button:hover  {background: url(images/objednat.gif) repeat center bottom; }


#content ul#bookmarks {width:100%; height:30px; padding:0; margin:0; list-style:none;}
#content ul#bookmarks li {float:left; height:30px; line-height:30px; margin:0; margin-right:5px; }
#content ul#bookmarks li a {display: block; float:left;  padding: 0 15px; height:30px; line-height:30px;; color: black; font-weight: normal; text-decoration: none;}
#content ul#bookmarks li a.open {background-color:#E7EFE9;}

#bottom a {color: #A7B2AA; text-decoration: none;}

#content .bookmark {display:none;}
#content .bookmark h3 {margin-top:0;  padding-top:10px;}
#content .bookmark form {margin: 0; padding: 0;}
#content .bookmark form fieldset {margin: 0; padding: 0; border: 0;}
#content .bookmark form fieldset legend {display: none;}
#content .bookmark .contact p,
#content .bookmark form fieldset p {margin: 0; padding: 1px; clear: left; line-height: 13px; font-size: 13px}
#content .bookmark form fieldset p.hint {margin-left: 180px}
#content .bookmark .dis-label,
#content .bookmark form fieldset label {padding: 0; margin: 3px 0;  width: 180px; font-size: 13px; font-weight: bold;}
#content .bookmark .dis-input,
#content .bookmark form fieldset input, 
#content .bookmark form fieldset select { float: left; width: 200px; padding: 2px; margin: 0; font-size: 13px;  border: 1px silver solid; border-right: 0; border-bottom: 0; -moz-border-radius: 2px;}
#content .bookmark form fieldset input#captcha-input {margin-left: 180px;}
#content .bookmark form fieldset#fieldset-captchaform img {width: 204px; border: 1px silver solid; border-right: 0; border-bottom: 0; -moz-border-radius: 2px; }
#content .bookmark form fieldset textarea {width:560px; height: 100px; margin: 0; padding: 2px; border: 1px silver solid; border-right: 0; border-bottom: 0; -moz-border-radius: 2px;}
#content .bookmark form input.checkbox {width: auto; height: auto;}

#content .bookmark .disscuss ul {list-style-type: none; margin: 0; padding: 0;}
#content .bookmark .disscuss .item {background: white; clear: both; margin-bottom: 5px; padding: 3px; border: 1px silver solid; border-right: 0; border-bottom: 0; -moz-border-radius: 2px;}
#content .bookmark .disscuss .item p {padding: 0; margin: 0;}
#content .bookmark .disscuss li .item {padding-left: 3px;}
#content .bookmark .disscuss li li .item {padding-left: 33px;}
#content .bookmark .disscuss li li li .item {padding-left: 63px;}
#content .bookmark .disscuss li li li li .item {padding-left: 93px;}
#content .bookmark .disscuss li li li li li .item {padding-left: 123px;}
#content .bookmark .disscuss li li li li li li .item {padding-left: 153px;}
#content .bookmark .disscuss li li li li li li li .item {padding-left: 183px;}

#content #div-bookmark-description {display:block;}

#content #div-bookmark-recensionsproduct strong.plus {display: block; width: 280px; margin-right: 10px; float: left; color: green;}
#content #div-bookmark-recensionsproduct strong.minus {display: block; width: 280px; float: left; color: red;}
#content #div-bookmark-recensionsproduct ul.plus {width: 254px; float: left; margin: 0; margin-right: 10px; padding: 6px 6px 6px 20px;  color: green; border: 1px green solid; -moz-border-radius: 3px; list-style-type: disc;}
#content #div-bookmark-recensionsproduct ul.minus {width: 254px; float: left; margin: 0; padding: 6px 6px 6px  20px; color: red; border: 1px red solid; -moz-border-radius: 3px; list-style-type: disc;}

#content #div-bookmark-ratingproduct .stars {display: block; width: 85px; height: 16px; float: left;}
#content #div-bookmark-ratingproduct .s0 {background: url('images/stars.gif') no-repeat left 0px;}
#content #div-bookmark-ratingproduct .s1 {background: url('images/stars.gif') no-repeat left -16px;}
#content #div-bookmark-ratingproduct .s2 {background: url('images/stars.gif') no-repeat left -32px;}
#content #div-bookmark-ratingproduct .s3 {background: url('images/stars.gif') no-repeat left -48px;}
#content #div-bookmark-ratingproduct .s4 {background: url('images/stars.gif') no-repeat left -64px;}
#content #div-bookmark-ratingproduct .s5 {background: url('images/stars.gif') no-repeat left -80px;}
#content #div-bookmark-ratingproduct span.outter {display: block; float: left; background-color: white; border: 1px silver solid; border-right: 0; border-bottom: 0; -moz-border-radius: 2px; width: 200px; padding: 2px; } 
#content #div-bookmark-ratingproduct span#star_select {margin: 0 59px; float: left; display: block; width: 85px; height: 16px;  cursor: pointer;}
#content #div-bookmark-ratingproduct span#star_select span {display: block; width: 17px; height: 16px; float: left;}

#content #basket-page ul.basket {margin: 0; margin-bottom: -10px; text-align: center; padding: 0; list-style: none;}
#content #basket-page ul.basket li {display: inline; line-height: 30px; height: 35px; }
#content #basket-page ul.basket li a, 
#content #basket-page ul.basket li span {color: gray; text-decoration: none; padding: 6px 12px;}
#content #basket-page ul.basket li a:hover {color: #333333; text-decoration: none;}
#content #basket-page ul.basket li.active {color: #BE000C; font-weight: bold;} 
#content #basket-page ul.basket li.active a {color: #BE000C;}

#content #basket-page table.basket {width: 100%;}
#content #basket-page table.basket input {text-align: right; width: 20px; border: 1px silver solid; border-right: 0; border-bottom: 0; -moz-border-radius: 2px;}
#content #basket-page table.basket tr.nadpisy {}
#content #basket-page table.basket th, 
#content #basket-page table.basket td {padding: 10px; background-color: #ffffff; border: 1px silver solid; border-right: 0; border-bottom: 0; -moz-border-radius: 2px;}
#content #basket-page table.basket td {padding: 10px; margin: 1px; }
#content #basket-page table.basket th {text-align: left; }
#content #basket-page table.basket th.quantity {width: 60px;}
#content #basket-page table.basket th.price {width: 100px;}
#content #basket-page table.basket th.del {width: 20px;}
#content #basket-page .under-table {padding-top: 10px;  width: 300px;}
#content #basket-page .under-table p {margin: 0; padding: 0;}
#content #basket-page .under-table p.btn-out {padding-right: 10px;}
#content #basket-page .btn-next {}

ul.errors li {list-style: none; color: #BE000C; font-weight: bold;}

#enquiry .pointer-bg {margin: 0 5px; width: 95%; background-color: #666;}
#enquiry .pointer {background-color: #222;}

.article {margin: 5px 0 15px 0; background: url('images/con_bg.gif') repeat-y 0;}
.article .inner {min-height: 300px; margin: 0 -10px; padding: 10px 20px; background: url('images/con_top.gif') no-repeat top;}
.article .b {clear: both; margin: 0 -10px -10px -10px; height: 4px; background: url('images/con_bottom.gif') no-repeat bottom;}
.article h4 {clear: both; margin: 10px 0; padding: 0; font-size: 150%; color: #BE000C;}
.article .hr {clear: both; margin: 20px -20px; height: 13px; background: url('images/con_hr.gif') no-repeat;}
.article fieldset {border: none; margin: 0 0 15px 0; padding: 0;}
.article legend {font-size: 150%; color: #BE000C;}

.prodejny-fotky {float: right;}
.four {width: 210px; padding-bottom: 5px;}
.prodejny-popis {float: left; margin: 10px 0 30px 0; clear: both;}
.prodejny-popis strong {font-size: 120%; color: #484A47;}

.producers ul {margin: 0; padding: 0; list-style: none;}
.producers li {float: left; width: 150px; height: 150px; margin: 0 5px 5px 0; text-align: center; line-height: 150px;}
.producers li a {color: #536056; text-decoration: none;}
.producers li a:hover {text-decoration: underline;}

#bottom {position: relative; clear: both; height: 46px; margin: 20px 0; padding: 25px; color: #D1DCD4; background: url('images/paticka.gif') no-repeat;}
#bottom a {color: #A7B2AA; text-decoration: none;}
#bottom p {margin: 0;}
#bottom p.dark {color: #A7B2AA;}
#bottom ul {position: absolute; top: 12px; right: 12px; margin: 0; padding: 0; list-style: none;}
#bottom ul li {margin: 0 0 3px 0;}
#bottom ul a {display: block; width: 120px; height: 22px; padding: 0 5px; text-align: right; font-size: 90%; font-weight: bold; line-height: 22px; color: #D1DCD4; background: #536056}
#bottom ul a:hover {color: white; background: #59665D}

#bottom-custom {clear: both;}

.btn-next,
.btn {padding: 5px 10px; width: auto; color: #C0DCB1; cursor: pointer; background: #646F66; border: none; -moz-border-radius: 2px;}
.p_btn_outter {clear: both; width: 100%; padding: 0; text-align: right;}

.p-next {clear: both;}