body {
  border-top: 4px solid #2a2722;
  background-color: #eae7e2;
  margin: 0;
  padding: 0;
  font-family: Verdana;
  font-size: 11px;
}

h1 {
  margin: 0;
  padding: 0;
}

.header {
  width: 760px;
  margin: 50px auto 0 auto;
}

.header .logo {
  background: transparent url('images/header.jpg') no-repeat left top;
  width: 760px;
  height: 200px;
  margin: 0 auto 25px auto;
  padding: 0;
  text-align: right;
  -moz-box-shadow: 0px 0px 10px #555;
  -webkit-box-shadow: 0px 0px 10px #555;
  box-shadow: 0px 0px 10px #555;
}

.header .logo h1 {
  font-size: 22px;
  display: inline-block;
  padding: 2px 5px;
  margin: 5px 5px 0 5px;
  color: #000;
  background: transparent url('images/white-transparent.png') repeat left top;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.header .logo small {
  padding: 2px 5px;
  display: inline-block;
  margin: 1px 5px 0 5px;
  color: #000;
  background: transparent url('images/white-transparent.png') repeat left top;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
}

.header ul {
  margin: 5px 0 15px 5px;
  padding: 5px 0 15px 5px;
  position: relative;
}

.header ul li {
  display: inline-block;
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
  border-right: 1px dotted #bbb;
}

.header ul li:last-child {
  border: none;
}

.header ul li a {
  text-decoration: none;
  color: #222;
  display: block;
  padding: 5px 13px 5px 13px;
  font-size: 12px;
}

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

.header ul li ul {
  margin: 0 0 0 0;
  padding: 0;
  background-color: #ccc;
  position: absolute;
  border: 2px solid #555;
}

.header ul li ul li {
  padding: 0;
  display: block;
  float: none;
  border-bottom: 1px solid #eee;
}

.header ul li ul li a {
  padding: 8px 13px 8px 13px;
}

.header ul li ul li a:hover {
  background-color: #aaa;
}

.wrapper {
  width: 100%;
  min-height: 300px;
  border-top: 2px solid #6e6e6e;
  border-bottom: 2px solid #222;
  padding: 0 0 30px 0;
  background-color: #343434;
}

.wrapper .line {
  width: 100%;
  height: 20px;
  background-color: #222;
}

.wrapper ul.nav {
  margin: 0 auto;
  width: 760px;
  padding: 10px 0;
}

.wrapper ul.nav li {
  list-style: none;
  display: inline-block;
  margin: 0 5px 0 0;
  padding: 0 12px 0 0;
  background: transparent url('images/nav.png') no-repeat right center;
  font-size: 10px;
}

.wrapper ul.nav li:last-child {
  background: none;
}

.wrapper ul.nav li a {
  text-decoration: none;
  color: #bbb;
}

.wrapper ul.nav li a:hover {
  text-decoration: underline;
  color: #fff;
}

.wrapper .content {
  margin: 0 auto;
  width: 760px;
}

.wrapper .content .w760 {
  width: 760px;
  color: #b3b3b3;
}

.wrapper .content .w550 {
  width: 535px;
  padding: 0 15px 0 0;
  color: #b3b3b3;
  float: left;
}

.wrapper .content .w210 {
  width: 180px;
  min-height: 300px;
  float: right;
  padding: 0 0 0 30px;
  color: #b3b3b3;
  background: transparent url('images/menu.png') no-repeat left top;
}

.wrapper .content .w210 h3 {
  color: #c5d30c;
  font-size: 17px;
  font-weight: bold;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  border-bottom: 1px dotted #aaa;
}

.wrapper .content a {
  color: #c5d30c;
  text-decoration: underline;
}

.wrapper .content a:hover {
  text-decoration: none;
}

.wrapper .content h2 {
  color: #c5d30c;
  font-size: 17px;
}

.wrapper .content h3 {
  color: #c5d30c;
  font-size: 14px;
}

.wrapper .content p {
  font-size: 12px;
  line-height: 19px;
}

.wrapper .content ul {
  margin: 0;
  padding: 0 0 0 25px;
}

.wrapper .content ul li {
  list-style: square;
  margin: 4px 0;
}

/* #navigation bottom */
div.menu_bottom {width: 760px;margin:0 auto;}
div.menu_bottom ul {padding:0;margin:0;}
div.menu_bottom li {height: 30px;padding: 0;display: block; float: left;}
div.menu_bottom li a {display: block;text-decoration: none;height: 30px;line-height: 30px;padding: 0 15px 0 15px;color: #000;text-transform: uppercase;font-size: 0.9em}
div.menu_bottom li.active a,
div.menu_bottom li a:hover {color:white;}
div.menu_bottom li ul { display:none; position: absolute; margin: 0; padding: 0;background-color: #fff; float: auto; border:1px solid #999;}
div.menu_bottom li ul li { display: block; float: none; height: auto; }
div.menu_bottom li ul li a { color: #000; background-color: #f3f3f3; height: 30px; line-height: 30px; }
div.menu_bottom li ul li a:hover {background-color: #d0d0d0; background-image: none; }

.footer {
  height: 30px;
  background: transparent url('images/footer.png') repeat-x left top;
  text-align: left;
}

.footer .inner {
  width: 760px;
  margin: 0 auto;
}

.footer p {
  margin: 0;
  padding: 15px 0;
  color: #222;
}

.footer .fright {
  float: right;
  width: 100px;
}

.footer a {
  color: #222;
}

.footer a:hover {
  color: #000;
  text-decoration: none;
}

.cleaner {
  clear: both;
}

.anketa { padding: 0 0 20px 0; }
.anketa .otazka { font-weight: bold; margin: 0 0 10px 0; }
.anketa .odpovedi .odpoved .bar { height: 3px; background-color: #626262; border: 1px solid #c5d30c; margin: 2px 0 10px 0; }

.fotogalerie { text-align: center; }
.fotogalerie .fotka { display: inline-block; }
.fotogalerie .fotka img { border: 1px solid #b7b7b7; padding: 3px; margin: 5px; }
.fotogalerie .fotka img:hover { border: 1px solid #c5d30c;}

.diskuze .novy td, .diskuze .novy table { border: none; }
.diskuze .prispevek { margin: 5px 0; padding: 10px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 18px; background-color: #222; color: #B3B3B3;}
.content .diskuze { margin: 0 0 30px 0;}
.content .diskuze .novy input { padding: 4px 5px; }
.content .diskuze .novy textarea { padding: 5px; height: 150px; width: 400px; line-height: 18px; }
.content .diskuze .novy { margin: 0 0 25px 0;}
.content .diskuze .novy td { padding: 5px 15px; }
.content .diskuze .novy td.tit { width: 80px; border-right: 1px solid #ccc; padding: 5px 0; font-size: 13px; }
.content .w210 .diskuze .novy { margin: 0 0 20px 0;}
.content .w210 .diskuze .novy input, .box .diskuze .novy textarea { padding: 2px; width: 124px; }
.content .w210 .diskuze .novy input.submit { width: 70px;}
.content .w210 .diskuze .novy textarea { width: 120px; height: 40px;}
.content .w210 .diskuze .novy td { padding: 3px 1px; }

.hs_goods { }
.content .hs_goods ul { margin: 0; padding: 0; float: left; list-style: none; }
.content .hs_goods ul li { margin: 0; padding: 0; display: block; float: left; width: 160px; height: 205px; padding: 5px 0; margin: 7px; text-align: center; background-color: #2a2a2a; border: 1px solid #aaa; line-height: 18px; }
.content .hs_goods .hs_goods_clear { clear: both; }
.content .hs_goods .hs_goods_img { height: 135px; }
.content .hs_goods .hs_goods_img img { border: 1px solid #aaa; }
.content .hs_goods .hs_goods_action { color: #bb0000; font-weight: bold; }
.content .hs_goods .hs_goods_form { text-align: right; padding: 0 0 10px 0; }
.content .w210 .hs_goods ul li { float: none; margin: 12px auto; width: 166px; margin: 4px; }
.content .w210 .hs_goods ul li a { background: none; padding: 0; margin: 5px; text-decoration: underline; font-style: normal; }