/*vložená data*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap');

body {
    width: 100%;
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 200;
    color: #000;
    background: #fff;
    background: rgba(0,0,0,.25);
}

#facebody {
    width: 100%;
    min-height: auto;
    position: relative;
    background: (0,0,0,.25);
}

.background{
    width: 100%;
    height: 100vh;
    text-align: left;
    background: black url(../default/Themes/back.fw.png) left no-repeat;
    background-size: auto 100%;
    }

.creativita{
    width: 55%;
    height: 153px; position: absolute;
    margin: 150px 0 0 45%;background:  url(../default/Themes/creativita.fw.png) left no-repeat;
    background-size: auto 153px;
}

.airbrush{
    width: 1200px;
    height: 231px; position: absolute;
    margin: calc(100vh - 300px)0 0 -50px;
    background:   url(../default/Themes/airbrush.fw.png) top no-repeat;
    background-size: cover;
}

.galerie-odkaz{
    width: 200px; 
    height: 50px; 
    position: absolute; 
    margin: calc(100vh - 120px)0 0 calc(100% - 330px); 
    padding: 19px 0 0 80px; text-align: left; 
    font-weight: 900; color: #fff; 
    font-size: 24px; border: 1px solid rgba( 225, 225, 227, .25); 
    border-radius: 35px; background: black url(../default/Themes/gallery.fw.png) 10px 0 no-repeat; background-size: 70px;
}

main{
    width: 800px; 
    height: 300px; 
    position: absolute; 
    margin: calc(50vh - 150px) 0 0 calc(50% - 400px);
}
/*definice textu*/
.free {   
    width: 100%;
    height: 20px;
}

.free-big {   
    width: 100%;
    height: 50px;
}

.free-mini {   
    width: 100%;
    height: 20px;
}

.space {   
    width: 100%;
    height: 40px;
}

.top-space {   
    width: 100%;
    height: 80px;
}

.nadpis {
    font-size: 40px;
    margin: 0 0 10px 0;
    font-size: 50px; 
    text-align: center;
}
.span{
    padding: 2px 20px;background: #fff;
}

.classic-txt, .classic-txt-seznam, .classic-txt-special {
    font-size: 20px;
    margin: 0 0 10px 0;
    color: #fff;
    font-size: 30px;
    text-align: center;
}

.classic-txt-special {
    font-weight: 700;
    font-weight: 300;
}

.classic-txt span, .nadpis span, .classic-txt-seznam span, .classic-txt-special span {
    font-weight: 900;
}

a.nadpis, a.classic-txt, .classic-txt a, .nadpis a {
    color: #000;
}

a.nadpis:hover, a.classic-txt:hover, .classic-txt a:hover, .nadpis a:hover {
    color: #000;
}

article{
    width: 100%; 
    height: 80px; 
    position: absolute; 
    margin: 0; 
    border-top: 2px solid #ffffff;
}

.obsah-top{
    width: 300px; 
    height: 30px; 
    position: absolute; 
    margin: 25px; font-size: 16px; 
    color: #ffffff; font-weight: 900;
}

.fb{
    width: 150px; 
    height: 20px; position: absolute; 
    margin: 0; 
    padding: 5px 0; 
    text-align: center;
}

.ig{
    width: 150px; 
    height: 20px; 
    position: absolute; 
    margin: 0 0 0 150px; 
    padding: 5px 0; 
    text-align: center;
}

.logo{
    width: 210px; 
    height: 50px; 
    position: absolute; 
    margin: 10px 0 0 calc(100% - 340px); 
    background: url(../default/Themes/logo.fw.png) top no-repeat; 
    background-size: cover;
}

nav{
    width: 80px; 
    height: 80px; 
    position: absolute; 
    margin: 0 0 0 calc(100% - 80px); 
    background: #ffffff url(../default/Themes/navigace.active.fw.png) 10px no-repeat; 
    background-size: 60px;
}