* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: Verdana, Arial, "Geneva CE", lucida, sans-serif; color: #fff;
	font-size: 85%; text-align: center; line-height: 1.3;
	background: #000;
}

/* základní rozvržení dokumentu */

#page {
	width: 1000px; height: auto;
	margin: 0 auto;
}

#in-page {
    display: inline; float: left;
	width: 100px; height: auto;
	margin: 0 auto;
	background: #000;
}

#header-01 {
	display: inline; float: left;
    width: 1000px; height: 37px;
	color: #fff; text-decoration: none; font-weight: normal; text-align: left; line-height: 180%;
	background: url("../images/header-01.jpg") center no-repeat;
}

#header-01 UL {
	display: inline; float: left;
	margin: 8px 0 0 40px;
}

#header-01 UL LI {
	display: inline;
    margin: 0; padding: 0;
	list-style-type: none;
    color: #fff;
}

#header-01 A {
	display: inline;
	padding: 0.5em 0 0.5em 5px; color: #fff;
}
#header-01 A:hover {color: #E4C392; text-decoration: underline; background: url("../images/menu-2.png") center left no-repeat;}

#header-02 {
	display: inline; float: left;
    width: 1000px; height: 165px;
}

#header-03 {
	display: inline; float: left;
    width: 1000px; height: 33px;
	color: #fff; text-decoration: none; font-weight: bold; text-align: left; line-height: 180%;
	background: url("../images/header-03.jpg") center no-repeat;
}

#header-03 A {
	display: inline;
	color: #fff; font-weight: bold; text-decoration: none;
}

#header-03 A:hover {
	color: #E4C392; text-decoration: underline;
}

#customer {
	display: inline; float: left; clear: both;
    width: 300px; overflow: none;
	margin: 6px 0 0 40px;
	font-size: 0.8em; color: #fff; text-decoration: none; font-weight: normal; text-align: left;
}

#registration{
	display: inline; float: right;
	margin: 6px 0 0 0;
	font-size: 0.8em; color: #fff; text-decoration: none; font-weight: normal; text-align: left;
}

#search-form {
	display: inline; float: right;
    width: 380px;
	margin: 6px 0 0 0;
	font-size: 0.8em; color: #fff; text-decoration: none; font-weight: normal; text-align: left;
}

#search-01, #search-02, #search-03 {
	display: inline; float: left;
	margin: 0 0 0 5px;
    text-align: right;
}

.search-input {
	width: 130px;
	background: url("../images/button-back.jpg") center repeat-x #5B462B;
    border: 1px solid #F8A000; color: #fff;
   	font-weight: bold; font-size: 10px;	padding: 3px;
}

.search-button {
	padding: 2px 10px 2px 10px;
	font-size: 10px; color: #fff; font-weight: bold;
	background: url("../images/button-back.jpg") center repeat-x #5B462B;
    border: 1px solid #F8A000;
}

#header-04 {
	display: inline; float: left;
    width: 1000px; height: 33px;
    text-align: center; line-height: 100%;
	background: url("../images/header-04.jpg") center no-repeat;
}

#header-04 UL {
	margin: 6px 0 0 0;
    text-align: center;
}

#header-04 LI {
    display: inline;
    margin: 0; padding: 0;
}

#header-04 A {
	display: inline;
	color: #fff; font-weight: bold; text-decoration: none;
}

#header-04 A:hover {
	color: #F8A000; text-decoration: none;
}

#header-05 {
	display: inline; float: left;
    width: 1000px; height: 32px;
	margin: 0; padding: 0;
    text-align: center; line-height: 100%;
	background: url("../images/header-05.jpg") center no-repeat;
}

#header-05 UL {
	margin: 6px 0 0 0;
    text-align: center;
}

#header-05 LI {
    display: inline;
    margin: 0; padding: 0;
}

#header-05 A {
	display: inline;
	color: #fff; font-weight: bold; text-decoration: none;
}

#header-05 A:hover {
	color: #F8A000; text-decoration: none;
}

#header-06 {
	display: inline; float: left;
    width: 1000px; height: 38px;
	font-size: 0.9em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 180%;
	background: url("../images/header-06.jpg") top center no-repeat;
}

#hodnota-nakupu {
	display: inline; float: left;
	margin: 7px 0 0 160px;
	font-size: 0.9em; color: #fff;
}

#mena {
	display: inline; float: left;
	margin: 7px 0 0 70px;
	font-size: 0.9em; color: #fff;
}

#header-06 A {
	display: inline;
	color: #fff; font-weight: bold; text-decoration: none;
}

#header-06 A:hover {
	color: #E4C392; text-decoration: underline;
}

#content-all {
	display: inline; float: left;
    width: 1000px; height: auto;
}

#kosik {
	display: inline; float: right;
}

#pokladna {
	display: inline; float: right;
	margin: 0 170px 0 0;
}

#left {
	display: inline; float: left;
	width: 165px; height: auto;
	margin: 0 0 0 10px;
}

#categories {
	display: inline; float: left;
	width: 160px; height: auto;
}

.menu-1-nadpis {
	display: inline; float: left;
	width: 160px;
	padding: 5px 0 5px 0;
	font-size: 0.9em; color: #fff; text-decoration: none; font-weight: bold; text-align: center; line-height: 120%;
    border-top: 2px solid #F8A000;
    border-bottom: 2px solid #F8A000;
	background: #5E4728;
}
a:hover.menu-1 {color: #F8A000; text-decoration: none;}

#menu-1 {
	display: inline; float: left;
    margin: 5px 0 0 0; padding: 0;
	width: 160px; height: auto;
    border-top: 1px solid #F8A000;
}

#menu-1 LI {
	display: inline; float: left;
    margin: 0; padding: 0;
	list-style-type: none;
}

#menu-1 A.menu-1 {
	display: inline; float: left;
	width: 155px;
	padding: 5px 0 5px 5px;
    color: #fff; text-decoration: none; font-weight: normal; text-align: left; line-height: 150%;
    border-bottom: 1px solid #F8A000;
}
#menu-1 A.menu-1:hover {color: #F8A000; text-decoration: none;}

#menu-1 A.menu-2 {
	display: inline; float: left;
	width: 155px;
	padding: 5px 0 5px 5px;
    color: #fff; text-decoration: none; font-weight: normal; text-align: left; line-height: 150%;
    background: url(../images/dolu.png) right center no-repeat #5E4728;
}
#menu-1 A.menu-2:hover {color: #F8A000; text-decoration: none;}

.submenu-1 {
	display: inline; float: left;
    margin: 0; padding: 0;
	width: 160px; height: auto;
    background: #5E4728;
}
.submenu-1 LI {
	display: inline; float: left;
    margin: 0; padding: 0;
	list-style-type: none;
}
.submenu-1 A {
	display: inline; float: left;
	width: 155px;
	padding: 5px 0 5px 5px;
    color: #fff; text-decoration: none; font-weight: bold; text-align: left; line-height: 150%;
}
.submenu-1 A:hover {color: #F8A000; text-decoration: none;}

.submenu-2 {
	display: inline; float: left;
    margin: 0; padding: 0 0 10px 0;
	width: 160px; height: auto;
    background: #5E4728; font-size: 1.05em;
}
.submenu-2 LI {
	display: inline; float: left;
    margin: 0; padding: 0;
	list-style-type: none;
}
.submenu-2 A {
	display: inline; float: left;
	width: 155px;
	padding: 2px 0 2px 5px;
    color: #fff; text-decoration: none; font-weight: normal; text-align: left; line-height: 150%;
}
.submenu-2 A:hover {color: #F8A000; text-decoration: none;}


#vyrobky-nadpis {
	display: inline; float: left;
	padding: 15px 0 0 20px;
	font-size: 0.9em; color: #000; text-decoration: none; font-weight: bold; text-align: left; line-height: 110%;
}

#email-info {
	display: inline; float: left;
	width: 160px; height: auto;
	margin: 30px 0 0 0; padding: 0 0 10px 0;
    background: #5E4728;
}

.email-info-content {
	padding: 5px 0; margin: 0 0 0 10px;
    text-align: left;
}

.email-formular {
	width: 130px;
	background: #fff ;
	border: 1px solid #F8A000;
	font-weight: bold; font-size: 10px;	padding: 3px; color: #000;
}

#email-button {
	display: inline; float: right;
    margin: 5px 12px 0 0;
}

#novinky {
	display: inline; float: left;
    width: 160px; height: auto;
	padding: 55px 0 0 0; margin: 1em 0;
	background: url("../images/novinky-header.jpg") top center no-repeat #fff;
}

#novinky-content {
	display: inline; float: left;
	padding: 0 0 10px 0;
	font-size: 0.9em; color: #fff; text-decoration: none; font-weight: normal; text-align: left; line-height: 120%;
}

#novinky-content A {
	display: inline; float: left;
	width: 140px;
	margin: 5px 0 5px 10px; padding:0 0 0 7px;
	font-size: 0.9em; color: #000; text-decoration: none; font-weight: normal; text-align: left; line-height: 120%;
	background: url("../images/akce-square.png") top left no-repeat;
}
#novinky-content A:hover {color: #F8A000; text-decoration: none;}

.breadcrumbs {
	display: inline; float: left;
    width: 610px; margin-bottom: 10px;
	font-size: 0.8em; color: #fff; text-decoration: none; font-weight: normal; text-align: left; line-height: 150%;
}

.breadcrumbs A {color: #fff; text-decoration: underline;}
.breadcrumbs A:hover {color:#F8A000; text-decoration: underline;}

#content-null {
    float: left;
	width: 650px;
	background: url("../images/eshop-top-back.jpg") center top no-repeat;
}

#content {
    float: left;
	padding: 10px 20px 20px 20px;
    text-align: left;
}
.content-center {
	display: inline; float: left;
    width: 100%;
    text-align: center;
}

#content UL, #content OL {
	margin: 0 0 0 10px; padding: 0;
}

#content LI {
	margin: 0 0 0 20px; padding: 0;
}

#footer-menu {
	display: inline; float: left;
	width: 640px;
	margin: 15px 0; padding:0;
	font-size: 0.7em; color: #fff; text-decoration: none; font-weight: normal; text-align: center; line-height: 120%;
}
#footer-menu A {color: #fff; text-decoration: underline;}
#footer-menu A:hover {color: #F8A000; text-decoration: underline;}

#right {
	float: right;
	width: 170px; height: auto;
}
#oblibene {
    float: left;
    width: 160px; height: auto;
	padding: 35px 0 0 0;
	background: url("../images/oblibene-header.jpg") top center no-repeat #fff;
}

#oblibene-content {
	float: left;
	padding: 0 0 10px 0;
	font-size: 0.9em; color: #fff; text-decoration: none; font-weight: normal; text-align: left; line-height: 120%;
}
#oblibene-content A {
	display: inline; float: left;
	width: 140px;
	margin: 5px 0 5px 10px; padding:0 0 0 7px;
	font-size: 0.9em; color: #000; text-decoration: none; font-weight: normal; text-align: left; line-height: 120%;
	background: url("../images/akce-square.png") top left no-repeat;
}
#oblibene-content A:hover {color: #F8A000; text-decoration: none;}

#anketa {
	display: none; float: left;
    width: 160px; height: 150px;
	padding: 55px 0 0 0; margin: 1em 0;
	background: url("../images/anketa-header.jpg") top center no-repeat #fff;
}
#anketa-content {
	display: inline; float: left;
	padding: 0 0 10px 0;
	font-size: 0.9em; color: #fff; text-decoration: none; font-weight: normal; text-align: left; line-height: 120%;
}

#footer {
	display: inline; float: left;
	width: 1000px;
	margin: 15px 0; padding:0 0 10px 0;
	font-size: 0.7em; color: #F8A000; text-decoration: none; font-weight: normal; text-align: right; line-height: 120%;
}

#footer A {color: #C1C0BF; text-decoration: underline;}
#footer A:hover {color: #F8A000; text-decoration: underline;}

/* konec základního rozvržení */

.login-table {
	margin: 1em 2em; padding: 1em;
	font-size: 0.8em; font-weight: normal; text-align: right; line-height: 135%; color: #fff;
    border: 1px solid #F8A000;
    background: #5E4728;
}

.login-input {
    width: 150px;
	background: #F2EEE3; color: #000;
	border: 1px solid #F8A000;
	font-weight: normal; font-size: 10px;	padding: 3px;
}

.login-text {margin: 1em 2em; font-size: 1em; line-height: 150%; color: #fff; font-size: 0.9em;}

.form-table {
    display: inline; float: right;
	font-size: 0.8em; font-weight: normal; text-align: right; line-height: 135%; color: #fff;
    margin: 0 10px 0 0;
}
.form-table TD {text-align: right;}

.value {width: 260px;}
.value-2 {width: 170px;}

.input, .input-2, .input-3, input-4, .count {
    width: 250px;
	background: #F2EEE3; color: #000;
	border: 1px solid #F8A000;
	font-weight: bold; font-size: 10px;	padding: 3px;
	background: url("../images/input-back-2.jpg") center bottom repeat-x;
}
.input-2 {width: 119px;}
.input-3 {width: 80px;}
.input-4, .count {width: 20px;}
.count {padding: 1px 2px 1px 2px;}

.form-table-buttons {
    display: inline; float: right;
	font-size: 0.8em; font-weight: normal; text-align: right; line-height: 135%; color: #fff;
    margin: 0 30px 0 0;
}

#user-data-null {
    display: inline; float: left;
    width: 610px; height: auto;
    margin-bottom: 10px;
}

.user-data {
    display: inline; float: left;
	margin: 0; padding: 0.5em;
	font-size: 0.8em; font-weight: normal; text-align: left; line-height: 135%; color: #fff;
    border: 1px solid #F8A000;
    background: #5E4728;
}

.user-data TD {
	padding: 0.3em 1em;
}

.customer-section {
    display: inline; float: right;
	margin: 0 5em 0 0.5em; padding: 0;
	font-size: 1.1em; font-weight: normal; text-align: left; color: #fff;
}

.customer-section LI {line-height: 155%;}


.change-password-table {
	font-size: 0.8em; font-weight: normal; text-align: left; line-height: 135%; color: #fff;
}

.search-table {
    display: inline; float: right;
	font-size: 0.8em; font-weight: normal; text-align: right; line-height: 135%; color: #fff;
    margin: 0 10px 0 0;
}

.product-list {
    width: 610px;
	font-size: 0.8em; font-weight: normal; text-align: left; line-height: 135%; color: #fff;
	padding: 0; margin: 0 0 1em 0;
	border: 1px solid #F8A000;
}

.product-list-header {background: #5E4728;}
.product-list-header TD {background: #5E4728; padding: 5px 6px;font-weight: bold;}
.product-list-header TH {background: #5E4728; padding: 5px 6px;font-weight: bold;}
.product-list-row TD {padding: 5px 6px;font-weight: normal;}
.product-list-footer TD {padding: 7px 6px;font-weight: bold;}

.price-with-vat, .price {text-align: right;}

.cart-button, .checkout-buttons {
    display: inline; float: right;
}

.checkout-step {text-align: center; font-size: 0.9em; margin: 0 0 10px 0;}

.checkout-payment, .checkout-delivery {
	margin: 0 0 10px 0; padding: 1em;
	font-size: 0.8em; font-weight: normal; text-align: left; line-height: 135%; color: #fff;
    border: 1px solid #F8A000;
    background: #5E4728;
}

.checkout-adress {
	margin: 0 0 10px 0; padding: 1em;
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 135%; color: #fff;
    border: 1px solid #F8A000;
    background: #5E4728;
}

.checkout-comment {
    width: 610px;
	margin: 0 0 10px 0; padding: 1em;
	font-size: 0.8em; font-weight: normal; text-align: right; line-height: 135%; color: #fff;
}

.customer-data {
    display: inline; float: left;
	margin: 0 0 1em 10px; padding: 0;
	font-size: 1.1em; font-weight: normal; text-align: left; color: #fff;
}

.delivery-adress {
	font-size: 0.8em; font-weight: normal; text-align: right; line-height: 135%; color: #fff;
    margin: 0 0 0 100px;
}
.delivery-adress {display: inline; float: none;}
.delivery-adress TD {text-align: right;}

.tlacitkoObecne, .button {
	padding: 2px 10px 2px 10px;
	font-size: 10px; color: #fff; font-weight: bold;
	background: url("../images/button-back.jpg") center repeat-x #5B462B;
    border: 1px solid #F8A000;
}

.missing-entry-text {
	font-size: 0.9em; font-weight: normal; text-align: left; line-height: 150%; color: #fff;
    border: 1px solid #F8A000;
    background: #5E4728;
    border: 1px solid #D8D9DB;
	margin: 0.5em 0; padding: 1em;
}

.missing-entry {color: #FF0000;}

.important-text {
	font-size: 0.8em; font-weight: normal; text-align: left; line-height: 150%; color: #fff;
    border: 1px solid #F8A000;
    background: #5E4728;
    border: 1px solid #D8D9DB;
	margin: 0.5em 0; padding: 1em;
}

/* catalogue */

.catalogue-ordering {
    display: inline; float: left;
	padding: 0; margin: 0 0 1em 0;
    font-size: 0.8em;
}

.catalogue-levels {font-size: 0.8em; line-height: 160%; padding: 0 0 20px 0;}
.catalogue-levels A {text-decoration: none;}

.pager {
    display: inline; float: left;
    width: 609px;
	padding: 0; margin: 0 0 5px 0;
    font-size: 0.8em;
}
.pager-txt {display: inline; float: left;}
.pager-btn {display: inline; float: right;}

#product-null {
    display: inline; float: left;
    width: 610px;
}
#product-null P {color: #000;}

.product-line {
    display: inline; float: left;
    width: 610px;
}

.product {
    display: inline; float: left;
    width: 300px;
    color: #000;
    background: #FFF;
    border-right: 5px solid #000;
    border-bottom: 5px solid #000;
}

.product-name {font-size: 0.9em; color: #5B4426; font-weight: bold; margin: 5px 5px 8px 10px;}
.product-name A {color: #5B4426; text-decoration: none;}
.product-name A:hover {color: #5B4426; text-decoration: underline;}
.product-image {width: 170px; height: 180px; text-align: center;}
.product-description {width: 130px; font-size: 0.8em;}
.product-description P {font-size: 1em;}
.product-description A {color: #000; text-decoration: underline;}
.product-price {margin: 10px 0 0 10px;}

.product-buy {
    display: inline; float: left;
    width: 100%; margin: 10px 0 2px 0;
    color: #000; font-size: 0.8em;
}
.product-count {width: 80px; text-align: left; padding-left: 10px;}
.product-buy-button {width: 50px; text-align: center;}
.product-detail-button {width: 150px; text-align: right; padding-right: 10px;}


.product-detail {
    float: left;
    width: 610px; height: auto;
    background: #fff; color: #000;
}
.product-detail H1 {color: #5B4426; font-size: 1em; font-weight: bold; margin: 10px;}
.product-detail P {color: #000;}

.product-detail-img {
    display: inline; float: left;
    width: 400px; height: auto; margin: 10px;
}

.product-detail-buttons {
    width: 55px; height: auto;
}
.product-detail-buttons IMG {}

.product-detail-img {
    display: inline; float: left;
    width: 400px; height: auto; margin: 0 10px;
}

.product-detail-info {
    display: inline; float: right;
    width: 180px; height: auto; margin: 5px 0 5px 10px;
}
.product-detail-info P {font-size: 0.8em; font-weight:bold; line-height: 120%;}
.product-detail-info P STRONG {font-size: 1.3em; line-height: 130%;}

.product-detail-buy {
    display: inline; float: left;
    margin: 15px 0;
    color: #000; font-size: 0.8em;
}

.product-detail-back {
    margin: 10px 0 2px 0;
}

.product-detail-links {
    display: inline; float: left;
    width: 160px; height: auto;
    text-align: left;
    margin: 10px 0;
}
.product-detail-links IMG {float: left;}

.product-detail-marks, .product-detail-links, .product-detail-skladem {width: 110px; margin: 0 0 15px 0;}
.product-detail-marks SPAN {width: 110px; color: #D71920; margin: 5px 0 0 0;}

.product-detail-description {
    display: inline; float: left;
    width: 570px; height: auto;
    text-align: left;
    padding: 15px 20px;
    background: #F1EBDF;
}
.product-detail-description P {margin: 5px 0 0 0;}
.product-detail-description A {color: #F8A000;}

.product-urlreferences {
    display: inline; float: left;
    width: 508px; height: auto;
    margin: 0 10px; padding: 0;
}

.product-urlreferences H3 {font-size: 0.9em; font-weight: bold; margin: 10px 0 5px 0; line-height: 120%;}
.product-urlreferences P {margin: 0 0 10px 0; padding: 0;}
.product-urlreferences P IMG {border: none; margin: 10px 0 0 0; }
.product-urlreferences IMG {margin: 0 15px 15px 0; border: 1px solid #F0B097;}




/* obecné */

H1 {
	font-size: 1.5em; font-weight: normal; font-style: normal; color: #F8A000; text-decoration: none; line-height: 150%; text-align: left;
	margin: 0 0 0.5em 0; padding: 0;
}

H2 {
	font-size: 1.2em; font-weight: normal; font-style: normal; color: #F8A000; text-decoration: none; line-height: 150%; text-align: left;
	margin: 1em 0 0.5em 0; padding: 0;
}

H3 {
	font-size: 1em; font-weight: normal; font-style: normal; color: #F8A000; text-decoration: none; line-height: 150%; text-align: left;
	margin: 1em 0 0.5em 0; padding: 0;
}


P  {
	font-size: 0.8em; font-weight: normal; text-align: left; line-height: 135%; color: #fff;
	margin: 0 0 1em 0; padding: 0;
}

P.top {
    width: 500px;
	font-size: 0.8em; font-weight: normal; text-align: left; line-height: 135%; color: #fff;
	margin: 1.5em 0 0.5em 0; padding: 0;
    float: left;
}

P.nove_okno_text {
	font-size: 0.7em; font-weight: normal; text-align: center; line-height: 135%; color: #fff;
	margin: 0.5em 0; padding: 0.5em 0.6em;
}

A {text-decoration: underline; color: #fff;}
A:hover {text-decoration: underline; color: #F8A000;}

A.odkaz-sedy {color: #333;	text-decoration: underline;}
A:hover.odkaz-sedy {color: #F36F21; text-decoration: underline;}


FIELDSET {
    display: inline; float: left;
    width: 500px;
	padding: 0.5em; margin: 0 0 1em 50px;
	border: 1px solid #F8A000;
}

LEGEND {
	padding: 0.5em 1em;
	font-size: 0.9em; color: #fff; font-weight: bold;
	background: url("../images/button-back.jpg") bottom center repeat-x #2E2623;
    border: 1px solid #F8A000;
}

SELECT {
	background: #fff; color: #000;
	border: 1px solid #F8A000;
	font-weight: normal; font-size: 10px;
}


DL {
	font-size: 0.8em; font-weight: normal; text-align: left; line-height: 150%; color: #fff;
	margin: 1em 0 0 0;
}
DT {font-weight: bold; color: #F8A000;}
DD {}

UL, OL {
	font-size: 0.8em; font-weight: normal; text-align: left; line-height: 150%; color: #fff;
}

STRONG {font-weight: bold;}
IMG {border: 0px;}

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

.float-left,{display: inline; float: left;}
.float-right {display: inline; float: right;}

.orange {color: #F8A000;}