*{
    box-sizing: border-box;
    font-family: sans-serif;
}

html{
    background: lightyellow;
}

h1{
    text-align: center;
}

h3{
    font-weight: bold;
    text-align: center;
    margin: 0;
}

a{
    text-decoration: none;
    color: royalblue;
}

.uzivatel{
    width: 350px;
    border: 2px solid silver;
    margin: auto;
    padding: 20px;
}

.uzivatel > *:not(form),
.uzivatel .sloucene{
    display: none;
}

.uzivatel table,
.uzivatel thead,
.uzivatel tbody,
.uzivatel tfoot,
.uzivatel tr,
.uzivatel td{
    display: block;
    width: 100%;
}

.uzivatel input[type=text],
.uzivatel input[type=password],
.uzivatel input[type=submit]{
    width: 100% !important;
}

.vhosts,
.log,
.setup,
.prehled{
    border: 1px solid black;
    border-collapse: collapse;
    margin: 0 auto 40px auto;
}
.vhosts thead,
.log thead,
.vhosts tfoot,
.prehled thead{
    font-weight: bold;
    background: #ddd;
}
.vhosts td,
.log td,
.setup td,
.prehled td{
    padding: 10px;
    vertical-align: top;
}
.vhosts tr:nth-child(2n),
.log tr:nth-child(2n){
    background: lightgoldenrodyellow;
}
.vhosts tbody td:nth-child(2){
    text-transform: uppercase;
    font-size: 0.8em;
}
.alignright{
    text-align: right;
}


input:not([type=radio]):not([type=checkbox]){
    width: 150px;
    padding: 5px;
}

.setup textarea{
    width: 100%;
    height: 200px;
    font-family: courier new;
}