@font-face {
    font-family:manrope;
    src: url('/media/font/Manrope-Regular.ttf');
}
@font-face {
    font-family:manrope_b;
    src: url('/media/font/Manrope-Bold.ttf');
}


@font-face {
    font-family:manrope_eb;
    src: url('/media/font/Manrope-ExtraBold.ttf');
}



.red {color:#ff0000}
.empty {height:500px}
.aktualita {
display:grid;
grid-template-columns:70% 30%;

}
.aktualita h2 {margin-top:0;padding-top:0}
.aktualita .img {width:59%;margin-top:20pt;border-radius:50%}


.right {float:right}
.left {float:left}
.mr1 {margin-right:10pt}
.ml1 {margin-left:10pt}
.mb1 {margin-bottom:10pt}
.pl10 {padding-left:10pt}
.w30 {width:30%}
.cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
    background:transparent;
    width:auto
       }

.bcg {background:#003148 !important}
.main {width:100%;max-width:1600px}

.dt {display:table}
.tc {display:table-cell}
.ib {display:inline-block}

.cent {display:block;margin-left:auto;margin-right:auto}

.ref {position:relative}
.ref img {width:15vw;height:auto;outline:.1vw solid #ffffff;margin-top:20pt}
.ref span {position:absolute;margin-top:-50%;padding-top:10pt;padding-bottom:10pt;width:15vw;color:#000000;background:#ffffff;opacity:.6;font-weight:600}

.shad {box-shadow: 5px 5px 5px #000000}

.aktuality {background:#5ab5b7}
.cent {display:block;margin-left:auto;margin-right:auto}
.tac {text-align:center}
.tal {text-align:left}
.content_in {width:69% !important;padding-top:1px;padding-bottom:1px}
.content_in h1 {font-size:2vw}
#content {display:block;background:#333333;padding-top:10pt;padding-bottom:20pt}

#reference {display:table}
#galerie {display:block}
#galerie h2 {display:block;clear:both}
#galerie a,#galerie a img  {float:left;width:7vw;height:7vw;padding:.3vw;display:block}

#top_part {background:#333333;padding-top:10pt}
#head {color:#017bb4;text-align:center;font-weight:400;font-size:15pt}
#logo {background:url('/media/im/logo_back.png') no-repeat 0 bottom;font-size:2.9vw;font-family:manrope_eb;width:40%;padding-bottom:4vw;background-size:40%;line-height:1.3;margin-bottom:30pt}

#menu_home_obal {background:#003148;display:block;padding:1.5vw;text-align:center}
#menu_home {list-style-type:none;display:inline-block;padding:0;margin:0}
#menu_home li {display:inline-block;margin:0;padding:0;margin-right:10pt;margin-left:10pt}
#menu_home li a {background:#017bb4;color:#ffffff;display:inline-block;padding:3vw;width:6vw;max-width:70pt;text-align:center}
#menu_home li a:hover {position:relative;top:3px;left:3px;color:#000000}

#back1 {background:url('/media/im/back1.jpg') no-repeat;background-size:cover;height:11vw;display:block;padding-top:1.5vw}

#zavolejte {margin-top:1.5vw;padding:1.2vw;width:17vw;border:.1vw solid #017bb4;font-size:1.5vw}



#footer {background:url('/media/im/back2.jpg') no-repeat;background-size:cover;height:5vw;display:block;padding-top:1.5vw}

img {display:block;max-width:100%;height:auto;width:auto}
body {padding:0px;margin:0px;font-family: manrope, Helvetica, Arial, sans-serif;background:#000000;color:#ffffff}
a {color:#ffffff;text-decoration:none} 
h1 {font-weight:400}
h2 {font-size:400;text-align:center;margin:0}