@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300|Roboto:300");
@font-face {font-family: 'ECKwebFont';
src: url('fonts/eckweb-regularN.eot');
src: url('fonts/eckweb-regularN.eot?#iefix') format('embedded-opentype'),
url('fonts/eckweb-regularN.woff2') format('woff2'),
url('fonts/eckweb-regularN.woff') format('woff'),
url('fonts/eckweb-regularN.ttf') format('truetype');font-weight: normal;font-style: normal;}
@font-face {font-family: 'ECKwebFont';
src: url('fonts/eckweb-italic.eot');
src: url('fonts/eckweb-italic.eot?#iefix') format('embedded-opentype'),
url('fonts/eckweb-italic.woff2') format('woff2'),
url('fonts/eckweb-italic.woff') format('woff'),
url('fonts/eckweb-italic.ttf') format('truetype');font-weight: normal; font-style: italic;}

@font-face {font-family: 'Open Sans';
src: url('fonts/ositalic.eot');
src: url('fonts/ositalic.eot?#iefix') format('embedded-opentype'),
url('fonts/ositalic.woff2') format('woff2'),
url('fonts/ositalic.woff') format('woff'),
url('fonts/ositalic.ttf') format('truetype');font-weight: normal;font-style: italic;}

@font-face {font-family: 'Open Sans';
src: url('fonts/osregular.eot');
src: url('fonts/osregular.eot?#iefix') format('embedded-opentype'),
url('fonts/osregular.woff2') format('woff2'),
url('fonts/osregular.woff') format('woff'),
url('fonts/osregular.ttf') format('truetype');font-weight: normal; font-style: normal;}

@font-face {font-family: 'Open Sans';
src: url('fonts/ossemibold.eot');
src: url('fonts/ossemibold.eot?#iefix') format('embedded-opentype'),
url('fonts/ossemibold.woff2') format('woff2'),
url('fonts/ossemibold.woff') format('woff'),
url('fonts/ossemibold.ttf') format('truetype');font-weight: bold; font-style: normal;}

@font-face {font-family: 'Open Sans';
src: url('fonts/ossemibolditalic.eot');
src: url('fonts/ossemibolditalic.eot?#iefix') format('embedded-opentype'),
url('fonts/ossemibolditalic.woff2') format('woff2'),
url('fonts/ossemibolditalic.woff') format('woff'),
url('fonts/ossemibolditalic.ttf') format('truetype');font-weight: bold; font-style: italic;}

/*GŁÓWNE*/
body,html,h1,h2,h3,h4,p,ul,ol,li{margin:0;padding:0}
a img,:link img,:visited img{border:none}
:link,:visited{text-decoration:none}
ul,ol{list-style:none}
html{font-size:62.5%}
body{font-size:101%;font:1.55em 'Open Sans',Verdana,Arial,Geneva,sans-serif;color:#002242;line-height:1.6em; background:#d6d4f7 url(images/papier.jpg) repeat;overflow-x: hidden;}
h1,h2,h3,h4{font:1em 'Open Sans',Calibri,Helvetica,Arial,sans-serif;font-weight:bold}
div,h1,h2,p,li,header,main,section,label,aside{position:relative}
p,ul{padding-bottom:1.2em}
h1{font-size:1.6em; color:#3646a2;
padding-bottom:1.15em;line-height:1.2em;}
h2{font-size:1.3em;color:#921a4c;
padding-top:1.2em;padding-bottom:.1em;}
h3{font-size:1.1em;color:#4a58ac;}
h4{font-size:1em;color:#3943a6;}
a:link{color:#8608af;}
a:visited{color:#995bad;}
a:hover{text-decoration:underline;}
a:focus{background-color:#d6ff03;outline:thin dotted}
a:active{outline:thin dotted;}

/*GÓRNA LISTWA <header> Z OBRAZKIEM*/
#pict {font-family: 'Roboto','Open Sans',Calibri,Helvetica,Arial,sans-serif;font-weight:300;width:100%;font-size:13pt;line-height:20pt}
#pict div{text-align:right;}
#pict div a:link{margin:0 2vw;}
#pict div a:hover{text-decoration:none;text-shadow:2px 2px 2px #000;}
#pict #outer{border-bottom:1px solid #cfdbf1;text-align:right;}
#pict #outer a:link{display:inline-block;color:#fff180;}
#pict #outer a:visited{color:#fff180;}
#pict #local{display:table;width:100%;height:50px;min-height:50px;padding:6px 0;}
#pict #local a:link{color:#ffe203;}
#pict #local a:visited{color:#ffe203;}
#pict #local p{display:table-cell; vertical-align: middle;padding:0;}
#pict #local p#logo{vertical-align: middle;text-align:left;height:100%;}
#pict #local p#logo img{width:calc(110px + 10vw); max-width:190px;min-width:150px;vertical-align: middle;}
#pict a:link span {position:absolute;left:calc(2vw + 69px);top:-9px;width:fit-content;opacity:.5;visibility:hidden;font-size:12pt;letter-spacing: .6pt;}
#pict a:hover span {visibility:visible;}
#pict h4, #nopict h4{position:relative;font-family: 'Roboto','Open Sans',Calibri,Helvetica,Arial,sans-serif;font-weight:300;text-shadow: 2px 0 3px #000, -2px 0 3px #000,0 2px 3px #000,0 -2px 3px #000;line-height:20pt;font-size:16pt;color:#fff;margin-left:2vw;letter-spacing:.09em;padding:0 0 6pt;margin-top:-20pt;z-index:10}
#pict, #nopict{box-sizing:border-box;background-color:#4970a2;}
#title{height:calc(130px + 10vw); max-height:360px;min-height:240px; background-repeat:no-repeat;background-position:center center; width:100%;}
/*#title p {font-family:ECKwebFont;font-size:41pt;color:#fbdd0c;text-shadow:2px 1px 3px #111;text-align:left;width:auto; padding:25px 2vw;}*/
/*GÓRNA LISTWA <header> BEZ OBRAZKA*/
#nopict{font-family: 'Roboto','Open Sans',Calibri,Helvetica,Arial,sans-serif;font-weight:300;font-size:13pt;line-height:20pt}
#nopict a:hover{text-decoration:none;text-shadow:2px 2px 2px #000;}
#nopict #outer{border-bottom:1px solid #cfdbf1;text-align:right;}
#nopict #outer a:link{display:inline-block;margin:0 2vw;color:#fff180;}
#nopict #outer a:visited{color:#fff180;}
#nopict #local {width:100%; height:calc(40px + 3vw); max-height:64px;color:#ffe203;padding:6px 0;}
#nopict #local a:link {margin:0 2vw;color:#ffe203;}
#nopict #local a:visited{color:#ffe203;}
#nopict img#logoEK{float:left; height:calc(40px + 3vw); max-height:64px;min-height:50px;margin:0 5px 0 2vw;}
#nopict #local a:link span {position:absolute;left:calc(2vw + 75px);top:-4px;width:fit-content;opacity:.5;visibility:hidden;font-size:12pt;letter-spacing: .6pt;}
#nopict #local a:link:hover span {visibility:visible;}
#nopict #local p {padding:0;}
#nopict #local a + p {float:left;margin:0;font-size:130%;line-height:15pt;top:50%;transform: translateY(-50%);}
#nopict #local a+p span{display:inline;}
#nopict #local p+p {float:right; text-align:right;top:50%;transform: translateY(-50%);}
/*MEDIA QUERY GÓRNEJ LISTWY <header>*/
@media (max-width:60em)/*tablety <960px*/{
#nopict, #pict {font-size:12pt;}
#nopict #local a + p {max-width:60%;}}
@media (max-width:57em)/*tablety <912px*/{
header#pict #title p{font-size:calc(36px + 2.1vw);}}
@media (max-width:45em)/* <720px*/{
#pict, #nopict {font-size:11pt;}
#pict a:link span {font-size:10pt; left:calc(5vw + 45px);}
#nopict #local a:link span{font-size:10pt;left:calc(5vw + 50px);top:-7px;}
#nopict #local a + p {max-width:40%;}}
@media (max-width:35em)/*SMARTFONY, <560PX*/{
#pict #local p#logo{max-width:170px;}
header#nopict, header#pict {font-family: 'Roboto Condensed','Open Sans',Calibri, Helvetica, Arial,sans-serif; font-weight:300;font-size:10.5pt;letter-spacing:.015em;}
#nopict #local div#logoEK {width:70px;}
#title p{padding:18px 2vw;}}

/*TREŚĆ*/
#main{width:100%;display:table;table-layout:fixed;border-collapse:separate;}
/*cytat*/
#cyt{font-family:ECKwebFont,Georgia,MinionPro,"Palatino Linotype",serif;box-sizing:border-box;margin:0 auto 0 calc(3% + 227px);max-width:680px;letter-spacing:.02ex;}
#rcyt{width:85%;}
/*kwiatek*/
#cyt span{display:block;width:11%;max-width:40px;height:100%;max-height:143px;position:absolute; top:1em;right:-12%; background-image:url(images/roza.png);background-position:left bottom;background-repeat:no-repeat;background-size:contain;}/*koniec kwiatka*/
q{quotes:none;display:block;
font-size:1.14em;font-style:italic;text-indent:2em;}
#cyt q:first-of-type{padding-top:1.4em}
#cyt q:last-of-type{padding-bottom:.5em}
cite{display:block;text-align:right;font-size:12pt;font-style:normal;z-index:100}
/*zmiana cytatu*/
#seed{height:2em;text-indent:5px;
font-size:.75em;padding:2.5em 5px 2.5em 2px;}
#seed a:link,#seed a:visited{line-height:1.5em;display:block;border:1px solid #e7ebf9;letter-spacing:.16ex;
border-bottom:1px solid #93a8e2;color:#4970a2;border-radius:6px;}
#seed a:hover{border:1px solid #d1bf75;
text-decoration:none;color:#036;}
#seed a:focus{background-color:transparent;outline:none}
#seed a:active{outline:none;}
/*tekst*/
#txt{box-sizing:border-box;background-color:rgba(73,112,162,.2);margin:2em 15px 2em calc(3vw + 70px);max-width:830px;padding:20px;border:2px solid #fff;border-radius:18px}
ul.gbl{padding-left:40px;}
ul.gbl li{padding-left:10px;list-style: url(images/goldbullet.png);}
span.gbl1{position:relative;top:.36em;left:0;padding-right:15px!important; background:url(images/goldbullet.png) no-repeat;}
ul.ma{list-style-type:circle;padding-left:32px}
.ma li{padding-left:5px}

/* NAWIGACJA */
#nav{background-color:#4970a2;font:13pt 'Open Sans',Arial,Helvetica,Tahoma,"Microsoft sans serif",sans-serif;line-height:14pt;padding:8px 0;}
#nav div{display:table;table-layout:fixed;width:100%;}
#nav p{display:table-cell;width:14.27%;height:40px;padding:0;background-image: linear-gradient(to right, #ac8f38 0%, #f9f3b7 47%, #f9f3b7 54%, #ac8f38 100%);border:1px solid #4970a2;text-align:center;text-shadow:1px 1px 0px #ffec25;vertical-align:middle;letter-spacing:.1rem;}
#nav p::before{content:' ';position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;opacity:0;background:linear-gradient(to right, #f9f3b7 0%, #ac8f38 47%, #ac8f38 54%, #f9f3b7 100%);transition:.8s;}
#nav img{display:block;position:absolute;bottom:55px;left: calc(.5*(100% - 110px));border-radius:13px;opacity:0;visibility:hidden;transition:opacity .4s ease-out 0s, visibility 0s .4s;}
#nav div p:hover img{opacity:.75;visibility:visible;transition:visibility 0s, opacity .5s ease-out;}
#nav a:link,#nav a:visited{display:block;position:relative;z-index:2;padding:2px 4px;color:#3646a2;}
#nav a:hover{text-decoration:none;text-shadow:-1px -1px 0px #ffec25;transition-delay:.05s;}
#nav div p:hover:before{opacity:1;}
#nav #this{display:none}
#navg {width:36px;height:50px;position:fixed;top:14rem;background:#ddf;border:1px solid #0a0abf;border-left:none;border-radius:0 25px 25px 0;line-height:.4em;overflow:hidden;z-index:200;opacity:.7}#navg span{display:block;font-size:2em;margin-left:5px}
#navg:hover{text-decoration:none;}
#navg{display:none}
/*koniec nawigacji*/

.show, input[type=checkbox] {display:none}
#ss, #on1 {display:none}

/*TRZY PANELE*/
#dod{width:100%;background-color:rgb(73,112,162);margin-top:2vw;display:flex;flex-flow:row nowrap;justify-content:space-around;}
#dod div{flex:1 1 auto;width:30%;box-sizing:border-box;padding:1.4vw;border:2px solid #fff;border-radius:18px;margin:1.5vw;}
#dod div:nth-of-type(2){margin:1.5vw auto;}
#dod div:before{content:'';position:absolute;display:block;width:100%;height:100%;top:0;left:0;bottom:0;z-index:1;background:url(images/papier.jpg) repeat;background-color:rgba(73,112,162,.2);border-radius:17px;opacity:.78;}
#dod div img,#dod div p{position:relative;z-index:15;}
#dod div a{position:relative;z-index:25;}
#dod div:first-child img{width:65%;max-width:212px;}
#dod div:nth-child(2) img{width:100%;max-width:260px;border-radius:6px;}
#dod div:last-child img#swj{width:100%;max-width:320px;border-radius:6px;margin:5px auto;}
#dod div:last-child a img{width:35%;max-width:124px}
#dod div h1{font-weight:normal;padding-bottom:.5em;z-index:90}
#dod div span{display:inline-block;}
#dod p{padding-bottom:0;}

/*SPOŁECZNOŚCIOWE STAŁE - soc1*/
#soc1{background-color:#4970a2;margin-top:2rem;padding:5px 1.2vw;}
#soc1 p,#soc p{disp/lay:inline-block;padding:3px;li/ne-height:1.3em}
#soc1 p span, #soc p span{display:inline-block;}
#soc1 a:link,#soc1 a:visited,#soc a:link,#soc a:visited{display:inline-block;width:2.2em;height:2.2em;vertical-align:middle;margin:0 3px;border-radius:20%;transition:all .4s ease-out;}
#soc a svg{border-radius:20%;}
a#s1{background-color:#1877F2;border:1px solid #0227ad;}
a#s2{background-color:#f00;border:1px solid #820101;}
a#s3{background-color:#dce8f9;border:1px solid #1d4cf7;color:#1da1f2}
a#s4{background: radial-gradient(circle at 33% 100%, #FED373 8%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF); border:1px solid #5b02ad;}
#soc1 a#fb,#soc1 a#tt,#soc a#fb,#soc a#tt{width:3.6em;height:1.8em; border:1px solid #0227ad;border-radius:.35em;}
a#fb{background-color:#3b5998}
a#tt{background-color:#1da1f2;color:#fff}
#soc1 a:hover,#soc1 a:focus,#soc a:hover,#soc a:focus{border:1px solid #d8ff02;}
#soc1 a#fb:hover,#soc1 a#tt:hover,#soc a#fb:hover,#soc a#tt:hover{border:1px solid #d8ff02;}
@media (min-width:80em)/*PC, TV >1280px */{
#soc1, #soc{position:fixed;top:25rem;right:.9vw; width:21vw;padding:10px 1.1vw;background:none;font-size:calc(.9em + .1vw); text-align:right; border:2px solid #fff;border-radius:15px;transition:.8s;}
#soc1:hover,#soc:hover{background-color:rgba(88,111,140,.2);}
#soc1{top: calc(34rem + 7vw);}}
@media (max-width:45em)/* <720px*/{
#soc1 p, #soc p{font-size:10pt;}}

/*SPOŁECZNOŚCIOWE wysuwane - soc */
.shows{display:none}
@media (max-width:79.99rem)/*PC, TV <1280px */{
.shows{display:block;position:fixed;left:0;top:30rem;cursor:pointer;width:32px;height:130px;background-image: url(images/soclabel1.png); line-height:18px;font-size:0;text-align: center; color:#fff; box-sizing: border-box;}
input#ss:checked + .shows {font-size:24pt; top:unset; bottom:0; z-index:200; background-image:none; background-color:#4970a2; height:90px; max-height:90px;width:90px; border:4px solid #fff;border-radius:20px;padding:16px 0;}
input#ss:checked + .shows span{font-size:10pt;}
input#ss:checked ~ #soc {right:0;}}
#soc{display:table;position:fixed; bottom:0; right:101vw; width:100vw; height:90px; max-height:90px; background-color:rgba(73,112,162,.74); color:#fff; box-sizing: border-box; transition: 1s;z-index:90}
#soc p {display:table-cell;li/ne-height:14pt; vertical-align:middle; padding-left:110px;}
@media (min-width:80em)/* >1280px*/{
#soc{display:initial; width:23vw; height:unset; right:1vw; bottom:unset; max-height:unset; background:none;color:inherit;}
#soc p{display:inline-block; padding:3px; color:revert; line-height:170%}}
@media (max-width:60em)/* <960px*/{
#soc p,#soc1 p{text-align:right;}}


/*LISTA LINKÓW*/
#linklist{padding:0 2%;line-height:1.7;}
#linklist a{display:inline-block;vertical-align:top;background:#fff url(images/papier.jpg) repeat;width:40%;padding:0 2%;margin:1% 2%;border-radius:.9em;box-shadow:0 0 10px #3e31f900;transition: box-shadow 1s cubic-bezier(0.46, 0.13, 0.73, 0.98);}
#linklist a:hover,#linklist a:active {text-decoration:none;box-shadow:0 0 10px #3e31f9;transition: box-shadow .8s ease-out;}
@media (max-width:45em)/* <720px*/{
#linklist a{wid/th:39%;}}
@media (max-width:38em)/*SMARTFONY, <560PX*/{
#linklist a{width:90%;text-align:center;}}

/*ZŁOTE PUNKTY*/
#goldbull{width:80%;margin:auto;}
#goldbull li{padding:.6em 2.4em;}
#goldbull li span {position:absolute;top:1em;left:0;width:12px;background:url(images/goldbullet.png) no-repeat;}
@media (max-width:38em)/*SMARTFONY, <560PX*/{
#goldbull{width:94%;}
#goldbull li{padding:.3em 0 0 1.6em;}}
/*FOOTER*/
#stopka{width:100%; margin-top:16pt;}
#stopka p{box-sizing: border-box;margin: 0 15px 0 calc(3vw + 72px);line-height:1.4;padding-bottom:0;}
#stopka p#map {font-size:9.5pt;max-width:830px;}
#stopka hr{margin-bottom:0;border-color:#cad6ed}
#stopka p#ost{font-size:8pt;padding-top:6px;}
#map span{float:right; font-size:40px; line-height:26px; text-align: center; transform:rotate(90deg);border:1px solid #487aac; border-radius:8px;z-index:30;}
#map span a:link, #map span a:visited{display:block;height:36px; width:36px; color:#487aac;}
#map span a:hover{text-decoration:none; background-color:rgba(73,112,162,.2);}

/* MEDIA */
@media (min-width:80em)/*PC, TV >1280px */{
#nav p{letter-spacing:.1rem}}
@media (max-width:87em)/*laptopy <1400px*/{
#nav p{letter-spacing:0;}
#dod div:first-child img{width:50%;}}

@media (max-width:60em)/*tablety <960px*/{
#nav {font-size:12pt;}
#main{display:block}
.waska span.zloty{line-height:1.7;}
}

@media (max-width:57em)/*tablety <912px*/{
#cyt span{bottom:1.4em}
#nav p{font-size:11pt;letter-spacing:-.06rem}}

@media (max-width:45em)/* <720px*/{
#cyt{margin:0 3%;}
#txt{margin:2em 3vw 1em 40px;}
ul.gbl{padding-left:5vw;}
#nav p{display:block;width:100%;height:auto;padding:0;letter-spacing:normal;line-height:2.1em;border-width:3px;box-sizing:border-box;}
#nav p:before{height:100%}
#nav img{top:auto;bottom:5px;left:unset;right:4px;z-index:1;}
#nav p:hover img{opacity:1;}
#nav a:link,#nav a:visited{padding:4px;}
#dod{flex-flow:row wrap;}
#dod div{width:100%;margin:2vw;}
#dod div:nth-of-type(2){margin:0 2vw;}
#dod div:first-child img{width:35%;}
#dod div:nth-child(2) a{width:40%;}
#stopka p{margin-left:42px}}

@media (max-width:35em)/*SMARTFONY, <560PX*/{
#title{min-height:180px;}
#navg{display:block}
#pict h4, #nopict h4{mar/gin-left:26px;}
#cyt span{width:10%;}
.show{display:block;line-height:40px;padding:0 3em;cursor:pointer;background: linear-gradient(to right, #fbf6bb 0%,#ac8f38 46%,#ac8f38 53%,#fbf6bb 100%);margin:3px auto;border: 1px solid #4970a2;}
.show:hover{text-shadow:1px 1px 2px #0a0abf;}
.show span{position:absolute;right:35px;font-size:24pt}
.show span:first-child{top:0;display:none;}
.show span:last-child{top:5px;line-height:8px;}
#nav div p{line-height:0;border-width:0;transition:1s;}
#nav a:link,#nav a:visited{width:98%;line-height:0;font-size:0;padding:0;margin:0;border:none;transition:.8s;}
input[type=checkbox]:checked ~ #menu a{margin:2px auto;font-size:inherit;line-height:2.8;}
input[type=checkbox]:checked + .show span:first-child{display: block;}
input[type=checkbox]:checked + .show {border-color:#fff;}
input[type=checkbox]:checked + .show span:last-child{display:none}
#dod div:nth-child(2) a{width:50%;}
.waska span.zloty{line-height:2;}
}

@media (max-width:376px)/*telefony <=375px*/{
header div {font-size:100%;}
#nopict #local a + p{font-size:120%; max-width:40%;}
#title {min-height:190px;}
#title p{left:30px;}}/*KONIEC MEDIAQUERIES*/

/*RÓŻNE, niezależne od MEDIAQUERIES*/
.left{float:left;display:block;
vertical-align:text-top;margin:.4em 5px .4em 0;}
.right{float:right;display:block;
vertical-align:text-top;margin:.4em 0 .4em 8px;}
.tiny{font-size:.8em;}
.cnt,#cnt{text-align:center}

/*OKNO MODALNE*/
.mod{position: fixed;top:0;left:0;right:0;bottom:0;
background: rgba(19,19,19,.85);z-index: 100;
opacity:0;text-align:center;
transition: opacity .6s ease-in;pointer-events: none;}
.mod:target{opacity:1;pointer-events:auto;}
.mod div{width:95%;max-width:900px;margin: 9% auto;border-radius: 15px; box-shadow:0 3px 20px #000; text-align: center; overflow:hidden; vertical-align:middle;background: rgba(19,19,19,.8)}
.mod div video{max-width:852px;border-radius: 12px;margin:10px auto;}
.mod a[href="#close"] {position:absolute;right:34px;top:16px; display: block;width:2em;padding:5px; font: 2em sans-serif;text-decoration:none;color:#eee; background:#05050599; border-radius:12px; box-shadow:-3px 3px 6px #fff;}
.mod a[href="#close"]:focus, .mod a[href="#close"]:hover{transform: scale(1.2,1.2)}
.mod a[href="#close"]:focus{outline: 1px solid #000}
.mod img{width:95%;max-width:650px; border-radius:9px}/* koniec OKNA MODALNEGO*/
.fl:first-letter{font-size:1.9em;font-weight:700;}
.waska{width:85%;margin:auto}
.waska span{font-size:94%}
.waska span.zloty{color:#f7b970;}