/*  AKTUALNOÅšCI */



.wszystko {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;


}

a {
    text-decoration: none !important;
    color: black !important;
}


.obrazek_tlo {
    display: block;
    height: 1000px;
    width: 90%;
    margin: 0 auto;
}



.obrazek-zawartosc .news {

    margin-left: 1%;
    text-align: center;

    width: 20%;
    border-bottom: 5px solid #14466b;
    background-color: white;
    box-shadow: 0 0 21px black;


    transition: all .5s ease;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;

}

.obrazek-zawartosc .news:hover {
    display: inline-block;
    width: 21%;
    border-bottom: 5px solid #14466b;
    margin-left: 2%;

    background-color: white;

    transition: all .5s ease;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    background-color: #333131;
    color: white;
}

.obrazek-zawartosc .news img {

    width: 100%;
    border-bottom: 3px solid #6b0000;
}

.obrazek-zawartosc .news:hover img {

    width: 100%;
    border-bottom: 3px solid #14466b;
}

.news {
    display: inline-block;
    margin: 1%;
    width: 23%;

    border-bottom: 5px solid #6b0000;
    background-color: white;
    box-shadow: 0 0 21px black;


    transition: all .5s ease;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;

}



.news:hover {
    display: inline-block;
    width: 23%;
    border-bottom: 5px solid #14466b;


    background-color: white;

    transition: all .5s ease;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -o-transition: all .25s ease;
    background-color: #333131;
    color: white;
}

.news:hover h1 {
    color: #f8b600;

}

.news img {

    width: 100%;
    border-bottom: 3px solid #14466b;
    height: 250px;
}

.news h1 {
    color: black;
    padding: 1% 1% 1% 1%;
    text-align: center;

    height: 50px;
    font-size: 21px;

}

.news p {

    padding: 0 1% 0 1%;
    font-size: 16px;

}

.wszystko input:hover {

    border-color: #144657;

}

/* KOMUNIKATY */
.komunikat {
    display: none;

    background-color: #6b0000;
    width: 50%;
    padding: 0.5%;
    color: white;
    border: 1px solid #6b0000;
    border-radius: 5px;
    margin: 0 0 1% 8%;
    font-weight: bold;
}

.komunikat img {
    height: 30px;
    vertical-align: middle;
    padding-right: 1%;


}

/* KALENDARZ MIESIĘCZNY */

.pole_wydarzenia {
    width: 80%;
    height: 500px;
    box-shadow: 0 0 21px #6b0000;
    border: 10px solid #6b0000;
    display: block;
    margin: 3% auto;


}

.nadchodzace_wydarzenia {
    margin-left: 50px;
    width: 50%;
    height: 400px;
    overflow: auto;
    float: left;
}

.pole_wydarzenia h1 {
    margin-left: 1%;
    margin-top: 2%;
}

.pole_wydarzenia ul {
    font-size: 20px;

}

.kalendarz_pozycja {

    border-top: 5px solid #14466b;
    border-bottom: 5px solid #14466b;
    height: 620px;

    padding-bottom: 20px;

}

.kalendarz_pozycja2 {

    margin: 2% 0 0 10%;


}

.span1 {
    font-size: 20px;
    display: block;

}





.pole_wydarzenia .dzien {
    width: 50px;
    height: 50px;
    border: 2px solid #000;
    text-align: center;
    font-size: 20px;
}

.kalendarz_miesiac .puste-pole {
    border: none;
}

.kalendarz_miesiac .naglowek {
    font-weight: bold;
    font-size: 25px;
    text-align: center;
}

.kalendarz_miesiac .dni-tygodnia-naglowek:nth-child(7) {
    color: #6b0000 !important;

}

.kalendarz_miesiac .dni-tygodnia-naglowek {

    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #14466b;
    text-align: center;
}


.lol {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.transition {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
}

.zaladuj {
    display: block;
    margin: 0 auto;
}

.news .p {
    height: 80px;

    overflow: hidden;
}