body {
    margin: 0px;
    background-color: white;
    }
.green {
    background-color: #C0FFC0;
    }
.red {
    background-color: #FFC0C0;
    }
.blue {
    background-color: #66DDFF;
    }
input {
    margin: 3px;
    font-size: 36px;
    }
label {
    font-size: 36px;
    }
#znamka1, #znamka2, #znamka3, #znamka4, #znamka5, #znamka6, #znamka7, #znamka8, #znamka9, #znamkaA, #znamkaB, #znamkaC {
    border-radius: 10px; border-color: #000000; border-width: 2px; border-style: solid;
    padding: 10px;
    margin: 5px;
    display: inline-block;
    text-align: center;
    }
#popis {
    font-size: 24px;
    position: relative; top: -10px;
    padding: 0;
    }
#detail {
    position: absolute; top: 0; left: 0;
    border-radius: 10px; border-color: #000000; border-width: 3px; border-style: solid;
    padding: 10px;
    margin: 5px;
    z-index: 100;
    display: none;
    }
#navigace {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
    }
#vlevo, #uprostred, #vpravo {
    margin: 0px;
    display: inline-block;
    font-size: 48px;
    }
#vlevo {
    text-align: left;
    width: 33%;
    }
#vlevo a{
    margin-left: 30px;
    }    
#uprostred {
    text-align: center;
    line-height: 150%;
    width: 33%;
    }
#uprostred2 {
    text-align: center;
    width: 99%;
    }
#vpravo {
    text-align: right;
    width: 33%;
    }
#vpravo a{
    margin-right: 30px;
    }