/*body{*/
/*-webkit-filter: grayscale(1);*/
/*}*/
body{
    margin: 0px !important;
    font-family: 'Roboto', sans-serif;
}
.zawartosc{
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;


}
.kontener{
    margin: auto;
    width: 100%;
    height: 100%;
    font-size: 18px;
    text-align: center;

}
#poczatek{
    text-align: left;
    font-weight: bold;
    width: 100%;
}


.naglowek {
    background-image: url("images/gornawarstwa.png");
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center center;

}
.dop>p{
    display:table-cell;
    vertical-align: middle;
}

.tekstpion {
    color: white;
    width:1900px;
    max-height:838px;
    margin: auto;
    display:table-cell;
    vertical-align:middle;

}
h1{
    font-size: 48px;
}
.textpoziom{
    position: relative;
    top: 25vh;
    width: 950px;
    margin: auto !important;
    text-align: center;
    font-family: 'Andada', sans-serif;
    font-size: 24px;
    line-height: 72px;


}
.strzalka{
    position: absolute;
    bottom: 2%;
    width: 100%;
}


.triangle {
    border-right: 5px solid black;
    border-bottom: 5px solid black;
    width: 20px; height: 20px;
    transform: rotate(-315deg);
   margin: auto;
    position: relative;
   top: 20%;
    left: 0%;

}
.kolo{
    width: 60px;
    height: 60px;
    border-radius: 180%;
    background-color: white;
    margin: auto;

}



.wiersz1 {
    margin-left: 20%;
}
.wiersz2 {
    margin-left: 23%;
}
.wiersz3 {
    margin-left: 50%;
}
.wiersz4 {
    margin-left: 53%;
}
.wiersz5 {
    margin-left: 35%;
}
.wiersz6 {
    margin-left: 38%;
}
.blekitny{
    color: #2aabd2;
    font-size: 32px;
    text-align: center;
    width: 100%;
    height: auto;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
}
.oprogramach{

    max-width: 1140px;
    /*background-color: chartreuse;*/
    background-color: #68a8d2;
    height: auto;
    opacity: 0.9;
    color: white;
    text-align: left;
    padding-left: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 7px;
    padding-right: 15px;
    font-size: 19px;
}

.warstwa1 {

    padding-top: 80px;
    padding-left: 570px;
    max-width: 600px;
    height: 350px;
    background-image: url("images/tło.png");
    text-align: left;
    color: white;
}
.warstwa11{
    background-image: url("images/warstwa 11.png");
    max-width: 1170px;
    display:table-cell;
    vertical-align:middle;
}
.bialy{
    color: white;
    font-size: 32px;

}
.zaufalinam{

    height: 500px;
}
.zaufalinam>img {
    margin: auto;
    padding-top: 30px;
}
.wyczysc{
    clear: both;
}
.sponsor1{
    width: 33.3%;
    height: auto;
    float: left;
}

.kontakt{
    position: relative;
    top:-160px;
    margin: 0px;
}
.mapa{
    z-index: 1;
    position: absolute;
    left: 0px;
    width: 100%;
    height: auto;
}
.oddzial{
    z-index: 2;
    position: absolute;
    left: 0px;
    width: 250px;
    height: 450px;
    background-color: #606066;
    opacity: 0.95;
    color: white;
    font-size: 14px;
}
hr {
    text-align: center;
    width: 70px;
}

.formularz{
    z-index: 2;
    position: absolute;
    right: 0px;
    width: 363px;
    height: 430px;
    background-color:  #549fd0;
    opacity: 0.85;
    font-size: 20px;
    color: white;
    text-align: center;
    padding: 10px;
    margin: 0px !important;
}
input{

    height:20px;
    text-align: center;
    width: 100%;
    margin-top: 0px;
    border: 0px;

}
.przycisk{
    background-color: #549fd0;
    width: 150px;
    height: 40px;
    opacity: 3.0;
    color: white;
    border: 1px solid white;

}
textarea{
    margin-top: 4px;
    text-align: center;
    width: 100%;
    border: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;

}
.footer{
    width: 100%;
    height: 50px;
    background-color: #dbdbdb;
    position: relative;
    top: 330px;
    border: 20px;

}

.komunikat{
    color: #a00000;
    font-size: 12px;
    text-align: left !important;
}
.komunikatok{
    color: green;
    font-size: 14px;
    text-align: left !important;
}

table{
    width: 222px;
    color: #3c763d;
    margin: auto;


}
td{
    padding: 0px;
    border: 0px;
    margin: 0px;
}


#przyciskprogamow
{
    text-align: center !important;
    background-color: #68a8d2;;
    width: 100px;
    height: 60px;
    opacity: 0.9;
    color: white;

}
.srodek{
    text-align: center;
    padding:  10px;
}
.niebieski{
    color: #436ba0;
    font-size: 36px;
}
.zlewej{
    text-align: left;
    padding-top: 15px;
    color: #6a6466;
    font-size: 12px;
    padding-bottom: 15px;
    margin-left: 0px !important;
    float: left;
    width: 65%;
}
.zprawej{
    text-align: right;
    padding-top: 15px;
    color: #6a6466;
    font-size: 12px;
    padding-bottom: 15px;
    margin-right: 0px !important;
    float: left;
    width: 35%;
}
.dol{
    clear: both;
}
.film>iframe{
    width:560px;
    height:316px;
}

.lightbox{
    float: left;
    width: 19%;
    margin-left: 0.5%;
    margin-right: 0.5%;

}

.zdjecia{
    width: 100%;
    margin: auto;
    background-color: #00bf00;
}
.zdjeciezgalerii{
width: 100%;
    height: auto;
}


@media screen and (max-width: 1200px) {
    .formularz {
        width: 33.33%;
    }

    .oddzial {
        width: 33.33%;
    }

    .warstwa1 {
        padding-top: 25px;
        padding-bottom: 25px;
        margin: auto;
        position: static;
        max-width: 750px;
        height: auto;
        background-image: url("images/warstwa15.png");
        text-align: left;
        color: white;
        padding-left: 30px;

    }

    .warstwa11 {

    }

    .zawartosc {
        margin-left: 0px;
        margin-right: 0px;

        width: 100%;

    }

    .bialy {
        text-align: center;

    }

    .oprogramach {

    }

    .zdjecia {
        width: 100%;

    }

    .textpoziom {

        width: 80%;

    }
}



    @media screen and (max-width:854px) {
        h1 {
            font-size: 36px;
        }

        .textpoziom {

            width: 80%;
            font-size: 18px;
            line-height: 48px;

        }

        .zlewej {
            width: 100%;
            text-align: center;
        }

        .zprawej {
            text-align: center;
            padding-top: 15px;
            color: #6a6466;
            font-size: 12px;
            padding-bottom: 15px;
            margin-right: 0px !important;
            float: left;
            width: 100%;
        }

        .footer {
            height: 100px;
        }

        .lightbox{
            float: left;
            width: 19%;
            margin-left: 0.5%;
            margin-right: 0.5%;

        }


        @media screen and (max-height: 500px) {


            .textpoziom {

                width: 80%;
                font-size: 16px;
                line-height: 32px;
            }

        }



    }
        @media screen and (max-width: 780px) {
            table {
                width: 90%;
            }

            /*img{*/
            /*width: 100%;*/
            /*height: auto;*/
            /*}*/
            .footer {
                position: static;
                top: 0px;

            }

            .mapa {
                z-index: 0;
                position: static;
                width: 100%;
                height: auto;
                clear: both;
            }

            .oddzial {
                z-index: 0;
                position: static;
                width: 100%;
                height: 450px;
                background-color: #606066;
                color: white;
                font-size: 14px;
                float: left;
                padding: 0px;
            }

            hr {
                text-align: center;
                width: 70px;
            }

            .formularz {
                z-index: 0;
                position: static;
                width: 100%;
                height: 450px;
                background-color: #549fd0;
                opacity: 0.85;
                font-size: 20px;
                color: white;
                text-align: center;
                margin: 0px !important;
                float: left;
                padding: 0px;
            }

            .footer {
                height: 100px;
                position: static;
            }

            .zawartosc {
                margin-left: 0px;
                margin-right: 0px;
                height: auto;
                margin-bottom: 0px !important;
            }

            .textpoziom {
                position: relative;
                top: 25vh;
                width: 100%;
                margin: auto;
                text-align: center;
                font-family: 'Andada', sans-serif;

            }

            .wiersz1 {
                margin-left: 2%;
            }

            .wiersz2 {
                margin-left: 5%;
            }

            .wiersz3 {
                margin-left: 20%;
            }

            .wiersz4 {
                margin-left: 23%;
            }

            .wiersz5 {
                margin-left: 10%;
            }

            .wiersz6 {
                margin-left: 13%;
            }
            @media screen and (max-height: 500px) {

                h1 {
                    font-size: 24px;
                }
                .textpoziom {

                    width: 80%;
                    font-size: 16px;
                    line-height: 28px;
                }
                .triangle {
                    border-right: 3px solid black;
                    border-bottom: 3px solid black;
                    width: 15px; height: 15px;
                    transform: rotate(-315deg);
                    margin: auto;
                    position: relative;
                    top: 20%;
                    left: 0%;

                }
                .kolo{
                    width: 40px;
                    height: 40px;
                    border-radius: 180%;
                    background-color: white;
                    margin: auto;

                }

            }


        }

        @media screen and (max-width: 640px) {
            .film > iframe {
                width: 100%;
                height: auto;

            }

            .sponsor1 > img, .sponsor2 > img, .sponsor3 > img {

                width: 80%;
                height: auto;

            }

            .triangle {
                border-right: 3px solid black;
                border-bottom: 3px solid black;
                width: 15px; height: 15px;
                transform: rotate(-315deg);
                margin: auto;
                position: relative;
                top: 20%;
                left: 0%;

            }
            .kolo{
                width: 40px;
                height: 40px;
                border-radius: 180%;
                background-color: white;
                margin: auto;

            }



            @media screen and (max-height: 500px) {
                h1 {
                    font-size: 24px;
                }

                .textpoziom {

                    width: 80%;
                    font-size: 16px;
                    line-height: 24px;
                }


            }

        }
@media screen and (max-width:360px) {
    h1 {
        font-size: 24px;
    }

    .textpoziom {

        width: 90%;
        font-size: 18px;
        line-height: 36px;

    }

}


@media screen and (max-width:320px) {
    h1 {
        font-size: 20px;
    }

    .textpoziom {

        width: 95%;
        font-size: 16px;
        line-height: 22px;

    }
    @media screen and (max-height: 240px) {
        h1 {
            font-size: 18px;
        }

        .textpoziom {

            width: 95%;
            font-size: 12px;
            line-height: 20px;
        }


    }



}
.ru{
    width:30px;
    height:22px;
    text-decoration: none;
    color:pink;
    border: 2px solid white;
    border-radius: 100%;
    margin-top:20px;
    margin-left:1250px;
    font-weight: 700;
}
.ru a{
    text-decoration: none;
}
a:link {
    color: deepskyblue;
    text-decoration: none;
}
a:visited {
    color: deepskyblue;
    text-decoration: none;
}