zlobek-styl.min.css

@charset "utf-8";* {box-sizing: border-box;}body {font-size: 70%;}*:focus {outline: 2px dotted red;}*:active {outline-style: none;}a {font-weight: bold;text-decoration-line: underline;text-decoration-style: solid;color: indigo;}a:active {outline-style: none;}input[type="button"] {padding: 0.45em 1em;font-size: 125%;}button {padding: 0.45em 1em;font-size: 125%;}h1 {color: yellow;font-size: 220%;font-weight: bold;text-align: center;padding: 0.1em 0.1em;text-shadow: 1px 1px 1px #222, 3px 3px 10px #666;}h1 > span {color: #54c;}h2 {font-size: 175%;font-weight: bold;color: #54c;padding: 0.5em;text-shadow: 0px 0px 4px #ddd;text-align: center;}h2 > span {color: darkblue;}h3 {font-size: 135%;font-weight: bold;color: yellow;text-shadow:0px 0px 4px #555;padding: 0.2em 0.5em;text-align: center;}h3 > span {color: #eee;}h4 {font-size: 125%;font-weight: bold;color: darkblue;text-shadow: 1px 1px 1px #ccc;padding: 0.2em 0.5em;text-align: center;}h4 > span {color: #eee;text-shadow: 1px 1px 1px #333;}h6 {text-align: center;padding-top: 0.7em;}p {text-align: justify;}em {font-style: italic;}strong {font-weight: bold;}h1 > em, h2 > em, h3 > em, h4 > em, h5 > em, h6 > em {font-weight: bold;}form {font-size: 110%;}form input {margin: 0.2em;padding: 0.2em;font-size: 110%;}.glowny-kontener {margin: 0.3em auto;width: 98%;position: relative;overflow: hidden;}.glowny-kontener a:focus, a[tabindex]:focus, a[data-href]:focus, .sztuczny-focus {outline: 2px dotted red !important;}.kontener {width: 100%;max-width: 1400px;align-items: center;margin: 0 auto;}.lewy {float: left;}.prawy {float: right;}.clearfix::after {content: "";clear: both;display: table;}.clearfix2 {clear: both;}.ramka {padding: 0.5em;padding-bottom: 0;align-items: center;border: 2px solid #6495ed;}.ramka li {padding: 0.5em 0.5em;font-weight: bold;}.wysrodkowane {text-align: center;}.ukryte {display: none;}.zamykanie {position: absolute;z-index: 11;width: 50px;height: 50px;top: 6px;right: 6px;overflow: hidden;color: black;background-color: #ddd;border: 1px solid #666;text-align: center;vertical-align: middle;font-weight: bolder;font-size: 48px;line-height: 40px;cursor: pointer;user-select: none;transition: background-color 0.5s, top 0.3s, right 0.3s;}.zamykanie:hover, .zamykanie:focus {background-color: yellow;}.szara-zawartosc {filter: gray;filter: grayscale(80%);}.przekreslony-tekst {text-decoration: line-through;}h1.logo {color: yellow;font-size: 300%;padding-bottom: 0.05em;}h2.logo {font-size: 225%;padding-top: 0;line-height: 20px;text-shadow: 0px 0px 3px #ccc;}div.blad {position: relative;width: 94%;background-color: #00b;border-radius: 5px;margin: 3px auto;border: 3px solid #eee;box-shadow: 2px 2px 4px #333;transition: box-shadow 0.3s 0.1s, transform 0.3s 0.1s;margin-bottom: 12px;}div.blad:hover {box-shadow: 2px 2px 6px #111;transform: scale(1.05);}.blad p {font-size: 1.5em;padding: 0.5em;}.blad h2 {color: yellow;}.blad p {color: white;}.blad .zamykanie {top: 4px;right: 4px;}.blad-tytul {padding: 0.25em;padding-top: 2.8em;user-select: none;}.blad-tresc {background-color: darkred;box-shadow: 0px 0px 10px 2px #333 inset;min-height: 140px;padding: 0.5em;margin-top: 10px;}.blad-ikona {margin: 0 auto;width: 100px;height: 100px;text-align: center;color: darkred;font-size: 104px;line-height: 98px;font-weight: bolder;text-shadow: 0 0 2.5px white;background-color: yellow;border-radius: 50%;user-select: none;}header.naglowek {border-radius: 10px;background-color: #c3d5e2;overflow: hidden;}.naglowek h1 span {color: yellow;font-weight: bolder;}.naglowek h2 span {color: yellow;font-weight: bolder;text-shadow: 0px 0px 6px #666;}.naglowek div.napis-spod {position: absolute;left: 0;bottom: 0;width: 100%;background-color: rgba(100,100, 200, 0.7);}.napis-spod > h3 {width: 100%;max-height: 60px;color: yellow;text-shadow: 0px 0px 3px #333;}.naglowek div.banner-kontener {position: relative;border-radius: 10px;background-color: cornflowerblue;overflow: hidden;width: auto;height: 290px;max-width: 1400px;}.naglowek div.logo-witryny {position: relative;height: 200px;width: 200px;background-color: cornflowerblue;}.logo-witryny #slonce_logo {position: absolute;left: -115px;top: -115px;height: 256px;width: 256px;background-image: url(grafiki/slonce.png);background-repeat: no-repeat;transform-origin: 50% 50%;transition: all 0.5s ease 0.1s;}.banner-kontener:hover #slonce_logo, .logo-witryny #slonce_logo.startowe-przesuniecie, .banner-kontener:hover #slonce_logo.startowe-przesuniecie {left: -85px;top: -85px;}.naglowek div.napisy-banner {position: absolute;left: 0px;top: 160px;width: 100%;}div#zagraj {display: none;position: absolute;width: 300px;height: 97px;right: 30px;top: 20px;cursor: pointer;border: 2px solid #ccc;border-radius: 5px;background-color: #5d6ad0;transition: all 0.5s 0.1s;}#zagraj:hover {border-color: yellow;box-shadow: 0px 0px 4px 1px yellow;}div.zagraj-kontener {position: relative;width: 100%;height: 100%;background-color: #5d6ad0;border-radius: 3px;overflow: hidden;}.zagraj-kontener h4 {font-size: 22px;font-weight: bold;padding: 0.33em 0.2em;text-align: center;text-shadow: none;color: #5d6ad0;background-color: #eee;transition: all 0.5s 0.1s;}#zagraj:hover h4 {color: #54c;background-color: #f6f6f6;text-shadow: 1px 1px 1px #ccc;}#zagraj h3 {font-size: 27px;font-weight: bold;padding: 0.3em 1.1em;text-align: left;color: yellow;background-color: #5d6ad0;text-shadow: none;transition: all 0.5s 0.1s;}#zagraj:hover h3 {padding: 0.3em 0.4em;text-shadow: 1px 1px 3px #ccc;background-color: cornflowerblue;}#zagraj p {position: absolute;width: 70px;height: 53px;right: 0px;top: 41px;z-index: 0;padding-left: 0.1em;background-color: #eff506;color: white;font-size: 72px;line-height: 41px;font-weight: bolder;text-shadow: 1px 1px 3px #666;transition: all 0.25s 0.05s;}#zagraj:hover p {width: 102px;background-color: yellow;}#zagraj:hover p:after, #zagraj:hover p::after {content: ">";}.naglowek a.odnosnik_kolor {font-size: 120%;font-weight: bold;color: #eee;text-decoration: underline;transition: color 0.3s 0.05s, text-shadow 0.3s 0.05s;}.naglowek a.odnosnik_kolor:hover, .naglowek a.odnosnik_kolor:focus {color: #222;text-shadow: 0px 0px 4px #eee;}div#spis_tresci, div#zaczytany_spis {overflow: hidden;width: 100%;}.ciemne-tlo-spis {background-color: cornflowerblue;width: 100%;}div.powiadamiacz {position: relative;visibility: visible;height: auto;width: 90%;padding: 0.5em;margin: 1em auto;margin-bottom: 0.5em;background-color: cornflowerblue;border: 1px solid #00b;border-radius: 5px;box-shadow: 1px 1px 3px darkblue;transition: background-color 0.25s ease-out;user-select: none;}.brak-js div.powiadamiacz {visibility: hidden;height: 0px;}.powiadamiacz:hover, .powiadamiacz:focus {background-color: #647eed;cursor: pointer;}.powiadamiacz:hover:after, .powiadamiacz:hover::after, .powiadamiacz:focus:after, .powiadamiacz:focus::after {position: absolute;top: 5px;right: 5px;content: "\00d7";font-size: 36px;font-weight: bolder;line-height: 20px;padding: 0.2em;padding-bottom: 0.4em;color: black;background-color: yellow;}.powiadamiacz p {text-align: center;margin: 0.5em 0;}.powiadamiacz .pasek {display: block;width: 100%;max-width: 98%;height: 10px;margin: 0 1%;background-color: mediumblue;background: linear-gradient(to right, #54c 0%, #5d6ad0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5544cc', endColorstr='#5d6ad0',GradientType=1 );box-shadow: 1px 1px darkblue;border-radius: 2px;transition: width 10s 0.2s linear;}div#galeria_spis {background-color: cornflowerblue;width: 100%;padding-top: 1em;padding-bottom: 1em;text-align: center;}div.kontener-odnosnik {position: relative;display: inline-block;width: 100%;min-height: 330px;max-height: 330px;max-width: 97.6%;overflow: hidden;margin: 0.4em 0.3em;padding: 0.5em;border: 1px solid blue;box-shadow: 1px 1px 3px darkblue;border-radius: 5px;transition: all 0.25s ease-out;vertical-align: middle;user-select: none;}.kontener-odnosnik:hover, .kontener-odnosnik.sztuczny-hover {background-color: #5d6ad0;border-color: #00b;}.kontener-odnosnik:hover .szczegoly, .kontener-odnosnik.sztuczny-hover .szczegoly {left: 0px;bottom: 0px;opacity: 0.85;width: 100%;}.kontener-odnosnik:hover .dolna-zaslonka, .kontener-odnosnik.sztuczny-hover .dolna-zaslonka {background-color: #5d6ad0;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(93,106,208,1) 50%, rgba(93,106,208,1) 100%);}div.tytul-odnosnik {height: 6em;}.kontener-odnosnik a {cursor: pointer;text-decoration: none;}.sztuczny-focus .tytul-odnosnik > a:focus {outline: none !important;}.tytul-odnosnik h2 {color: white;text-shadow: 2px 2px 6px black;word-wrap: break-word;}.tytul-odnosnik h2.wyzszy {padding-top: 0.8em;}.tytul-odnosnik h2.mniejszy {font-size: 135%;}.tytul-odnosnik h2.najmniejszy {font-size: 116%;}.zdjecie-odnosnik a {display: block;text-align: center;margin-left: auto;margin-right: auto;}.zdjecie-odnosnik img {display: block;margin-left: auto;margin-right: auto;max-height: 200px;max-width: 96%;border: 4px solid white;box-shadow: 2px 2px 6px darkblue;}div.kontener-tekstowy-odnosnik {padding: 0.3em;overflow: hidden;}div.data-odnosnik {text-align: center;font-size: 80%;font-weight: bold;color: #222;padding-top: 0.4em;padding-bottom: 0.4em;}div.opis-odnosnik {overflow: hidden;max-height: 304px;text-align: justify;padding-bottom: 0.5em;}.kontener-odnosnik div.szczegoly {position: absolute;z-index: 20;width: 100%;height: 50px;left: 0;bottom: -70px;overflow: hidden;opacity: 0.1;color: firebrick;font-size: 120%;font-weight: bold;background-color: #ddd;transition: bottom 0.2s, opacity 0.4s;}.szczegoly > p {width: 40%;height: 45px;float: left;text-align: center;color: #5a8ae8;line-height: 22px;}.szczegoly > p > span {color: #54c;}.szczegoly > p:first-of-type, .szczegoly > p:last-of-type {width: 30%;height: 100%;color: #54c;font-size: 125%;font-weight: bolder;line-height: 45px;background-color: #eee;}.szczegoly > p:last-of-type {color: #5a8ae8;}.kontener-odnosnik div.dolna-zaslonka {position: absolute;z-index: 1;width: 100%;height: 18px;left: 0px;bottom: 0px;background-color: cornflowerblue;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, cornflowerblue 50%, cornflowerblue 100%);transition: background-color 0.25s ease-out;}div#wybrany_zaczytany_spis {display: none;}#wybrany_zaczytany_spis > h2 {padding-top: 3em;}#wybrany_zaczytany_spis .kontener {position: relative;}#wybrany_zaczytany_spis .zamykanie {top: -3em;right: 0.25em;}div#wybrane_galerie_spis {width: 100%;text-align: center;padding-top: 1em;padding-bottom: 1em;background-color: cornflowerblue;}p#status_galerii_spis {display: none;padding: 0.6em 1em;border: 2px dashed blue;background-color: rgba(50, 60, 200, 0.7);}nav#spis_sterowanie h2.szary-cien {text-shadow: 2px 2px 6px #666;}h2#zaladuj_galerie_spis {display: none;width: 90%;margin: 1.5em;margin-left: auto;margin-right: auto;padding-top: 0.5em;padding-bottom: 0.5em;color: white;background-color: cornflowerblue;cursor: pointer;border-radius: 8px;border: 2px solid #fff;box-shadow: 1px 1px 3px #5d6ad0;transition: box-shadow 0.5s ease 0.1s, background-color 0.5s ease 0.1s, color 0.5s ease 0.1s, text-shadow 0.5s ease 0.1s;user-select: none;}#zaladuj_galerie_spis:hover, #zaladuj_galerie_spis:focus {box-shadow: 1px 1px 3px 1px #5d6ad0, 0px 0px 4px 1px black;background-color: #5d6ad0;color: yellow;text-shadow: 0px 0px 10px black;}div#selektor {display: none;width: 99%;margin: 1.5em auto;}#selektor > div {display: none;}h2#selektor_naglowek {background-color: cornflowerblue;color: #eee;padding-top: 0.3em;padding-bottom: 0.3em;border-radius: 14px;border: 2px solid #eee;cursor: pointer;transition: background-color 0.5s;user-select: none;}#selektor_naglowek.rozwiniety {border-bottom-left-radius: 0;border-bottom-right-radius: 0;}#selektor_naglowek:hover, #selektor_naglowek:focus {background-color: #5d6ad0;}#selektor_naglowek span {padding-left: 0.5em;padding-right: 0.5em;display: inline-block;transition: transform 0.4s, padding-left 0.3s;cursor: pointer;}#selektor_naglowek:hover span:hover {padding-left: 1em;}#selektor_naglowek.rozwiniety span {transform: rotate(180deg);}div#wybor_galerii, div#wybor_podstrony_galerii {display: flex;flex-wrap: wrap;align-items: center;border: 2px solid #eee;padding-top: 0.8em;padding-bottom: 0.8em;}div#wybor_galerii {background-color: deepskyblue;background: radial-gradient(circle at bottom, cornflowerblue 10%, deepskyblue);}div#wybor_podstrony_galerii {background-color: cornflowerblue;background: radial-gradient(circle at top, cornflowerblue 10%, deepskyblue);border-bottom-left-radius: 14px;border-bottom-right-radius: 14px;}#wybor_galerii div, #wybor_podstrony_galerii div {flex-grow: 1;}#wybor_galerii aside > span, #wybor_podstrony_galerii aside > span {padding-left: 1.5em;padding-right: 1.5em;}div#suwak_info, div#suwak_podstrona_info {display: flex;justify-content: space-between;align-items: center;}#suwak_info div, #suwak_podstrona_info div {flex-basis: 130px;padding: 0.5em 0.5em;text-align: center;}#wybor_galerii > div:last-of-type, #wybor_podstrony_galerii > div:last-of-type {text-align: center;padding: 0 0.5em;}div#suwak, div#suwak_podstrony {flex-basis: 305px;text-align: center;flex-grow: 6;}#suwak_podstrony > div label {text-indent: -1em;}#selektor input {padding-left: 1em;padding-right: 1em;font-size: 140%;}#selektor input[type=button], #selektor input[type=submit] {display: block;width: 100%;word-wrap: break-word;word-break: break-word;white-space: normal;}#selektor input[type=submit] {font-weight: bold;}#selektor input[type=range] {padding-left: 0;padding-right: 0;}input#galeria_wybrany_nr, input#podstrona_wybrany_nr {max-width: 3.8em;padding-left: 0.2em;padding-right: 0.2em;text-align: center;}input#podstrona_wybrany_nr {margin-right: 2em;}input#suwak_galerii, input#suwak_podstrony {margin: 0.5em;width: 90%;}input#suwak_galerii {direction: rtl;}.maly_guzik {padding: 0.45em 4em;margin: 0.3em auto;font-size: 140%;}.szerszy_guzik {display: block;width: 100%;padding: 0.5em 1.8em;margin: 0.3em auto;font-size: 140%;}div#galeria_spis_podmiana {display: none;float: right;padding: 1em;margin: 1em;background-color: #ddd;border: 2px solid red;}div#skladowisko_wybrane_galerie_spis {position: absolute;left: -2220px;top: -1560px;background-color: dimgray;}div#skladowisko_status_wybranej_galerii {position: absolute;display: none;left: -1990px;top: -2180px;background-color: cadetblue;}div#brak_skryptow {display: none;padding: 1.2em 0.2em;}.brak-js div#brak_skryptow {display: block;}div#glowna {margin-top: 0.7em;overflow: hidden;background-color: white;box-shadow: 2px 2px 5px rgba(0,0,0, 0.7);border-radius: 10px;}#nazwa_galerii h2 {padding-top: 3em;}#glowna h2 span {color: yellow;font-weight: bolder;text-shadow: 0 0 4px #666;}#glowna article{padding: 0.8em 1.2em;}div#zawartosc {background-color: bisque;}div#nazwa_galerii {position: relative;display: none;padding: 0.5em;padding-right: 1em;padding-bottom: 1em;margin-bottom: 0.3em;background-color: deepskyblue;background: radial-gradient(circle at bottom, deepskyblue 10%, #c3d5e2);overflow: hidden;}#nazwa_galerii img {display: block;margin : 0.5em auto;max-height: 320px;max-width: 100%;border: 4px solid white;box-shadow: 1.5px 1.5px 6px #222;transition: margin-top 0.3s;}#nazwa_galerii p:last-child {font-size: 120%;}#nazwa_galerii p.data {font-size: 100%;text-align: center;padding-bottom: 1em;}#nazwa_galerii span.data {font-size: 50%;color: #333;}#glowna .jasne-tlo-galeria {background-color: #c3d5e2;background: radial-gradient(circle at top, deepskyblue 10%, #c3d5e2);}nav#nawigacja_galeria {background-color: cornflowerblue;padding: 0.5em 1.1em;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;display: none;}nav#nawigacja_galeria input[type=button], nav#nawigacja_galeria button {margin: 0.5em;padding: 0.2em 0.75em;font-size: 120%;}nav#nawigacja_galeria > div {text-align: center;}nav#nawigacja_galeria h6 {padding-top: 0;}nav#nawigacja_galeria h6 button {font-size: 140%;padding: 0.45em 2em;}div#wczytywanie_podstrona, div#wczytywanie_spis, div#wczytywanie_wybrane_galerie_spis {display: none;padding: 1.5em 2em;background-color: cornflowerblue;background-image: repeating-linear-gradient(1deg, #ffff00, #ffff00 5px, transparent 5px, transparent 9px, #ffff00 9px), repeating-linear-gradient(91deg, #ffff00, #ffff00 5px, transparent 5px, transparent 9px, #ffff00 9px), repeating-linear-gradient(181deg, #ffff00, #ffff00 5px, transparent 5px, transparent 9px, #ffff00 9px), repeating-linear-gradient(271deg, #ffff00, #ffff00 5px, transparent 5px, transparent 9px, #ffff00 9px);background-size: 4px calc(100% + 9px), calc(100% + 9px) 4px, 4px calc(100% + 9px), calc(100% + 9px) 4px;background-position: 0 0, 0 0, 100% 0, 0 100%;background-repeat: no-repeat;animation: ruchome-obramowanie 0.3s infinite linear;user-select: none;}#wczytywanie_podstrona h2, #wczytywanie_spis h2, #wczytywanie_wybrane_galerie_spis h2 {color: yellow;text-shadow: 1px 1px 6px #666;}#wczytywanie_podstrona h2 img, #wczytywanie_spis h2 img, #wczytywanie_wybrane_galerie_spis h2 img, #zaladuj_galerie_spis.animacja img {visibility: visible;animation: obroty_180st 1.4s infinite ease-in;margin-left: 0.5em;}#zaladuj_galerie_spis.animacja img {max-height: 35px;max-width: 35px;max-height: 1.5em;max-width: 1.5em;}#zaladuj_galerie_spis img {visibility: hidden;animation: none;margin-left: 0em;max-height: 0px;max-width: 0px;vertical-align: text-bottom;}#zaladuj_galerie_spis.animacja span {visibility: visible;line-height: inherit;}#zaladuj_galerie_spis span {visibility: hidden;line-height: 0;vertical-align: text-bottom;text-shadow: 2px 2px 6px #666;transition: text-shadow 0.5s ease 0.1s;}#zaladuj_galerie_spis:hover span {text-shadow: 0px 0px 10px black;}div#zawartosc_do_podmiany {position: absolute;top: -1185px;left: -2150px;background-color: yellow;border: 2px solid red;display: none;}div#skladowisko {display: none;padding: 0.5em 0.6em;padding-bottom: 1em;overflow: hidden;text-align: center;}#skladowisko a {vertical-align: middle;display: inline-table;}#skladowisko a:focus {}#skladowisko a img {display: inline-block;margin: 0.8em;border: 3px solid white;box-shadow: 2px 2px 4px black;max-height: 150px;vertical-align: middle;transition: box-shadow 0.3s ease-out, transform 0.3s ease-out;}#skladowisko a img:hover, #skladowisko a:focus img {box-shadow: 2px 2px 4px black, 4px 4px 8px 2px rgba(0, 0, 0, 0.6);transform: scale(1.1);}div#gra {display: none;background-color: cornflowerblue;margin: 1em auto;padding: 0.5em;border-radius: 10px;box-shadow: 2px 2px 5px rgba(0,0,0, 0.7);}#gra h2 {color: gold;font-size: 160%;}#gra img[draggable] {-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;-khtml-user-drag: element;-webkit-user-drag: element;cursor: move;width: auto;height: auto;}div#zasady {position: relative;overflow: hidden;height: 260px;}#zasady p:first-of-type {margin-top: 9.5em;}.zasada1 {position: absolute;left: 10px;top: 6px;width: 94%;z-index: 8;text-align: left;border: 1px dotted #ccc;transform: rotateZ(-1.36deg);}.zasada2 {position: absolute;left: 525px;top: 60px;width: 60%;z-index: 7;text-align: left;color: goldenrod;border: 1px dotted #ccc;transform: rotateZ(1.66deg);}.zasada3 {position: absolute;left: 23px;top: 69px;width: 95%;z-index: 6;color: darkgoldenrod;background-color: lightskyblue;transform: rotateZ(-2.1deg);}div#sterowanie {margin-top: 1em;}div#plansza {height: 930px;width: 1400px;position: relative;overflow: hidden;background-color: #ddd;margin-top: 2em;margin-bottom: 1em;}#plansza img.przenosny {position: absolute;width: 200px;height: 200px;outline: 2px dotted #333;z-index: 100;}div#rysunek {position: absolute;background-color: white;left: 0;top: 0;width: 1090px;height: 700px;z-index: 2;border: 1px solid #888;box-shadow: 2px 2px 3px rgba(100, 149, 237, 0.8);}div#prawy_zasobnik {position: absolute;left: 1100px;width: 300px;height: 700px;z-index: 1;background-color: #eee;border-left: 2px dotted #666;}div#dolny_zasobnik {position: absolute;top: 710px;width: 1400px;height: 200px;z-index: 1;background-color: #f6f6f6;border-top: 2px dotted #666;}footer#stopka {clear: both;background-color: cornflowerblue;margin-top: 0.7em;margin-bottom: 0.5em;padding: 1em 0.2em;text-align: center;border-radius: 10px;box-shadow: 2px 2px 5px rgba(0,0,0, 0.7);}.brak-js #przyciski_stopka {display: none;}#przyciski_stopka {display: block;padding-right: 1em;padding-top: 0.75em;}#stopka button {display: block;width: 100%;word-wrap: break-word;white-space: normal;font-size: 140%;margin-left: 0.3em;margin-bottom: 0.5em;padding: 0.45em 1em;}button#symulacja_button {font-weight: bold;}#stopka p {font-size: 110%;text-align: justify;padding: 0.5em;}#stopka .wysrodkowane {text-align: center;}div#poco, div#pomoc {display: none;position: relative;padding: 0.5em 1em;margin: 0.5em 0;background-color: deepskyblue;background: radial-gradient(circle at bottom, #c3d5e2 10%, deepskyblue);}div#pomoc {background-color: #c3d5e2;background: radial-gradient(circle at top, #c3d5e2 10%, deepskyblue);}.brak-js #poco, .brak-js #pomoc {display: block;}#poco div:nth-of-type(1) > p:nth-of-type(2) {font-style: italic;}#stopka h2 {padding-top: 3em;}#stopka h3 {padding: 0.6em;}#stopka ul {text-align: center;}#stopka ul li.tech {display: inline-block;background-color: whitesmoke;padding: 0.1em 0.5em;padding-left: 2em;margin-bottom: 0.4em;margin-left: 0.25em;font-size: 13px;line-height: 18px;text-align: center;border: 1px solid #333;background: url(grafiki/tak_nie_ikona.png) 4px 1px no-repeat, whitesmoke;background: url(grafiki/tak_nie_ikona.png) 4px 50% no-repeat, whitesmoke;}#stopka ul li.tech_tak {border: 1px solid green;background: url(grafiki/tak2_ikona.png) 4px 1px no-repeat, whitesmoke;background: url(grafiki/tak2_ikona.png) 4px 50% no-repeat, whitesmoke;}#stopka ul li.tech_nie {border: 1px solid darkred;background: url(grafiki/nie_ikona.png) 4px 1px no-repeat, whitesmoke;background: url(grafiki/nie_ikona.png) 4px 50% no-repeat, whitesmoke;}#stopka ul.ramka {padding-bottom: 0.2em;background-color: #6495ed;;border-radius: 5px;}#stopka .ramka li {padding: 0.1em 2em;padding-left: 2.5em;}#stopka .kontener.ramka {padding: 0;padding-bottom: 0.5em;margin: 0.75em auto;}.zalety {margin-left: 3%;padding-bottom: 1em;}.zalety li {padding: 0.35em 0;padding-left: 0.5rem;margin-left: 1.5em;margin-right: 1em;border-radius: 0.5rem;transition: background-color 0.3s;}.zalety li:nth-child(2n+1) {margin-left: 0;background-color: rgba(255, 255, 255, 0.2);}.zalety li:hover {background-color: rgba(0, 0, 0, 0.05);}.zalety img {position: relative;vertical-align: middle;transform-origin: 50%;transition: transform 0.3s ease-in;animation: none;}.zalety li:hover img {animation: obroty_90-180st 4s ease-in-out infinite normal;}.zalety img + span {margin-left: 0.5em;}.brak-js #wymiary {visibility: hidden;}div#wymiary {position: fixed;z-index: 250;width: 80%;left: 10%;bottom: 15px;background-color: #5d6ad0;background-color: rgba(93, 106, 208, 1);border: 2px solid yellow;box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.7);opacity: 0.7;visibility: visible;}#wymiary > h1 {color: whitesmoke;font-weight: bolder;opacity: 1;text-shadow: 0 0 4px rgba(0, 0, 0, 0.9);}input[type=range] {-webkit-appearance: none !important ;padding-left: 0;padding-right: 0;background-color: transparent;border: none;transition: all 0.3s;}input[type=range]:focus {outline: none;}input[type=range]::-webkit-slider-runnable-track {height: 8px;background-color: #c3d5e2;border: none;border-radius: 3px;cursor: pointer;}input[type=range]:focus::-webkit-slider-runnable-track, input[type=range]:hover::-webkit-slider-runnable-track {background-color: #eee;height: 11px;box-shadow: 0 0 2px white;}input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;border: none;height: 16px;width: 16px;border-radius: 50%;background-color: yellow;margin-top: -4.5px;cursor: pointer;}input[type=range]:focus::-webkit-slider-thumb, input[type=range]:hover::-webkit-slider-thumb {border: 1px solid #888;height: 20px;width: 20px;margin-bottom: -4px;}input[type=range]::-moz-range-track {height: 5px;background-color: #c3d5e2;border: none;border-radius: 3px;cursor: pointer;}input[type=range]:hover::-moz-range-track, input[type=range]:focus::-moz-range-track {background-color: #eee;}input[type=range]::-moz-range-thumb {border: none;height: 20px;width: 20px;border-radius: 50%;background-color: yellow;cursor: pointer;outline: none;}input[type=range]:focus::-moz-range-thumb {border: 2px solid yellow;}input[type=range]:-moz-focusring {outline: 3px solid transparent;outline-offset: 1px;}input[type=range]::-ms-track {height: 6px;background-color: transparent;border-color: transparent;border-width: 8px 0;color: transparent;cursor: pointer;margin-top: 4px;margin-bottom: 4px;}input[type=range]::-ms-fill-lower {background-color: #54c;border-radius: 10px;}input[type=range]::-ms-fill-upper {background-color: #c3d5e2;border-radius: 10px;}input[type=range]::-ms-thumb {border: none;height: 16px;width: 16px;border-radius: 50%;background: yellow;cursor: pointer;margin-top: 0;margin-bottom: 0;}input[type=range]:hover::-ms-thumb {border: 2px solid yellow;margin-top: -2px;margin-bottom: -2px;height: 18px;width: 18px;}input[type=range]:focus::-ms-thumb {border: 4px solid yellow;height: 20px;width: 20px;margin-top: -2px;margin-bottom: -2px;}input[type=range]:focus::-ms-fill-lower, input[type=range]:hover::-ms-fill-lower {background-color: #54c;box-shadow: 0 0 4px white;}input[type=range]:focus::-ms-fill-upper, input[type=range]:hover::-ms-fill-upper {background-color: #eee;box-shadow: 0 0 2px white;}#odpluskwiacz_ajaksowy {display: none;position: fixed;z-index: 100;top: 5px;left: 5px;right: 5px;height: auto;opacity: 0.8;background-color: white;background-color: rgba(0, 0, 0, 0.4);user-select: none;}#odpluskwiacz_ajaksowy h4 {color: #eee;text-shadow: 1px 1px 1px darkblue;}#odpluskwiacz_ajaksowy > div:first-child {position: relative;padding-top: 58px;padding-bottom: 1em;width: 100%;height: auto;}#odpluskwiacz_ajaksowy button {display: block;width: 100%;word-wrap: break-word;word-break: break-word;white-space: normal;margin-top: 0.4em;margin-bottom: 0.3em;}#odpluskwiacz_ajaksowy label {display: block;width: 100%;}.status-ajaksa {display: block;padding: 0.6em 0.8em;border: 3px solid transparent;background-color: transparent;line-height: 1.6em;margin-top: 0.2em;margin-bottom: 0.2em;word-wrap: break-word;word-break: break-word;white-space: normal;}.status-norma {border-color: #0b0;background-color: rgba(0, 200, 0, 0.2);}.status-awaria {border-color: #b00;background-color: rgba(200, 0, 0, 0.2);}[class^="app_gdpr"], ins[class^="ad"], iframe {display: none !important;}.animacja-interaktywnego-slonca {animation: obroty_delikatne 6.5s infinite ease-out;}.animacja-zanikanie {animation: zanikanie 2s ease-out;animation-direction: normal;animation-fill-mode: both;}.animacja-zolty-blysk {animation: zolty_blysk 2s ease-out;animation-fill-mode: forwards;}.animacja-pulsowanie-kolorow {animation: pulsowanie_kolorow 10s ease-out infinite;animation-fill-mode: both;}@keyframes obroty_180st {0% {transform: rotate(0deg);}80% {transform: rotate(180deg);}100% {transform: rotate(-90deg);}}@keyframes obroty_90-180st {0%, 2% {transform: rotate(0deg);}35% {transform: scale(1.3) rotate(90deg);filter: brightness(150%) contrast(200%);}75% {transform: scale(1) rotate(180deg);}98%, 100% {transform: rotate(0deg);}}@keyframes obroty_delikatne {0% {transform: rotate(0deg);}20% {transform: rotate(75deg);}45% {transform: rotate(5deg) scale(0.95, 0.95);}50% {transform: scale(1.05, 1.05);}57% {transform: scale(1.0, 1.0) rotate(-10deg);}65% {transform: rotate(-40deg);}80% {transform: rotate(-95deg);}100% {transform: rotate(0deg);}}@keyframes zanikanie {0% {opacity: 0.2;}20% {opacity: 0.7;}70% {transform: translateY(0);opacity: 0.7;}100% {transform: translateY(40px);opacity: 0;}}@keyframes zolty_blysk {0% {border-color: white;}40% {background-color: darkblue;border-color: yellow;}60% {border-color: yellow;background-color: yellow;}70% {border-color: yellow;background-color: yellow;}95% {border-color: white;}100% {}}@keyframes pulsowanie_kolorow {0% {color: #333;}10% {color: black;}20% {color: cornflowerblue;}25% {color: darkblue;}30% {color: cornflowerblue;}35% {color: #333;}70% {color: #333;}75% {color: #54c;}80% {color: darkblue;}85% {color: #54c;}90% {color: black;}100% {color: #333;}}@keyframes ruchome-obramowanie {from {background-position: 0 0, -17px 0, 100% -17px, 0 100%;}to {background-position: 0 -17px, 0 0, 100% 0, -17px 100%;}}@media screen and (min-width: 270px) {#wybrany_zaczytany_spis .zamykanie {top: -2.5em;}}@media screen and (min-width: 320px) {body {font-size: 75%;}.naglowek div.banner-kontener {height: 330px;}.blad-tytul {padding-top: 0.8em;padding-right: 55px;}div.kontener-odnosnik {min-height: 375px;max-height: 375px;}.kontener-odnosnik img {max-height: 210px;}h2#zaladuj_galerie_spis {max-width: 18em;}#nazwa_galerii img {display: inline;float: left;margin: 0.5em;margin-right: 1.5em;}#nazwa_galerii p:last-child {padding-left: 0.5em;}#selektor input[type=button], #selektor input[type=submit] {display: inline;width: auto;}#wybor_galerii > div:last-of-type, #wybor_podstrony_galerii > div:last-of-type {flex-basis: 250px;}#nazwa_galerii h2, #stopka h2 {padding-top: 0.5em;padding-bottom: 0.75em;padding-right: 2.5em;}#wybrany_zaczytany_spis > h2 {padding-top: 2em;padding-right: 3.5em;}#wybrany_zaczytany_spis .zamykanie {top: -1.5em;}.maly_guzik {min-width: 130px;padding: 0.45em 1em;}.szerszy_guzik {min-width: 200px;padding: 0.45em 1em;display: inline;width: auto;}.opis-odnosnik {font-size: 1.25em;}.zalety {margin-left: 6%;}#odpluskwiacz_ajaksowy div:first-child {padding-right: 55px;padding-top: 0px;padding-bottom: 0.2em;}#odpluskwiacz_ajaksowy button {display: inline-block;width: auto;margin-top: 0.2em;margin-bottom: 0.2em;}#odpluskwiacz_ajaksowy label {display: inline-block;width: auto;}.status-ajaksa {display: inline;}#stopka button {display: inline;width: auto;padding: 0.45em 2em;}#stopka ul li:first-child {margin-left: 0;}div#wymiary {width: 17em;left: 50%;margin-left: -8.5em;}}@media screen and (min-width: 470px) {body {font-size: 80%;}.glowny-kontener {width: 98.5%;}.naglowek div.banner-kontener {height: 190px;}.napis-spod > h3 {max-height: 75px;}.naglowek div.napisy-banner {left: 140px;top: 5px;max-width: 75%;}div.blad {width: 88%;}.opis-odnosnik {font-size: 1em;}.blad-ikona {float: left;margin-top: 1.5%;margin-right: 3%;margin-left: 10%;}.blad p {padding-left: 1em;padding-right: 1em;padding-bottom: 0.8em;min-height: 130px;}#selektor input.szerszy_guzik {min-width: 210px;}div.kontener-odnosnik {min-height: 415px;max-height: 415px;width: 48.2%;}.kontener-odnosnik img {max-height: 220px;}#selektor input.maly_guzik {display: block;}footer#stopka {padding: 1em 0.2em;}}@media screen and (min-width: 700px) {body {font-size: 85%;}.glowny-kontener {width: 99%;}div.kontener-odnosnik {min-height: 425px;max-height: 425px;width: 32%;}.kontener-odnosnik img {max-height: 230px;}.blad .zamykanie {top: 6px;right: 6px;}#selektor input.szerszy_guzik {min-width: 220px;}#stopka h2 {padding-right: 0.5em;}.zamykanie {top: 8px;right: 8px;}}@media screen and (min-width: 940px) {body {font-size: 90%;}.glowny-kontener {width: 99.25%;}div.kontener-odnosnik {min-height: 465px;max-height: 465px;width: 24%;}.kontener-odnosnik img {max-height: 240px;}.blad .zamykanie {top: 8px;right: 8px;}.blad p {padding-left: 10.5em;}div#selektor {width: 97%;}#selektor input.szerszy_guzik {min-width: 255px;}#nazwa_galerii img {margin-top: -2em;}#nazwa_galerii h2 {padding-left: 9em;padding-right: 2.5em;}#pomoc > div:first-of-type, #poco > div:first-of-type {display: flex;}#pomoc > div > div, #poco > div > div {flex-basis: 50%;}#pomoc > div > div:first-of-type, #poco > div > div:first-of-type {margin-right: 2.5em;}#pomoc .kontener .ramka, #poco .kontener .ramka {margin-right: 0;}}@media screen and (min-width: 1180px) {body {font-size: 100%;}.glowny-kontener {width: 99.5%;}.naglowek div.banner-kontener {height: 170px;}div.kontener-odnosnik {min-height: 490px;max-height: 490px;width: 19.1%;}.kontener-odnosnik img {max-height: 250px;}div.powiadamiacz {max-width: 1100px;}.zamykanie, .blad .zamykanie {top: 10px;right: 10px;}}@media screen and (min-width: 1300px) {.naglowek .naglowek_kontener {border-bottom-left-radius: 0;border-bottom-right-radius: 0;box-shadow: none;background-color: #c3d5e2;background-image: linear-gradient( to bottom, rgba(100, 149, 237, 0.7), rgb(195, 213, 226) 95%), radial-gradient( ellipse at bottom center, rgba(195, 213, 226, 0.8) 20%, rgba(100, 149, 237, 0.7));}.naglowek div.banner-kontener {margin-left: auto;margin-right: auto;border: 2px solid white;border-top: none;border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);}div#zagraj {display: block;user-select: none;}.brak-js #zagraj {display: none;}div.blad {max-width: 1200px;}}@media screen and ( max-width: 1299px) {div#gra {display: none !important;}}