html  {height: 100%;}
body {
    font-family: arial, verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: #666666;
}
table {
    text-align: center;
}
#main {
  width: 815px;
  margin-left: auto; 
  margin-right: auto;
  margin-bottom: 10px;
  margin-top: 5px;
  background-color: #DEDEDD;
  border: 0px white solid;
  font-size: 14px;
  padding: 10px 10px 10px 10px;
}
#logo  {
  position: relative;
  width: 100%;
  height: 110px;
  background-color: #DEDEDD;
  border: 0px green solid;
  /*background-image: url("img/pozadi/header_image.jpg");*/
  background-repeat: no-repeat;
  text-align: center;
}
#logo_left	{
  position: relative;
  width: 157px;
  height: 100px;
  float: left;
  background-color: #DEDEDD;
  border: 0px blue solid;
  text-align: center;
}
#logo_right	{
  position: relative;
  width: 650px;
  height: 100px;
  float: right;
  background-color: #71706E;
  border: 0px black solid;
  text-align: center;
}
#logo_right h1	{
  text-align: right;
  color: white;
  padding: 10px;
  margin: 0px;
}
#logo_right h1 a	{
  color: white;
  text-decoration: none;
}
#logo_right h2	{
  text-align: right;
  color: #DEDEDD;
  padding: 10px;
  margin: 0px;
}
#menu {
  width: 100%;
  height: 30px;
  background-color: #969593;
  border: 0px yellow solid;
  font-variant: small-caps;
  text-align: left;
  font-size: 20pt;
}
#content {
  width: 795px;
  background-color: #DEDEDD;
  border: 0px black solid;
  color: black;
  padding: 10px;
  margin-bottom: 20px;
  display: block;
  overflow: visible;
}
#content h1	{
  font-size: 18px;
}
#content h2	{
  font-size: 14px;
  padding-top: 20px;
}
#content img {
  border: 1px #29387B solid;
}
#content_left {
  float: left;
  width: 290px;
  border: 1px red solid;
  position: relative;
  overflow: visible;
}
#content_right {
  float: right;
  width: 500px;
  border: 1px blue solid;
  position: relative;
  display: block;
  overflow: visible;
}
#footer {
  width: 795px;
  background-color: #969593;
  border: 0px black solid;
  color: #233C74;
  text-align: center;
  font-size: 12px;
  padding: 10px;
  font-size: 10pt;
  font-weight: bold;
}
#footer a {
  color: #233C74;
}
#about {
  color: #969593;
  font-size: 8pt;
  margin-bottom: 30px;
}
#about a {
  color: #969593;
}
#menu_blue {
  padding: 10px; 
  margin-bottom: 40px; 
  float: right;
  width: 450px; 
  background-color: #233C74; 
  color: white;
  font-weight: bold;
}
#menu_blue a {
  color: #DEDEDD;
  display: block;
  border: #71706E 1px solid;
  padding: 10px;
  margin-left: 2px;
  float: left;
}
.ramecek {
  color: #233C74;
  display: block;
  width: 550px;
  border: #233C74 1px solid;
  padding: 10px;
  margin-left: 110px;
  text-align: center;
}
.ramecek h2 {
  font-size: 15px;
  padding: 0px;
  margin: 0px;
}