/* base elements */

body {
  background: #EEE8DF url(../images/img_02.jpg) repeat-x;
  font-size: 90%;
}

/* layout */
#header li {
  margin: 0;
  padding: 0;
}

/* layout */
#img-03 {
  width: 285px;
  height: 201px;
  float: left;
}
#img-04 {
  width: 245px;
  height: 201px;
  float: left;
  background: url(../images/img_04.jpg) no-repeat;
}
#img-05 {
  width: 235px;
  height: 201px;
  float: left;
  background: url(../images/img_05.jpg) no-repeat;
}
#img-06 {
  width: 235px;
  height: 201px;
  float: left;
  background: url(../images/img_06.jpg) no-repeat;
}

.popis-top {
  width: 100%;
  height: 180px;
}
.popis-top a {
  color: #FFFFFF;
  padding: 5px 0 20px 23px;
  display: block;
}
.popis-top a:hover {
  color: #FFFF00;
  text-decoration: underline;
}

/* main */

#main {
  width: 1000px;
  background: url(../images/img_18.jpg) repeat-y;
  margin: 0 auto 0 auto;
  text-align: center;
  overflow: visible;
}
#main-inner {
  width: 100%;
	text-align: left;
	position: relative;
}

#content {
  width: 800px;
  float: left;
  min-height: 853px;
  line-height: 1.5;
  margin:0; padding: 0;
}
#content-body {
  min-height: 1000px;
  background: url(../images/img_14.jpg) no-repeat top right;
}
#content-top {
  width: 100%;
  _height: 72px;
  min-height: 72px;
  background: #F3F3F3 url(../images/img_10.jpg) no-repeat;
}
#content-inner {
  padding: 22px 12px 10px 10px;
}
#content #h1 {
  padding: 10px 10px 10px 20px;
}

#left {
  background: url(../images/img_11.jpg) no-repeat;
	width: 191px;
  min-height: 853px;
  float: left;
}
#left-inner {
  width: 100%;
  min-height: 500px;
}
/* footer*/
#footer {
  width: 100%;
  height: 14px;
  color: #FFFFFF;
  background: url("../images/img_19.jpg") no-repeat bottom left;
  clear: both;
}
#footer, #footer a {
  color: #FFFFFF;
}
#footer-ext {
  width: 100%;
  height: 14px;
  text-align: center;
  clear: both;
}
#footer-ext, #footer-ext a {
  color: #000000;
}
#footnotes {
  width: 100%;
  height: 25px;
  text-align: center;
  position: relative;
}
#copy {
  text-align: center;
  position: relative;
}

/* eshop menu */
#shop-menu {
  overflow: hidden;
  margin-left: 5px;
  margin-top: 3px;
}

#shop-menu img {
	border: none;
}

#shop-menu li {
  margin: 0 0 0 1px !important;
  padding: 0 0px 0 0px;
  vertical-align: bottom;
}
#shop-menu li.level1 {
  border-top: 1px solid;
}

#shop-menu li a {
  padding: 5px 5px 5px 5px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
}

#shop-menu .shop-sections li a {
	background: url(../images/eshop-dot.gif) no-repeat 0px 8px;
} 
#shop-menu li.active a {
  color: #FFFFFF;
  font-weight: bold;
}

#shop-menu li.level1 a {
  padding-left: 18px;
  background-position: 5px 8px;
}
#shop-menu li.level1 {
  background: none;
}
#shop-menu li.level2 a {
  padding-left: 23px;
  background-position: 10px 8px;
}
#shop-menu li.level3 a {
  padding-left: 28px;
  background-position: 15px 8px;
}

.shop-sections {
  margin: 0px 0 0 0;
  padding: 10px 0 10px 0;
}

#shop-menu li.expanded { background-color: #77869F; }
#shop-menu li.active { background-color: #033A9F; }

#fragment-2 { background-color: #405F99;  }

#fragment-2 li.level1 { border-color: #aabcdd; }
#fragment-2 li.level2 { background-color: #85a2d7;}
#fragment-2 li.level3 { background-color: #99B2DF; }
#fragment-2 li.active { background-color: #1b3a74; }
#fragment-2 li.active a { color: #FFFFFF; }

#fragment-1 { background-color: #0D550D; }

#fragment-1 li.level1 { border-color: #a4dea4; }
#fragment-1 li.level2 { background-color: #6bac6b;}
#fragment-1 li.level3 { background-color: #6bac6b;}
#fragment-1 li.active { background-color: #044104; }
#fragment-1 li.active a { color: #FFFFFF; }

#shop-menu .shop-sections li a:hover { background-color: #797979; }

/* extra */
#extra-menu { border-top: 6px solid #BFBFBF; background-color: #D0D0D0; }
#extra-menu li { border: none; border-bottom: 1px solid #F2F2F2; }

/* cart */
#cart-box {
  width: 200px;
  height: 74px;
  background: url(../images/img_09.jpg) no-repeat;
}

#cart {
	position: relative;
	left: 50px;
	top: 15px;
  width: 130px;
  height: 50px;
  font-weight: bold;
}

.cart-empty {
  text-align: center;
  padding-top: 15px;
}

/* top */
ul#top {
  margin: 0 0 0 10px;
  height: 220px;
}
#top li {
  float: left;
  text-align: center;
}
#top li a {
  display: block;
  padding: 30px 0 160px 0;
  color: #FFFFFF;
}
#top1 { width: 117px; }
#top2 { width: 93px; }
#top3 { width: 104px; }
#top4 { width: 106px; }
#top5 { width: 120px; }
#top6 { width: 124px; }
#top7 { width: 105px; }

/* nav */
#nav-info {
  padding: 0 0 0 20px;
  height: 35px;
}
#nav-info p {
  margin: 0 0 0 0;
  padding-top: 6px;
  color: #959595;
  font-weight: bold;
}

#nav-box {
  width: 1000px;
  height: 69px;
  background: url(../images/img_08.jpg) no-repeat; 
}

#nav {
  margin: 0;
  padding: 0;
  z-index: 3000;
  position: relative;
  top: 27px;
  left: 30px;
  width: 740px;
  height: 20px;
}
#nav li {
  margin: 0;
  padding: 0 10px 0 0px;
  list-style-type: none;
  float: left;
  position: relative;
}
#nav a {
  text-decoration: none;
  display: block;
  text-align: left;
  padding: 0;
  color: #FFFFFF;
}
#nav a:hover {
  color: #FFFF00;
  text-decoration: underline;
}
#nav li.sep {
  border-left: 1px solid #D8D8D8;
  width: 1px;
}
#nav li.active a { color: #FFFF00; }

/* subnav */
#subnav {
  float: left;
  position: relative;
  top: 5px;
  left: 25px;
}
#subnav li { float: left; display: block; padding: 0 5px 0 5px; }
#subnav li, #subnav li a { color: #FFFFFF; }
#subnav li.active { font-weight: bold; }

#navInfo { float:left; padding-left: 15px; position:relative; top: 5px;}
#navInfo, #navInfo a { color: #FFFFFF; }

/* search */
#search-box {
  position: absolute;
  top: 225px;
  right: 10px;
}
#search {
  width: 200px;
  float: left;
  text-align: center;
  position: relative;
}
#search .text {
  height: 18px;
  width: 120px;
  border: 1px solid #C0C0C0;
}
#search .button {
  height: 20px;
  font-size: 10px;
  background-color: #405F99;
}

/* general */
.menu-dot { background: url(../images/menu-dot.gif) no-repeat 3px 5px;
  padding-left: 20px;
}
.button { border: 1px solid #707070; background-color: #4B7696; color: #FFFFFF;
padding: 2px; }
@media handheld, projection, screen, tty, tv
{ .button { cursor: pointer; }
} 

.button:hover { border: 1px solid #000000; background-color: #37607F; }