/* Vyladn layoutu */

* {
  margin:0;
  padding: 0;
}
body {
  font-family: Arial, Verdana, sans-serif;
  font-size: small;
  margin: 0;
}

/* ----- layout ----- */

#obal {
  width: 700px;
  margin: 0 auto;
}
#zahlavi {
  width: 100%;
  height: 100px;
  background: red;
}
#hlavni {
  width: 100%;
  float: left;
  background: yellow;
}
#menu {
  width: 25%;
  float: left;
}
#obsah {
  width: 75%;
  float: right;
}
#obsah-okraj {
  margin: 10px;
}
#zapati {
  width: 100%;
  float: left;
  background: silver;
}


/* ------ navigace ------ */
#menu ul {
  _width: 94%;              /* Oprava pro Internet Explorer 6 a star verze */
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menu li {
  background: #6bbeff;
  border: solid #0073cd;    /* rmeek kolem tlatek */
  border-width: 1px 1px 0px 1px;
  height: 1%;               /* oprava tlatek pro Internet Explorer 6 a star verze */
}
#menu .spodni {
  border-bottom: 1px solid #0073cd;
}
#menu a {
  display: block;           /* odkaz se rozthne pes celou poloku nabdky */
  width: 163px;             /* pro IE 6 a star */ 
  height: 100%;             /* pro IE 6 a star */
  padding: 3px 5px;         /* odsazen textu tlatek od okraj */
  color: #000;              /* barva textu tlatek */
  font-size: 105%;
  font-weight: bold;
  text-decoration: none; 
}
#menu h2 {
  display: none;            /* zruen vykreslovn nadpisu */
}


/* ---- obsah ----- */

h1, h2 {
  margin-top: 0;
  font-family: Georgia, "Times New Roman", serif; 
}
h1 {
  font-size: 160%;
  margin: 0 0 10px 0;
}
h2 {
  font-size: 120%;
  margin: 10px 0 5px 0;
}
p {
  font-size: 90%;
  margin: 0 0 5px 0;
}
#zapati p {
  margin: 5px;
  text-align: center;
}
ul {
  font-size: 90%;
  margin: 0 0 5px 20px;
}
a {
  color: #000;
  font-weight: bold; 
}
