/* default */

body {
  background: #D5B5D4 url(../images/body-bg.jpg) repeat-x;
}

fieldset {
  background-color: #DFE2FF;
}

input, textarea {
  border-width: 1px;
}
input[disabled], input.disabled {
	border: 1px solid #999 !important;
	background-color: #ddd !important;
}

/* main */

#header {
}

#main {
  width: 1000px;
  background: url(../images/img-main-bg-2.jpg) repeat-y;
  min-height: 700px;
}
#main-inner {
  width: 100%;
}
#content-box {
  width: 1000px;
  min-height: 100px;
  background: url(../images/img-main-bg.jpg) no-repeat;
}

#content {
  width: 787px;
  min-height: 750px;
  float: left;
  font-size: 90%;
  color: #505050;
}
#content-inner {
  padding: 0ex 20px 20px 0;
}
#content h1 {
  color: #8EC78B;
  margin: 0.8ex 0 0 0;
}
#content h1 {
  text-transform: lowercase;
}
#content h2 {
  color: #901D78;
  font-size: 120%;
  margin: 2ex 0 1ex 0;
  font-weight: bold;
}
#content h3 {
  color: #318F2C;
  font-size: 105%;
  font-weight: bold;
  margin: 2ex 0 1ex 0;
}
#content img.right, #content img.pic {
  padding: 0 0 0 5px;
}
#content a:link {
  color: #198013;
}
#content a:visited {
  color: #022F00;
}

#content ul li {
  background: url(../images/od1.gif) no-repeat 0px 5px;
  margin: 0 0 5px 15px;
  padding: 0 0 0 15px;
  line-height: 125%;
} 

#h1 {
  padding-top: 10px;
  margin-bottom: 15px;
}

#left {
  width: 213px;
}
#left-inner {
  margin: 8px 0px 0 0px;
}
#left h2 {
  font-size: 110%;
  font-weight: bold;
}

#footer {
  width: 1000px;
  height: 7px;
  background: url(../images/img-footer.jpg) no-repeat;
}

#partners { font-size: 80%; text-align: center; margin-top: 10px; }

#nav-info {
  background-color: #E1E1E1;
  margin: 3px 0 0 0;
  padding: 5px;
  font-size: 85%;
}
#nav-info span {
  font-weight: bold;
}
#nav ul li {
  background: none;
}

/* news */

#news {
	margin: 15px 10px 0 0;
}

#news .box-title {
  height: 63px;
  background: url(../images/img-news-title.jpg) no-repeat;
}
#news .box-title h2 {
  padding-left: 68px;
  padding-top: 20px;
  font-size: 90%;
}

#news-bg {
}

.news {
	margin-top: 5px;
  font-size: 90% !important;
}
.news h2 {
  font-size: 100% !important;
}
.news .datum {
  color: #FF0000;
  font-weight: bold;
} 
.news .title {
	margin: 4px 0 4px 0;
}
.news-text {
  color: #929292;
  font-size: 85%;
}
.news .title, .news .datum, .news-text, .news-info {
  padding-left: 20px;
}
.news_sep {
	width: 85%;
  background: url(../images/img-news-sep.jpg) no-repeat;
  margin: 15px 0 0 10px;
  height: 10px;
}

/* layout */
#logo-box {
  width: 200px;
  height: 188px;
  float: left;
}
#img-logo {
	width: 200px;
	height: 94px;
}
#img-cart {
  width: 200px;
  height: 94px;
  background: url(../images/img-cart.jpg) no-repeat;
}

#img-zahrada {
  width: 196px;
  height: 188px;
  float: left;
  background: url(../images/img-zahrada.jpg) no-repeat;
}
#img-velkoobchod {
  width: 195px;
  height: 188px;
  float: left;
  background: url(../images/img-velkoobchod.jpg) no-repeat;
}
#img-pole {
  width: 195px;
  height: 188px;
  float: left;
  background: url(../images/img-pole.jpg) no-repeat;
}
#img-les {
  width: 214px;
  height: 188px;
  float: left;
  background: url(../images/img-les.jpg) no-repeat;
}

#img-search {
  width: 200px;
  height: 56px;
  float: left;
  background: url(../images/img-search.jpg) no-repeat;
  position: relative;
}
#img-nav {
  width: 800px;
  height: 56px;
  float: left;
  background: url(../images/img-nav.jpg) no-repeat;
}

#header .popis-top a {
  position: relative;
  color: #7B7B7B;
  font-size: 120%;
  display: block;
  width: 195px;
  height: 140px;
  top: 45px;
  text-align: center;
  text-decoration: none;
}

/* nav */

#nav {
	position: absolute;
	height: 20px;
  font-size: 90%;
  top: 208px;
  left: 240px;
}
#nav a {
  color: #FFFFFF;
  padding-top: 0px;
}
#nav a:hover {
  color: #FFFF00;
  text-decoration: underline;
}

#nav li {
  padding: 0 10px 0 0px;
}
#nav li.menu_sep {
  border-left: 1px solid #D8D8D8;
  width: 1px;
  height: 18px;
}

/* eshop */

#filter-top, #filter-bottom {
  background-color: #FFFFFF;
  width: 99%;
}
#filter-top ul li, #filter-bottom ul li {
  background: none;
}
.filter {
  background-color: #EFEFEF;
  padding: 2px;
  width: 100%;
}

#eshop-menu {
  padding-left: 10px;
  padding-right: 10px;
}

#eshop-menu h2 {
  font-size: 90%;
  margin-bottom: 5px;
}
#eshop-menu h2 a {
  color: #A54B93;
}

#eshop-menu ul {
}
#eshop-menu li {
  background: #EBEBEB url(../images/e-off.gif) no-repeat 5px;
  margin: 2px 0 0 0;
  padding-left: 15px;
}
#eshop-menu li.active {
  background: #A4A4A4 url(../images/e-on.gif) no-repeat 5px;
}
#eshop-menu li:hover {
  background: #D4D4D4 url(../images/e-off.gif) no-repeat 5px;
}
#eshop-menu li a {
  color: #7F7F7F;
  color: #188113;
  font-size: 90%;
  display: block;
  text-decoration: none;
}
#eshop-menu li.active a {
  color: #FFFFFF;
}

#eshop-menu li.level1 {
  background-position: 5px;
  padding-left: 15px;
  margin: 1px 0px 0 5px;
}
#eshop-menu li.level2 {
  background-position: 5px;
  padding-left: 20px;
  margin: 1px 0px 0 10px;
}

.item-list h3 {
  margin: 0 0 0 5px !important;
}
.item-list .title2 { color: #FFFFFF; }

.item-list .box {
  border: 1px solid #A4A4A4;
}

.item-list h2 {
  height: 35px;
  border-bottom: 1px solid #4B4D97 !important;
  margin-top: 0px !important;
  background-color: #901D78;
  font-size: 100% !important;
}

.item-list h2 a {
  color: #FFFFFF !important;
}

.item .info td, .item .info th {
  font-weight: bold;
  color: #727272;
  background: url(../images/dotted.gif) repeat-x bottom left;
  border: none !important;
}

.item-detail .image {
  float: right;
}
.item-detail .info {
  float: none;
  width: 100%;
}

.item-detail .info table {
  width: 50%;
  font-size: 80%;
  border: none !important;
}

#popis-produktu, #popis-akce {
  background-color: #EFEFEF;
  color: #909090;
  font-size: 80%;
}

.item-list .info {
  min-height: 200px;
}
.item-list .info .info1 {
  width: 100%;
}
.item-list .info1 table {
  width: 100%;
}

.item-cena_dph {
  font-weight: bold !important;
}
.row-item-unit td, .row-item-unit th { background-color: #EFC2E7 !important; }
.item-unit {
  font-weight: bold !important;
  color: #901D78 !important;
  font-size: 130%;
}

/* kosik */

#kosik-box {
  position: relative;
  width: 120px;
  top: 5px;
  left: 65px;
}

#kosik {
  color: #818181;
  font-size: 80%;
}
.cart-empty {
	padding-top: 15px;
  text-align: center;
}

/* kosik detail */

#kosik-detail th {
  background-color: #D7D7D5;
  border: 1px solid #9E9E9E;
}
#kosik-detail td {
  border: 1px solid #9E9E9E;
}
#kosik-detail tr.row-odd td {
  background-color: #F3F3F3;
}
#kosik-detail tr.row-even td {
  background-color: #E0EFE2;
}

/* search */

#search-title {
  color: #818181;
  position: absolute;
  top: 20px;
  left: 12px;
  font-size: 85%;
}
#search-input {
  position: absolute;
  left: 55px;
  top: 19px;
  border: none;
  background: transparent;
  width: 117px;
  height: 19px;
}
#search-submit {
  position: absolute;
  left: 177px;
  top: 17px;
  border: none;
  background: transparent;
}

/* consult */
#consult img { }
#consult form .column1 { width: auto; }

/* akce */
.akce-icons li {
  width: 70px;
}

.katalog-text img {
  padding: 0px;
}

.button, .submitForm {
  font-size: 85%;
  background-color: #901E78;
  color: #F0F0F0;
  padding: 0px 2px 2px 2px;
  border: 1px solid #E0E0E0;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-right-color: #B0B0B0;
  border-bottom-color: #B0B0B0;
  cursor: pointer;
}
.submitForm:hover {
  background-color: #3B3B3B;
}

.katalog-text {
  margin-bottom: 2ex;
}
.katalog-text .column1 {
}

.frame {
  width: 60%;
  margin: 10px 0 10px 0;
  padding: 0 10px 10px 10px;
  border: 1px solid #A0A0A0;
  background-color: #EFEFEF;
}
.frame-box {
  border: 1px solid #8EC78B;
  background-color: #EFEFEF;
  background-color: #F5F5F5;
}
.frame-box .inner {
  padding: 10px 10px 10px 10px;
}
.frame-box-bottom {
  margin-bottom: 10px;
}
.frame-box p {
}
.column1 {
	width: 415px;
  text-align: justify;
}
.column2 {
	width: 325px;
	text-align: right;
}
.padded1 {
  padding: 10px 10px 10px 10px;
}
.padded2 {
  padding: 10px 10px 10px 10px;
}

.frame-box .padded1 {
  padding: 0px 0px 10px 0px;
}
.frame-box .padded2 {
  padding: 0px 0px 0px 0px;
}

.column1 h3 {
	margin: 0 0 0 0 !important;
}

/* orders */
table.list th {
	background-color: #8CA6D5;
	color: #FFFFFF; 
}
tr.active td {
  background-color: #FFF7BF;
}

.noborder {
  border: none !important;
}

table.detail td {
  background-color: #EFF5FF;
}

/* category-list */

.section-row {
  width: 95%;
  position: relative;
  background-color: #F5F5F5 !important;
  padding: 10px;
  margin-bottom: 45px;
}
.section-row h2 {
  margin-top: 0ex !important;
  padding-top: 0ex !important;
}
.section-row .image {
	float: right;
	margin: 0 0px 5px 10px;
  padding: 0;
}
.section-row img {
  padding: 0 0 0 0;
}
.section-row .text {
  padding-bottom: 10px;
  text-align: justify;
}
.katalog-sekce .more-info {
  color: #A0A0A0;
  position: absolute;
  display: block;
  background: none;
  bottom: -37px;
  left: 45%;
  width: 200px;
  padding-left: 50px;
  text-align: left;
  padding: 0;
}
.katalog-sekce .more-info img {
  float: left;
  margin-right: 10px;
}
.katalog-sekce .more-info span {
  padding: 15px 0 0 0px;
  display: block;
  font-size: 90%;
}
.katalog-sekce .more-info a {
  text-decoration: none !important;
}
.katalog-sekce .more-info2 {
  clear: right;
  float: right;
}

.image-border {
  border: 3px solid #CFCFCF;
}

/* test */

.item-list .image {
}

ul.nav li {
  float: left;
}

.login-info {
  float: right;
  font-weight:bold;
}

.list-box {
  padding-top: 5px;
}

