body {
  font-size: 62.5%;
  font-family: Trebuchet MS;
  background: rgb(105,115,132);
  text-align: center; 
  padding: 0;
  margin: 0; 
}   

#obal {         
  width: 75em;  
  max-width: 95%;
  min-width: ;
  margin: 0 auto;   
} 

#logo {
  height: 86px;
  background: rgb(11,47,135);
}

#logo img {
  max-width: 100%;
  max-height: 86px;
}

#menu { 
  color: white;
  background: rgb(11,47,135); 
  border: 1px solid rgb(75,79,82);
  padding: 0.7em 0 0.7em 0;    
}

#obsah {
  font-size: 1.3em;
  border: 1px solid rgb(75,79,82);
  border-top: 0;
  background: rgb(237,231,219);
  color: rgb(51,51,0);
  text-align: left;
  padding: 3em 3em 3em 3em;
}

#zapati {
  font-size: 1.2em;
  color: white;
  border: 1px solid rgb(75,79,82);
  border-top: 0;
  background: rgb(11,47,135);
} 

/* Form ------------------------------------------------------------------*/ 
form {
  width: 50%;
  margin: 0 auto;
}

fieldset {
  border: 1px solid rgb(215,208,194);
  border-right: 30px solid rgb(215,208,194);;
  background: rgb(229,222,210);
  padding: 2em 2em;
}

label {
  font-weight: bold;
  display: block;
  float: left;
  clear: left;
  width: 5em;
}

input {
  border: 1px solid rgb(215,208,194);
  display: block;
  float: left;
}

textarea {
  border: 1px solid rgb(215,208,194);
  display: block;
}

input[type=submit] {
  width: auto; 
}

br { 
  clear: both; 
} 

.error {
  color: red;
  font-weight: bold;
  margin-left: 1.5em;
}    

/* Zapati ------------------------------------------------------------------*/
#zapati a {
  color: white;
}

#zapati a:hover {
  color: red; 
}