body {
  margin: 0 auto;
  font: 90%/1.3 "Sans Serif", Arial, sans-serif;
  background: #9a765a url('img/body-bg.jpg') repeat-x 0 bottom;
  text-align: center;
}

/* default elements */

a {
  color: #633331;
}

h3, h4, h5, h6 {
  margin: 10px 0 0;
  color: #6f4c22;
}

h2 {
  margin: 0 0 10px;
  color: #9f7a4f;
  font-size: 1.8em;
  border-bottom: 6px solid #9f7a4f;
}

/* basic layout */
#wrapper {
  background: url('img/body.png') repeat-x 0 0;
}
#all {
  width: 960px;
  margin: 0 auto;
  background: #fff;
  text-align: left;
}
#all.home {
  background: #fff url('img/all-bg.png') no-repeat 0 200px;
}
.left {
  width: 200px;
  float: left;
}

.middle {
  width: 760px;
  float: left;
}

.middle.full {
  width: 960px;
  float: none;
}

.right {
  width: 200px;
  float: right;
}

#main.gallery {
  background: url('img/main-bg.png') repeat-y 200px 0;
}

#footer {
  background: #fff;
  text-align: right;
  border-top: 1px solid #633331;
  font-size: 0.8em;
  padding-right: 5px;
}

.cleaner {
  height: 1px;
  clear: both;
  font-size: 1px;
  line-height: 1px;
}

.in {
  padding: 1em;
}

/* header */
#header {
  height: 180px;
  position: relative;
  background-color: #6d3e19;
}

.bg1 {
  background: #6d3e19 url('img/bg-1.jpg') no-repeat 0 0;
}

.bg2 {
  background: #6d3e19 url('img/bg-2.jpg') no-repeat 0 0;
}

.bg3 {
  background: #6d3e19 url('img/bg-3.jpg') no-repeat 0 0;
}

.bg4 {
  background: #6d3e19 url('img/bg-4.jpg') no-repeat 0 0;
}

#header h1 {
  margin: 0;
}

#header h1 a {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 15px;
  width: 294px;
  height: 24px;
  background: url('img/h1-bg.png') no-repeat 0 0;
}

#header h1 a span {
  display: none;
}

/* top menu */
.topmenu {
  background: #efdac2;
  border-top: 1px solid #fff;
  height: 30px;
}

.topmenu ul {
  margin: 0;
  padding: 0;
  background: #efdac2;
  font-size: 1.4em;
}

.topmenu ul li {
  float: left;
  width: 140px;
  list-style-type: none;
}

.topmenu ul li a {
  display: block;
  background: #efdac2;
  border-bottom: 4px solid #6f4c22;
  text-align: center;
  text-decoration: none;
  height: 26px;
}

.topmenu ul li a:hover,
.topmenu ul li a.selected {
  background: #6f4c22;
  border-bottom: 4px solid #9f7a4f;
  color: #fff;
}

/* left */
.left h3 {
  margin: 0 0 10px;
  background: #633331;
  color: #fff;
  padding-left: 1em;
  font-size: 1.2em;
  border-right: 20px solid #efdbc6;
  height: 20px;
}

.menu {
  margin-bottom: 1em;
}

.menu ul {
  margin: 20px 0;
  padding: 0 0 0 20px;
}

.menu ul li {
  list-style-type: circle;
  color: #9f7a4f;
  margin: 0.25em 0;
}

.menu ul li:hover,
.menu ul li.active {
  list-style-type: disc;
}

.menu ul li a {
  display: block;
  _display: inline;
}

/* middle */
#main #nav {
  padding-top: 3px;
  height: 17px;
  background: #eff7ef;
  font-size: 0.8em;
  font-style: italic;
  padding-left: 1em;
}

#main .middle {
  font-size: 1.2em;
}

#info h4 {
  margin: 10px 0;
  padding: 5px;
  border: 1px solid #633331;
  background: #eff7ef;
}

.kontakty p {
  margin-top: 0;
}

/* footer */

/* galerie */
.home #gallery .center {
  margin: 0 auto;
  width: 540px;
}
#gallery h3 {
  margin-bottom: 15px;
}
#gallery a img {
  padding: 3px;
  border: 1px solid #8f582c;
}
#gallery a:hover img {
  background: #efdac2;
}
.photo-box {
  width: 168px;
  text-align: center;
  float: left;
  margin: 0 10px 10px 0;
}
.photo-label {
  font-style: italic;
  line-height: 1.1em;
  font-size: 0.75em;
}

/* admin */
#addm {
  border: 1px solid #8f582c;
}

#addm label {
  width: 150px;
  display: block;
  float: left;
}

#addm .textInput {
  border: 1px solid #633331;
}

.admin-table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 10px;
  border: 1px solid #8f582c;
}

.admin-table th {
  background: #633331;
  color: #fff;
  border: 1px solid #8f582c;
}

.admin-table td {
  border: 1px solid #8f582c;
}

.admin-table td.center {
  text-align: center;
}