html {background-color: #FFF0BD;}
div#bottom {background: url(../images/bottom-line.png) center bottom no-repeat; margin-bottom: 14px; padding-bottom: 7px;}
div#border {text-align: center; background: url(../images/background-line.png) center repeat-y ;}
div#all {text-align: left; margin: 0 auto; width: 760px; background-color: #FFFFFF;}

div#hd h1, div#hd h3 {margin: 0; padding: 0; height: 155px;}
span#logo {display: none;}
div#menu-line {height: 33px; background: url(../images/menu-line.png);}
div#menu-line p {text-align: right; color: #FFFFFF; margin: 0 28px 0 0; padding: 9px 0 0 0; font-size: 14px;}
div#menu-line a {text-decoration: none; color: #FFFFFF;}
div#menu-line a:hover {text-decoration: underline;}

div.left-sidebar {width: 180px; float: left;}
div.left-sidebar ul {margin: 14px 0 3px 0; padding: 0;}
div.left-sidebar ul li {list-style-type: none; margin: 3px 0 0 0;}
div.left-sidebar ul li a {
	background-color: #870404; border-right: 1px solid #9C3030; border-bottom: 1px solid #9C3030;
	padding: 4px 0 6px 34px; display: block; text-decoration: none; color: #FFFFFF; text-transform: lowercase; font-weight: normal;
	font-family: "Century Gothic","Avant Garde Gothic","Avant Garde","URW Gothic L",helvetica,sans-serif; font-size: 20px; line-height: 20px;
}
div.left-sidebar ul li a:hover {background-color: #DB813D; border-right: 1px solid #E1975F; border-bottom: 1px solid #E29A64;}
div.left-sidebar ul li a.selected {background-color: #DB813D; border-right: 1px solid #E1975F; border-bottom: 1px solid #E29A64;}

div.left-sidebar ul.special {margin-bottom: 12px;}
div.left-sidebar ul.special li a {
	background-color: #FFFFFF; border: 3px solid #870404;
	padding: 4px 0 6px 0; text-align: center;
	font-size: 16px;  color: #870404; font-weight: bold;
}
div.left-sidebar ul.special li a:hover {font-size: 20px;}

div#tables-1 {position: relative; height: 215px; background-color: #F5CB81; border-top: 1px solid #F9E0B3; margin: 14px 0;}
div#tables-1 #table-label {position: relative; top: 31px; left: 149px; z-index: 1; font-weight: bold; font-size: 17px; color: #BC0101;}
div#tables-1 #table-1 {position: absolute; top: 14px; left: 20px;}
div#tables-1 #table-2 {position: absolute; top: 108px; left: 20px;}

div#tables-2 {position: relative; height: 184px; background-color: #F5CB81; border-top: 1px solid #F9E0B3; margin: 14px 0;}
div#tables-2 #table-label {position: relative; top: 27px; left: 107px; z-index: 1; font-weight: bold; font-size: 13px; color: #BC0101;}
div#tables-2 #table-1 {position: absolute; top: 14px; left: 4px;}
div#tables-2 #table-2 {position: absolute; top: 94px; left: 4px;}

div.extra-offer {margin: 0 0 0 12px;}
div.extra-offer h3 {font-size: 14px; color: #870404; font-weight: bold; line-height: 14px; padding: 0;  margin: 0 0 0 0;}

.main-content {margin-left: 180px; padding: 14px 0 0 0;}
.main-content p, .main-content h1, .main-content h2, .main-content h3 {padding-left: 28px; padding-right: 28px;}
.main-content h1 {font-size: 14px; color: #870404; font-weight: bold; line-height: 14px; margin: 0 0 0 0;}
.main-content table {margin-left: 28px; margin-right: 28px; width: 524px;}

div#ct {margin-top: 5px; background-color: #F8E5C3;}
div#ct h2 {font-size: 11px; line-height: 28px; font-weight: bold; text-align: center;}
div#ct a {text-decoration: none; color: #BC0101;}
div#ct div.cat {float: left; width: 153px;}
div#ct div.last {width: 148px;}
div#ct div.image {border-right: 5px solid #FFFFFF;}
div#ct div.name {border-right: 5px solid #F8E5C3; border-bottom: 5px solid #F8E5C3;}
div#ct div.last div.image {border-right: 0;}
div#ct div.last div.name {border-right: 0;}

div#ft {width: 100%; background-color: #F8E5C3; clear: both;}

div#ft .contact1 {float: left; background-color: #FFFBDD; padding: 14px 0 22px 20px; width: 357px;}
div#ft .contact1 h3 {margin: 0;}
div#ft .contact1 p {display: block; float: left; margin: 0 14px 0 0;}

div#ft .contact2 {float: left; padding: 14px 0 22px 20px;}
div#ft .contact2 h3 {margin: 0;}
div#ft .contact2 p {display: block; float: left; margin: 0 14px 0 0;}

div#ft .links {clear: both; background-color: #FFFFFF; color: #BC0101; border-top: 5px solid #F8E5C3; padding: 3px 20px;}
div#ft .links p {margin: 0;}
div#ft .links a {color: #BC0101; text-decoration: none;}
div#ft .links a:hover {text-decoration: none;}

div#ft .footer {clear: both; background-color: #870404; color: #FFFFFF; padding: 3px 20px;}
div#ft .footer p {margin: 0;}
div#ft .footer a {color: #FFFFFF; text-decoration: none;}
div#ft .footer a:hover {text-decoration: underline;}

div#ft .footer .left {float: left;}
div#ft .footer .right {text-align: right;}

p#admin-menu {position: absolute; top: 0; right: 14px; color: #870404;}
p#admin-menu a {color: #870404;}

div#google-map {width: 516px; height: 387px; margin-left: 28px; border: 5px solid #F5CB81;}

div.cleaner {visibility: hidden; clear: both; height:0px; line-height:0px;}


body, input, textarea, .p {font-family: verdana,arial,helvetica,sans-serif;}
h1, h2, h3, .h2 {font-family: verdana,arial,helvetica,sans-serif;}

body {line-height: 14px; color: #870404; font-size: 11px;}
p {margin-bottom: 14px;}
h1 {font-size: 21px; color: #870404; font-weight: normal; line-height: 28px; padding: 0;  margin: 0 0 14px 0;}
h2 {font-size: 14px; color: #870404; font-weight: bold; line-height: 14px; padding: 0;  margin: 0 0 0 0;}
h3 {font-size: 11px; color: #870404; font-weight: bold; line-height: 14px; padding: 0;  margin: 0 0 14px 0;}
.h2 {font-size: 14px; color: #870404; font-weight: normal; line-height: 14px; padding:0;  margin: 0 0 0 0;}
.p {font-size: 11px;}

strong {font-weight: bold;}
ul, ol {margin-left: 36px;}
ul li {list-style: disc outside;}
ol li {list-style: decimal outside;}
ol li ol li {list-style: lower-alpha;}
a {color: #870404;}
a:hover {text-decoration: none;}

.small {font-size: 11px;}

p strong.green {color: #99CC00;}
p strong.orange, h3.orange {color: #FF6600;}

.progress {visibility: hidden; position: fixed; bottom: 152px; border: 1px solid #CCCCCC; background-color: #FAFAFA; padding: 50px; margin: 0 20px; width:360px; z-index: 95;}
.progress img {float: left; margin-right: 13px;}

p.back-link {text-align: right; font-size: 11px; margin: 14px 0; line-height: 21px;}
p.back-link a {background: url(../images/back-link.png) left center no-repeat; padding-left: 24px;}

.pagination {margin: 18px 0;}
.pagination a {margin-right: 2px; padding: 0 3px; border: 1px solid #CCCCCC; background-color: #FCF5D3; text-decoration: none;}
.pagination span {margin-right: 3px;}
.pagination span.current {font-weight: bold;}
.pagination .left {display: block; float: left;}
.pagination .right {display: block; text-align: right;}


/* formulare */
input {border: 1px solid #DDAA66; padding: 4px;}
input.image {border: 0;}
select {border: 1px solid #DDAA66; padding: 4px;}
textarea {border: 1px solid #DDAA66; padding: 4px;}

.zend_form table {background-color: #F5CB81; font-size: 11px;}
.zend_form th {border-bottom: 1px solid #DDAA66; border-top: 1px solid #DDAA66; border-left: 1px solid #DDAA66; text-align: left; font-weight: normal; padding: 12px 7px 9px 7px; vertical-align: top;}
.zend_form td {border-bottom: 1px solid #DDAA66; border-top: 1px solid #DDAA66; border-right: 1px solid #DDAA66; padding: 8px 7px 9px 7px; vertical-align: top;}
.zend_form input {width: 97.5%;}
.zend_form input.checkbox {width: auto; border: 0; margin-right: 7px;}
.zend_form input.radio {width: auto; border: 0; background: none; margin-right: 7px;}
.zend_form input#submit {width: auto; font-weight: bold; cursor: pointer; background-color: #870404; border: 1px solid #9C3030; color: #FFFFFF;}
.zend_form input#submit:hover {background-color: #BC0101;}
.zend_form select {width: 97.5%;}
.zend_form textarea {width: 97.5%; height: 140px;}

.zend_form tr.title {background: #870404; border: 1px solid #9C3030;}
.zend_form tr.title label {font-weight: bold; color: #FFFFFF;}
.zend_form p.description {margin: 6px 0 0 0; padding: 4px; background-color: #FFDD99; border: 1px solid #F5CB81;}
/* formulare */

.confirm_form table {border: 1px solid #DDAA66; background-color: #F5CB81;}
.confirm_form td {width: 50%;  text-align: right; padding: 8px 7px 9px 7px;}
.confirm_form p {width: 180px; border: 1px solid #9C3030; background-color: #870404; padding: 4px 4px 5px 4px; margin: 0; cursor: pointer; text-align: center;}
.confirm_form p:hover {background-color: #BC0101;}
.confirm_form p a {text-decoration: none; font-weight: bold; color: #FFFFFF;}
.confirm_form input#submit {width: 180px; font-weight: bold; cursor: pointer; background-color: #870404; border: 1px solid #9C3030; color: #FFFFFF;}
.confirm_form input#submit:hover {background-color: #BC0101;}

p.errors {color: red; font-weight: bold;}
ul.errors {margin-left: 0;}
ul.errors li {list-style-type: none; margin: 6px 0 0 0; padding: 2px 6px; background-color: #ffddbb; border: 1px solid #ffcc99; color: #ff3300;}

.cleaner {visibility: hidden; clear: both; height: 0px; line-height: 0px;}

.required {font-weight: bold;}
label.important {font-weight: bold;}
.disabled {color: #DDAA66;}
.disabled input {border: 1px solid #F5CB81; background-color: #FFDD99;}

table tr {vertical-align: top;}

div.category p {color: #333333; margin-bottom: 0;}
div.category2 {margin-top: 28px;}
div.category2 p {color: #333333; margin-bottom: 0;}
div.category .links {margin-top: 14px;}
div.category .links a {margin-right: 7px;}

div.best-offer h3 {float: left;}
div.best-offer p.info {float: right;}

div.separated {background: url(../images/separator-line.gif) bottom left repeat-x;}

div.product-frame {float: left; text-align: center; height: 280px;}
div.product-frame-odd {width: 248px; margin: 14px 14px 14px 28px;}
div.product-frame-even {width: 248px; margin: 14px 28px 14px 14px;}
div.product-frame .large-photo {width: 220px;}
div.product-frame h2 {padding: 0; font-weight: normal; font-size: 17px; line-height: 21px; color: #BC0101; text-transform: lowercase;}
div.product-frame h2 a {color: #BC0101; text-decoration: none;}
div.product-frame h2 a:hover {text-decoration: underline;}
div.product-frame h2 span.name {font-weight: bold; text-transform: uppercase; margin: 10px 0;}
div.product-frame p {padding: 0; color: #BC0101; font-size: 17px; line-height: 21px;}
div.product-frame p .value {font-weight: bold; font-size: 17px; line-height: 21px; vertical-align: bottom;}
div.product-frame p .price-old {font-size: 12px; line-height: 12px; text-decoration: line-through;}

div.product {padding: 14px 28px;}
div.product .photos-odd {float: left; width: 310px; margin-left: 14px;}
div.product .photos-even {float: left; width: 310px;}
div.product .info-odd {float: left; width: 200px;}
div.product .info-even {float: left; width: 200px; margin-left: 14px;}
div.product h2 {padding: 0;}
div.product p {padding: 0; color: #333333;}
div.product h2.prefix {font-weight: normal; font-size: 17px; color: #BC0101; text-transform: lowercase; margin-top: 28px;}
div.product h2.name {font-weight: bold; font-size: 22px; color: #BC0101; text-transform: uppercase; margin: 10px 0;}
div.product p.price {color: #BC0101;}
div.product p.price .value {font-weight: bold; font-size: 17px; vertical-align: bottom;}
div.product p.price .old {font-size: 11px; line-height: 12px; text-decoration: line-through;}
div.product ul {padding: 0 0 0 14px; margin: 0 0 14px 4px;}
div.product ul li {color: #333333; text-transform: lowercase;}
div.product ul.important li {list-style: url(../images/li-check.gif); color: #BC0101; font-weight: bold;}
div.product strong {color: #870404;}
div.product p.order {margin: 14px 0;}
div.product p.order a {
	background: url(../images/check.gif) left center no-repeat #870404; border: 1px solid #CF9B9B; color: #FFFFFF; text-decoration: none;
	font-family: "Century Gothic","Avant Garde Gothic","Avant Garde","URW Gothic L",helvetica,sans-serif; font-size: 14px; padding: 0 8px 2px 23px;
}
div.product p.order a:hover {background-color: #DB813D; border-right: 1px solid #E1975F; border-bottom: 1px solid #E29A64;}
div.product .small-photo {width: 100px;}
div.product .large-photo {width: 300px; margin-bottom: -20px;}
div.product p.enlarge a {text-decoration: none; position: relative; z-index: 1;}
div.product p.enlarge img {vertical-align: middle;}

div.page p {margin-bottom: 0;}
div.page h3 {margin: 14px 0 0 0;}
div.page h2 {margin: 14px 0;}

table {margin: 14px 0;}

table.order-info {border: 1px solid #DDAA66;}
table.order-info tr {line-height: 21px;}
table.order-info th {padding: 0 7px;}
table.order-info td {padding: 0 7px;}

table.order-info .field-odd {}
table.order-info .field-even {}
table.order-info .field-title th {padding-top: 0px; font-weight: bold; background-color: #F5CB81; border: 1px solid #DDAA66;}
table.order-info .field-title td {font-weight: bold; background-color: #FFF0BD;}

div.webmap ul {margin-bottom: 14px;}
div.webmap ul li {font-weight: bold;}
div.webmap ul li li {font-weight: normal;}
div.webmap h1 {margin-bottom: 14px;}