html {
    padding: 0;
    margin: 0;
}

img { border: 0; }

body {
    /*background: #FFE8BE;*/
    background: url("images/bg.gif");
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 12px;
}

#menu {
    height: 39px;
    background: #5D391F url(images/menu.gif) 50% 0% repeat-x;
}

#menu ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 901px;
    display: block;
}

#menu li {
    float: left;
    display: block;
}

#menu ul a {
    float: left;
    margin-right: 4px;
    margin-left: 4px;
    //margin-right: 2px;
    //margin-left: 2px;
    display: block;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
}

#menu ul a .l {
    float: left;
    display: block;
}

#menu ul a .r {
    display: block;
    height: 39px;
    line-height: 41px;
    float: left;
    padding: 0 15px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
}

#menu ul a:hover, #menu ul a.active {
    background: url(images/menu-link-bg.gif) 50% 0% repeat-x;
}

#menu ul a:hover .r,#menu ul a.active .r {
    background: url(images/menu-link-bg-r.gif) 100% 0% no-repeat;
}

#menu ul a:hover .l,#menu ul a.active .l {
    background: url(images/menu-link-bg-l.gif) 0% 0% no-repeat;
}

#header {
    height: 190px;
    background: url(images/drevo.jpg) 50% 0% repeat-x;
}

#header2 {
    width: 941px;
    height: 190px;
    margin: 0 auto;
    background: url(images/header-bg.gif) 0% 1px no-repeat;
}

#header3 {
    height: 190px;
    background: url(images/header_1.jpg) 211px 16px no-repeat;
}

#logo {
    background: url(images/logo.gif) 25px 16px no-repeat;
    height: 186px;
    position: relative;
}

#logo a {
    display: block;
    position: absolute;
    width: 170px;
    height: 90px;
    top: 50px;
    left: 40px;
}

#logo a span {
    display: none;
}

#page {
    margin: 0 auto;
    width: 941px;
    background: url(images/page-bg.gif) 0 0 repeat-y;
}

#page2 {
    background: url(images/page-bottom.gif) 0 100% no-repeat;
    padding: 0 20px;
    padding-bottom: 10px;
}

#page3 {
    border-top: solid 1px #F7DCAA;
    overflow: hidden;
}

.breadcrumbs {
    margin: 6px auto;
    width: 899px;
    color: #344700;
}

.breadcrumbs a {
    color: #DF6700;
}

.breadcrumbs .login {
    float: right;
}

#page .page {
    float: left;
    width: 490px;
    padding-right: 10px;
}

#page .right-sidebar {
    float: left;
    width: 200px;
}

.sidemenu {
    float: left;
    width: 201px;
}

.sidemenu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidemenu ul li {
    display: block;
    width: 191px;
}

.sidemenu a { color: #85B501; font-weight: bold; }

.sidemenu ul li a {
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    padding: 10px;
    display: block;
    text-decoration: none;
    background: #86B704 url(images/sidemenu-bg.gif) 0 50% repeat-y;
    border-bottom: solid 1px #A0C736;
    padding-left: 24px;
}

.sidemenu ul li a:hover {
    text-decoration: underline;
}

.sidemenu ul li a.sel {
    background: #8F5527 url(images/sidemenu-bg-sel.gif) 0 50% repeat-y;
    border-bottom: solid 1px #FEEED2;
}

.sidemenu ul li li a {
    font-size: 12px;
    color: #344700;
    padding: 8px 10px;
    background: #ECD8B4 url(images/sidemenu-2-bg.gif) 26px 50% no-repeat;
    font-weight: normal;
    border-bottom: solid 1px #D9C39B;
    padding-left: 42px;
}

.sidemenu ul li li a.sel {
    font-weight: bold;
    background: #ECD8B4 url(images/sidemenu-2-bg-sel.gif) 26px 50% no-repeat;
    border-bottom: solid 1px #D9C39B;
}

.sidemenu ul li li li a {
    font-size: 12px;
    font-weight: normal;
    padding: 5px 10px;
    background: #FEEED2;
    border-bottom: none;
    padding-left: 51px;
}

.sidemenu ul li li li a.sel {
    background: #FEEED2;
    border-bottom: none;
    font-weight: bold;
}

.sidemenu ul li li ul {
    border-bottom: solid 1px #D9C39B;
}

#footer {
    padding-top: 10px;
    height: 150px;
    background: url(images/drevo2.jpg) 50% 100% repeat-x;
}

#footer2 {
    width: 880px;
    margin: 0 auto;
    position: relative;
}

#footer p.info {
    margin: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    line-height: 17px;
}

#footer p.links {
    margin: 0;
    position: absolute;
    top: 10px;
    right: 0px;
}

#footer p a {
    color: #DF6700;
}

#footer p img {
    vertical-align: middle;
}

.page ul { padding-left: 15px; }
.page li { padding-left: 13px; margin: 6px 0px; list-style-type: none; background: url("images/li.gif") top left no-repeat; font-weight: bold; }

.page h1 {
    font-size: 2em;
    font-weight:  bold;
    border-bottom: solid 2px #ECD8B4;
    padding: 7px 4px;
    color: #54341F;
    margin: 0 0 10px 0;
}

.page h2 {
    font-size: 13px;
}

.page h3 {
    font-size: 12px;
}

.page a {
    color: #85B501;
}

.page a:hover {
    color: #54341F;
}

.page table p{
    margin: 0;
}

.search {
    width: 200px;
    padding: 8px;
    background: #FFF;
}

.search input { vertical-align: middle; }

.search a {
    color: #DF6700;
}

.item {
	padding: 5px 0;;
	border-bottom: solid 1px #ECD8B4;
}

.search .text {
    background: url(images/search-input-bg.gif) 0 0 no-repeat;
    border: 2px solid #A3CC35;
    width: 130px;
    padding: 5px;
    margin-right: 1px;
    vertical-align: middle;
}

.search span.input input {
    border: none;
    background: none;
    padding: 2px 5px;
    width: 127px;
}

.search .button {
    border: none;
    background: url(images/search-button-bg.gif) 0 0 no-repeat;
    width: 35px;
    height: 27px;
    color: #FFF;
    font-weight: bold;
}

.search form {
    margin: 0;
    margin-bottom: 3px;
}

.right-sidebar h3 {
    margin: 0;
    background: url(images/sidebar-h-bg.gif) 50% 0 no-repeat;
    font-size: 12px;
    color: #FFF;
    padding: 8px;
}

.right-sidebar .cart {
    color: #344700;
    padding: 8px;
    background: url(images/cart.gif) 7px 8px no-repeat;
}

.right-sidebar .cart h4 {
    font-size: 12px;
    margin: 0;
    padding: 9px;
    color: #85B501;
    margin-bottom: 14px;
}

.right-sidebar .cart h4 a {
    color: #85B501;
    text-decoration: none;
}

.right-sidebar .cart h4 a:hover {
    text-decoration: underline;
}

.right-sidebar p {
    margin: 0;
}

.right-sidebar .photos {
    color: #344700;
    padding: 8px;
}

.sortiment {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
}

.sortiment th {
    text-align: left;
    padding: 0.2em 0.4em;
}

.sortiment td {
    text-align: left;
    padding: 0.2em 0.4em;
}

.sortiment td ul {
    margin: 0;
    padding-left: 2em;
}

.sortiment tr.s td {
    border-bottom: solid 1px #A7A9AC;
    padding-top: 1em;
}

.sortiment td.p {
    text-align: right;
}

.product-photo {
    float: right;
    margin-top: 1em;
    margin-left: 1em;
}

.product-photo img{
    display: block;
    margin: 0 0 10px 0;
}

#newsletter {
    margin-top: 1em;
    background: #FFE8BE;
    border: solid 1px #F9E0B3;
    padding: 7px;
    overflow: hidden;
}

#newsletter h3, #newsletter p {
    margin: 0;
}

#newsletter h3 {
    font-size: 20px;
    color: #85B501;
    text-transform: uppercase;
    background: url(images/envelope.gif) no-repeat;
    height: 40px;
    padding-left: 46px;
    padding-top: 10px;
}

.newsletter-info {
    width: 246px;
    float: left;
}

.newsletter-form {
    width: 220px;
    float: left;
    padding-top: 10px;
}

.newsletter-form form {
    background: #FEEED2;
    margin: 0;
    padding: 10px;
}

.newsletter-form form input.txt {
    background: url(images/newsletter-input.gif) 0 0 no-repeat;
    width: 182px;
    height: 21px;
    padding: 8px;
    border: none;
}

.newsletter-form form div.button {
    text-align: right;
    padding-right: 3px;
}

.newsletter-form form input.button {
    background: url(images/newsletter-button.gif) 0 0 no-repeat;
    width: 105px;
    height: 27px;
    color: #FFF;
    font-weight: bold;
    border: none;
}

table.cart-content {
	width: 100%;
	margin: 10px 0;
}

table.cart-content td, table.cart-content th{
    padding: 10px;
    text-align: center;
}

tr.cart-summary td {
	background: #9C5E2F;
	color: #fff;
    border-spacing: 10px;
    border-top: 1px solid #FBD446;
    margin-top: 10px;
}

table.cart-content thead th {
    background: #9C5E2F;
    color: #fff;
    padding: 10px;
}

.cart-links {
    margin: 10px 0;
    font-weight: bold;
    font-size: 12px;
}

.cart-links a {
    color: #0050C0;
    text-decoration: none;
}

.cart-links a:hover {
    color: #E9A400;
}

form fieldset{
    margin: 10px 0 10px 0;
}

.cartItem { background: #FEEED2; border-top: 1px solid #F8DEB0; }

.my-orders{
    border-bottom: 1px dashed #cdcdcd;
    margin: 30px 0 0 0;
}

.my-orders table th{
    background-color: #cdcdcd;
}


form fieldset {
	padding: 10px;
	border: 2px solid #ECD8B4;
    margin: 10px 0 10px 0;
}

form fieldset input.formText {
	border: 0;
	padding: 6px 4px;
	background: url(images/search-input-bg.gif) 0 0 no-repeat;
    width: 136px;
    height: 17px;
}

input.count {
	border: 0;
	padding: 6px 4px;
	background: url(images/search-input-bg.gif) 0 0 no-repeat;
    width: 25px;
    height: 15px;
    border-right: 1px solid #D4D4D4;
    text-align: center;
}

textarea.textarea {
	border: 0;
	padding: 6px 4px;
	background: url(images/textarea.gif) 0 0 no-repeat;
    border: 1px solid #D4D4D4;
}

form fieldset legend {
	padding: 2px 5px;
	font-weight: bold;
}

form .input{
    overflow: hidden;
    clear: both;
    margin: 5px 0 5px 0;
}

form .input label{
	padding: 3px 0;
    font-weight: bold;
    display: block;
    float: left;
    width: 120px;
}

form .input input[type="text"]{
}

#errors{
	display: block; 
	padding: 10px;
	background: #D20909;
    list-style-type: none;
}

#errors li{
    color: #fff;
    font-size: 12px;
    margin: 5px;
    font-weight: bold;
}

#message { margin: 10px 0; padding: 10px; font-weight: bold; background: #ffffcf; }

.middle { vertical-align: middle; }
.cleaner { clear: both; }

.category a.cat { float: left; display: block; padding: 8px; background: #FAFDF3; border-bottom: 1px solid #DEF0AC; text-decoration: none; width: 470px; margin: 5px 0; font-weight: bold; }
.category span { margin: -28px 10px 0 0; }

.stavebna-cinnost { text-align: center; padding: 10px 0; border-bottom: 2px solid #F9E0B3; }
.stavebna-cinnost a { color: #6D401D; display: block; padding: 5px; font-weight: bold; }
.stavebna-cinnost img { border: 5px solid #F0D19A; padding: 1px; }