* {
    margin: 0;
    padding: 0;
}
body {
    background: #efeeee url('/media/images/body-bg.png') repeat-x left top;
    color: #000;
    font-family: Calibri, Arial, helvetica, sans-serif;
    font-size: 88%; /* 100% == 16px */
    height: 100%;
    line-height: 127%;
}
.non-visible {
    height: 1px !important;
    left: -5000px !important;
    overflow: hidden !important;
    position: absolute !important;
    top: -5000px !important;
    width: 1px !important;
}
.cleaner {
    clear: both !important;
    display: block !important;
    float: none !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
}
.no-display {
    display: none;
}
img {
    border: none;
}
ul,
ol {
    margin: 0 20px 20px 20px;
}
p {
    margin: 0 0 20px 0;
}
p.back {
    margin: 20px 5px 0 0;
    text-align: right;
}
a {
    color: #e0460b;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a.fake-button {
    background: transparent url('/media/images/button.png') no-repeat left top;
    color: #fff;
    display: block;
    height: 22px;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    width: 108px;
}
a.fake-button:hover {
    text-decoration: underline;
}
input.text {
    border: 1px solid #fff;
    padding: 1px;
}
.float-right {
    float: right;
}
.right {
    text-align: right;
}
.center {
    text-align: center;
}
#container {
    margin: 0 auto;
    position: relative;
    width: 950px;
}
#header {
    padding-bottom: 28px;
    .padding-bottom: 6px;
}
#header h1,
#header h3 {
    float: left;
    padding: 32px 0 0 24px;
}
#header h1 a,
#header h3 a {
    background: transparent url('/media/images/logo-zahradni-jezirka.png') no-repeat left top;
    display: block;
    height: 36px;
    width: 192px;
}
#header div.search {
    background: transparent url('/media/images/search-bg.png') no-repeat left top;
    float: left;
    margin: 26px 0 0 42px;
    .margin: 26px 0 0 21px;
    padding: 20px 0 10px 42px;
}
#header div.search input.submit {
    background-color: #215919;
    border: 1px solid #215919;
    color: #fff;
    margin-left: 10px;
    text-transform: lowercase;
}
#header #menu {
    margin: 27px 0 0 8px;
    .margin: 29px 0 0 8px;
}
#header #menu li {
    font-size: 129%;
    font-weight: bold;
    float: left;
    line-height: 117%;
    list-style-type: none;
    margin-right: 15px;
}
#header #menu a {
    color: #055609;
    display: block;
    text-decoration: none;
}
#header #menu a span.left {
    background: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 25px;
    padding: 4px 0 0 14px;
}
#header #menu a span.right {
    background: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    float: left;
    height: 29px;
    line-height: 0;
    width: 15px;
}
#header #menu a:hover span.left,
#header #menu a.active span.left {
    background: transparent url('/media/images/menu-item-left.png') no-repeat left top;
    color: #fff;
}
#header #menu a:hover span.right,
#header #menu a.active span.right {
    background: transparent url('/media/images/menu-item-right.png') no-repeat left top;
}
#main-content-top {
    background: transparent url('/media/images/main-content-bg.png') no-repeat left top;
    display: block;
    height: 10px;
    font-size: 0;
    line-height: 0;
}
#main-content {
    background-color: #fff;
    padding: 0 10px 30px 10px;
}
#navigation {
    margin-bottom: 10px;
}
#left-menu {
    float: left;
    margin-right: 15px;
    width: 194px;
}
#right-content {
    float: left;
    width: 721px;
}
#right-content.full {
    float: none;
    width: 930px;
}
#TB_ajaxContent {
    padding: 15px !important;
}
#right-content h1,
#TB_ajaxContent h1 {
    color: #fd4918;
    font-size: 171%;
    line-height: 117%;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#right-content h2,
#TB_ajaxContent h2 {
    color: #22591a;
    font-size: 142%;
    line-height: 117%;
    margin-bottom: 10px;
}
#right-content h3,
#TB_ajaxContent h3 {
    color: #22591a;
    font-size: 128%;
    line-height: 117%;
    margin-bottom: 10px;
}
#right-content ul li,
#TB_ajaxContent ul li {
    background: transparent url('/media/images/list-item.png') no-repeat left 5px;
    list-style-type: none;
    padding-left: 8px;
}
#ryby {
    background: transparent url('/media/images/ryby.jpg') no-repeat left top;
    display: block;
    height: 102px;
    left: 520px;
    position: absolute;
    top: 0;
    width: 444px;
}
form.common-form {
    background-color: #eee;
    border: 1px solid #22591a;
    margin-bottom: 40px;
    padding: 10px;
}
form.center-form {
    margin: 0 auto 40px auto;
    width: 250px;
}
form.left-form {
    width: 250px;
}
form.common-form label {
    display: block;
    margin: 10px 0 2px;
}
form.common-form label.first {
    margin-top: 0;
}
form.common-form input {
    display: block;
    font-size: 13px;
    padding: 5px;
    width: 95%;
}
form.common-form button {
    background: transparent url('/media/images/eshop/buy-btn-big.png') no-repeat left top;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 12px;
    height: 27px;
    margin-top: 10px;
    width: 131px;
}
#right-content div.success,
#right-content ul.errors {
    background-color: #fd4918;
    margin: 0 0 20px 0;
    padding: 10px;
}
#right-content ul.errors li {
    background: transparent url('/media/images/list-item2.png') no-repeat scroll left 6px;
}
#right-content div.success,
#right-content div.success a,
#right-content ul.errors li a {
    color: #fff;
}
#footer {
    color: #8b8585;
    font-size: 93%;
    line-height: 117%;
    margin: 40px 0 10px 0;
}
#footer a {
    color: #333;
}
#footer div.left {
    float: left;
}
#footer div.right {
    float: right;
}