/* CSS Document */

/******reset********/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { 
  margin: 0; 
  padding: 0; 
}

/******zakladni veci*********/

body {
  background: #fff;
  color: #000;
  font-family: Arial, sans-serif;
  text-align: center;
}

#container {
  width: 950px;
  height: auto;
  margin: 0 auto;
}

#header {
  width: 950px;
  height: 163px;
  background: #dededd url('../img/header.jpg') 0% 0% no-repeat;
  position: relative;
}

#header h1 {
  font-size: 1.4em;
  width: 249px;
  height: 163px;
  position: relative;
  float: left;
}

#header h1 strong {
  font-size: 1.5em;
}

#header h1 a {
  color: #d2214a;
  cursor: pointer;
}

#header h1 a span {
  width: 249px;
  height: 163px;
  position: absolute;
  left: 0;
  top: 0;
  background: transparent url('../img/logo.jpg') 0% 0% no-repeat;
}

#menu {
  width: 730px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 140px;
}

#menu ul {
  list-style: none;
  line-height: 1.05em;
  font-weight: bold;
}

#menu ul li {
  display: block;
  float: left;
  font-size: 0.65em;
  letter-spacing: 0.005em;
  width: 108px;
  height: 24px;
  margin-right: -20px;
}

#menu ul li a {
  display: block;
  width: 108px;
  height: 24px;
  color: #fff;
  line-height: 24px;
  text-decoration: none;
  background: url('../img/button.png') 0% 0% no-repeat;
}
#menu ul li a:hover {text-decoration:underline;}
#menu ul li a.active {
  color: #d22149;
  background: url('../img/hover.png') 0% 0% no-repeat;
}

#content {
  width: 950px;
  height: auto;
  padding: 30px 0;
  overflow: hidden;
  color: #424448;
  text-align: left;
  position: relative;
}

#content p.vodoznak {
  position: absolute;
  padding: 0;
  top: 100px;
  left: -5px;
  font-size: 7.2em;
  font-weight: bold;
  color: #f0f0f0;
}
#content div {  position: relative;
  z-index: 3;}
#left, #right {
  width: 475px;
  overflow: hidden;
  position: relative;
  z-index: 3;
}

#right {
  float: right;
}

#left {
  float: left;
}

#content h2 {
  margin: 5px 30px 10px 30px;
  font-size: 0.8em;
  font-weight: bold;
  letter-spacing: 0.01em;
  color: #d12149;
}

#content h3, #content h4, #content h5, #content h6 {
  font-family: 'Arial', sans-serif;
  margin: 10px 30px 5px 30px;
  font-size: 0.75em;
  font-weight: bold;
  letter-spacing: 0.01em;
  color: #d12149;
}

#content h4 {
  font-size: 0.70em;
}

#content h5 {
  font-size: 0.75em;
  text-transform: none;
}

#content h6 {
  font-size: 0.70em;
  text-transform: none;
}

#content p {
  padding: 5px 20px 5px 30px;
  font-size: 0.8em;
}

p span.red {
  color: #d12149;
}

p span.blue {
  color: #347fb9;
}

#paticka {
  width: 950px;
  height: 65px;
  background: #d12149 url('../img/pata.png') 0% 0% no-repeat;
  text-align: left;
  position: relative;
}

#paticka ul {
  list-style: none;
  float: left;
  margin-top: 13px;
  line-height: 10px;
}

#paticka ul li {
  color: #fff;
  font-size: 0.55em;
  padding-left: 15px;
}

#paticka ul li a {
  color: #fff;
}

#paticka p {
  float: right;
  color: #aaa9a9;
  font-weight: bold;
  font-size: 0.75em;
  line-height: 15px;
  padding: 10px;
}