/*
 Petr Stasiak 2018 (c)
 */
 @font-face {
    font-family: 'Font';
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/font.eot");
    src: url("../fonts/font.eot?#iefix") format("embedded-opentype"),
         url("../fonts/font.woff2") format("woff2"),
         url("../fonts/font.woff") format("woff"),
         url("../fonts/font.ttf") format("truetype"),
         url("../fonts/font.svg#fontawesome") format("svg"); }

html{
    height:99%;
    overflow: hidden;
}

body {
    font-family: Font !important;
    font-size: 1.8em !important;
    height:99%;
}

#obsah{
    overflow: auto;
    position: absolute;
    left:1px;
    top:1px;
    right:1px;
    bottom:55px;
    /*background-image: url("../obr/pozadi.jpg");*/
    background-size: 100% 100%;
    padding:20px 50px;
}


#hlNadpis{
    width:100%;
    text-align:center;
    font-size: 1.8em;
    text-decoration: underline;
    margin-bottom:20px;
}


.idInfo{
    width:95%;
    margin-left: calc(100% - 95%);
    margin-top:15px;
    margin-bottom:0px;
    padding:0px;
    line-height: 110%;
    font-size: 1.1em;
}

#formKont{
    width:90%;
    margin-top:20px;
    margin-left: 5%;
}

#formKont label{
    display:inline-block;
    width:35%;
}

#formKont input{
    display:inline-block;
    width:60%;
    font-size: 1.1em;
    margin-bottom:10px;
}

#formKont textarea{
    display:inline-block;
    width:60%;
    font-size: 1.1em;
    margin-bottom:10px;
    height:70px;
    resize: none;
}

/*    input[type=button], input[type=submit], input[type=reset] { */
#tlOdeslat{
    background-color: #555;
    border: 1px solid black;
    color: white;
    padding: 10px 32px;
    text-decoration: none;
    cursor: pointer;
    margin-left: 0xp;
    width:100% !important;
    font-size: 80% !important;
}


#zapati{
    position: fixed;
    bottom:0px;
    padding:3px;
    text-align:center;
    width:100%;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: auto;
}

legend{
    margin-bottom:15px;
}

#infoEm{
    width:100%;
    text-align:center;
    border: 2px solid #eeee00;
    background-color: #ffff88;
    color: black;
    font-size: 1.3em;
    padding: 20px 0px;
    margin:60px 0px 30px 0px;
}


#infoEmErr{
    width:100%;
    text-align:center;
    border: 2px solid #ff0000;
    background-color: #ffaaaa;
    color: black;
    font-size: 1em;
    padding: 20px 0px;
    margin:60px 0px 30px 0px;
}

.skryj{
    display:none !important;
}

.gdpr{
    width:100%;
    text-align:center;
    margin-top:5px;
    margin-bottom:0px;
    padding:0px;
    line-height: 110%;
    font-size: 0.75em;
    font-weight: bold;
    color: red;
}

.prov{
    width:100%;
    text-align:center;
    margin-top:5px;
    margin-bottom:0px;
    padding:0px;
    line-height: 110%;
    font-size: 0.5em;
}