@font-face {
    font-family: Calibri;
    src: url(font/calibri-regular.ttf);
}

@font-face {
    font-family: Calibri-bold;
    src: url(font/calibri-bold.ttf);
}

@font-face {
    font-family: Verdana;
    src: url(font/verdana.ttf);
}

@media screen and (max-width: 935px) {
    body {
        font-family: "Calibri";
        background: url(img/galerie/screen5.jpg) no-repeat center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #text9 {
        top: calc(30% - 32pt);
        margin: 0;
        display: block;
        font-size: 27pt;
        color: #fff;
        position: absolute;
        width: 100%;
        text-align: center;
        z-index: 15;
        font-weight: 400;
    }
    #text10 {
        top: 30%;
        bottom: 50%;
        margin: 0;
        display: block;
        font-size: 35pt;
        color: #fff;
        font-weight: 400;
        position: absolute;
        width: 100%;
        text-align: center;
        z-index: 15;
    }
    #polozky {
        top: calc(20% + 100pt);
        display: block;
        position: absolute;
        width: 90%;
        text-align: center;
        height: 50pt;
        right: 0%;
        left: 0%;
        z-index: 10;
        margin: 0 auto;
        text-align: center;
    }
    #polozky a {
        text-decoration: none;
    }
    #polozka1 {
        float: inherit;
        height: 55pt;
        width: auto;
        padding-top: 6%;
        padding-left: 3%;
        padding-right: 3%;
    }
    #popisek_text1 {
        padding: 0;
        margin: 0;
        padding-top: 3pt;
        width: auto;
        padding-left: 5pt;
        padding-right: 5pt;
    }
    .popisek1 {
        border-radius: 12.5pt;
        position: absolute;
        left: 35%;
        right: 35%;
        top: 320%;
        display: none;
        width: auto;
        padding: 0;
        margin: 0;
        z-index: 100;
        transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        opacity: 0;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        color: rgb(56, 56, 56);
        background-color: #fff;
        height: 23pt;
        text-align: center;
    }
    .odkaz1:hover .popisek1 {
        display: none;
        opacity: 0;
    }
    #popisek_text2 {
        padding: 0;
        margin: 0;
        padding-top: 3pt;
        width: 135pt;
        padding-left: 5pt;
        padding-right: 5pt;
    }
    .popisek2 {
        border-radius: 12.5pt;
        position: absolute;
        left: 21.5%;
        right: 21.5%;
        top: 320%;
        display: none;
        width: auto;
        padding: 0;
        margin: 0;
        z-index: 100;
        transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        opacity: 0;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        color: rgb(56, 56, 56);
        background-color: #fff;
        height: 23pt;
        text-align: center;
        -moz-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
    }
    .odkaz2:hover .popisek2 {
        display: none;
        opacity: 0;
    }
    #popisek_text3 {
        padding: 0;
        margin: 0;
        padding-top: 3pt;
        width: 185pt;
        padding-left: 5pt;
        padding-right: 5pt;
    }
    .popisek3 {
        border-radius: 12.5pt;
        position: absolute;
        left: 12%;
        right: 12%;
        top: 320%;
        display: none;
        width: auto;
        padding: 0;
        margin: 0;
        z-index: 100;
        transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        opacity: 0;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        color: rgb(56, 56, 56);
        background-color: #fff;
        height: 23pt;
        text-align: center;
    }
    .odkaz3:hover .popisek3 {
        display: none;
        opacity: 0;
    }
    #popisek_text4 {
        padding: 0;
        margin: 0;
        padding-top: 3pt;
        width: 150pt;
        padding-left: 5pt;
        padding-right: 5pt;
    }
    .popisek4 {
        border-radius: 12.5pt;
        position: absolute;
        right: 20%;
        left: 20%;
        top: 320%;
        display: none;
        width: 60%;
        padding: 0;
        margin: 0;
        z-index: 100;
        transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        opacity: 0;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        color: rgb(56, 56, 56);
        background-color: #fff;
        height: 23pt;
        text-align: center;
    }
    .odkaz4:hover .popisek4 {
        display: none;
        opacity: 0;
    }
    #popisek_text5 {
        padding: 0;
        margin: 0;
        padding-top: 3pt;
        width: 120pt;
        padding-left: 5pt;
        padding-right: 5pt;
    }
    .popisek5 {
        border-radius: 12.5pt;
        position: absolute;
        left: 25%;
        right: 25%;
        top: 320%;
        display: none;
        width: auto;
        padding: 0;
        margin: 0;
        z-index: 100;
        transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        opacity: 0;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        color: rgb(56, 56, 56);
        background-color: #fff;
        height: 23pt;
        text-align: center;
    }
    .odkaz5:hover .popisek5 {
        display: none;
        opacity: 0;
    }
    #popisek_text6 {
        padding: 0;
        margin: 0;
        padding-top: 3pt;
        width: 165pt;
        padding-left: 5pt;
        padding-right: 5pt;
    }
    .popisek6 {
        border-radius: 12.5pt;
        position: absolute;
        right: 17%;
        left: 17%;
        top: 320%;
        display: none;
        width: auto;
        padding: 0;
        margin: 0;
        z-index: 100;
        transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        opacity: 0;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        color: rgb(56, 56, 56);
        background-color: #fff;
        height: 23pt;
        text-align: center;
    }
    .odkaz6:hover .popisek6 {
        display: none;
        opacity: 0;
    }
    #clanky {
        position: absolute;
        width: 100%;
        top: calc(100% - 30pt);
        box-shadow: 0pt 0pt 9pt #000;
    }
    .text {
        display: block;
        color: #fff;
        font-size: 18pt;
        margin: 0;
        padding-left: 3%;
        padding-right: 3%;
        text-align: center;
        padding-top: 6px;
        padding-bottom: 0;
        opacity: 1;
        position: relative;
        background-color: rgb(129, 129, 129);
        z-index: 5;
        top: 50%;
    }
    .text2 {
        z-index: 6;
        display: block;
        color: rgb(54, 54, 54);
        font-size: 13pt;
        margin-top: 0;
        padding-left: 0%;
        padding-left: 3%;
        padding-right: 3%;
        text-align: left;
        padding-top: 6px;
        opacity: 1;
        position: relative;
        background-color: rgb(255, 255, 255);
    }
    .text3 {
        display: block;
        color: #fff;
        font-size: 13pt;
        margin-top: 0%;
        padding-left: 0%;
        padding-left: 3%;
        padding-right: 3%;
        text-align: left;
        padding-top: 6px;
        opacity: 1;
        position: relative;
        background-color: rgb(129, 129, 129);
        box-shadow: 0pt 0pt 9pt #000;
        z-index: 5;
    }
    .bila {
        position: relative;
        background-color: rgb(227, 223, 219);
        color: rgb(0, 0, 0);
        width: 150%;
        left: -20%;
        padding-left: 0%;
    }
}

@media screen and (min-width: 935px) {
    body {
        font-family: "Calibri";
        background: url(img/galerie/screen5.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #text9 {
        top: calc(35% - 42pt);
        margin: 0;
        display: block;
        font-size: 52pt;
        color: #fff;
        font-weight: 400;
        position: absolute;
        width: 100%;
        text-align: center;
        z-index: 20;
    }
    #text10 {
        top: 35%;
        bottom: 50%;
        margin: 0;
        display: block;
        font-size: 100pt;
        color: #fff;
        font-weight: 500;
        position: absolute;
        width: 100%;
        text-align: center;
        z-index: 20;
    }
    #polozky {
        top: calc(35% + 120pt);
        display: block;
        position: absolute;
        width: 100%;
        text-align: center;
        height: 50pt;
        right: 0%;
        left: 0%;
        z-index: 10;
        margin: 0 auto;
        text-align: center;
    }
    #polozky a {
        text-decoration: none;
    }
    #polozka1 {
        float: inherit;
        height: 50pt;
        width: auto;
        padding-left: 1.5%;
        padding-right: 1.5%;
    }
    #popisek_text1 {
        padding: 0;
        margin: 0;
        padding-top: 3pt;
        width: 180pt;
        padding-left: 5pt;
        padding-right: 5pt;
    }
    .popisek1 {
        border-radius: 12.5pt;
        position: absolute;
        left: calc(50% - 6% - 100pt - 90pt - 10pt);
        top: 120%;
        display: none;
        width: auto;
        padding: 0;
        margin: 0;
        z-index: 100;
        transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        opacity: 0;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        color: rgb(56, 56, 56);
        background-color: #fff;
        height: 23pt;
        text-align: center;
    }
    .odkaz1:hover .popisek1 {
        display: block;
        opacity: 5;
    }
    #popisek_text2 {
        padding: 0;
        margin: 0;
        padding-top: 3pt;
        width: 160pt;
        padding-left: 5pt;
        padding-right: 5pt;
    }
    .popisek2 {
        border-radius: 12.5pt;
        position: absolute;
        left: calc(50% - 3% - 50pt - 65pt - 17pt);
        top: 120%;
        display: none;
        width: auto;
        padding: 0;
        margin: 0;
        z-index: 100;
        transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        opacity: 0;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        color: rgb(56, 56, 56);
        background-color: #fff;
        height: 23pt;
        text-align: center;
    }
    .odkaz2:hover .popisek2 {
        display: block;
        opacity: 1;
    }
    #popisek_text3 {
        padding: 0;
        margin: 0;
        padding-top: 3pt;
        width: 135pt;
        padding-left: 5pt;
        padding-right: 5pt;
    }
    .popisek3 {
        border-radius: 12.5pt;
        position: absolute;
        left: calc(50% - 67.5pt - 2.5pt);
        top: 120%;
        display: none;
        width: auto;
        padding: 0;
        margin: 0;
        z-index: 100;
        transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        opacity: 0;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        color: rgb(56, 56, 56);
        background-color: #fff;
        height: 23pt;
        text-align: center;
    }
    .odkaz3:hover .popisek3 {
        display: block;
        opacity: 1;
    }
    #popisek_text4 {
        padding: 0;
        margin: 0;
        padding-top: 3pt;
        width: 110pt;
        padding-left: 5pt;
        padding-right: 5pt;
    }
    .popisek4 {
        border-radius: 12.5pt;
        position: absolute;
        right: calc(50% - 3% - 50pt - 55pt - 10pt);
        top: 120%;
        display: none;
        width: auto;
        padding: 0;
        margin: 0;
        z-index: 100;
        transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        opacity: 0;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        color: rgb(56, 56, 56);
        background-color: #fff;
        height: 23pt;
        text-align: center;
    }
    .odkaz4:hover .popisek4 {
        display: block;
        opacity: 1;
    }
    #popisek_text5 {
        padding: 0;
        margin: 0;
        padding-top: 3pt;
        width: 158pt;
        padding-left: 5pt;
        padding-right: 5pt;
    }
    .popisek5 {
        border-radius: 12.5pt;
        position: absolute;
        right: calc(50% - 6% - 100pt - 79pt - 15pt);
        top: 120%;
        display: none;
        width: auto;
        padding: 0;
        margin: 0;
        z-index: 100;
        transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        opacity: 0;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        color: rgb(56, 56, 56);
        background-color: #fff;
        height: 23pt;
        text-align: center;
    }
    .odkaz5:hover .popisek5 {
        display: block;
        opacity: 1;
    }
    #popisek_text6 {
        padding: 0;
        margin: 0;
        padding-top: 3pt;
        width: 165pt;
        padding-left: 5pt;
        padding-right: 5pt;
    }
    .popisek6 {
        border-radius: 12.5pt;
        position: absolute;
        right: calc(50% - 7.5% - 125pt - 82.5pt - 10pt);
        top: 120%;
        display: none;
        width: auto;
        padding: 0;
        margin: 0;
        z-index: 100;
        transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        opacity: 0;
        text-decoration: none;
        font-size: 15pt;
        font-weight: 600;
        color: rgb(56, 56, 56);
        background-color: #fff;
        height: 23pt;
        text-align: center;
    }
    .odkaz6:hover .popisek6 {
        display: block;
        opacity: 1;
    }
    #clanky {
        position: absolute;
        width: 100%;
        top: calc(100% - 60pt);
        box-shadow: 0pt 0pt 9pt #000;
    }
    .text {
        display: block;
        color: #fff;
        font-size: 18pt;
        margin-top: 0%;
        padding-left: 0%;
        padding-left: 15%;
        padding-right: 15%;
        text-align: left;
        padding-top: 6px;
        opacity: 1;
        position: relative;
        background-color: rgb(129, 129, 129);
        z-index: 5;
        height: 100%;
        top: 50%;
    }
    .text2 {
        z-index: 6;
        display: block;
        color: rgb(54, 54, 54);
        font-size: 16pt;
        margin-top: 0;
        padding-left: 15%;
        padding-right: 40%;
        text-align: left;
        padding-top: 6px;
        opacity: 1;
        position: relative;
        background-color: rgb(255, 255, 255);
    }
    .text3 {
        display: block;
        color: #fff;
        font-size: 16pt;
        margin-top: 0%;
        padding-left: 17%;
        padding-right: 38%;
        text-align: left;
        padding-top: 6px;
        opacity: 1;
        position: relative;
        background-color: rgb(129, 129, 129);
        box-shadow: 0pt 0pt 9pt #000;
        z-index: 5;
    }
    .bila {
        position: relative;
        background-color: rgb(227, 223, 219);
        color: rgb(0, 0, 0);
        width: 150%;
        left: -20%;
        padding-left: 0%;
    }
}