@font-face {
	font-family: "Almendra";
	src: url("Almendra-Regular.ttf") format("truetype");
	font-display: swap;
}
@font-face {
	font-family: "Proza Libre";
	src: url("ProzaLibre-Light.ttf") format("truetype");
	font-display: swap;
}
body {
	background-color: #FAFAFA;
	font-family: "Proza Libre", "Open Sans", sans-serif;
	font-size: 16px;
	margin: 0;
	cursor: default;
}
a {
	font-family: "Almendra", serif;
	color: darkBlue;
	text-decoration: none;
	background-color: transparent;
}


/* INNY ROZMIAR STRONY */
body[data-size="16"] #menuApp > a {
	font-size: 18px;
}
/* POWIĘKSZONY ROZMIAR STRONY */
body[data-size="19"] {
	font-size: 19px;
	line-height: 1.4;
}
body[data-size="19"] #openmenu {
	margin-top: 0;
}
/* DUŻY ROZMIAR STRONY */
body[data-size="23"] {
	font-size: 23px;
	line-height: 1.5;
}
body[data-size="23"] #openmenu {
	margin-top: 4px;
}



/* GÓRA STRONY */

#headerBG {
	overflow: hidden;
	position: relative;
	z-index: 1;
	top: 70px;
	height: 500px;
	background: url("bg5s.jpg") no-repeat scroll center center / cover;
}
[page] #headerBG {
	height: 200px;
}
#title, h1, h2, h3 {
	font-family: Almendra, serif;
	text-align: left;
}
[page] h2 {
	background-color: #F7F7F7;
	padding: 8px 12px;
	box-shadow: 0 0 10px 0 #EEE;
	border-radius: 4px;
	font-size: 1.2em;
	clear: both;
}
header {
	background-color: #FDFDFD;
	padding: 10px 0;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 99;
	transition: top 0.3s;
}
#title {
	margin: 0 0 0 15px;
	display: inline-block;
	letter-spacing: 7px;
	color: #020255;
	font-variant: small-caps;
	font-size: 1.7em;
	padding: 5px 20px 5px 45px;
	background: url("favicon.png") no-repeat scroll left center / auto 80%;
	font-weight: bold;
}
#title a {
	color: #020255;
}
nav {
	display: inline-block;
	float: right;
	margin-right: 5px;
	background-color: #FDFDFD;
}
nav a {
	letter-spacing: 3px;
	font-variant: all-small-caps;
	margin: 3px 0 0 0;
	display: inline-block;
	border-left: 1px solid darkBlue;
	padding: 10px 25px;
	transition: all 0.5s ease-in-out;
	font-size: 1.1em;
	vertical-align: middle;
}
nav a[desc]:after {
	letter-spacing: 2px;
	margin-left: 13px;
	content: attr(desc);
}
nav a:first-child {
	border-left: none;
}
nav a:hover {
	background-color: #050559 !important;
	color: white;
}
nav a div {
	width: 23px;
	height: 23px;
	background: no-repeat scroll left center / 46px 23px transparent;
	text-align: center;
	font-weight: bold;
	color: darkBlue;
	font-size: 12px;
	line-height: 26px;
	letter-spacing: 1px;
	font-family: serif;
	display: inline-block;
	vertical-align: middle;
}
nav a:hover div {
	background-position: right center;
	color: white;
}


/* ZAWARTOŚĆ */

content {
	text-align: center;
	display: block;
	margin: 0;
	position: relative;
	z-index: 2;
	min-height: 200px;
}
.loading content {
	background: url("loader.gif") no-repeat scroll center 40px / auto 100% transparent;
	max-height: 300px;
	overflow: hidden;
}
.loading article {
	display: none;
}
article {
	margin: 10px 20px 30px;
	background-color: white;
	padding: 20px 30px 30px;
	box-shadow: 0 5px 10px 0 #444;
	display: inline-block;
	vertical-align: top;
	text-align: justify;
	min-width: 240px;
	width: 75%;
	opacity: 0;
	overflow: auto;
}
.ready article {
	animation: showMe 1s ease-out forwards;
}
article:nth-child(1) {
	animation-delay: 0s;
}
article:nth-child(2) {
	animation-delay: 0.5s;
}
article:nth-child(3) {
	animation-delay: 1s;
}
article:nth-child(4) {
	animation-delay: 1.5s;
	width: 85% !important;
}
@keyframes showMe {
	0% {
		transform: translateY(100px);
		opacity: 0;
	}
	100% {
		transform: translateY(0px);
		opacity: 1;
	}
}
article h1 {
	margin: 10px 0 25px;
}
.v3 article, [home] article { /* 3 równe kolumny [zawsze na stronie głównej] */
	width: 23%;
}
.v2 article { /* 2 równe kolumny */
	width: 35%;
}
content a {
	color: #444;
	display: inline-block;
	vertical-align: text-top;
	transition: all 0.5s ease-in-out;
}
content a:hover {
	color: #222;
}
content a:after {
	bottom: 0;
	left: 50%;
	width: 0;
	height: 1px;
	background-color: #444;
	content: "";
	display: block;
	margin: -2px auto 0;
	transition: all 0.5s ease-in-out;
}
content a:hover:after {
	width: 75%;
}
blockquote {
  font-style: italic;
  letter-spacing: 1px;
  margin: 0.5em 2em 1em;
  font-size: 0.9em;
  line-height: 1.5em;
  border-left: 5px solid #ccc;
  padding: 5px 0 5px 15px;
}
/*
blockquote:before {
	position: absolute;
	content: "\"";
	font-family: "Georgia", serif;
	font-size: 2.5em;
	color: #444;
	margin: 17px 0 0 -28px;
}
*/
[page] article p {
	margin: 0 10px 30px 20px;
}


/* STOPKA */

footer {
	min-height: 5px;
	padding: 10px;
	background-color: #000;
	color: #F9F9F9;
	text-align: center;
	font-size: 0.65em;
}
[weight="normal"] footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: calc(100% - 20px);
	z-index: 100;
}
[weight="normal"] {
	margin-bottom: 40px;
}
footer span, .stats {
	display: inline-block;
}
footer span:before, .stats:before {
	display: inline-block;
	font-weight: bold;
	content: "|";
	margin: 0 8px 0 5px;
	color: #AAA;
}
footer span:first-child:before, .stats:first-child:before {
	display: none;
}
footer a {
	color: #E0E0E0;
}
footer a:hover {
	color: #F0F0F0;
	text-decoration: underline;
}
#FBframe iframe {
	border: none;
	overflow: hidden;
	vertical-align: middle;
}


/* CEGIEŁKA */

#at:after {
	content: "@";
}
.gallery {
	text-align: left;
}
.gallery a:after {
	display: none;
}
.gallery img {
	padding: 14px;
	box-shadow: 0 0 4px 1px #444;
	width: 200px;
	height: 265px;
	margin: 0 15px 15px 0;
}
#infoCegielka {
	position: fixed;
	bottom: 20px;
	right: 15px;
	background: url("ksiazeczkaAd.png") no-repeat scroll center center / cover transparent;
	cursor: pointer;
	z-index: 997;
	width: 200px;
	height: 57px;
}
#infoCegielka div {
	width: 32px;
	height: 32px;
	top: -22px;
	right: -13px;
	cursor: pointer;
	display: block;
	position: absolute;
	background: url("close.png") no-repeat scroll center center / 20px 20px transparent;
}
#infoCegielka:not(.maybeOpen) {
	display: none !important;
}
#cegielkaAd {
  text-align: center;
  display: block;
  color: transparent;
  width: 200px;
  height: 77px;
  background: url("rev/ksiazeczkaAd.png") no-repeat scroll center center / contain transparent;
  margin: 0px auto;
}
#cegielkaAd:after {
  display: none;
}


/* DETALE */

.at_mail {
	display: inline-block;
}
.at_mail:after {
	content: "@";
}
.hidden {
	display: none !important;
}
option[disabled] {
	display: none;
}
#forgotLink {
	text-align: center;
	width: 100%;
	margin: 10px auto 0;
}
.goog-tooltip {
	z-index: 5;
}
em, .htmltagable_div u {
	display: block;
	text-align: right;
	font-size: 0.8em;
}
.in_search {
 margin-bottom: 20px;
 text-align: left;
}
.in_search a:first-child {
 display: inline-block;
 margin: 2px 0 5px;
}
.in_search a:first-child {
 font-size: 1.2em;
 font-variant: small-caps;
 letter-spacing: 1.5px;
 font-weight: bold;
}
.source {
	margin-top: 13px;
	font-size: 0.9em;
}
/* poprzeczna belka z napisem */
.hr {
	background-color: #999;
	width: 100%;
	height: 1px;
	margin: 1.5em 0;
}
.hr:after {
	content: attr(title);
	background-color: white;
	color: #777;
	font-size: 0.9em;
	display: inline-block;
	margin: -0.75em 0 0;
	padding: 4px 0;
	position: absolute;
	left: 48%;
	width: 4%;
	min-width: 45px;
	text-align: center;
}
/* cienie za nagłówkami części różańca */
.shadow_1 {
	text-shadow: 0 0 6px #67865a; /*FFF;*/
}
.shadow_2 {
	text-shadow: 0 0 6px #e7b847; /*82F1F755;*/
}
.shadow_3 {
	text-shadow: 0 0 6px #804685; /*B318B355;*/
}
.shadow_4 {
	text-shadow: 0 0 6px #43a3c3; /*FBDC3855;*/
}
/* przycisk pobierania */
#sharedLinks {
	display: inline-block;
	text-align: left;
}
.download, .print, .share {
	background: url("download.png") no-repeat scroll 18px center / auto 14px #F8FDFD;
	border-radius: 5px;
	box-shadow: 0 0 5px 0 #E6EFF0;
	color: #000;
	padding: 6px 20px 7px 40px;
	font-size: 15px;
	border: 1px solid #E3E3E3;
	margin: 2px 5px;
}
.print {
	background-image: url("print.png");
}
.share {
	background-image: url("share.png");
}
.download:hover, .print:hover, .share:hover {
	animation: moveImg 1s ease-in-out infinite;
}
@keyframes moveImg {
	0% {background-position: 18px center;}
	25% {background-position: left 18px bottom 6px;}
	75% {background-position: left 18px top 6px;}
	100% {background-position: 18px center;}
}
/* udostępnianie */
.share[data="fb"] {
	background-image: url("share-fb.png");
}
.share[data="twitter"] {
	background-image: url("share-twitter.png");
}
.share[data="mail"] {
	background-image: url("share-mail.png");
}
.share[data="copy"] {
	background-image: url("share-copyLink.png");
}
#shareBox {
	background-color: #FAFAFA;
	border: 1px solid #555;
	border-radius: 4px;
	box-shadow: 0 0 6px 0 #333, 0 0 2px 0 #EEE inset;
	padding: 20px 25px;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 115;
	text-shadow: 2px 1px 2px #AAA;
	text-align: center;
	display: none;
}
#shareBox .close {
	width: 26px;
	height: 26px;
	cursor: pointer;
	float: right;
	margin: -3px -10px 5px 10px;
	border: 1px solid #999;
	border-radius: 5px;
	background-color: #FDFDFD;
	line-height: 26px;
	font-weight: bold;
	font-size: 18px;
	box-shadow: 0 0 3px 0 #666;
}
#shareBox h4 {
	margin: 0 0 15px 30px;
}
#shareBox .share {
	width: 100px;
	margin: 5px !important;
	display: inline-block;
}
/* obrazki przy tajemnicach */
.visualTaj {
	width: 100px;
	height: 100px;
	display: inline-block;
	float: left;
	background: no-repeat scroll center center / contain transparent;
	margin: 0 10px 10px 25px;
}
/* tagi */
.tag {
	display: inline-block;
	background: padding-box #83AAE8; /* #A1DCE6; skyBlue;*/
	box-shadow: 2px 2px 3px 0 #203C71AA;
	padding: 4px 7px;
	margin: 3px 9px 4px 0;
	color: white;
	border-radius: 0 7px 4px 7px;
	transition: box-shadow 0.2s ease-out;
	font-size: 0.85em;
}
.tagBig {
	padding: 6px 10px;
	margin-left: 9px;
	font-size: 1em;
	vertical-align: middle;
}
.tag:before {
	display: inline-block;
	content: "";
	background: url("tags.png") no-repeat -14px 0 / auto 14px transparent;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	position: relative;
	vertical-align: middle;
}
.tagBig:before {
	background: url("tags.png") no-repeat -18px 0 / auto 18px transparent;
	width: 18px;
	height: 18px;
	margin-right: 8px;
}
.tag:hover {
	color: white;
	box-shadow: 2px 2px 4px 0 #203C71DD;
}
.tag:after {
	width: 0 !important;
}
.tags_box {
	float: right;
	margin: 5px 0 10px;
	transform: scale(0.9);
	transform-origin: right top;
	text-align: right;
}
#tagsBig_box {
	text-align: center;
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
}

.TagCz {
	width: 140px;
	margin: 2px 2px 5px;
	background: no-repeat scroll center top / contain transparent;
	padding-top: 140px;
}
.TagCz[data="1"] {
	background-image: url("tajemnice/RADOSNA 1.png");
}
.TagCz[data="2"] {
	background-image: url("tajemnice/SWIATLA 1.png");
}
.TagCz[data="3"] {
	background-image: url("tajemnice/BOLESNA 5.png");
}
.TagCz[data="4"] {
	background-image: url("tajemnice/CHWALEBNA 5.png");
}
body[data-size="16"] .TagDl {
	width: 130px;
	height: 50px;
	margin: 2px 2px 5px;
	background: url("tajemnice/SZYLD.png") no-repeat scroll center top / contain transparent;
	padding: 28px 5px 5px 30px;
	overflow: hidden;
}
body[data-size="16"] .TagDl text {
	display: inline-block;
	width: 91px;
	height: 50px;
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	overflow: hidden;
	color: black;
}
body:not([data-size="16"]) .TagDl {
	margin: 5px;
	padding: 10px;
	text-align: left;
	width: 300px;
}
body:not([data-size="16"]) .TagDl text {
	display: inline-block;
	line-height: 1.4em;
	max-width: 250px;
	margin-left: 5px;
}
.TagCz:after, .TagDl:after {
	height: 0;
	display: none;
}
.TagCz:hover text, .TagDl:hover text {
	text-decoration: underline double #555;
	text-shadow: 1px 1px 2px #CCC;
}
/* obrazki długości czytania */
.lengthText {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 1px 15px 0;
	padding: 4px 3px 2px;
	box-shadow: 0 0 15px 2px #EEE inset;
	background-color: white;
	border-radius: 5px;
	overflow: hidden;
	vertical-align: bottom;
}
.lengthText div {
	width: 25px;
	height: 2px;
	display: block;
	margin: 4px 3px;
	background-color: #333;
	border-radius: 2px;
}
.lengthText div:last-child {
	width: 13px;
}
.lengthText.LT2 div:last-child {
	width: 7px;
}
.lengthText.LT4 div:last-child {
	width: 19px;
}

.lengthTextSmall {
	width: 25px;
	height: 25px;
	margin: 3px 2px 0;
	vertical-align: top;
}
.lengthTextSmall div {
	width: 19px;
	margin: 3px;
}
/* wizualizacja w wyszukiwarce */
.in-row {
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	width: 260px;
}
#search-title {
	width: 220px;
	height: 32px;
	margin-top: 0;
}
#search-button {
	margin-left: auto !important;
	margin-right: auto !important;
}
.in-row #search-button {
	margin-top: 0;
}
.search-select {
	display: block;
	white-space: nowrap;
	width: fit-content;
	min-width: 230px;
	border-radius: 3px;
	box-shadow: 0 0 2px 1px #666;
	background-color: white;
	text-align: left;
	z-index: 4;
	overflow: hidden;
}
.search-select:not([show]) {
	background: url("more.png") no-repeat scroll right 5px center / 30px 30px white;
}
.search-select:not([show]):hover {
	background-color: #f3f3f3;
}
.search-select[show] {
	position: absolute;
	z-index: 6;
	transform: scale(1.05);
	transform-origin: center top;
	box-shadow: 0 0 4px 1px #ceccbb;
}
.search-select-space {
	display: none;
	width: 0;
	height: 45px;
}
.search-select[show]  + .search-select-space {
	display: block;
}
.search-select-visual {
	display: none;
	margin: 0;
	padding: 4px 41px 4px 5px;
	transition: filter 0.1s;
}
.search-select[show] .search-select-visual, .search-select input:checked + .search-select-visual {
	display: block;
}
.search-select[show] .search-select-visual:hover {
	background-color: #e6e5b40d;
	box-shadow: inset 0 0 5px 0px #a2a2a2ed;
}
.search-select input {
	display: none;
}
.search-select-visual > * {
	vertical-align: middle;
}
.search-select-visual .taj {
	display: inline-block;
	width: 36px;
	height: 36px;
	background: no-repeat scroll center center / contain transparent;
}
.search-select-visual .taj {
	filter: grayscale(0.9);
}
.search-select-visual:hover .taj {
	filter: grayscale(0.5);
}
.search-select input:checked + .search-select-visual .taj {
	filter: grayscale(0) !important;
}

.search-select-visual .lengthText {
	margin: 1px 0 0;
}
.search-select-visual:hover .lengthText {
	background-color: #d2f2b244;
}
.search-select input:checked + .search-select-visual .lengthText {
	background-color: #d2f2b287 !important;
}
.search-select-visual text {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	filter: grayscale(1);
	color: black !important;
}
.taj[data="Cz-0"] {
	background-image: url("tajemnice/mix.png");
}
.taj[data="Cz-1"] {
	background-image: url("tajemnice/RADOSNA 1.png");
}
.taj[data="Cz-2"] {
	background-image: url("tajemnice/SWIATLA 5.png");
}
.taj[data="Cz-3"] {
	background-image: url("tajemnice/BOLESNA 5.png");
}
.taj[data="Cz-4"] {
	background-image: url("tajemnice/CHWALEBNA 5.png");
}
/* polityka-prywatności */
ol, ul {
	padding-left: 25px;
}
/* lajki */
.heart {
	font-size: 24px;
	color: red;
	line-height: 1em;
}
.likes {
	display: none; /*inline-block;*/
	vertical-align: middle;
	margin: 0 24px 2px 3px;
}
.likes:before {
	content: "";
	background: url("heart.png") no-repeat scroll 0 0 transparent;
	width: 24px;
	height: 24px;
	display: inline-block;
}
.likes:after {
	content: attr(i);
	font-size: 0.7em;
	position: absolute;
	margin: 16px 0 0 -10px;
	background-color: #FF3B4D0D;
	padding: 2px 6px;
	border-radius: 10px;
	white-space: nowrap;
}
.likes_click {
	cursor: pointer;
	margin-left: 15px;
	vertical-align: middle;
}
.likes_click.used {
	cursor: default;
	animation: hearthUse 0.6s ease-in;
}
@keyframes hearthUse {
	100% {transform: scale(1.55); opacity: 0.5;}
}
.likes_click:before {
	content: "";
	background: url("heart.png") no-repeat scroll 0 0 transparent;
	width: 24px;
	height: 24px;
	display: inline-block;
}
.likes_click:after {
	font-size: 0.8em;
	margin-top: 14px;
	content: "Fajne?";
}
.likes_click:hover:before, .likes_click.used:before, .lengthText+.likes:before {
	background-position: -24px 0;
}
.likes_click:hover:after, .likes_click.used:after {
	content: "Fajne!";
}

/* MOBILNA */

[weight="smallest"] {
	background-color: #FFF;
}
[weight="smallest"] header {
 padding: 7px 0 0;
}
[weight="smallest"] #openmenu {
	display: block;
}
[weight="smallest"] #title, [weight="small"] #title {
	text-align: center;
	display: block;
}
[weight="smallest"] #title {
	padding: 5px 0 6px 50px;
	margin: 0 50px 5px 0;
	letter-spacing: 1.5px;
	font-size: 1.2em;
	background-position: 10px center;
	background-size: auto 30px;
}
[weight="smallest"] nav:first-of-type {
	display: none;
}
[weight="smallest"] footer {
	font-size: 0.8em;
}
[weight="smallest"] footer span:not(.at_mail) {
	display: block;
	margin: 20px auto;
}
[weight="smallest"] footer span:before {
	display: none;
}
[weight="small"] #headerBG {
	top: 110px;
}
[weight="small"][home] #headerBG {
	height: 350px;
}
[weight="smallest"] #headerBG {
	top: 0;
	margin-top: 50px;
	height: 180px;
	display: block;
}
[weight="smallest"]:not([home]) #headerBG {
	height: 120px;
}
[weight="small"] content {
	margin-top: 35px;
}
[weight="smallest"] content {
	margin-top: 0;
	margin-bottom: 40px;
	background-color: white;
}
[weight="smallest"] nav, [weight="small"] nav {
	text-align: center;
	display: block;
	float: unset;
	margin-right: 0;
}
[weight="smallest"] nav a {
	padding: 10px 15px;
	margin: 0;
}
[weight="smallest"] nav a[desc]:after {
	letter-spacing: 1px;
	margin-left: 5px;
}
[weight="smallest"] .in-row {
	display: block;
	margin: 0 auto;
}
[weight="small"] .menu, [weight="smallest"] .menu {
    text-align: center;
}
[weight="small"] table, [weight="smallest"] table {
	max-width: 97%;
	max-height: 70vh;
	overflow: auto;
	display: block;
	box-shadow: 0 0 5px 3px #E0E0E0;
	width: fit-content;
	margin: 10px 0 20px;
}
[weight="small"] article {
	width: 78% !important;
}
[weight="smallest"] article {
	width: unset !important;
	margin: 0;
	padding: 10px 20px 0 !important;
	box-shadow: none;
}
[weight="smallest"] article h1 {
	text-align: center;
}
[weight="smallest"] fieldset {
	display: block;
	margin: 4px auto 10px 0;
	width: min-content;
}
[weight="smallest"] #sharedLinks {
	display: block;
	text-align: center;
}
[weight="smallest"] .download, [weight="smallest"] .print, [weight="smallest"] .share:not([data]) {
	margin: 2px 10px 15px;
	text-align: center;
}
[weight="smallest"] .tags_box {
	float: none;
	margin: 5px 0 10px;
	transform: none;
	text-align: left;
}
[weight="smallest"] #FBframe {
	display: none;
}

/*	menu-mobilne	*/
/*
#menuApp {
	background-color: #F5F5F5;
	display: none;
}
#menuApp.open {
	display: block;
}
#menuApp > a {
	display: block;
	border-left: none;
	text-align: left;
	font-size: 17px;
}
#menuApp span {
	display: block;
	background-color: #333;
	color: #F0F0F0;
	text-align: center;
	font-size: 0.65em;
	padding: 5px 10px;
}
#menuApp span a {
	color: #FFF;
	padding: 0 0 1px 3px;
	vertical-align: bottom;
}
#menuApp > a:after {
	margin-left: 15px;
}
*/
#openmenu {
	display: none;
	width: 42px;
	height: 42px;
	cursor: pointer;
	background: url("menu.png") no-repeat scroll center center / 30px auto transparent;
	margin: -3px 2px 0 0;
	float: right;
}
#openmenu.open {
	background-image: url("close.png");
	background-size: 20px auto;
}

/* EDYTOR */

.stats_info {
	margin: 0 0 5px 20px;
}
.stats_info img {
	max-height: 18px;
	vertical-align: middle;
}
table {
	text-align: left;
}
tr:nth-of-type(2n) td {
	background-color: #F9F9F9;
	box-shadow: 0 0 0 1px #F9F9F9;
}
td {
	padding: 2px 4px;
}
.td_int {
	text-align: right;
	font-size: 0.9em;
}
.calendar {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.calendar a {
	text-shadow: 2px 1px 1px #c4ffc4;
	font-family: "Proza Libre", "Open Sans", sans-serif;
	font-weight: bold;
}
#currentDay {
	background-color: #d4fbff;
	box-shadow: 0 0 9px 0 #ddd inset;
}
/* menu */
[weight="normal"] article.menu { /* kolumna na menu boczne */
	width: 120px;
	min-width: 120px;
}
[weight="normal"] article.menu + article { /* kolumna na treść */
	width: calc(70% - 120px);
}
#panelNav span {
	display: inline-block;
	margin: 2px 4px;
}
#panelNav span:not(:first-child):before {
	content: "|";
	margin-right: 12px;
}
[weight="normal"] #panelNav span {
	display: block;
	margin: 0px 0px 10px;
}
[weight="normal"] #panelNav span:before {
	content: "";
	margin-right: 0;
}
/* formularze */
input, textarea, select, .htmltagable_div {
	margin: 4px 8px 0 0;
	padding: 6px 12px;
	border: 1px solid #999;
	border-radius: 3px;
	box-shadow: 0 0 3px 0 #CCC inset;
	display: block;
	min-width: 200px;
}
input:invalid {
	box-shadow: 0 0 3px 1px #db69699c inset, 0 0 2px 1px #db6969;
}
.input_title {
	font-size: 1em;
	font-weight: bold;
	width: calc(100% - 244px);
	min-width: 200px;
}
.input_in_line {
	display: inline-block;
	margin: 4px 15px 10px 0;
	vertical-align: middle;
}
input[type="integer"] {
  min-width: unset;
  width: 20px;
}
textarea {
	width: calc(100% - 42px);
	min-height: 6em;
	height: 7em;
}
label.prettyCheck {
	display: block;
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 20px;
}
input.prettyCheck[type="checkbox"], input.prettyCheck[type="radio"] {
	-webkit-appearance: none;
	appearance: none;
	background-color: white;
	margin: 0.5em;
	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: solid 1px rgba(124, 128, 129, 0.2);
	border-radius: 0.15em;
	transform: translateY(-0.075em);
	display: grid;
	place-content: center;
	float: left;
	padding: unset;
	min-width: unset;
}
input.prettyCheck[type="checkbox"]:before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em #3FB3EC;
	background-color: CanvasText;
}
input.prettyCheck[type="checkbox"]:checked:before, input.prettyCheck[type="radio"]:checked:before {
	transform: scale(1);
}
input.prettyCheck[type="radio"] {
	border-radius: 100%;
}
input.prettyCheck[type="radio"]:before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	transform: scale(0);
	transform-origin: center center;
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em #3FB3EC;
	border-radius: 100%;
}
form > button, #search-button {
	padding: 13px 30px;
	border: 1px solid #1B6184;
	box-shadow: 0 0 10px 0 #2881AE inset;
	background-color: #3FB3EC;
	border-radius: 5px;
	display: block;
	cursor: pointer;
	color: white;
	font-variant: small-caps;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 15px 0 5px;
}
form > button:hover, #search-button:hover {
	background-color: #2881AE;
	border-color: #0B3951;
}
/* komunikaty */
.info {
	font-size: 0.9em;
	display: block;
	color: #444;
	margin: 5px 0 10px;
	padding: 5px 12px;
	border-radius: 4px;
	background: no-repeat scroll 7px center / auto 18px #F7F7F7;
	box-shadow: 0 0 6px 0 #EEE;
}
.info_yellow {
	background-color: #FFF1C5;
	box-shadow: 0 0 6px 0 #F4E3B0;
}
.info_red {
	color: darkRed;
	padding-left: 30px;
	background-image: url("alert_red.png");
	background-color: #FDF1E1;
	box-shadow: 0 0 6px 0 #8B00003D;
}
.info_green {
	color: darkGreen;
	padding-left: 30px;
	background-image: url("alert_green.png");
	background-color: #D4F7CD;
	box-shadow: 0 0 6px 0 #0064004F;
}
.info_hidding {
	animation: hideMe 1s linear forwards;
}
@keyframes hideMe {
	0%   {font-size: 0.9em; opacity: 1; margin: 5px 0 10px;}
	99%  {font-size: 0.9em; opacity: 0; margin: 5px 0 10px; padding: 5px 12px;}
	100% {font-size: 0;     opacity: 0; margin: 0; padding: 0;}
}
/* grupy */
.form_step {
	text-align: left;
}
fieldset {
	border-radius: 12px 6px 6px;
	box-shadow: 0 0 15px 0 #E9E9E9 inset;
	padding: 0 20px 8px;
	display: inline-block;
	vertical-align: top;
	margin: 4px 20px 10px 0;
}
fieldset button {
	margin-left: auto;
	margin-right: auto;
}
legend {
	background-color: #FFFC;
	padding: 0 6px;
	font-weight: bold;
	font-size: 0.95em;
	margin: 0 auto;
}
/* autocomplete */
#autocomplete_list {
	display: none;
	position: absolute;
	border: 1px solid #444;
	border-bottom: none;
	border-radius: 3px;
	box-shadow: 0 0 2px 0 #CCC inset, 0 0 5px 0 #CCC;
	font-size: 0.8em;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 100px;
	width: 200px;
	background-color: white;
	z-index: 101;
}
#autocomplete_list span {
	display: block;
	cursor: pointer;
	border-bottom: 1px solid #444;
	padding: 6px 12px;
}
#autocomplete_list span:hover {
	box-shadow: 0 0 5px 0 #CCC inset;
}
/* htmltagable */
.htmltagable_button {
	display: none;
	margin: 2px 8px 0 0;
	padding: 4px 12px;
	border: 1px solid #999;
	border-radius: 3px;
	box-shadow: 0 0 3px 0 #CCC inset;
	background-color: #F3F3F3;
	font-size: 0.7em;
	cursor: pointer;
}
.htmltagable_button:hover {
	box-shadow: 0 0 6px 0 #C2C2C2 inset;
}
.htmltagable_div {
	min-height: 6em;
	font-size: 0.8em;
}
.htmltagable_div u {
	font-style: italic;
	text-decoration: none;
}


/*	APPKA	*/
#infoApp {
	position: fixed;
	bottom: 110px; /*15px*/
	right: 15px;
	background: url("https://play.google.com/intl/en_us/badges/static/images/badges/pl_badge_web_generic.png") no-repeat scroll center center / cover transparent;
	cursor: pointer;
	z-index: 997;
	width: 200px;
	height: 57px;
	display: none;
}
#infoApp div {
	width: 32px;
	height: 32px;
	top: -22px;
	right: -13px;
	cursor: pointer;
	display: block;
	position: absolute;
	background: url("close.png") no-repeat scroll center center / 20px 20px transparent;
}
#infoApp:not(.maybeOpen) {
	display: none !important;
}
#downloadApp {
	background: url("https://play.google.com/intl/en_us/badges/static/images/badges/pl_badge_web_generic.png") no-repeat scroll center center / cover transparent;
	width: 100px;
	height: 26px;
	display: inline-block;
	vertical-align: middle;
	margin: -5px;
}
#infoAppInMenu a {
	background: url("https://play.google.com/intl/en_us/badges/static/images/badges/pl_badge_web_generic.png") no-repeat scroll center center / cover transparent;
	width: 100px;
	height: 26px;
}
[weight=smallest]:not(.app) #infoApp {
	display: block;
}
.app #cookiesInfo, .app .download, .app .print, .app .share, .app footer {
	display: none !important;
}
#sharedLinks a:hover {
  color: black !important;
}
#menuApp {
	background: url("bg_menu.jpg") no-repeat scroll center center / cover black;
	margin-top: 48px;
	min-height: calc(100vh - 335px);
	padding: 50px 0 20px;
	display: none;
}
.app #menuApp {
	min-height: calc(100vh - 160px);
	padding: 90px 0 22px;
}
#menuApp a {
	display: block;
	color: white;
	padding: 25px 0 25px 50px;
	letter-spacing: 1px;
	line-height: 22px;
}
#menuApp > a:hover {
	background-color: #FFF1;
}
#menuApp a div {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: no-repeat scroll right center / auto 100% transparent;
	font-size: 10px;
	line-height: 22px;
	letter-spacing: 1px;
	font-family: serif;
	text-align: center;
	margin-right: 15px;
}

/* 	ZMIANA ROZMIARU STRONY */
#changeSize {
  display: none;
  padding: 0 0 25px 77px;
	background-color: #FFF1;
}
#changeSize a {
	display: inline-block;
	padding: 10px;
}
#changeSize a[data="16"] {
	font-size: 16px;
}
#changeSize a[data="19"] {
	font-size: 19px;
}
#changeSize a[data="23"] {
	font-size: 23px;
}


/* 	TRYB CIEMNY */
body[weight="smallest"][darkTheme] a, body[weight="smallest"][darkTheme] content a {
	color: #C8C8C8;
}
body[weight="smallest"][darkTheme], body[weight="smallest"][darkTheme] #title, body[weight="smallest"][darkTheme] #title a, body[weight="smallest"][darkTheme] .tag {
	color: white;
}
body[weight="smallest"][darkTheme] a:hover, body[weight="smallest"][darkTheme] content a:hover {
	color: #F0F0F0;
}
body[weight="smallest"][darkTheme], body[weight="smallest"][darkTheme] article, body[weight="smallest"][darkTheme] content, body[weight="smallest"][darkTheme] #autocomplete_list, body[weight="smallest"][darkTheme] .hr:after {
	background-color: #1c1c1c;
}
body[weight="smallest"][darkTheme] header, body[weight="smallest"][darkTheme] .search-select {
	background-color: black;
}
body[weight="smallest"][darkTheme] #headerBG {
  filter: brightness(0.5);
}
body[weight="smallest"][darkTheme] #openmenu {
	filter: invert(1);
}
body[weight="smallest"][darkTheme] blockquote:before {
	color: #DDD;
}
body[weight="smallest"][darkTheme] .download, body[weight="smallest"][darkTheme] .print, body[weight="smallest"][darkTheme] .share, body[weight="smallest"][darkTheme] #shareBox, body[weight="smallest"][darkTheme] #shareBox .close, body[weight="smallest"][darkTheme] .TagDl:hover {
	color: black;
}
body[weight="smallest"][darkTheme] .search-select-visual text {
	color: white !important;
}
body[weight="smallest"][darkTheme] tr:nth-of-type(2n) td {
	background-color: #333;
	box-shadow: 0 0 0 1px #333;
}
body[weight="smallest"][darkTheme] legend {
	background-color: #0003;
}
body[weight="smallest"][darkTheme][page] h2 {
	background-color: #111;
	box-shadow: 0 0 10px 0 #191919;
}