/* CSS Document */

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: url('img/body-bg.gif') repeat;
  font-family: "Arial", "Helvetica", sans-serif;
}

#obal {
  margin: 0 auto;
  width: 770px;
}

/* horni-logo */

#horni-logo {
  height: 59px;
  background: url('img/horni-logo-bg.gif') top left no-repeat;
  margin-bottom: 6px;
}

#horni-logo a {
  display: block;
  width: 100%;
  height: 100%;
}

#horni-logo span {
  display: none;
}

/* spodni-logo */

#spodni-logo {
  height: 104px;
  position: relative;
  margin-bottom: 6px;
}

#spodni-logo h1 {
  margin: 0;
  padding: 0;
}

#spodni-logo span {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 770px;
	height: 104px;
	margin: 0;
	padding: 0;
	background: url('img/spodni-logo-bg.jpg') top left no-repeat;
}

/* menu */

#menu {
  height: 38px;
  margin: 0;
  padding: 0;
  background: url('img/menu-ul-bg.gif') left 35px no-repeat;
}

#menu ul {
  padding: 0;
  margin: 0 0 0 25px;
  list-style: none;
  
}

#menu li {
  float: left;
  width: 144px;
  height: 38px;
  background: url('img/menu-pasive-bg.gif') top left no-repeat;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-top: 12px;
  color: black;
  margin: 0;
}

#menu li.aktiv {
  background: url('img/menu-aktiv-bg.gif') top left no-repeat;
}

#menu a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #3E1102;
}

#menu a:hover {
  color: red;
}

/* POLE */

#pole {
  padding: 0;
  margin: 0;
  _margin-top: -12px;
  background: url('img/polev-bg.gif') repeat-y;
}

#polev {
  background: url('img/pole-bg.gif') top left no-repeat;
  padding: 1em 25px 0.2em 25px;
  font-size: 90%;
  line-height: 1.6;
  letter-spacing: 0px;
}

#pole p {
  margin-top: 0;
  text-align: justify;
}

#pole h2 {
  margin: 1em 0;
  font-size: 125%;
  color: #512210;
}

#pole h3 {
  margin: 0.6em 0;
  font-size: 110%;
  color: #934021;
}

#pole strong {
  color: #512210;
}

#pole a { color: #512210; }
#pole a:hover { color: #934021; }

address {
  margin-bottom: 1.5em;
}

/* PATICKA */

#paticka {
  background: url('img/paticka-bg.gif') top left no-repeat;
  padding: 18px 0 4px 0;
}

#paticka p {
  margin: 0;
  padding: 0;
  font-size: 10px;
  text-align: center;
  color: #3E1102;
}

#paticka a { color: #3E1102; }

/* tabulka */

table {
  font-size: 90%;
}

td {
  vertical-align: top;
  padding: 0 1em;
  border: 1px solid #934021;
  text-align: left;
}

td.mesic {
  font-weight: bold;
  color: #934021;
  padding: 1em 0 0 0;
  font-size: 125%;
  border: 0;
}

/* dva sloupce */

#l33p {
  width: 33%;
  float: left;
}

#r66p {
  width: 66%;
  float: left;
}

#r66p h3 {
  margin-top: 0;
}

hr.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0;
  padding: 0;
  border: none;
  visibility: hidden;
}

/* formular */

#fieldset {
  padding: 1em;
}

label {
  float: left;
  width: 25%;
  margin-right: 0.5em;
  padding-top: 0.2em;
  text-align: right;
  font-weight: bold;
  font-size: 85%;
  margin-top: 1em;
}

fieldset { border: 1px solid #934021; margin-top: 1em;}

legend {
  padding: 0.2em 0.5em;
  border: 1px solid #934021;
  color: #934021;
  font-size: 85%;
  text-align: right;
}

input#jmeno, input#mejl, input#telefon, textarea#text {
  width: 310px;
  margin-top: 1em;
}

p#ovl-form {
  border: 1px solid #934021;
  margin: 1em;
  background: #FFDCCD;
  text-align: center;
}

input#submit, input#reset { margin: 1em; }