/* reshaped by funtom@email.cz */

/*
COLORZ
logo-zluta:  f4c20f
logo-zelena: 158b3e
logo-hneda:  73302b
bg-svetla:   ceb99e
bg-tmava:    4b2a20
*/

/* -------- GENERIC --------------------------------------------------------- */
body {
    background-color: #2b1100;
    font-family: sans-serif;
    font-size: 14px;
    color: black;
    margin: 0;
    padding: 0;
    min-width: 600px;
    text-align: center;
}

table {
    font-size: 100%;
    border-collapse: collapse;
}

table td, table th {margin: 0; padding: 0; vertical-align: top}

a img {border: 1px solid black}

a {color: #0f662d;/*#158b3e;*/}
a:hover {color: #4b2a20;}

h1 {font-size: 175%}
h2 {font-size: 150%}
h3 {font-size: 125%}

/* -------- IDs ------------------------------------------------------------- */
#tbl-main-wrapper {margin: 0 1em}
#tbl-main-width-wrapper
#tbl-main {
    text-align: left;
    width: 100%;
}
#tbl-main-top {
    width: 100%;
}

#middle-td {
    background-image: url(img/bg2.png);
    vertical-align: top;
    width: 80%;
}
#middle {
    background-image: url(img/bg2_top.png);
    background-repeat: repeat-x;
    padding: 1ex;
    z-index: 1;
}

#product-list {
}
#product-list h2 {
   font-size: 100%;
}

#contact-form input, #contact-form textarea {
    margin-bottom: 1ex;
}
#contact-form .note {
    font-size: 80%;
    color: navy;
}

#tbl-main td.top-bg {
    background-image: url(img/top_bg.png);
    background-repeat: repeat-x;
}

#product-list .desc {font-size: 12px;}
/* --------- CLASSES -------------------------------------------------------- */
td.td-sidebar {
    background-color: #ceb99e;
    padding: 1ex;
    font-size: 90%;
    width: 10%;
}

.list .head {
    color: green;
    font-weight: bold;
    font-size: 120%;
    text-align: left;
    text-decoration: underline;
    text-align: left;
}
.list a {
    display: block;
}

.menu-header {
/*    background-image: url(img/point.png);
    background-repeat: no-repeat;
    background-position: left;  */
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .2ex;
/*    color: #158b3e;   */
    color: #0f652d;
/*    padding-left: 1.5em;  */
/*    padding-left: .5 em;  */
/*    margin-top: 1em;
    margin-bottom: .5em;    */
/*    margin-right: 2em;    */
    text-align: center;
    margin: 1em 1em .5em 1em;
}

.menu ul {margin: 0; padding: 0; list-style: none;}
.menu ul li {
    padding: 1px;
    margin: 0;
 }
.menu li a {
    display: block;
    text-decoration: none;
    font-size: 90%;
    color: #2B1100;
    font-weight: bold;
    padding: .7ex 0 .7ex .1em;
}
.menu li a:hover {
    color: #ceb99e;
    background-color: #73302b;
}

.sidebar-img {
    text-align: center;
}
.sidebar-img a {
    padding-top: .5ex;
    text-decoration: none;
}
.sidebar-img a:hover img {
    border-color: #73302b;
}

.sidebar-banner {
    padding: 1em 0;
    text-align: center
}
.newsletter {
    padding: 1ex;
}
.newsletter span {
    font-size: 12px;
}
div.newsletter-input {
    width: 100%;
    margin: 1ex 0;
}
/*
div.newsletter-input input {width: 90%}
*/
a.kosik {text-decoration: none; color: black;}
a.kosik img {border: 0; vertical-align: bottom;}

form.search-form input {
    border: 1px solid #ceb99e;
    background-color: white;
    vertical-align: middle;
}
form.search-form input.search-img {
    border: 0;
    vertical-align: middle;
}
td.top-table-top {
    padding: 1ex;
    text-align: right;
    vertical-align: top;
    background-image: url(img/trcor.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 50px;
}
td.top-table-middle {
    padding: 1ex;
    text-align: right;
    vertical-align: middle;
    height: 45px;
}
td.top-table-bottom {
    padding: 1ex;
    text-align: right;
    vertical-align: bottom;
    height: 45px;
}

.prod-item {
    background-color: #fff1dd;
    border: 1px solid #90816f;
    margin: 1ex;
    padding: .5ex;
    text-align: left;
    background-image: url(img/pid.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.prod-img {float: left; margin-right: 1ex}
.prod-item a.prod-name {
    color: black;
    font-size: 110%;
    text-decoration: none;
    font-weight: bold;
}
.prod-item a.prod-category {
    font-size: 80%;
}
a.prod-category {
    color: #73302b;
    text-decoration: none;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.prod-price-line {
    margin: 1ex 0;
    padding: .5ex 0;
    border-bottom: 1px solid #ceb99e;
}
.prod-price {
    float: left;
    font-weight: bold;
    margin-left: 1em;
}
.prod-order {
    text-align: right;
    font-weight: bold;
    margin-right: 1em;
}
.prod-order a {text-decoration: none}
.prod-order img {
    border: 0;
    vertical-align: middle;
}
.prod-desc {font-size: 90%}

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/*  --- product-show ---  */
.prod-show-header h2 {
    font-size: 125%;
    margin: 0; paddding: 0;
    float: left;
}
.prod-show-header div {
    text-align: right;
    padding-right: 1em;
    color: #73302b;
    position: relative;
}

.prod-show-price, .prod-show-detail {clear: both;}
.prod-show-price {
    padding: 1.5ex 0;
}
.prod-show-price .ps-price {
    font-size: 110%;
    float: left;
}
.prod-show-price .ps-order {
    text-align: right;
}

.prod-show-detail img {
    margin: 0 1ex 1ex 0;
}
.prod-show-detail .ps-desc {
    text-indent: 1ex;
    font-size: 90%;
}

.prod-show-detail .ps-desc li {
    margin: 1ex 0;
    list-style: disc inside;
}

table.order-table {
    border-collapse: collapse;
    font-size: 12px;
}
table.order-table td {
    border-top: 1px solid #73302b;
    padding: .2ex .5ex;
    vertical-align: middle;
}
table.order-table td input {
    background-color: #fff1dd;
    border: 1px solid black;
}
table.order-table td input.submit {font-weight: bold;}
table.order-table th {
    text-align: center;
    padding: .4ex;
    background-color: #73302b;
    color: #e5d5c2;
}
table.order-table td.price {font-weight: bold; padding-left: 1em}
table.order-table td.leftline {border-left: 1px solid #73302b;}
table.order-table td.currency {font-weight: bold}
a.order-del {font-size: 12px; color: red; text-decoration: none}
.order-name a, .tax-name {font-weight: bold; text-decoration: none; color: black}
.order-name a:hover {color: #4b2a20; text-decoration: underline;}

tr.order_table_data_even td {
    background-color: #d1bca1;
}
tr.order_table_data_odd td {
    background-color: #e5d5c2;
}
tr.order-summary td {text-align: right; font-weight: bold; background-color: #fff1dd; padding-top: .5ex; padding-bottom: .5ex}
tr.order-midsum td {text-align: right; background-color: #e5d5c2; padding-top: .5ex; padding-bottom: .5ex}

table.tb-address td {padding: .2ex; font-size: 12px; font-weight: bold;}
table.tb-address td input, table.tb-address td textarea, table.tb-address td select {background-color: #fff1dd; border: 1px solid #73302b; font-weight: normal;}
input.chbox {border: 0 !important; background-color: transparent !important;}
.srch-note {font-size: 12px; color: #ceb99e; font-weight: bold; padding-right: 1ex;}

img.image_border {margin-top: .5ex;}

