body {
    background: #f6f6f6;
}
form {
    width: 100%;
}
input,
textarea {
    width: 100%;
    margin-bottom: 1em;
    box-sizing: border-box;
}
input[type="checkbox"] {
    width: auto;
    margin-right: .5em;
    margin-bottom: 0;
    vertical-align: baseline;
    position: relative;
}
label {
    font-size: 13px;
    display: block;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 1em;
}
a:hover {
    cursor: pointer;
}
.button {
    display: inline-block;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    border-radius: .25em;
    border-style: solid;
    box-shadow: 0.1em 0.1em 0.1em grey;
    text-decoration: none;
    background-color: #dbdbdb;
    color: black;
    border-color: #dbdbdb;
}
.button.default {
    background-color: #d6832a;
    color: #fff;
    border-color: #d6832a;
}
.button.default:hover {
    background-color: #012142;
    border-color: #012142;
}
.hide {
    display: none;
}
.callout {
    padding: 0.5em 1em;
    margin-bottom: 1em;
}
.callout p:last-child {
    margin-bottom: 0;
}
.callout.success {
    color: #0f8c0c;
    background: #c9fec8;
    border: solid 1px #0f8c0c;
}
.callout.alert {
    color: #e72626;
    background: #fec8c8;
    border: solid 1px #e72626;
}

.col--center {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    float: none;
}
.col--full-center {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
}
.row--topbar {
    cursor: pointer;
}
.row--topbar .content {
    display: block;
    position: relative;
}
.row--topbar a {
    display: block;
    float: right;
    position: relative;
    top: -5em;
    right: 2em;
}
.row--header {
     display: block;
}
.row--header .testimonial {
    position: relative;
    top: 70px;
    left: 30px;
    width: 510px;
}
.row--afterheader {
    display: none;
}
.row--content {
    min-height: 21em;
}
.row--content ul,
.row--content ol {
    padding-left: 20px;
}
.row--footer .content {
    text-align: center;
}
.row--footer .button {
    display: none;
}
.program--item {
    display: table-row;
    font-size: 13px;
}
.program--cas {
    display: table-cell;
    width: 7em;
    position: relative;
}
.program--prednaska {
    display: table-cell;
    font-weight: bold;
}
.program--prednaska a,
.program--prednaska a:visited {
    color: #e7995a;
}
.program--autor {
    font-style: italic; 
    font-weight: normal;
}

/* velke obrazovky */
@media(max-width: 768px) {
    .col {
        width: 100%;
    }
    .col--2 {
        float: none;
        border: none;
        padding-left: 20px;
    }
    .col--center {
        width: 100%;
    }
    .row--topbar {
        background-position: 0 0;
    }
    .row--topbar a {
        display: none;
    }
    .row--topbar .content,
    .content {
        width: 100%;
    }
    .row--header .testimonial {
        display: none;
    }
    .row--afterheader {
        display: block;
        margin: 1em auto;
        width: 80%;
    }
    .row--content {
        min-height: 0;
    }
    .row--footer .button {
        display: inline-block;
    }
    .testimonial {
        marign-right: 0;
        width: 100%;
    }
}