@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');


body{
    background-color: white ;
    margin: 0px;
    font-family:Arial;
}
header{
    background-color:#3b6879;
    width: 100%;
    margin-top: -20px;
    min-height: 150px;
    text-align: center;
     

}
header h1{
    margin: 0px;
    margin-top: 00px;
    color:#FDDC22;
    padding-top: 40px;
    font-family: "Oswald", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
     font-style: normal;
}   
nav{
    background-color:#081630;
    width:100%;
    height: 60px;
    padding-top: 9px;
    font-family: "Oswald", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.odkaz{
    width: 20%;
    position:absolute;
    text-align:center;
}
.o1{
    left:0%
}
.o2{
    left:20%
}
.o3{
    left:40%
}
.o4{
    left:60%
}
.o5{
    left:80%
}
nav a {
    color:#FDE914;
    text-decoration:none;
    font-size: 20px;
    font-weight: bold;
}
@media screen and (max-width: 800px){
    nav{
        height: 150px;
    }
    .odkaz{
        width: 100%;
    }
    .o1{
        left: 0px;
        top: 150px;
    }
    .o2{
        left: 0px;
        top: 175px;
    }
    .o3{
        left: 0px;
        top: 200px;
    }
    .o4{
        left: 0px;
        top: 225px;
    }
    .o5{
        left: 0px;
        top: 250px;
    }
    
}
main{
    background-color:light grey;
    width:100%;
    min-height:400px;
    overflow:auto;
}
main h1{
    margin-left:100px;
    margin-top:0px

}
article{
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.a1{
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #aaaaaa;
    width: 400px;
}
article p {
    text-align:justify ;
}
.odstavec_kontakt1{
    position:absolute;
    left:325px;
    top:570px;
    text-overflow: clip;
}
.nadpis_kontakt1{
    position:absolute;
    left:325px;
    top:530px;
    text-overflow: clip;
}
.odstavec_kontakt2{
    position:absolute;
    left:325px;
    top:670px;
    text-overflow: clip;
}
.nadpis_kontakt2{
    position:absolute;
    left:325px;
    top:630px;
    text-overflow: clip;
}
.odstavec_kontakt3{
    position:absolute;
    left:750px;
    top:340px;
    text-overflow: clip;
}
.nadpis_kontakt3{
    position:absolute;
    left:750px;
    top:270px;
    text-overflow: clip;
}
.odstavec_kontakt4{
    position:absolute;
    left:750px;
    top:455px;
    text-overflow: clip;
}
.odstavec_kontakt4_1{
    position:absolute;
    left:750px;
    top:475px;
    text-overflow: clip;
}
.odstavec_kontakt4_2{
    position:absolute;
    left:750px;
    top:495px;
    text-overflow: clip;
}
.odstavec_kontakt4_3{
    position:absolute;
    left:750px;
    top:515px;
    text-overflow: clip;
}
.nadpis_kontakt4{
    position:absolute;
    left:750px;
    top:388px;
    text-overflow: clip;
}
.odstavec_geodezie1{
    position:absolute;
    left:800px;
    top:940px;
    text-overflow: clip;
}
.nadpis_geodezie1{
    position:absolute;
    left:800px;
    top:900px;
    text-overflow: clip;
}
picture{
    }
.f4geo{
    position:absolute;
    left:800px;
    top:300px;
}
.mapa1{
    position:absolute;
    left:53%;
    margin-bottom:0px;
    top:300px;
}
.nadpis1{
    position:absolute;
    left:53%;
    margin-bottom:0px;
    top:250px;
}
.datum{
    font-size:12px;
    font-weight:bold;
    margin-left: 50px;
}
.mapa{
    position:relative;
    left:50%;
    margin-left:-200px;
    margin-top:10px;
    margin-bottom:10px;
}
footer{
    background-color:#093008 ;
    height:40px;
    padding-top:8px;
    text-align: center;
    width:100%;
    margin-top:5px;
    
}
footer p{
    text-align:centetr;
    margin:0px;
    color:#FDE914;
}
div{
}
.nadpis_geodezie01{
    position: relative;
    left:53%;
    top:20%;
}