* {padding: 0; margin: 0; border-style: none; outline: 0}
HTML {width: 100%; height: 100%}
BODY {font-family: Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 400;  font-style: normal; line-height: 1em; cursor: default; font-size: 13px; color: rgb(0,0,0); background-color: rgb(255,255,255); letter-spacing: 0px;  min-width: 280px; background-image: url(../graphics/background.jpg); background-size: cover; background-attachment: fixed; background-repeat: repeat-y}
IMG {font-size: 13px; color: rgb(255,255,255)}
A:link {text-decoration: none; color: rgb(0,0,0)}
A:visited {text-decoration: none; color: rgb(0,0,0)}
A:hover {text-decoration: underline; color: rgb(237,28,36)}
A:active {text-decoration: none; color: rgb(0,0,0)}

.Jasny {background-color: rgba(255,255,255, 0.5)}
#Wersje P {font-weight: 700}
#Baner IMG {width: 100%}
#Stopka A {color: rgb(255,255,255)}
#Stopka A:hover {color: rgb(255,255,255); text-decoration: underline}
#Wersje A:hover, #Menu A:hover, .Tekst_dodatkowy A:hover {text-decoration: none}

#Top A:hover {opacity: 1; transform: rotate(360deg)}
#Top IMG {width: 19px; height: 10px}

#Tytul IMG {width: 100%}
#Tytul {position: relative}
#Tytul DIV {position: absolute; left: 0; bottom: 0; color: rgb(255,172,56); text-shadow: 0px 0px 3px rgb(0,0,0)}

.Ikony  IMG {width: 100%; line-height: 0}

P.Bez_w {text-indent: 0 !important}


@keyframes czekanie {
0% {transform: rotate(0deg)}
100% {transform: rotate(360deg)}
}


@media all and (min-width: 1200px){
.Linia {width: 80%; padding: 0 10% 0 10%}

#Wersje {text-align: right; font-size: 16px; padding-top: 20px}
#Wersje P, #Wersje A {margin-right: 10px; line-height: 0; color: rgb(0,0,0); vertical-align: top; display: inline-block}
#Wersje A:last-child, #Wersje P:last-child {margin-right: 0}
#Wersje SPAN {display: block; text-align: center}
#Wersje IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
#Wersje A:hover IMG {width: 100%}

#Linia_z_menu {height: 124px; border-bottom: solid 1px rgb(255,255,255)}

#Logo {float: left}
#Logo IMG {width: 200px}

#Menu {float: right; font-size: 20px; padding-top: 47px}
#Menu A, #Menu P {margin-right: 50px; line-height: 0; color: rgb(0,0,0); display: inline-block; vertical-align: top}
#Menu A:last-child, #Menu P:last-child {margin-right: 0}
#Menu A > SPAN {display: block; text-align: center}
#Menu A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
#Menu A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}
#Menu P {font-weight: 700; color: rgb(237,28,36)}

.Menu_fixed {position: fixed; left: 0; top: 0; height: 80px !important; background-image: url(../graphics/background.jpg); background-size: cover; box-shadow: 0px 0px 10px 0px rgb(0,0,0); transition: all 0.3s ease 0s; z-index: 1}
DIV.Menu_fixed > #Logo {padding-top: 10px}
DIV.Menu_fixed > #Logo IMG {width: 150px !important; transition: all 0.3s ease 0s}
DIV.Menu_fixed > #Menu {padding-top: 43px !important; transition: all 0.3s ease 0s}
#Odstep {display: none}
.Odstep_fixed {display: block !important; height: 165px}

#Napis_intro {margin: 30px 0 50px 0; float: left}
#Intro1 {font-size: 40px}
#Intro1 SPAN {font-size: 50px}
#Intro1 SUP {font-size: 24px}

.Wideo {padding-top: 30px; padding-bottom: 30px; float: left; border-top: solid 1px rgb(255,255,255)}
.Wideo2 {padding-bottom: 50px; float: left}
.Wideo_napis {font-size: 20px; line-height: 1.1em; font-weight: 400; float: left; width: 30%; background-color: rgb(200,200,200); text-align: right; padding: 15px 1% 15px 0; border-radius: 0 0 0 30px}
.Wideo_wideo {float: right; width: 66%; position: relative; height: 0; padding-bottom: 37.125%}
.Wideo_wideo IFRAME {width: 100%; height: 100%; position: absolute; left: 0; right: 0}

#Stopka {background-color: rgba(0,0,0, 0.5); border-top: solid 1px rgb(0, 0, 0); color: rgb(255,255,255); float: left; padding-top: 30px; padding-bottom: 40px}
#Stopka DIV:last-child {float: left; font-size: 15px; margin-top: 37px}
#Stopka DIV:first-child {float: right; text-align: right; font-size: 20px; line-height: 1.4em}
.Stopka_fixed {position: fixed; left: 0; bottom: 0}

#Top {position: fixed; right: 20px; bottom: 20px; display: none; z-index: 3}
#Top A {display: block; background-color: rgb(0,0,0); border-radius: 100%; box-shadow: 0px 0px 3px 0px rgb(0,0,0); padding: 13px 10px 16px 10px; line-height: 0%; margin: 0; transition: all 0.3s ease 0s; opacity: 0.5}

#Tytul DIV {font-size: 100px; line-height: 0.8em}

.Tekst {margin-top: 50px; padding-top: 20px; padding-bottom: 10px; border-top: solid 1px rgb(255,255,255); border-bottom: solid 1px rgb(255,255,255)}
.Tekst P {margin-bottom: 20px; text-indent: 50px; line-height: 1.3em; font-size: 20px}

.Tekst UL {margin-left: 67px; margin-bottom: 20px; margin-top: -10px}
.Tekst LI {line-height: 1.3em; font-size: 20px; color: rgb(130,70,0)}
.Tekst LI > SPAN {color: rgb(0,0,0)}

.Patronat P {font-size: 17px; font-weight: 700; line-height: 1em; margin-top: 40px; padding-bottom: 5px; margin-bottom: 20px; border-bottom: solid 1px rgb(255,255,255)}
.Linia_odstep {margin-bottom: 50px}
.Ikony > DIV {display: inline-block; width: 16%; line-height: 0; margin-right: 5%; margin-bottom: 20px; vertical-align: middle}
.Ikony > DIV:nth-child(5n) {margin-right: 0}

.Tekst_dodatkowy {margin-top: 50px; padding-top: 20px; padding-bottom: 50px; border-top: solid 1px rgb(255,255,255); background-color: rgba(255,150,0,0.5) !important}
.Tekst_dodatkowy P {margin-bottom: 10px; line-height: 1.3em; font-size: 15px}

.Tekst_dodatkowy A {display: inline-block; line-height: 0; color: rgb(0,0,0); font-size: 17px; margin-top: 40px}
.Tekst_dodatkowy A > SPAN {display: block; text-align: center}
.Tekst_dodatkowy A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 7px}
.Tekst_dodatkowy A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}
#Arrow {margin-left: 20px; transition: all 0.3s ease 0s}
.Tekst_dodatkowy A:hover #Arrow {transform: rotate(360deg)}
.Tekst_dodatkowy A:hover .Arrow1 {transform: rotate(540deg) !important}
.Arrow1 {transform: rotate(180deg)}

#pOkno {transition: height 0.3s ease 0s; overflow: hidden}
.Okienko {border: solid 1px rgb(255,255,255); padding: 20px 20px 0 20px; background-color: rgba(255,255,255,0.5); margin-top: 10px}
.Okienko P {margin-bottom: 15px; line-height: 1.3em; font-size: 15px}
.Okienko P.Tytul {margin-bottom: 5px; font-weight: 700}
.Okienko UL {margin: 0 0 15px 15px}
.Okienko P.Bez_o {margin-bottom: 0}
.Okienko UL LI {line-height: 1.3em; font-size: 15px; color: rgb(130,70,0)}
.Okienko UL LI SPAN {color: rgb(0,0,0)}
.Okienko A {margin-top: 0px; font-size: inherit}
.Okienko A:hover {text-decoration: underline; color: rgb(237,28,36)}
.Okienko A.Ukryj {margin-top: 30px; font-size: 16px; color: rgb(0,0,0); text-decoration: none}
.Okienko A.Ukryj:hover {font-weight: 700}

FORM {margin-bottom: 30px}
SPAN.Gw {color: rgb(237,28,36); font-weight: 700}
.Formularz {display: table; border-top: solid 1px rgb(255,172,56); padding: 10px 0 10px 0}
.Ostatnie_pole {border-bottom: solid 1px rgb(255,172,56)}
.Formularz > DIV,  .Formularz1 > DIV {display: table-row}
.Formularz > DIV > LABEL {display: table-cell; font-size: 17px; line-height: 1.3em; padding-right: 10px; color: rgb(100,100,100); vertical-align: top; cursor: pointer}
.Formularz > DIV > DIV {display: table-cell; width: 100%; vertical-align: top}
.Formularz INPUT {width: 100%; padding: 0; margin: 0; outline: 0; font-family: Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 17px; line-height: 1.3em; background-color: transparent}
.Formularz TEXTAREA {width: 100%; padding: 0; margin: 0; outline: 0; font-family: Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 17px; line-height: 1.3em; background-color: transparent; overflow: auto; resize: none; height: 3.9em}

.Formularz1 {display: table; padding-top: 20px}
.Formularz1 > DIV > LABEL {display: table-cell; font-size: 15px; line-height: 1.3em; padding-left: 10px; color: rgb(0,0,0); vertical-align: top; width: 100%; cursor: pointer}
.Formularz1 INPUT {padding: 0; margin: 4px 0 0 0; outline: 0}

.Menu_form {border-top: solid 1px rgb(255,172,56); padding-top: 50px; margin-top: 20px}
.Menu_form A {line-height: 0; color: rgb(0,0,0); display: inline-block; font-size: 20px; text-decoration: none}
.Menu_form A > SPAN {display: block; text-align: center}
.Menu_form A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
.Menu_form A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}

#Czekaj {font-size: 15px; text-align: center; padding: 50px 0 60px 0; letter-spacing: 5px}
#Czekaj IMG {line-height: 0; margin-bottom: 10px; animation-name: czekanie; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear}

.Kom {background-color: rgba(0,0,0,0.2); text-align: center; padding: 30px 0 30px 0; border-radius: 20px; margin-bottom: 30px}
.Kom P {text-indent: 0; margin: 0}
.Kom P:first-child {font-size: 30px}
#Komunikat_blad P:first-child {color: rgb(237,28,36)}

.Menu_kom {padding-top: 50px}
.Menu_kom A {line-height: 0; color: rgb(0,0,0); display: inline-block; font-size: 18px; text-decoration: none}
.Menu_kom A > SPAN {display: block; text-align: center}
.Menu_kom A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
.Menu_kom A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}

.Media {margin-bottom: 50px}
.Media P {font-size: 17px; font-weight: 700; line-height: 1em; margin-top: 40px; text-align: center; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px rgb(255,255,255)}
.Media DIV {display: inline-block;  text-align: center; width: 100%}
.Media IMG {max-width: 100%}
.Media VIDEO {max-width: 100%; min-width: 60%}
}



@media all and (min-width: 768px) and (max-width: 1199px){
#Odstep {display: none !important}
.Linia {width: 90%; padding: 0 5% 0 5%}

#Wersje {text-align: right; font-size: 14px; padding-top: 20px}
#Wersje P, #Wersje A {margin-right: 10px; line-height: 0; color: rgb(0,0,0); vertical-align: top; display: inline-block}
#Wersje A:last-child, #Wersje P:last-child {margin-right: 0}
#Wersje SPAN {display: block; text-align: center}
#Wersje IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
#Wersje A:hover IMG {width: 100%}

#Linia_z_menu {height: 111px; border-bottom: solid 1px rgb(255,255,255)}
#Logo {float: left}
#Logo IMG {width: 170px}

#Menu {float: right; font-size: 17px; padding-top: 41px}
#Menu A, #Menu P {margin-right: 20px; line-height: 0; color: rgb(0,0,0); display: inline-block; vertical-align: top}
#Menu A:last-child, #Menu P:last-child {margin-right: 0}
#Menu A > SPAN {display: block; text-align: center}
#Menu A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
#Menu A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}
#Menu P {font-weight: 700; color: rgb(237,28,36)}

#Napis_intro {margin: 30px 0 50px 0; float: left}
#Intro1 {font-size: 35px}
#Intro1 SPAN {font-size: 45px}
#Intro1 SUP {font-size: 20px}

.Wideo {padding-top: 30px; padding-bottom: 30px; float: left; border-top: solid 1px rgb(255,255,255)}
.Wideo2 {padding-bottom: 50px; float: left}
.Wideo_napis {font-size: 20px; line-height: 1.4em; font-weight: 400; float: left; width: 29%; background-color: rgb(200,200,200); text-align: right; padding: 15px 1% 20px 1%; border-radius: 0 0 0 30px}
.Wideo_wideo {float: right; width: 66%; position: relative; height: 0; padding-bottom: 37.125%}
.Wideo_wideo IFRAME {width: 100%; height: 100%; position: absolute; left: 0; right: 0}

#Stopka {background-color: rgba(0,0,0, 0.5); border-top: solid 1px rgb(0, 0, 0); color: rgb(255,255,255); float: left; padding-top: 30px; padding-bottom: 40px}
#Stopka DIV:last-child {float: left; font-size: 14px; margin-top: 30px}
#Stopka DIV:first-child {float: right; text-align: right; font-size: 17px; line-height: 1.4em}
.Stopka_fixed {position: fixed; left: 0; bottom: 49px; z-index: 2}

#Top {display: block !important; width: 90%; padding: 0 5% 0 5%; float: left; clear: both; background-color: rgba(0,0,0,0.6); height: 49px}
#Top A {display: block; background-color: rgb(0,0,0); border-radius: 100%; box-shadow: 0px 0px 3px 0px rgb(0,0,0); padding: 13px 10px 16px 10px; line-height: 0%; margin-top: 5px; transition: all 0.3s ease 0s; opacity: 0.5; float: right}
.Top_fixed {position: fixed; left: 0; bottom: 0; ; z-index: 3}

#Tytul DIV {font-size: 80px; line-height: 0.8em}

.Tekst {margin-top: 30px; padding-top: 20px; padding-bottom: 5px; border-top: solid 1px rgb(255,255,255); border-bottom: solid 1px rgb(255,255,255)}
.Tekst P {margin-bottom: 15px; text-indent: 30px; line-height: 1.3em; font-size: 19px}

.Tekst UL {margin-left: 47px; margin-bottom: 15px; margin-top: -5px}
.Tekst LI {line-height: 1.3em; font-size: 19px; color: rgb(130,70,0)}
.Tekst LI > SPAN {color: rgb(0,0,0)}

.Patronat P {font-size: 16px; font-weight: 700; line-height: 1em; margin-top: 30px; padding-bottom: 5px; margin-bottom: 20px; border-bottom: solid 1px rgb(255,255,255)}
.Linia_odstep {margin-bottom: 40px}
.Ikony > DIV {display: inline-block; width: 21%; line-height: 0; margin-right: 4%; margin-bottom: 20px; vertical-align: middle}
.Ikony > DIV:nth-child(4n) {margin-right: 0}

.Tekst_dodatkowy {margin-top: 40px; padding-top: 20px; padding-bottom: 30px; border-top: solid 1px rgb(255,255,255); background-color: rgba(255,150,0,0.5) !important}
.Tekst_dodatkowy P {margin-bottom: 10px; line-height: 1.3em; font-size: 15px}

.Tekst_dodatkowy A {display: inline-block; line-height: 0; color: rgb(0,0,0); font-size: 17px; margin-top: 40px}
.Tekst_dodatkowy A > SPAN {display: block; text-align: center}
.Tekst_dodatkowy A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 7px}
.Tekst_dodatkowy A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}
#Arrow {margin-left: 20px; transition: all 0.3s ease 0s}
.Tekst_dodatkowy A:hover #Arrow {transform: rotate(360deg)}
.Tekst_dodatkowy A:hover .Arrow1 {transform: rotate(540deg) !important}
.Arrow1 {transform: rotate(180deg)}

#pOkno {transition: height 0.3s ease 0s; overflow: hidden}
.Okienko {border: solid 1px rgb(255,255,255); padding: 20px 20px 0 20px; background-color: rgba(255,255,255,0.5); margin-top: 10px}
.Okienko P {margin-bottom: 10px; line-height: 1.3em; font-size: 15px}
.Okienko P.Tytul {margin-bottom: 5px; font-weight: 700}
.Okienko UL {margin: 0 0 10px 15px}
.Okienko P.Bez_o {margin-bottom: 0}
.Okienko UL LI {line-height: 1.3em; font-size: 15px; color: rgb(130,70,0)}
.Okienko UL LI SPAN {color: rgb(0,0,0)}
.Okienko A {margin-top: 0px; font-size: inherit}
.Okienko A:hover {text-decoration: underline; color: rgb(237,28,36)}
.Okienko A.Ukryj {margin-top: 20px; font-size: 16px; color: rgb(0,0,0); text-decoration: none}
.Okienko A.Ukryj:hover {font-weight: 700}


FORM {margin-bottom: 30px}
SPAN.Gw {color: rgb(237,28,36); font-weight: 700}
.Formularz {display: table; border-top: solid 1px rgb(255,172,56); padding: 10px 0 10px 0}
.Ostatnie_pole {border-bottom: solid 1px rgb(255,172,56)}
.Formularz > DIV,  .Formularz1 > DIV {display: table-row}
.Formularz > DIV > LABEL {display: table-cell; font-size: 16px; line-height: 1.3em; padding-right: 10px; color: rgb(100,100,100); vertical-align: top; cursor: pointer}
.Formularz > DIV > DIV {display: table-cell; width: 100%; vertical-align: top}
.Formularz INPUT {width: 100%; padding: 0; margin: 0; outline: 0; font-family: Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.3em; background-color: transparent}
.Formularz TEXTAREA {width: 100%; padding: 0; margin: 0; outline: 0; font-family: Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.3em; background-color: transparent; overflow: auto; resize: none; height: 3.9em}

.Formularz1 {display: table; padding-top: 20px}
.Formularz1 > DIV > LABEL {display: table-cell; font-size: 15px; line-height: 1.3em; padding-left: 10px; color: rgb(0,0,0); vertical-align: top; width: 100%; cursor: pointer}
.Formularz1 INPUT {padding: 0; margin: 4px 0 0 0; outline: 0}

.Menu_form {border-top: solid 1px rgb(255,172,56); padding-top: 50px; margin-top: 20px}
.Menu_form A {line-height: 0; color: rgb(0,0,0); display: inline-block; font-size: 19px; text-decoration: none}
.Menu_form A > SPAN {display: block; text-align: center}
.Menu_form A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
.Menu_form A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}

#Czekaj {font-size: 15px; text-align: center; padding: 50px 0 60px 0; letter-spacing: 5px}
#Czekaj IMG {line-height: 0; margin-bottom: 10px; animation-name: czekanie; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear}

.Kom {background-color: rgba(0,0,0,0.2); text-align: center; padding: 30px 0 30px 0; border-radius: 20px; margin-bottom: 30px}
.Kom P {text-indent: 0; margin: 0}
.Kom P:first-child {font-size: 25px}
#Komunikat_blad P:first-child {color: rgb(237,28,36)}

.Menu_kom {padding-top: 50px}
.Menu_kom A {line-height: 0; color: rgb(0,0,0); display: inline-block; font-size: 16px; text-decoration: none}
.Menu_kom A > SPAN {display: block; text-align: center}
.Menu_kom A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
.Menu_kom A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}

.Media {margin-bottom: 50px}
.Media P {font-size: 16px; font-weight: 700; line-height: 1em; margin-top: 40px; text-align: center; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px rgb(255,255,255)}
.Media DIV {display: inline-block;  text-align: center; width: 100%}
.Media IMG {max-width: 100%}
.Media VIDEO {max-width: 100%; min-width: 60%}
}


@media all and (min-width: 768px){

#Napis_intro > DIV {display: inline-block}

#Intro1 {font-family: Oswald, Arial, Helvetica, sans-serif; line-height: 1.4em; font-weight: 700; width: 30%; background-color: rgb(130,70,0); color: rgb(255,255,255); text-align: right; padding: 5px 1% 15px 0; border-radius: 0 0 0 30px; vertical-align: top}
#Intro2 {width: 2%; background-color: rgb(150,95,20); margin: 0 0.5% 0 0.5%; height: 200px; font-size: 1px; vertical-align: top}
#Intro3 {font-size: 30px; line-height: 1em; font-weight: 700; width: 65%; background-color: rgb(226,162,46); padding: 10px 0 10px 1%; border-radius: 0 30px 0 0; vertical-align: bottom}
#Intro3 SPAN {font-size: 25px}
}


@media all and (max-width: 767px){
#Odstep {display: none !important}
#Wersje {text-align: center; font-size: 14px; padding-top: 15px}
#Wersje P, #Wersje A {margin-right: 10px; line-height: 0; color: rgb(0,0,0); vertical-align: top; display: inline-block}
#Wersje A:last-child, #Wersje P:last-child {margin-right: 0}
#Wersje SPAN {display: block; text-align: center}
#Wersje IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 10px}
#Wersje A:hover IMG {width: 100%}

#Logo {text-align: center; padding-top: 5px}
#Logo IMG {width: 100%; max-width: 170px}


#Napis_intro {margin: 20px 0 30px 0}
#Intro1 {font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 30px; line-height: 1.4em; font-weight: 700; background-color: rgb(130,70,0); color: rgb(255,255,255); text-align: center; padding: 5px 0 15px 0}
#Intro1 SPAN {font-size: 40px}
#Intro1 SUP {font-size: 18px}
#Intro2 {background-color: rgb(150,95,20); height: 5px; font-size: 1px; margin: 1px 0 1px 0}
#Intro3 {font-size: 25px; line-height: 1em; font-weight: 700;  background-color: rgb(226,162,46); padding: 10px 0 10px 0; text-align: center}
#Intro3 SPAN {font-size: 20px}

.Wideo {padding-top: 20px; padding-bottom: 20px; float: left; border-top: solid 1px rgb(255,255,255)}
.Wideo2 {padding-bottom: 30px; float: left}
.Wideo_napis {font-size: 17px; line-height: 1.1em; font-weight: 400; background-color: rgb(200,200,200); text-align: center; padding: 10px 0 10px 0}
.Wideo_wideo {width: 100%; position: relative; height: 0; padding-bottom: 56.25%}
.Wideo_wideo IFRAME {width: 100%; height: 100%; position: absolute; left: 0; right: 0}

#Stopka {background-color: rgba(0,0,0, 0.5); border-top: solid 1px rgb(0, 0, 0); color: rgb(255,255,255); padding-top: 20px; padding-bottom: 30px; float: left}
#Stopka DIV:last-child {font-size: 14px; margin-top: 30px; text-align: center}
#Stopka DIV:first-child {text-align: center; font-size: 17px; line-height: 1.4em}
.Stopka_fixed {position: fixed; left: 0; bottom: 49px; z-index: 2}

#Top {display: block !important; width: 100%; float: left; clear: both; background-color: rgba(0,0,0,0.6); height: 49px}
#Top A {display: block; background-color: rgb(0,0,0); border-radius: 100%; box-shadow: 0px 0px 3px 0px rgb(0,0,0); padding: 13px 10px 16px 10px; line-height: 0%; margin-top: 5px; transition: all 0.3s ease 0s; opacity: 0.5; float: left; margin-left: calc(50% - 20px)}
.Top_fixed {position: fixed; left: 0; bottom: 0; z-index: 3}

.Tekst P {margin-bottom: 15px; text-align: center; line-height: 1.3em; font-size: 17px}

.Tekst UL {margin-bottom: 15px; margin-top: -5px; margin-left: 15px; text-align: center}
.Tekst LI {line-height: 1.3em; font-size: 17px; color: rgb(130,70,0)}
.Tekst LI > SPAN {color: rgb(0,0,0)}
}


@media all and (min-width: 510px) and (max-width: 767px){
.Linia {width: 100%}

#Menu {font-size: 16px; padding: 20px 0 10px 0; text-align: center}
#Menu A, #Menu P {margin-right: 20px; line-height: 0; color: rgb(0,0,0); display: inline-block; vertical-align: top}
#Menu A:last-child, #Menu P:last-child {margin-right: 0}
#Menu A > SPAN {display: block; text-align: center}
#Menu A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
#Menu A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}
#Menu P {font-weight: 700; color: rgb(237,28,36)}

#Linia_z_menu {border-bottom: solid 1px rgb(255,255,255)}

#Tytul DIV {font-size: 60px; line-height: 0.83em; text-align: center; width: 100%}

.Tekst {margin-top: 20px; padding-top: 15px; padding-bottom: 5px; border-top: solid 1px rgb(255,255,255); border-bottom: solid 1px rgb(255,255,255)}

.Patronat P {font-size: 16px; font-weight: 700; line-height: 1em; margin-top: 30px; padding-bottom: 5px; margin-bottom: 20px; border-bottom: solid 1px rgb(255,255,255); text-align: center}
.Linia_odstep {margin-bottom: 30px}
.Ikony > DIV {display: inline-block; width: 30%; line-height: 0; margin-right: 5%; margin-bottom: 20px; vertical-align: middle}
.Ikony > DIV:nth-child(3n) {margin-right: 0}

.Tekst_dodatkowy {margin-top: 20px; padding-top: 10px; padding-bottom: 10px; border-top: solid 1px rgb(255,255,255); background-color: rgba(255,150,0,0.5) !important; text-align: center}
.Tekst_dodatkowy P {margin-bottom: 10px; line-height: 1.3em; font-size: 15px}

.Tekst_dodatkowy A {display: inline-block; line-height: 0; color: rgb(0,0,0); font-size: 16px; margin-top: 20px; text-align: center}
.Tekst_dodatkowy A > SPAN {display: block; text-align: center}
.Tekst_dodatkowy A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 7px}
.Tekst_dodatkowy A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}
#Arrow {margin-left: 20px; transition: all 0.3s ease 0s}
.Tekst_dodatkowy A:hover #Arrow {transform: rotate(360deg)}
.Tekst_dodatkowy A:hover .Arrow1 {transform: rotate(540deg) !important}
.Arrow1 {transform: rotate(180deg)}

#pOkno {transition: height 0.3s ease 0s; overflow: hidden}
.Okienko {border: solid 1px rgb(255,255,255); padding: 10px 10px 0 10px; background-color: rgba(255,255,255,0.5); margin-top: 5px}
.Okienko P {margin-bottom: 10px; line-height: 1.3em; font-size: 15px}
.Okienko P.Tytul {margin-bottom: 5px; font-weight: 700}
.Okienko UL {margin: 0 0 10px 15px}
.Okienko P.Bez_o {margin-bottom: 0}
.Okienko UL LI {line-height: 1.3em; font-size: 15px; color: rgb(130,70,0)}
.Okienko UL LI SPAN {color: rgb(0,0,0)}
.Okienko A {margin-top: 0px; font-size: inherit}
.Okienko A:hover {text-decoration: underline; color: rgb(237,28,36)}
.Okienko A.Ukryj {margin-top: 20px; font-size: 16px; color: rgb(0,0,0); text-decoration: none}
.Okienko A.Ukryj:hover {font-weight: 700}


FORM {margin-bottom: 10px}
SPAN.Gw {color: rgb(237,28,36); font-weight: 700}
.Formularz {display: table; border-top: solid 1px rgb(255,172,56); padding: 10px 0 10px 0}
.Ostatnie_pole {border-bottom: solid 1px rgb(255,172,56)}
.Formularz > DIV,  .Formularz1 > DIV {display: table-row}
.Formularz > DIV > LABEL {display: table-cell; font-size: 15px; line-height: 1.3em; padding-right: 10px; color: rgb(100,100,100); vertical-align: top; cursor: pointer}
.Formularz > DIV > DIV {display: table-cell; width: 100%; vertical-align: top}
.Formularz INPUT {width: 100%; padding: 0; margin: 0; outline: 0; font-family: Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 15px; line-height: 1.3em; background-color: transparent}
.Formularz TEXTAREA {width: 100%; padding: 0; margin: 0; outline: 0; font-family: Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 15px; line-height: 1.3em; background-color: transparent; overflow: auto; resize: none; height: 3.9em}

.Formularz1 {display: table; padding-top: 20px}
.Formularz1 > DIV > LABEL {display: table-cell; font-size: 15px; line-height: 1.3em; padding-left: 10px; color: rgb(0,0,0); vertical-align: top; width: 100%; cursor: pointer}
.Formularz1 INPUT {padding: 0; margin: 4px 0 0 0; outline: 0}

.Menu_form {border-top: solid 1px rgb(255,172,56); padding-top: 30px; margin-top: 20px; text-align: center}
.Menu_form A {line-height: 0; color: rgb(0,0,0); display: inline-block; font-size: 17px; text-decoration: none}
.Menu_form A > SPAN {display: block; text-align: center}
.Menu_form A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
.Menu_form A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}


#Czekaj {font-size: 15px; text-align: center; padding: 50px 0 60px 0; letter-spacing: 5px}
#Czekaj IMG {line-height: 0; margin-bottom: 10px; animation-name: czekanie; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear}

.Kom {background-color: rgba(0,0,0,0.2); text-align: center; padding: 30px 0 30px 0; border-radius: 20px; margin-bottom: 30px}
.Kom P {text-indent: 0; margin: 0; padding: 0 10px 0 10px}
.Kom P:first-child {font-size: 25px}
#Komunikat_blad P:first-child {color: rgb(237,28,36)}

.Menu_kom {padding-top: 50px}
.Menu_kom A {line-height: 0; color: rgb(0,0,0); display: inline-block; font-size: 16px; text-decoration: none}
.Menu_kom A > SPAN {display: block; text-align: center}
.Menu_kom A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
.Menu_kom A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}

.Media {margin-bottom: 50px}
.Media P {font-size: 16px; font-weight: 700; line-height: 1em; margin-top: 40px; text-align: center; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px rgb(255,255,255)}
.Media DIV {display: inline-block;  text-align: center; width: 100%}
.Media IMG {max-width: 100%}
.Media VIDEO {max-width: 100%; min-width: 60%}
}


@media all and (max-width: 509px){
.Linia {width: 100%}

#Menu {font-size: 16px; padding-top: 10px; text-align: center}
#Menu A, #Menu P {color: rgb(0,0,0); display: block; padding: 8px 0 8px 0; border-top: solid 1px rgb(245,130,32)}
#Menu A {transition: background-color, color 0.3s ease 0s}
#Menu A:last-child, #Menu P:last-child {border-bottom: solid 1px rgb(245,130,32)}
#Menu A > SPAN {display: none}
#Menu A:hover {background-color: rgb(245,130,32); color: rgb(255,255,255)}
#Menu P {font-weight: 700; color: rgb(255,255,255); background-color: rgb(237,28,36)}

#Tytul DIV {font-size: 40px; line-height: 0.85em; text-align: center; width: 100%}

.Tekst {margin-top: 20px; padding: 15px 1% 5px 1%; border-top: solid 1px rgb(255,255,255); border-bottom: solid 1px rgb(255,255,255); width: 98% !important}

.Patronat P {font-size: 15px; font-weight: 700; line-height: 1em; margin-top: 25px; padding-bottom: 5px; margin-bottom: 20px; border-bottom: solid 1px rgb(255,255,255); text-align: center}
.Linia_odstep {margin-bottom: 20px}
.Ikony > DIV {display: inline-block; width: 46%; line-height: 0; margin-right: 4%; margin-bottom: 15px; vertical-align: middle}
.Ikony > DIV:first-child {margin-left: 2%}
.Ikony > DIV:nth-child(2n) {margin-right: 2%}
.Ikony > DIV:nth-child(3n) {margin-left: 2%}

.Tekst_dodatkowy {margin-top: 20px; padding: 15px 1% 5px 1%; padding-bottom: 5px; border-top: solid 1px rgb(255,255,255); background-color: rgba(255,150,0,0.5) !important; text-align: center; width: 98% !important}
.Tekst_dodatkowy P {margin-bottom: 5px; line-height: 1.3em; font-size: 14px}

.Tekst_dodatkowy A {display: inline-block; line-height: 0; color: rgb(0,0,0); font-size: 15px; margin-top: 20px; text-align: center}
.Tekst_dodatkowy A > SPAN {display: block; text-align: center}
.Tekst_dodatkowy A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 7px}
.Tekst_dodatkowy A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}
#Arrow {margin-left: 20px; transition: all 0.3s ease 0s}
.Tekst_dodatkowy A:hover #Arrow {transform: rotate(360deg)}
.Tekst_dodatkowy A:hover .Arrow1 {transform: rotate(540deg) !important}
.Arrow1 {transform: rotate(180deg)}

#pOkno {transition: height 0.3s ease 0s; overflow: hidden}
.Okienko {border: solid 1px rgb(255,255,255); padding: 5px 5px 0 5px; background-color: rgba(255,255,255,0.5); margin-top: 5px}
.Okienko P {margin-bottom: 10px; line-height: 1.3em; font-size: 14px}
.Okienko P.Tytul {margin-bottom: 5px; font-weight: 700}
.Okienko UL {margin: 0 0 10px 14px}
.Okienko P.Bez_o {margin-bottom: 0}
.Okienko UL LI {line-height: 1.3em; font-size: 14px; color: rgb(130,70,0)}
.Okienko UL LI SPAN {color: rgb(0,0,0)}
.Okienko A {margin-top: 0px; font-size: inherit}
.Okienko A:hover {text-decoration: underline; color: rgb(237,28,36)}
.Okienko A.Ukryj {margin-top: 10px; font-size: 15px; color: rgb(0,0,0); text-decoration: none}
.Okienko A.Ukryj:hover {font-weight: 700}

FORM {margin-bottom: 10px; border-top: solid 1px rgb(255,172,56)}
SPAN.Gw {color: rgb(237,28,36); font-weight: 700}
.Formularz {padding: 10px 0 0 0}
.Formularz > DIV > LABEL {font-size: 15px; line-height: 1.3em; padding-right: 10px; color: rgb(100,100,100); cursor: pointer}
.Formularz > DIV > DIV {width: 100%}
.Formularz INPUT {width: calc(100% - 10px); padding: 5px; margin: 0; outline: 0; font-family: Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 15px; line-height: 1.3em; background-color: rgba(0,0,0,0.2)}
.Formularz TEXTAREA {width: calc(100% - 10px); padding: 5px; margin: 0; outline: 0; font-family: Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 15px; line-height: 1.3em; background-color: rgba(0,0,0,0.2); overflow: auto; resize: none; height: 3.9em}

.Formularz1 {display: table; padding-top: 20px}
.Formularz1 > DIV {display: table-row}
.Formularz1 > DIV > LABEL {display: table-cell; font-size: 14px; line-height: 1.3em; padding-left: 10px; color: rgb(0,0,0); vertical-align: top; width: 100%; cursor: pointer}
.Formularz1 INPUT {padding: 0; margin: 3px 0 0 0; outline: 0}

.Menu_form {border-top: solid 1px rgb(255,172,56); padding-top: 30px; margin-top: 20px; text-align: center}
.Menu_form A {line-height: 0; color: rgb(0,0,0); display: inline-block; font-size: 17px; text-decoration: none}
.Menu_form A > SPAN {display: block; text-align: center}
.Menu_form A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
.Menu_form A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}

#Czekaj {font-size: 14px; text-align: center; padding: 50px 0 60px 0; letter-spacing: 5px}
#Czekaj IMG {line-height: 0; margin-bottom: 10px; animation-name: czekanie; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear}

.Kom {background-color: rgba(0,0,0,0.2); text-align: center; padding: 30px 0 30px 0; border-radius: 20px; margin-bottom: 30px}
.Kom P {text-indent: 0; margin: 0; padding: 0 10px 0 10px}
.Kom P:first-child {font-size: 23px}
#Komunikat_blad P:first-child {color: rgb(237,28,36)}

.Menu_kom {padding-top: 50px}
.Menu_kom A {line-height: 0; color: rgb(0,0,0); display: inline-block; font-size: 16px; text-decoration: none}
.Menu_kom A > SPAN {display: block; text-align: center}
.Menu_kom A > SPAN > IMG {width: 0; transition: width 0.3s ease 0s; height: 5px; margin-top: 15px}
.Menu_kom A:hover > SPAN > IMG {width: 100%; transition: width 0.3s ease 0s}

.Media {margin-bottom: 40px}
.Media P {font-size: 15px; font-weight: 700; line-height: 1em; margin-top: 30px; padding-bottom: 10px; text-align: center; padding-bottom: 5px; margin-bottom: 5px; border-bottom: solid 1px rgb(255,255,255)}
.Media DIV {display: inline-block;  text-align: center; width: 100%}
.Media IMG {max-width: 100%}
.Media VIDEO {max-width: 100%; min-width: 60%}
}