body {
  color : #666666; 
  font-size : normal; 
  font-family: serif; 
  margin : 0; 
  text-align: center;
  background : url('./img/bg_body.jpg') center top repeat-x #A3A3A3; 
} 
#top  {
  width: 100%;
  height: 242px;
  margin: 0;
  background : url('./img/top1.jpg') center top no-repeat; 
  position:relative;
}
#middle  {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position:relative;
  background : url('./img/middle.jpg') center top repeat-y #949492; 
}
#middle #table  {
  width: 983px;
  margin: 0 auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position:relative;
}
#bottom  {
  width: 100%;
  height:40px;
  margin: 0 auto;
  text-align: center;
  background : url('./img/bottom.jpg') center top no-repeat #A3A3A3; 
  position:relative;
}
#left  {
  width: 186px;
  margin: 0;
  padding: 15px 0;
  float: left;
  position:relative;
}
#right  {
  width: 795px;
  text-align: center;
  margin: 0;
  padding: 15px 0;
  float: right;
  position:relative;
}
#right p {
  text-align: left;
  clear: both;
  position:relative;
}
#right h3 {
  text-align: left;
  clear: both;
  position:relative;
}
p  {
  margin: 5px 10px;
  padding: 5px;
  position:relative;
}
p.r  {
  margin: 0 10px 10px;
  padding: 5px;
}
h2  {
  font-size : 120%; 
  font-weight: normal;
  text-align: left;
  color: #404040;
  position:relative;
}
h3  {
  font-size : 110%; 
  font-weight: normal;
  margin: 10px 10px 0;
  padding: 5px 5px 0;
  text-align: left;
  color: #404040;
  position:relative;
}
h2.m  {
  margin: 10px;
  padding: 5px;
  color: #15608A;
}
h2.r  {
  margin: 10px 10px 0;
  padding: 5px 5px 0;
}
h2 a  {
  color: #15608A;
  text-decoration: none; 
}
h2 a:hover  {
  color: #000000;
  text-decoration: underline; 
}
#left h2  {
  margin: 0;
  padding: 9px 0 9px 35px;
  color: #404040;
}
#left h3  {
  text-align: left;
  font-weight: normal;
  font-size : 80%; 
  margin: 0;
  padding: 0 0 0 20px;
  color: #404040;
  background : #E8E8E8; 
}
#left h3 a  {
  color: #15608A;
  text-decoration: none; 
}
#left h3 a:hover  {
  color: #000000;
  text-decoration: underline; 
}
#left h2.a  {
  color: #ffffff;
  background : url('./img/h2.jpg') 5px 8px no-repeat #15608A; 
}
#left h2 a  {
  color: #000000;
  text-decoration: none; 
}
#left h2.a a  {
  color: #ffffff;
  text-decoration: none; 
}
#left a:hover  {
  color: #ffffff;
}
#flashcontent {
		height: 640px;
		margin: 0;
		padding: 0 5px 0 0;
  position:relative;
}
caption {
  font-family: serif; 
}
#left a.gr  {
  color: #333333;
  text-decoration: underline; 
}
img.center  {
  margin: 5px;
  border: 1px solid #000000;
  position: relative;
}
img.left  {
  margin: 10px 15px 0;
  border: 1px solid #000000;
  position: relative;
}
img.right  {
  margin: 10px 15px 0;
  border: 1px solid #000000;
  position: relative;
}
div.kontakt {
  text-align: right;
  margin: 20px;
  float: right;
  width: 350px;
  position: relative;
}
#right p.kontakt {
  clear: none;
  float: left;
  position:relative;
}
p.ok {
  color: green;
  font-weight: bold;
  position: relative;
}
p.chyba {
  color: red;
  font-weight: bold;
  position: relative;
}
p.uvod {
  margin: 0 10px 10px;
  padding: 0 5px 5px;
  position: relative;
}
