/* cmsms stylesheet: wng-global modified: 03/25/21 14:53:09 */
:root {
/* ODKOMENTOWAĆ PRZY ŻAŁOBIE
	filter: brightness(95%) grayscale(1);
*/

	--wng-color-rgb: #5e7e29;
	--wng-color:     hsla(83,49%,33%,1);
	--text-color:    hsla(83,49%,0%,1);
	--back-color:    hsla(83,7%,97%,1);
	--box-color:     hsla(83,49%,100%,1);
	--border-color:  hsla(83,24%,33%,.25);

/*	--link-color:    #0000EE;*/
	--link-color:    #333399;
/*	--visited-color: #551A8B;*/
	--visited-color: #551A8B;
/*	--active-color:  #FF0000;*/
	--active-color:  #FF0000;

	--font-serif: "Bulo Rounded W", "Bulo Rounded", serif;
	--font-sans: "Bulo Rounded W", "Bulo Rounded", sans-serif;

	color: var(--text-color);
	background-color: var(--back-color);
}

@font-face {
	font-family: "Bulo Rounded";
	font-weight: 400;
	font-style: normal;
	src: url("/uploads/fonts/BuloRounded-Regular.otf");
}
@font-face {
	font-family: "Bulo Rounded";
	font-weight: 400;
	font-style: italic;
	src: url("/uploads/fonts/BuloRounded-RegularItalic.otf");
}

@font-face {
	font-family: "Bulo Rounded";
	font-weight: 500;
	font-style: normal;
	src: url("/uploads/fonts/BuloRounded-Medium.otf");
}
@font-face {
	font-family: "Bulo Rounded";
	font-weight: 500;
	font-style: italic;
	src: url("/uploads/fonts/BuloRounded-MediumItalic.otf");
}
@font-face {
	font-family: "Bulo Rounded";
	font-weight: 700;
	font-style: normal;
	src: url("/uploads/fonts/BuloRounded-Bold.otf");
}
@font-face {
	font-family: "Bulo Rounded";
	font-weight: 700;
	font-style: italic;
	src: url("/uploads/fonts/BuloRounded-BoldItalic.otf");
}

/* fonty dla adresu bez www */
@font-face {
	font-family: "Bulo Rounded W";
	font-weight: 400;
	font-style: normal;
	src: url("https://geo.uni.lodz.pl/uploads/fonts/BuloRounded-Regular.otf");
}
@font-face {
	font-family: "Bulo Rounded W";
	font-weight: 400;
	font-style: italic;
	src: url("https://geo.uni.lodz.pl/uploads/fonts/BuloRounded-RegularItalic.otf");
}

@font-face {
	font-family: "Bulo Rounded W";
	font-weight: 500;
	font-style: normal;
	src: url("https://geo.uni.lodz.pl/uploads/fonts/BuloRounded-Medium.otf");
}
@font-face {
	font-family: "Bulo Rounded W";
	font-weight: 500;
	font-style: italic;
	src: url("https://geo.uni.lodz.pl/uploads/fonts/BuloRounded-MediumItalic.otf");
}
@font-face {
	font-family: "Bulo Rounded W";
	font-weight: 700;
	font-style: normal;
	src: url("https://geo.uni.lodz.pl/uploads/fonts/BuloRounded-Bold.otf");
}
@font-face {
	font-family: "Bulo Rounded W";
	font-weight: 700;
	font-style: italic;
	src: url("https://geo.uni.lodz.pl/uploads/fonts/BuloRounded-BoldItalic.otf");
}

* {
	margin: 0;
	padding: 0;
	line-height: 1em;

	font-variant-numeric: tabular-nums;

	color: inherit;
	background-color: transparent;
}

html {
	display: flex;
	flex-direction: column;
	align-items: stretch;

	min-height: 100vh;

	font-family: var(--font-serif), sans-serif;
}

body {
	display: flex;
	flex-direction: column;
/*	justify-content: space-between;*/
	justify-content: flex-start;

	min-height: 100vh;
}
hr {
	display: none;
}
/* cmsms stylesheet: wng-header modified: 12/10/19 14:39:12 */
header, footer {
	flex: 0 0 0;
	color: var(--wng-color);
	background-color: var(--box-color);
}
header form {
	margin: 0;
	padding: 0;
}
header form input, header form label {
	margin: 0;
	padding: 0;
}

header {
	order: -1;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;

	justify-content: space-between;
	align-items: stretch;

	position: sticky;
	top: 0;

	padding: 1rem;

	z-index: 100;
}
header>nav {
	flex: 0 0 auto;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;

	justify-content: flex-start;
	align-items: center;
}
header>nav>* {
	margin-right: 1rem;
}
header>div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	justify-content: flex-end;
	align-items: center;
	align-content: space-between;
}
header>div>* {
	flex: 0 0 auto;

	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
}
header>div>nav {
	margin-right: 1.5rem;
}
header>div>nav>* {
	margin-right: .5rem;
}

header img {
	height: 1rem;
}
header>nav img {
	height: 4.5rem;
}

footer {
	order: 99;
	display: flex;
	flex-direction: column;
	padding: 1rem;
	align-items: center;
	text-align: center;

/*	box-shadow: 0 0 .5em hsla(83,24%,33%,.5);
	border-top: thin solid hsla(83,24%,66%,1);*/
	border-top: thin solid var(--border-color);
}
/* cmsms stylesheet: wng-banner modified: 01/28/20 12:54:18 */
div#banner {
	flex: 0 1 40vh;

	color: var(--back-color);
	background-color: var(--text-color);

	background-repeat: no-repeat;
	background-position: 50% 50%;

	background-size: contain;
	background-size: cover;
	background-size: 100% 100%;

/*
        background-image: linear-gradient(
          rgba(0, 0, 0, 0.7), 
          rgba(0, 0, 0, 0.7)
        ), url("/uploads/images/chrome/banner-wng0.jpg");
*/

	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: stretch;

	z-index: 99;
}
div#banner a {
	flex: 1 0 100%;

	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	background-size: cover;

	text-decoration: none;

        background-image: url("/uploads/images/chrome/banner-wng0.jpg");

/*	backdrop-filter: blur(4vw);*/
}

div#banner a 	{	animation: Images 20s steps(1, end) infinite; }

@keyframes Images {
	0%	{ background-image: url("/uploads/images/chrome/banner-wng0.jpg"); }
	20%	{ background-image: url("/uploads/images/chrome/banner-wng1.jpg"); }
	40%	{ background-image: url("/uploads/images/chrome/banner-wng2.jpg"); }
	60%	{ background-image: url("/uploads/images/chrome/banner-wng3.jpg"); }
	80%	{ background-image: url("/uploads/images/chrome/banner-wng4.jpg"); }
}
/* cmsms stylesheet: wng-nav modified: 01/28/20 12:55:41 */
nav {
	display: flex;
}
nav a {
	white-space: nowrap;
	text-decoration: none;
	outline: none;
}

nav#global {
/*	flex: 0 0 100%;
	flex: 1 1 auto;*/

	position: sticky;
	top: 6.5rem;

	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;

	font-size: 1.2rem;
	font-weight: bold;

	padding: .75rem 1rem 0 1rem;

	background-color: var(--box-color);
/*	box-shadow: 0 .25ex 1ex var(--back-color);*/
/*	box-shadow: 0 .25ex 1ex var(--border-color);*/
	box-shadow: 0 .25ex .75ex var(--border-color);

/*	border-bottom: thin solid var(--border-color);*/

/*
	border-top: medium solid var(--wng-color);
*/
	z-index: 98;
}
nav#global a {
	text-align: center;
	margin: 0 1rem .5rem 1rem;
	padding: .3rem 0 .2rem 0;
/*	border-radius: .5rem .5rem 0 0;*/
	border-width: .25rem;
	border-style: none;
	border-color: var(--wng-color);
}
nav#global a.menuactive, nav#global a.menuparent {
/*	background: var(--border-color); */
	border-bottom-style: solid;
}
nav#global a:hover {
	color: var(--wng-color);
/*
	background: white;
*/
}


nav#local {
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;

	margin-top: 2rem;

	padding: 0 1rem;
	min-width: 5em;
}
nav#local a {
	margin-bottom: 1rem;
}
nav#local a.menuactive, nav#local a.menuparent{
	font-weight: bolder;
}
nav#local a:hover  {
	color: var(--wng-color);
}
nav#local a[target="_blank"]::after {
	content: url(/uploads/images/chrome/external-link.svg);
}

nav.children {
	justify-content: center;
	margin-bottom: 1rem;
}
nav.children a {
	margin: 0 .5rem;
}
nav.children a.menuactive, nav.children a.menuparent {
	font-weight: bolder;
}

ul.boxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	list-style: none;
	margin: 0;
}
ul.boxes li {
	flex: 1 1 25%;
	margin: .5em;
}
ul.boxes li a {
	hyphens: none;
	text-align: center;
	white-space: nowrap;
	display: block;
	height: 100%;
	padding: .5em;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: 500;
	border-width: 2px;
	border-style: solid;
	border-color: #ddd #aaa #aaa #ddd;
	background-color: var(--back-color);
	font-weight: 500;
}
ul.boxes li a:hover {
	border-color: #bbb #ddd #ddd #bbb;
}
/* cmsms stylesheet: wng-main modified: 03/25/21 14:39:57 */
.hide, .hidden {
	display: none;
}
div#middle {
	flex: 1 1 auto;

	align-self: stretch;
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
	align-content: flex-start;

	flex-wrap: nowrap;
}
main {
	flex: 1 1 auto; 

	margin-bottom: 1rem;

	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;

/*	order: 20;*/
}
main>div {
	flex: 1 1 auto; 

	max-width: calc( 100vw - 18rem );

	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: flex-start;
}
main h2 {
	box-sizing: border-box;

	font-size: 2rem;
	font-variant: small-caps;
	text-align: center;
	line-height: 1em;

	margin: 1em 0 .75em 0;
	padding: 0 1rem;
	
	word-spacing: 100%;
}

article {
	box-sizing: content-box;

	flex: 0 1 44em;
	max-width: 44em;

/*	min-width: 24em;
*/

	margin: 0 1rem 2rem 1rem;
	padding: 1rem 1rem 1rem 1rem;
	background-color: var(--box-color);
	
/*
	border-style: solid none none solid;
	border-width: thin;
	border-color: var(--border-color);

	box-shadow: .3ex .5ex .25ex var(--border-color);
*/

	border: thin solid var(--border-color);

	line-height: 1.5em;
}
article>div.coronavirus {
	font-size: xx-large;
	font-weight: 700;
	color: #000;
}
article strong, article .strong {
	font-weight: 500;
}
article .flash {
	font-size: 150%;
	font-weight: 500;
	text-align: center;
	text-indent: 0;
	line-height: 1.2em;
	hyphens: none;
	margin: 1rem 0;
}
article em, article .em {
	font-style: italic;
}

article .niedziel {
	hyphens: none;
}
article .centerblock {
    display:table;
    margin: auto;
}

article.NewsSummary {
	box-sizing: content-box;
	flex: 1 1 0;

	height: auto;
	min-width: 22em;
	max-width: 35em;

	padding-top: 1em;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
}
article.NewsSummary>* {
	flex: 0 0 auto;
}
article.NewsSummary>div:first-child {
}
article>* {
/*	width: 48em;*/
}
article div.tab {
	display: flex;
	justify-content: space-between;
}

article a:link {
	color: var(--link-color);
	text-decoration: none;
}
article a:visited {
	color: var(--visited-color);
}
article a:hover {
	text-decoration: underline;
}
a:link:active, a:visited:active {
	color: var(--active-color);
}

article .title {
	font-size: 125%;
	font-size: 106.25%;
	font-size-adjust: .58;

	font-variant: small-caps;

/*	font-weight: 500;*/

	margin-bottom: .25em;
	margin-left: 0;

	text-align: left;
	hyphens: none;
}

article p {
	text-align: justify;
	line-height: 1.5em;
	text-indent: 1em;
/*	margin-top: .25em;*/

	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
article p.signature, article p.sig {
	text-align: right;
	font-style: italic;
}
article pre {
	line-height: 1.25em;
	margin: .25em 0 .25em 1em;
}
article .space {
	margin-top: 1em;
}
article .center {
	text-align: center;
	text-indent: 0;
}
article p.space {
	text-indent: 0;
}
article li p,
article p.noindent,
article p:first-of-type,
article h3+p, article h4+p, article h5+p, article img+p,
article p.NewsSummaryMorelink, article p.NewsPostDetailReturnLink {
	text-indent: 0;
}
article p.NewsSummaryMorelink {
/*	text-align: right;*/
	flex: 1 0 auto;

	display: flex;
	flex-direction: column;
	justify-content: flex-end;

	align-self: flex-end;

	font-size: 93.75%;
	font-weight: normal;
	margin: .5rem 0 -.5rem 0;

	clear: both;
}
article p.NewsPostDetailReturnLink {
	float: left;
	clear: both;

	text-indent: 0;
	font-size: 85.5%;
	font-weight: normal;
	margin: -.5rem 0 0 0;
}
article p.NewsPostDetailReturnLink:last-child {
	margin: 1rem 0 -.5rem 0;
}
article .NewsDetailPostDate {
	float: right;

	text-indent: 0;
	font-size: 87.5%;
	font-weight: normal;
	margin: -.5rem 0 0 0;
}
#NewsPostDetailTitle {
	clear: none;
}
article .NewsSummaryPostdate {
	align-self: flex-start;

	text-indent: 0;
	font-size: 87.5%;
	font-weight: normal;
	margin: -.5rem -.5rem 0 0;
	margin: -.5rem 0 0 0;
}
article h3.NewsSummaryLink::before {
	height: .5rem;
}

article h3, article h4, article h5, article h6 {
	font-family: var(--font-sans);
	font-variant: small-caps;
	line-height: 1em;
	margin-bottom: .5em;
	border: 1px solid transparent;
}
article h3::before, article h4::before, article h5::before, article h6::before {
	display: block;
	content: "";
	height: 1em;
}
/*
Specjalny selektor dla pierwszego nagłówka, który WIZUALNIE następuje zaraz po nagłówku, ale jest zakapsułkowany przynajmniej jedną warstwą pojemników.
Przykład mamy na stronie wykorzystanie-sal (H4 jest w tabeli).
Do poprawki, bo straszne barokokoko. Jak zrobić selektor „pierwsze dziecko, którego WSZYSCY potomkowie w nieznanej liczbie pokoleń też byli pierwszymi dziećmi”??? :not umie tylko jeden element.
*/
article h3+*>h4:first-child::before,
article h3+*>:first-child>h4:first-child::before,
article h3+*>:first-child>:first-child>h4:first-child::before,
article h3+*>:first-child>:first-child>:first-child>h4:first-child::before,
article h3+*>h5:first-child::before,
article h3+*>:first-child>h5:first-child::before,
article h3+*>:first-child>:first-child>h5:first-child::before,
article h3+*>:first-child>:first-child>:first-child>h5:first-child::before,
article h3+*>h6:first-child::before,
article h3+*>:first-child>h6:first-child::before,
article h3+*>:first-child>:first-child>h6:first-child::before,
article h3+*>:first-child>:first-child>:first-child>h6:first-child::before,
article h4+*>h5:first-child::before,
article h4+*>:first-child>h5:first-child::before,
article h4+*>:first-child>:first-child>h5:first-child::before,
article h4+*>:first-child>:first-child>:first-child>h5:first-child::before,
article h4+*>h6:first-child::before,
article h4+*>:first-child>h6:first-child::before,
article h4+*>:first-child>:first-child>h6:first-child::before,
article h4+*>:first-child>:first-child>:first-child>h6:first-child::before,
article h5+*>h6:first-child::before,
article h5+*>:first-child>h6:first-child::before,
article h5+*>:first-child>:first-child>h6:first-child::before,
article h5+*>:first-child>:first-child>:first-child>h6:first-child::before {
	height: .25em;
}
article h3+h4::before, article h3+h5::before, article h3+h6::before,
                       article h4+h5::before, article h4+h6::before,
                                              article h5+h6::before {
	height: .25em;
}
article>*:first-child::before,
article>*:first-child>*:first-child::before,
article>*:first-child>*:first-child>*:first-child::before {
	height: 0.25em;
}
article h3 {
	font-size: 180%;
	font-weight: 700;

	text-align: center;

	clear: both;
}
article h4 {
	font-size: 150%;
	font-weight: 500;

	text-align: center;

	clear: both;
}
article h5 {
	font-size: 125%;
	font-weight: 700;

	clear: left;
}
article h6 {
	font-size: 110%;
	font-weight: 500;

	clear: left;
}
article img.godlo:first-child+h3,
article img.godlo:first-child+h4 {
	clear: none;
}

article a {
	hyphens: none;
}
article img {
	max-width: 100%;
	height: auto;
}
article img.godlo {
	float: right;
	width: 50%;
	max-width: 12em;
	height: auto;
	margin: 0 0 1em 1em;

	border-bottom-left-radius: .5em;

/*
	shape-outside: polygon(11% 0, 4% 3%, 0 9%,
	0% 60%, 2% 71%, 7% 80%, 14% 88%, 26% 95%, 35% 98%, 50% 100%, 
	100% 100%, 100% 0);
*/
}
article img.banner {
	display: block;
	width: 100%;
	height: auto;
	margin: .5em 0;
}
article img.ilustracja {
	display: block;
	max-width: 100%;
	height: auto;
	margin: .5em auto 1em auto;
}
article img.vilustracja {
	float: left;
	max-width: calc( 50% - .5em );
	height: auto;
	margin: .5em 0 1em 0;
}
article img.vilustracja+img.vilustracja {
	float: right;
	height: auto;
	margin: .5em 0 1em 0;
}
article ul, article ol {
	margin: 0 0 0 1em;
}
article>ul, article>ol {
	margin: 0 0 0 1em;
}
article ul>ul, article ul>ol, article ol>ul, article ol>ol {
	margin: 0 0 0 1em;
}
article ul.center li {
	text-align: center;
}
article li {
/*	margin-top: .5em;*/
	line-height: 1.5em;
	text-align: justify;

	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
article ul.short li {
	text-align: left;
	white-space: nowrap;
}
article dl {
	margin: .5em 0;
}
article dt {
	line-height: 1.15em;
	margin: .5em 0 .25em 0;
	font-size: 106.25%;

	font-weight: 500;
	font-style: italic;
}
article dd {
	line-height: 1.25em;
	margin-left: 1em;
}
article dl.ul {
	counter-reset: list-item 0;
	list-style-type: disc;
}
article dl.ol {
	counter-reset: list-item 0;
	list-style-type: decimal;
}
article dl.ul dt, article dl.ol dt {
	display: list-item;
	margin: .5em 0 .25em 1em;
}
article dl.ul dd, article dl.ol dd {
	margin-left: 1em;
}
article dl.uls dd {
	display: list-item;
	margin-left: 1em;
}
article dl ul {
	list-style-type: circle;
}
article dl ul ul {
	list-style-type: square;
}

article form {
	margin: 1em 1em 2em 1em;
}
article form input {
	margin-bottom: 1em;
}
article form p, article fieldset p {
}

article table {
	margin: .5em auto;
	border-collapse: collapse;
	font-variant-numeric: tabular-nums;
}
article table caption {
	caption-side: top-outside;
	font-weight: 500;
	font-variant: small-caps;
	font-size: 120%;
	margin: 1em 0 .25em 0;
}

article table:not(.noshading) tbody tr:not(.noshading):nth-child(odd) {
	background-color: var(--back-color);
}
article table:not(.noshading) tbody tr:not(.noshading):nth-child(even) {
	background-color: var(--box-color);
}

article table tr.shading {
	background-color: var(--back-color);
}

article table td {
	padding: .25em .5em;
	text-align: center;
	white-space: nowrap;
}
article table td.wrapok {
	white-space: normal;
}
article table tr td.toleft,
article table tr td.left {
	text-align: left;
}
article table tr td.toright:first-child,
article table tr td.right:first-child {
	text-align: right;
}
article table tr td.toright,
article table tr td.right {
	text-align: right;
}
article table tr:first-child td {
	font-weight: 500;
}
article table tr td:first-child {
	font-weight: 500;
	text-align: left;
}
article table tr td.center:first-child {
	font-weight: 500;
	text-align: center;
}
article table tr td.space {
	padding-top: 1em;
}

article div.youtube-player {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	margin: .5em 0;
	height: 0;
	clear: both;
}
article div.youtube-player object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
article div.youtube-player embed {
	width: 100%;
	height: 100%;
}
article abbr {
	text-underline-offset: .5ex;
	font-weight: 500;
}
article pre {
	white-space: pre-line;
	font-size-adjust: 0.5;
}
aside {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	order: 40;

	padding: 0 1rem;
	min-width: 8em;
}
aside a {
	margin-bottom: 1rem;
}
aside img {
	width: 8em;
	height: auto;

	vertical-align: text-top;

	border-radius: .5rem;
}
div#shortcuts {
	display: flex;

	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-end;
	align-content: flex-end;

	margin: 0 1rem 1rem 1rem;
}
div#shortcuts a {
	flex: 1 1 auto;

	white-space: nowrap;
	text-decoration: none;
	outline: none;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;

	flex-wrap: wrap;
	word-wrap: wrap;
	overflow-wrap: break-word;

	margin: 0 .5rem 1rem .5rem;
}
div#shortcuts a img {
	height: 2rem;
	margin-bottom: 1ex;
}