/* CSS: Adam Vilímek, https://vilimekadam.cz/ */

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: url("https://prodluzto.vilimekadam.cz/plocha.jpg") #005300;
    background-attachment: fixed;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    min-height: 500px;
}
@font-face {
    font-family: corbalWeb;
    src: url("https://prodluzto.vilimekadam.cz/fonts/CORBEL.TTF"),
            url("https://prodluzto.vilimekadam.cz/fonts/CORBEL.eot"),
        url("https://www.prodluzto.vilimekadam.cz/fonts/CORBEL.TTF"),
        url("https://www.prodluzto.vilimekadam.cz/fonts/CORBEL.eot");
}
@font-face {
    font-family: osifontWeb;
    src: url("https://prodluzto.vilimekadam.cz/fonts/osifont.ttf"),
            url("https://prodluzto.vilimekadam.cz/fonts/osifont.eot"),
        url("https://www.prodluzto.vilimekadam.cz/fonts/osifont.ttf"),
        url("https://www.prodluzto.vilimekadam.cz/fonts/osifont.eot");
}
a {
    color: #000;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
a.odkazik {
    color: #fff;
    text-decoration: none;
}
a.odkazik:hover {
    font-weight: bold;
}
#hlavni-panel {
    margin: 0 auto;
    width: 400px;
    height: 60px;
    z-index: 500;
    cursor: pointer;
}
input {
    border: 3px solid #fff;
    color: #fff;
    font: 16px tahoma;
    width: 850px;
    padding: 20px;
    background: #494949;
}
input:hover {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    -moz-box-shadow:    0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    box-shadow:         0px 5px 5px 0px rgba(52, 50, 50, 0.73);
}
input:focus {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    -moz-box-shadow:    0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    box-shadow:         0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    background: #fff;
    color: #000;
}
textarea {
    border: 2px solid #fff;
    color: #fff;
    background: #494949;
    height: 20vh;
    margin: 15px 0 0 0;
    font: 15px tahoma;
    width: 95%;
    padding: 5px;
    resize: none;
    min-height: 100px;
}
textarea:hover {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    -moz-box-shadow:    0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    box-shadow:         0px 5px 5px 0px rgba(52, 50, 50, 0.73);
}
textarea:focus {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    -moz-box-shadow:    0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    box-shadow:         0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    background: #fff;
    color: #000;
}
select {
    border: 3px solid #fff;
    color: #fff;
    font: 18px corbalWeb,tahoma;
    width: 850px;
    padding: 10px 20px;
    background: #494949;
    width: 97%;
}
select:hover {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    -moz-box-shadow:    0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    box-shadow:         0px 5px 5px 0px rgba(52, 50, 50, 0.73);
}
select:focus {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    -moz-box-shadow:    0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    box-shadow:         0px 5px 5px 0px rgba(52, 50, 50, 0.73);
    background: #fff;
    color: #000;
}