body {
    color: #444444;
    background-color: #EEEEEE;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 80%;
}
h1 {}
h2 { font-size: 1.2em; }
h1,h2,h3,h4,h5,h6 { 
    padding: 0 10px;
}
#page{
    background-color: #FFFFFF;
    width: 60%;
    margin: 24px auto;
    padding: 12px;
}
#header{
    padding: 6px ;
    text-align: center;
}
.header{ background-color: #83A342; color: #FFFFFF; }
#content {
    padding: 4px 0 24px 0;
}
#footer {
    color: #666666;
    background: #f9f9f9;
    padding: 10px 20px;
    border-top: 5px #efefef solid;
    font-size: 0.8em;
    text-align: center;
}
#footer a {
    color: #999999;
}

/* content bude grid jako tabulka a row budou řádky  */
.header{
    background-color: #83A342;
    color: #FFFFFF;
    padding: 10px;
    border-radius: 5px;
}
/* Obecně obsah i hlavičku chceme chovat jako tabulku */
.header,
.content {
  display: table;
  width: 100%;
  border-collapse: collapse; 
  margin-bottom: 1em;
}

/* Každý .row je řádek */
.row {
  display: table-row;
}

/* Každý div v rámci .row je buňka ve stylu tabulky */
.row > div {
  display: table-cell;
  padding: 8px;
  border: 1px solid #ddd;
  vertical-align: middle;
}

/* Zvláštní styl pro hlavičku */
.hd.row > div {
  font-weight: bold;
  background-color: #f0f0f0;
}

.row:hover {
  background-color: #f0f0f0;
}