@font-face {
	font-family:Lato-Regular;
	/*src:url("./lato-regular-webfont.woff");*/
	src:url("./Lato-Regular.ttf");
	font-weight:normal;
}

@font-face {
	font-family:Lato-Bold;
	src:url("./Lato-Bold.ttf");
	font-weight:bold;
}

@font-face {
	font-family:Lato-Black;
	/*src:url("./lato-heavy-webfont.woff");*/
	src:url("./Lato-Black.ttf");
	font-weight:bold;
}

@font-face {
	font-family:Spectral-Regular;
	src:url("./Spectral-Regular.ttf");
	font-weight:normal;
}

@font-face {
	font-family:Spectral-SemiBold;
	src:url("./Spectral-SemiBold.ttf");
	font-weight:bold;
}

@font-face {
	font-family:Spectral-Bold;
	src:url("./Spectral-Bold.ttf");
	font-weight:bold;
}


.clear {
	clear:both;
}

.gs-promotion .gs-visibleUrl, .gs-webResult .gs-visibleUrl, .styleable-visurl {
	color: #888 !important;
}

.si25 {
	color: #f00 !important;
	border-color: #f00 !important;
}

a {
	text-decoration: none;
}

a:focus {
	outline: 3px solid #ffcb00;
	outline-offset: 2px;
}

body {
	margin: 0;
	padding: 0;
	background: #0071bb;
	color: #004492;
	font-family: 'Lato-Regular', Arial, sans-serif;
}

#pasek_gorny {
	display:block;
	margin:0;
	padding:0;
	min-height:60px;
	background:#0071bb;
	color:#ffffff;
	/*border-bottom: 1px solid #0071bb;*/
}

#pasek_gorny > nav {
	display:block;
	position:relative;
	margin:0 auto;
	padding:0;
	max-width:1226px;
	color:#ffffff;
	text-align:right;
	font-size:0;
}

#pasek_gorny > nav a {
	color:#ffffff;
	text-decoration:none;
}

#pasek_gorny > nav a:focus{
	outline: 3px solid #ffcb00;
	outline-offset: -4px;
}

#pasek_gorny > nav > #doskonalosc {
	display: block;
	height: 60px;
	width: 165px;
	position: absolute;
}

#pasek_gorny > nav > #doskonalosc:hover {
	/*box-shadow: inset 0px 0px 0px 1px #ffffff;*/
	outline: 1px solid #ffffff;
	outline-offset: -2px;
}

#pasek_gorny > nav > #doskonalosc img {
	display:inline-block;
	margin:15px;
	padding:0;
	width:auto;
	height:30px;
	position:absolute;
	left:0;
	top:0;
	vertical-align:middle;
}

#pasek_gorny > nav > a.ikonka {
	display:inline-block;
	background:#004492;
}

#pasek_gorny > nav > a.ikonka img {
	display:inline-block;
	margin:15px;
	padding:0;
	width:auto;
	height:30px;
	vertical-align:middle;
}

#pasek_gorny > nav > a.granat:hover {
	/*box-shadow: inset 0px 0px 0px 1px #ffffff;*/
	outline: 1px solid #ffffff;
	outline-offset: -2px;
}

#pasek_gorny > nav > a.granat:hover img {
	/*border-right:none;*/
}

#pasek_gorny > nav > a.kreska {
	border-right:none;
}

#pasek_gorny > nav > a.kreska img {
	padding-right:15px;
	margin-right:0;
	border-right:1px solid #ffffff;
}

#pasek_gorny > nav > a.kolo {
	padding:0 5px;
	background:none;
}

#pasek_gorny > nav > a.ukryty {
	padding: 0 !important;
}

#pasek_gorny > nav > a.kolo img {
	margin:15px 0;
	background:#004492;
	border-radius:50%;
}

#pasek_gorny > nav > a.ukryty img {
	background: none;
	width: 0;
	margin: 0;
	padding: 0;
}

#pasek_gorny > nav > a.kolo:hover img {
	box-shadow: inset 0 0 0 1px #ffffff;
}

#pasek_gorny > nav > a.kolo:focus {
	outline: none;
}

#pasek_gorny > nav > a.kolo:focus img {
	box-shadow: inset 0 0 0 3px #ffcb00;
	padding: 4px;
	margin: -4px;
}

#pasek_gorny > nav > a.granat + a.kolo {
	margin-left:10px;
}

#pasek_gorny > nav > a.kolo + a.kalendarz {
	margin-left:10px;
}

#pasek_gorny > nav > a.kalendarz {
	background:#ffcb00;
}

#pasek_gorny > nav > a.kalendarz:hover {
	outline: 1px solid #004492;
	outline-offset: -2px;
}

#pasek_gorny > nav > a.kalendarz:hover img {
	background:none;
}

#pasek_gorny > nav > a.kalendarz:focus {
	outline: 3px solid #004492;
	outline-offset: -4px;
}

#pasek_gorny > nav > #ikonka_UE {
	display: inline-block;
	background:#ffffff;
	box-shadow: inset 0 -3px 3px -3px #004f9c;
	/*
    height: 59px;
    box-shadow: inset 0px -10px 10px -15px #004f9c;
    border-bottom: 1px solid #0071bb;
    */
}

#pasek_gorny > nav > #ikonka_UE:hover {
	outline: 1px solid #004492;
	outline-offset: -2px;
}

#pasek_gorny > nav > #ikonka_UE:focus {
	outline: 3px solid #004492;
	outline-offset: -4px;
}

#pasek_gorny > nav > #ikonka_UE img {
	display:inline-block;
	margin:15px;
	padding:0;
	width:auto;
	height:30px;
	vertical-align:middle;
}


header {
	display:block;
	margin:0;
	padding:0;
	background:#ffffff;
	color:#004492;
	border-bottom:1px solid #3f72ad;
}

header div {
	display:block;
	margin:0 auto;
	padding:0;
	max-width:1226px;
}

header div #winieta {
	display:block;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	width:360px;
	/*
	border-style:solid;
	border-left-width:0;
	border-right-width:0;
	border-top-width:0;
	border-bottom-width:6px;
	-webkit-border-image: -webkit-linear-gradient(0deg, #ffcb00 20%, #004492 90%) 30 stretch;
	border-image: linear-gradient(90deg, #ffcb00 20%, #004492 90%) 30 stretch;
	*/
}

header div #winieta::after {
	display:block;
	content:"";
	width: 100%;
	height:6px;
	position:absolute;
	left:0;
	bottom:0;
	border:none;
	background-image: linear-gradient(90deg, #ffcb00 20%, #004492 90%);
	background-image: -webkit-linear-gradient(0deg, #ffcb00 20%, #004492 90%);
}

header div #winieta #portal {
	display:block;
	margin:0;
	padding:0;
	color:#004492;
	text-decoration:none;
}

header div nav {
	display: block;
	margin: 0 0 0 412px;
	padding: 20px 0 0 0;
}

header div nav a {
	display:inline-block;
	color:#004492;
	font-family:Lato-Black;
	font-weight:bold;
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
	text-decoration:none;
	width: 233px;
	margin: 8px 0 0 0;
	padding: 10px 0 10px 30px;
	vertical-align:middle;
	background:url("../images/grot.png") no-repeat left 10px center;
	background-size: 11px 13px;
}

header div nav a:nth-of-type(3n) {
	padding-right:0;
}

header div nav a:hover {
	color:#0071bb;
	background-image:url("../images/grot2.png");
}

header div #winieta #umk:focus {
	outline: 3px solid #ffcb00;
	outline-offset: -15px;
}

header div #winieta #logo {
	display:block;
	margin:0 11px;
	padding:0;
	width:336px;
	height:auto;
}

header div #winieta #portal h1, header div #winieta #portal h2, header div #winieta #umk h1, header div #winieta #umk strong.h1  {
	display:block;
	margin:0;
	padding: 0 0 20px 38px;
	color:#004492;
	font-family: 'Lato-Black', Arial, sans-serif;
	font-weight:bold;
	font-size:25px;
	line-height:30px;
	text-decoration:none;
	text-transform: uppercase;
	text-align: left;
	border: 0;
	hyphens: manual;
}




main {
	display:block;
	margin:0;
	padding:0;
	background:#ffffff;
}

main > section, main > div.sekcja {
	display:block;
	clear:both;
	margin:0;
	padding:20px 0 1px 0;
	min-height:100px;
	background:#dfeaef;
	text-align:center;
}

main > div.sekcja {
	min-height: unset;
}

main > section > h2, main > section > h1, main > div.sekcja > h2, main > div.sekcja > h1 {
	display:block;
	margin:0 auto 20px auto;
	padding:0;
	max-width:1226px;
	color:#004492;
	font-family: 'Lato-Black', Arial, sans-serif;
	font-weight:normal;
	font-size:14px;
	line-height:20px;
	text-align:left;
	text-transform: uppercase;
	hyphens: manual;
}

main > section > h2 > a.link_do_dzialu, main > div.sekcja > h2 > a.link_do_dzialu {
	color:#004492;
	text-decoration: none;
	background:url("../images/grot.png") no-repeat left center;
	background-size: 11px 13px;
	padding:0 15px 0 20px;
}

main > section > h2 > a.link_do_dzialu:hover, main > div.sekcja > h2 > a.link_do_dzialu:hover {
	color:#0071bb;
	background-image:url("../images/grot2.png");
}

main > section > p, main > div.sekcja > p {
	display:block;
	margin:20px auto 0 auto;
	padding:0;
	max-width:1226px;
	text-align:left;
}

main > section > section, main > div.sekcja > section {
	display:block;
	margin:0 auto 20px auto;
	padding:20px 0 0 0;
	max-width:1226px;
	min-height: 422px;
	box-sizing: border-box;
	color:#004492;
	background:#ffffff;
	text-align:left;
	position:relative;
}

main > section > section::after, main > div.sekcja > section::after {
	display:block;
	content:"";
	width: 422px;
	height:6px;
	position:absolute;
	right:0;
	bottom:0;
	/*
	border-style:solid;
	border-left-width:0;
	border-right-width:0;
	border-top-width:0;
	border-bottom-width:6px;
	-webkit-border-image: -webkit-linear-gradient(0deg, #ffcb00 20%, #004492 90%) 30 stretch;
	border-image: linear-gradient(90deg, #ffcb00 20%, #004492 90%) 30 stretch;
	*/

	border:none;
	background-image: linear-gradient(90deg, #ffcb00 20%, #004492 90%);
	background-image: -webkit-linear-gradient(0deg, #ffcb00 20%, #004492 90%);
}

main > section > section > a.zdjecie, main > div.sekcja > section > a.zdjecie {
	display:block;
	margin:0;
	padding:0;
}

main > section > section > a.zdjecie:focus, main > div.sekcja > section > a.zdjecie:focus {
	outline:none;
}

main > section > section > a.zdjecie img, main > div.sekcja > section > a.zdjecie img {
	display:block;
	margin:-20px 0 0 0;
	padding:0;
	width:804px;
	height:422px;
	float:left;
}

main > section > section > a.kategoria, main > div.sekcja > section > a.kategoria {
	display:block;
	margin:0 0 5px 823px;
	padding:0 15px 0 20px;
	font-family:'Lato-Black', Arial, sans-serif;
	font-weight:bold;
	font-size:17px;
	line-height: 22px;
	text-transform: uppercase;
	text-decoration:none;
	color:#004492;
	background:url("../images/grot.png") no-repeat left center;
	background-size: 11px 13px;
}

main > section > section > a.kategoria:hover, main > div.sekcja > section > a.kategoria:hover {
	color:#0071bb;
	background-image:url("../images/grot2.png");
}

main > section > section > time, main > section > section > a > time, main > div.sekcja > section > time, main > div.sekcja > section > a > time {
	display:block;
	margin:0 0 20px 844px;
	padding:0 15px 0 0;
	font-family:'Lato-Bold', Arial, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height: 12px;
	text-transform: uppercase;
	color:#004492;
}

main > section > section > h3, main > section > section > a > h3, main > div.sekcja > section > h3, main > div.sekcja > section > a > h3 {
	display:block;
	padding:0 40px 0 0;
	font-family: 'Spectral-Semibold', Times New Roman, serif;
	font-weight: bold;
	font-size: 28px;
	line-height: 34px;
	color: #000000;
	hyphens: manual;
}

main > section > section > h3, main > div.sekcja > section > h3 {
	margin:0 0 0 841px;
}

main > section > section > a > h3, main > div.sekcja > section > a > h3 {
	margin:0 0 20px 841px;
}

main > section > section > h3 > a, main > div.sekcja > section > h3 > a {
	display:inline-block;
	margin-bottom:50px;
	text-decoration:none;
	color:#000000;
}

main > section > section > h3 > a:hover, main > div.sekcja > section > h3 > a:hover {
	text-decoration:none;
	color:#004492;
}

main > section > section > h3::after, main > div.sekcja > section > h3::after {
	display:block;
	content:"";
	clear:both;
}

main > section > section > div.ikonki_media_artykulu, main > div.sekcja > section > div.ikonki_media_artykulu {
	display:block;
	position:absolute;
	bottom:0;
	margin:0 0 0 calc(844px - 4px);
	padding:0 15px 0 0;
	font-family:'Lato-Regular', Arial, sans-serif;
	font-weight:normal;
	font-size:16px;
	line-height: 1.5;
	text-transform: none;
	color:#004492;
}

.pionowe, .sekcja.pionowe {
	font-size: 0;
}

.pionowe > section, .sekcja.pionowe > section {
	display: inline-block;
	width: 382px;
	margin:0 40px 35px 0;
	padding: 0 0 0 0;
	vertical-align: top;
	min-height: 457px;
}

.pionowe > section::after, .sekcja.pionowe > section::after {
	width:382px;
	left:0;
	bottom:0;
}

.pionowe > section:nth-of-type(3n), .sekcja.pionowe > section:nth-of-type(3n) {
	clear:both;
}

.pionowe > section:nth-of-type(3n), .sekcja.pionowe > section:nth-of-type(3n) {
	margin-right:0;
}

.pionowe > section:last-of-type, .sekcja.pionowe > section:last-of-type {
	margin-right:0;
}

.pionowe > section > a.zdjecie img, .sekcja.pionowe > section > a.zdjecie img {
	float:none;
	width:382px;
	height:200px;
	margin:0 0 20px 0;
}

.pionowe > section > a.kategoria, .sekcja.pionowe > section > a.kategoria {
	margin:0 0 5px 20px;
	padding: 0 15px 0 20px;
}

.pionowe > section > time, .sekcja.pionowe > section > time {
	margin:0 0 20px 40px;
}

.pionowe > section > div.ikonki_media_artykulu, .sekcja.pionowe > section > div.ikonki_media_artykulu {
	margin:0 0 0 calc(40px - 4px);
	padding: 0 0 0 0;
}

.pionowe > section > h3, .sekcja.pionowe > section > h3 {
	margin:0 0 0 38px;
	font-size: 26px;
	line-height: 30px;
	hyphens: manual;
}

.pionowe > section > a.wiecej, .sekcja.pionowe > section > a.wiecej {
	margin:0 0 0 0;
}

.biale{
	background: #fff;
}



.pionowe + #najnowsze, .sekcja.pionowe + #najnowsze {
	margin-top:-25px;
}



#wybor {
	background:#bccbd3;
}

#wybor > section::after {
	left:0;
	bottom:0;
}

#wybor > section > a.zdjecie img {
	float:right;
}

#wybor > section > a.kategoria {
	margin:0 800px 5px 19px;
}

#wybor > section > time, #wybor > section > div.ikonki_media_artykulu {
	margin:0 800px 0 calc(40px - 4px);
	padding:0 0 0 0;
}

#wybor > section > h3 {
	margin:0 800px 0 37px;
}

#wybor > section > a.wiecej {
	margin:0 800px 0 0;
}


.poziome {
	font-size: 0;
}

.poziome > section {
	display: inline-block;
	position:relative;
	width: 593px;
	margin:0 40px 30px 0;
	padding: 54px 0 0 0;
	vertical-align: top;
	min-height: 173px;
}

.poziome > section::after {
	width:275px;
	right:0;
	bottom:0;
}

.poziome > section:nth-of-type(2n) {
	margin-right:0;
}

.poziome > section > a.zdjecie img {
	float:left;
	width:240px;
	height:126px;
	margin: 0 37px 20px 40px;
}

.poziome > section > a.kategoria {
	margin: -36px 0 10px 19px;
}

.poziome > section > time {
	/*
	float: right;
	margin: -32px 30px 0px 40px;
	padding:0;
	*/
	float:none;
	margin:0;
	padding:0;
	position:absolute;
	right:30px;
	top:25px;
}

.poziome > section > h3, .poziome > section > div.ikonki_media_artykulu {
	margin:0 0 0 calc(316px - 4px);
	padding:0 30px 0 0;
	font-size: 26px;
	line-height: 28px;
	hyphens: manual;
}

.poziome > section > a.wiecej {
	margin:0 0 0 318px;
}


#wydarzenia {
	background:#ffffff;
	font-size: 0;
}

#wydarzenia > section {
	display: inline-block;
	width: 190px;
	margin:0 40px 30px 0;
	padding: 0 0 0 0;
	height: 175px;
	min-height:auto;
	overflow: hidden;
	text-align:center;
	vertical-align:top;
	/*border:1px solid red;*/
}

#wydarzenia > section::after {
	width: 100%;
	border-top:8px solid #ffffff;
}

#wydarzenia > section > a, #wydarzenia > section > a:visited {
	display: block;
	margin: 0;
	padding: 1px;
	text-decoration: none;
	color: #000;
	min-height:155px;
}

#wydarzenia > section > a:hover {
	outline:1px solid #ffcb00;
	outline-offset: -2px;
}

#wydarzenia > section > a:focus, #wydarzenia > section > a:focus {
	outline-offset: -3px;
}

#wydarzenia > section > a > time {
	padding:0;
	margin: 20px 0 0 0;
	font-family: 'Spectral-Bold', Times New Roman, serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	color: #000000;
}

#wydarzenia > section > a > h3 {
	padding:0;
	margin:10px 0 0 0;
	font-size: 18px;
	line-height: 20px;
}

#wydarzenia > section > a:hover > time, #wydarzenia > section > a:hover > h3 {
	text-decoration: none;
	color: #004492;
}



section.newsletter time {
	display:block;
	max-width: 1226px;
	margin: 0 auto 4px auto;
	font-family: 'Lato-Regular', Arial, sans-serif;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	color: #004492;
	text-align:left;
}

section.newsletter h1 {
	font-family: 'Lato-Black', Arial, sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	color: #004492;
	text-align:left;
	text-transform:none;
	hyphens: manual;
}

section.newsletter > section {
	padding: 0;
	margin: 0 auto 40px auto;
	min-height: auto;
}

section.newsletter > section > a.kategoria {
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom:10px;
}

section.newsletter > section > .zdjecie > img {
	margin: 0;
}

section.newsletter > section > h2 {
	display:block;
	margin:0 0 10px 842px;
	padding:0 40px 0 0;
	font-family: 'Spectral-Semibold', Times New Roman, serif;
	font-weight: bold;
	font-size: 26px;
	line-height: 28px;
	color: #000000;
	hyphens: manual;
}

section.newsletter > section > h2 > a {
	text-decoration:none;
	color:#000000;
}

section.newsletter > section > h2 > a:hover {
	text-decoration:none;
	color:#004492;
}

section.newsletter > section > .pudelko_na_lida {
	display:block;
	margin:0 0 10px 843px;
	padding:0 40px 10px 0;
	font-family: 'Spectral-Regular', Times New Roman, serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 20px;
	color: #000000;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

section.newsletter > section > .pudelko_na_lida > a {
	text-decoration:none;
	color:#000000;
}

section.newsletter > section > .pudelko_na_lida > a:hover {
	text-decoration:none;
	color:#004492;
}

section.newsletter > section > .pudelko_na_lida > a > p {
	margin:0;
	padding:0;
}

section.newsletter > section > div.ikonki_media_artykulu {
	display:block;
	margin:0 0 0 541px;
	padding:0 0 0 0;
	position:unset;
}

section.newsletter > section > div.ikonki_media_artykulu > img {
	display:inline-block;
	width:30px;
	height:auto;
	margin:0 15px 10px 0;
	vertical-align:top;
}

section.newsletter > section > div.ikonki_media_artykulu > img:last-of-type {
	margin-right:0;
}

section.newsletter > section > div.ikonki_media_artykulu::after {
	display: none;
}

section.newsletter > section::after {
	display:block;
	content:"";
	clear:both;
	height:0;
	position:relative;
	background-image:none;
}

section.newsletter > section > a.zdjecie > img {
	width:500px;
	height:auto;
}

section.newsletter > section > a.kategoria {
	margin-left:523px;
}

section.newsletter > section > time {
	margin-left:544px;
}

section.newsletter > section > h2 {
	margin-left:542px;
}

section.newsletter > section > .pudelko_na_lida {
	margin-left:543px;
}

section.newsletter > section::after {
	width:auto;
}

section.newsletter > section:first-of-type {
	margin-bottom: 80px;
}

section.newsletter > section:first-of-type > a.zdjecie > img {
	width:700px;
}

section.newsletter > section:first-of-type > a.kategoria {
	margin-left:723px;
}

section.newsletter > section:first-of-type > time {
	margin-left:744px;
}

section.newsletter > section:first-of-type > h2 {
	margin-left:742px;
}

section.newsletter > section:first-of-type > .pudelko_na_lida {
	margin-left:743px;
}

section.newsletter > section:first-of-type > .pudelko_na_lida::after {
	display: block;
	content: "";
	position: absolute;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #004492;
	width: 200px;
	bottom: -40px;
	left: 500px;
}

section.newsletter > section:first-of-type > div.ikonki_media_artykulu {
	margin-left:741px;
}


article, div.pudelko, div.blad-404 {
	display:block;
	margin:0 auto;
	padding:30px 0;
	max-width:1226px;
	background:#ffffff;
	font-family: 'Spectral-Regular', Times New Roman, serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 26px;
	color: #000000;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

article {
	min-height:100px;
}

div.pudelko {
	font-family: 'Lato-Regular', Arial, sans-serif;
	color: #004492;
	text-align: left;
	margin:0;
	padding:0;
}

div.blad-404 {
	text-align:center;
	padding:100px 3%;
}

div.blad-404 > h1 {
	display:block;
	margin:20px 0;
	padding:45px 0 0 0;
	font-family:Lato-Black, Arial, sans-serif;
	font-weight:bold;
	font-size:20px;
	line-height:24px;
	text-transform:uppercase;
	color:#004492;
	background:url("../images/404.png") no-repeat center top;
	background-size: 34px 34px;
}

article > section {
	display:block;
	position:relative;
	margin:0 auto;
	padding:0 0;
	max-width:1226px;
	color:#004492;
}

article > section::after {
	display:block;
	content:"";
	width: 422px;
	height:6px;
	position:absolute;
	left:0;
	bottom:0;
	border:none;
	background-image: linear-gradient(90deg, #ffcb00 20%, #004492 90%);
	background-image: -webkit-linear-gradient(0deg, #ffcb00 20%, #004492 90%);
}

article > section > img.zdjecie {
	display:block;
	margin:0 0 0px 0;
	padding:0;
	width:804px;
	height:auto;
	float:right;
}

article > section > a.kategoria {
	display:block;
	margin:0 804px 5px 19px;
	padding:0 25px 0 20px;
	font-family:Lato-Black;
	font-weight:bold;
	font-size:17px;
	line-height: 22px;
	text-transform: uppercase;
	text-decoration:none;
	color:#004492;
	background:url("../images/grot.png") no-repeat left center;
	background-size: 11px 13px;
}

article > section > a.kategoria:hover {
	color:#0071bb;
	background-image:url("../images/grot2.png");
}

article > section > time {
	display:block;
	margin:0px 804px 20px 40px;
	padding:0 25px 0 0;
	font-family:Lato-Bold;
	font-weight:bold;
	font-size:12px;
	line-height: 12px;
	text-transform: uppercase;
	color:#004492;
}

article > section > h1 {
	display:block;
	margin:0px 804px 20px 37px;
	padding:0 25px 0 0;
	font-family: Spectral-Semibold;
	font-weight: bold;
	font-size: 36px;
	line-height: 44px;
	color: #000000;
	hyphens: manual;
}

article > section > div.autor {
	display:block;
	margin:0 804px 0 40px;
	padding:0 25px 0px 0px;
	font-family:Spectral-Semibold;
	font-weight:normal;
	font-size:26px;
	line-height: 32px;
	color:#004492;
}

article > section > div.ikonki::after {
	display:block;
	content:"";
	clear:both;
}

article > div.pod-zdjeciem {
	display: block;
	width: 804px;
	margin: 10px 0 20px auto;
}

article > div.pod-zdjeciem > div.podpis-pod-zdjeciem {
	display: block;
	font-family: Lato-Regular;
	font-weight:normal;
	font-size: 14px;
	line-height: 18px;
	color: #004492;
	vertical-align: top;
	margin:0;
	padding:0;
	text-align: left;
}

article > div.pod-zdjeciem > div.autor-pod-zdjeciem {
	display: block;
	font-family: Lato-Bold;
	font-weight:bold;
	font-size: 14px;
	line-height: 18px;
	color: #004492;
	vertical-align: top;
	margin:0;
	padding:0;
	text-align: right;
}

article > div.pod-zdjeciem > div.podpis-pod-zdjeciem + div.autor-pod-zdjeciem {
	margin-top:10px;
}

article > p {
	display:block;
	margin:10px 0;
	padding:0;
	font-family: Spectral-Regular;
	font-weight: normal;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: -0.5px;
}

article > p > sub, article > p > sup {
	font-size: 12px;
	line-height: 13px;
}

article > p.lead {
	margin:30px 0;
	font-family: Spectral-Semibold;
	font-weight: bold;
	font-size: 27px;
	line-height: 33px;
	letter-spacing: 0.5px;
}

article > p.apla {
	display:block;
	background: #eff6ff;
	padding: 14px 20px;
	border: 1px solid #daeaff;
	line-height:24px;
}

article > p.apla + p.apla {
	border-top: none;
	margin-top: -30px;
}

article > p.apla img {
	float: right;
	margin: 20px 0 20px 40px;
	width: auto;
	height: auto;
	max-width: 300px;
	max-height: 200px;
}

article > p.apla img:first-child {
	margin: 5px 0 20px 40px;
}

article > p.apla::after {
	display:block;
	content:"";
	clear:both;
}

article a[href$=".pdf"], .pdf {
	padding-left:20px;
	background:url("../images/pdf32.png") no-repeat left center;
	background-size:16px 16px;
	word-break: break-word;
}

article a[href$=".xls"], a[href$=".xlsx"], .xls {
	padding-left:20px;
	background:url("../images/xls32.png") no-repeat left center;
	background-size:16px 16px;
	word-break: break-word;
}

article a[href$=".doc"], a[href$=".docx"], .word {
	padding-left:20px;
	background:url("../images/word32.png") no-repeat left center;
	background-size:16px 16px;
	word-break: break-word;
}

article a[href$=".ppt"], a[href$=".pptx"], a[href$=".pps"], a[href$=".ppsx"], a[href$=".odp"], .ppt {
	padding-left:20px;
	background:url("../images/ppt32.png") no-repeat left center;
	background-size:16px 16px;
	word-break: break-word;
}

article a[href$=".zip"], a[href$=".7z"], .zip {
	padding-left:20px;
	background:url("../images/zip32.png") no-repeat left center;
	background-size:16px 16px;
	word-break: break-word;
}

article ul, article ol {
	margin: 5px 0 0 0;
}

article ul li, article ol li {
	margin: 0 0 5px 0;
	font-size:19px;
	line-height: 22px;
	letter-spacing: -0.5px;
}

article > *:last-child:not(section)::after {
	display:inline-block;
	content:"";
	width:22px;
	height:12px;
	background:url("../images/kwadrat.png") no-repeat right bottom;
	background-size: 12px 12px;
	vertical-align:baseline;
}

article > div.blad-404::after {
	display:none;
}

article > ul:last-child::after, article > ol:last-child::after {
	background:none;
}

article > ul:last-child > li:last-child::after, article > ol:last-child > li:last-child::after {
	display:inline-block;
	content:"";
	width:22px;
	height:12px;
	background:url("../images/kwadrat.png") no-repeat right bottom;
	background-size: 12px 12px;
	vertical-align:baseline;
}

article > blockquote {
	display:block;
	margin:30px 38px;
	padding:0 0 0 36px;
	font-family: Spectral-Semibold, "Times New Roman";
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: -0.5px;
	color:#004492;
	background:url("../images/cytat.png") no-repeat left 4px;
	background-size: 26px 23px;
}

article > blockquote.leftblockquote {
	float:left;
	width:25.8%;
}

article > blockquote > sub, article > blockquote > sup {
	font-size: 13px;
	line-height: 12px;
}

article > h2 {
	display:block;
	margin:28px 0 23px 0;
	padding:0;
	font-family: Spectral-Semibold;
	font-weight: bold;
	font-size: 23px;
	line-height: 28px;
	letter-spacing: 0.5px;
	hyphens: manual;
}

article figure, article iframe, article > img, article p figure, article p iframe, article > p > img {
	display: block;
	margin:30px auto;
	padding:0;
	width:65%;
	height:auto;
	border: none;
}

article figure img {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

article figure figcaption {
	display:block;
	margin:0;
	padding:0;
	font-family:Lato-Regular;
	font-weight:normal;
	font-size:14px;
	line-height:16px;
	letter-spacing: -0.5px;
	color:#004492;
}

article figure figcaption mark {
	display:block;
	margin:0;
	padding:0;
	font-family:Lato-Bold;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	text-align:right;
	color:#004492;
	background-color:unset;
}

article iframe[src*="soundcloud"]{
	height: 100px;
}

article iframe[src*="simplecast"]{
	height: 150px;
}

article a, .related_links a, .info-o-ciasteczkach a, div.ustawienia-zaawansowane-ciasteczek a {
	color:#0071bb;
	text-decoration:none;
}

article a:hover, .related_links a:hover, .info-o-ciasteczkach a:hover, div.ustawienia-zaawansowane-ciasteczek a:hover {
	color:#0071bb;
	text-decoration:underline;
}

article hr {
	display: block;
	padding: 0;
	margin: 1em 0;
	background-color: #3f72ad;
	height: 1px;
	border: none;
}

article > div.wydarzenie {
	display:table;
	width: 100%;
}

article > div.wydarzenie::after {
	display:none;
}

article > div.wydarzenie > div.wydarzenie-zdjecie {
	display:table-cell;
	width:380px;
	vertical-align: top;
}

article > div.wydarzenie > div.wydarzenie-zdjecie > img {
	width:380px;
}

article > div.wydarzenie > section {
	display:table-cell;
	position: relative;
	width:auto;
	padding:0 0 0 40px;
	vertical-align: top;
	font-family: Spectral-Regular;
	font-weight: normal;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	hyphens: auto;
}

article > div.wydarzenie > section > h1 {
	margin: 0 0 20px 0;
	padding:0;
	font-family: Spectral-Semibold;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	color: #000000;
	hyphens: manual;
}

article > div.wydarzenie > section > time {
	display:block;
	position: relative;
	float:right;
	width:190px;
	height:auto;
	margin:0 10px 20px 40px;
	padding:0 0 30px 0;
	font-family: Spectral-Bold;
	font-weight: bold;
	font-size: 34px;
	line-height: 34px;
	color: #000000;
	text-align:center;
}

article > div.wydarzenie > section > time > span {
	display:block;
	margin:4px 0 5px 0;
	padding:0;
	text-align:center;
	font-family: Spectral-Bold;
	font-weight: bold;
	font-size: 22px;
	line-height: 22px;
	color: #000000;
}

article > div.wydarzenie > section > time > p {
	display:block;
	margin:4px 0 5px 0;
	padding:0;
	text-align:center;
	font-family:Spectral-Bold;
	font-weight:bold;
	font-size:28px;
	line-height:28px;
	color:#004492;
}

article > div.wydarzenie > section > time::after {
	display:block;
	content:"";
	width: 100%;
	height:4px;
	position:absolute;
	left:0;
	bottom:0;
	border:none;
	background-image: linear-gradient(90deg, #ffcb00 20%, #004492 90%);
	background-image: -webkit-linear-gradient(0deg, #ffcb00 20%, #004492 90%);
}

article > div.wydarzenie > section > div.wydarzenie-ikonki {
	display:block;
	padding:0;
	margin:30px 0 0 0;
}

article > div.wydarzenie > section > a.wszystkie {
	display:inline-block;
	padding:0 0 0 20px;
	margin:20px 0 0 0;
	font-family:Lato-Bold;
	font-weight:bold;
	font-size:14px;
	line-height:20px;
	text-transform: uppercase;
	text-align: right;
	hyphens: manual;
	background: url("../images/grot-wstecz.png") no-repeat left center;
	background-size: 11px 13px;
}


article.bez-kwadratu > :last-child:not(section)::after {
	display:none;
}

article.page {
	padding: 10px 0;
}

article.page > h2 {
	margin: 15px 0 5px 0;
	font-weight:bold;
}

article.page > h3 {
	margin: 10px 0 4px 0;
	font-size: 1em;
	font-weight:bold;
}

article.page > p {
	margin: 5px 0;
}

article.page > .odstep {
	margin-top: 15px;
}

article.page > ul.linki {
	margin:0;
	padding:0;
}

article.page > ul.linki > li {
	display:block;
	margin:10px 0;
	padding:0 0 0 20px;
	background: url("../images/grot.png") no-repeat left center;
	background-size: 11px 13px;
}


main > section.kalendarz > section  {
	display:block;
	width:auto;
	height:199px;
	min-height:auto;
	margin: 0 auto 30px auto;
}

main > section.kalendarz > nav  {
	display:table;
	width:auto;
	height:40px;
	min-height:auto;
	margin: 0 auto 30px auto;
	color:#004492;
	font-family:Lato-Black;
	font-weight:bold;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
}

main > section.kalendarz > section::after {
	display:none;
}

main > section.kalendarz > section > a {
	display:table;
	width: 100%;
	text-decoration:none;
}


main > section.kalendarz > section > a:hover, main > section.kalendarz > nav > a:hover {
	text-decoration:none;
}

main > section.kalendarz > section > a > div.wydarzenie-zdjecie {
	display:table-cell;
	width:380px;
	vertical-align: top;
	height: auto;
	padding-left: 0;
	padding-top: 0;
}

main > section.kalendarz > nav > a {
	display:table-cell;
	vertical-align: middle;
	height: auto;
	padding-left: 0;
	padding-top: 0;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #004492;
}

main > section.kalendarz > nav > a:hover {
	text-decoration: none;
	color: #0071bb;
}

main > section.kalendarz > nav > a:visited {
	text-decoration: none;
	color:#004492;
}

main > section.kalendarz > nav > a:first-child {
	width:380px;
}
main > section.kalendarz > nav > a:nth-child(2) {
	width: auto;
	border-right: 1px solid #dfeaef;
	border-left: 1px solid #dfeaef;
}

main > section.kalendarz > nav > a:last-child {
	width:380px;
}

main > section.kalendarz > section > a > div.wydarzenie-zdjecie > img {
	display: unset;
	width:380px;
	height:199px;
}

main > section.kalendarz > section > a > div.wydarzenie-reszta {
	display:table-cell;
	position: relative;
	width:auto;
	height: auto;
	padding:0;
	margin:0;
	vertical-align: top;
}

main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie {
	display:block;
	position: relative;
	width:auto;
	height: 196px;
	box-sizing: border-box;
	overflow: hidden;
	padding:20px 220px 0px 40px;
	margin: 0 0 3px 0;
	vertical-align: top;
	font-family: Spectral-Regular;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	color: #000000;
	hyphens: auto;
}

main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie::after {
	display: block;
	content: "";
	position: absolute;
	padding: 45px 0px 0 0;
	width: 660px;
	height: 25px;
	left:0;
	bottom:0px;
	border: none;
	background-image: linear-gradient(0deg, #ffffff 10%, rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient(90deg, #ffffff 10%, rgba(255,255,255,0) 100%);
	background-size: auto 70px;
	background-repeat: no-repeat;
	background-position: bottom;
	font-family:Lato-Bold;
	font-weight:bold;
	font-size:14px;
	line-height:16px;
	color:#004492;
	text-transform: uppercase;
	text-align: right;
}

main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie > h2 {
	margin: 0 0 12px 0;
	padding:0;
	font-family: Spectral-Bold;
	font-weight: bold;
	font-size: 24px;
	line-height: 24px;
	color: #000000;
	hyphens: manual;
}

main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie > time {
	display: block;
	position:absolute;
	margin:20px 40px;
	padding:0 0 40px 0;
	width:110px;
	height:auto;
	right:0;
	top:0;
	font-family: Spectral-Bold;
	font-weight: bold;
	font-size: 34px;
	line-height: 34px;
	color: #000000;
	text-align:center;
}

main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie > time > span {
	display:block;
	margin:4px 0 0 0;
	padding:0;
	text-align:center;
	font-family: Spectral-Bold;
	font-weight: bold;
	font-size: 22px;
	line-height: 22px;
	color: #000000;
}

main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie > time::after {
	display:block;
	content:"";
	width: 100%;
	height:4px;
	position:absolute;
	left:0;
	bottom:0;
	border:none;
	background-image: linear-gradient(90deg, #ffcb00 20%, #004492 90%);
	background-image: -webkit-linear-gradient(0deg, #ffcb00 20%, #004492 90%);
}

main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie > div.wiecej {
	display: block;
	position:absolute;
	margin:0;
	padding:0 14px 0 0;
	width:140px;
	height:auto;
	right:19px;
	bottom:20px;
	font-family: Lato-Black;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color:#0071bb;
	color:#004492;
	text-align:right;
	text-transform:uppercase;
	hyphens: manual;
	background: url("../images/grot.png") no-repeat right center;
	background-size: 8px 10px;
}

main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie > p {
	margin:0;
	padding:0;
}

footer {
	display:block;
	margin:0;
	padding:0;
	background:#0071bb;
	color:#ffffff;
}

footer nav {
	display:block;
	position:relative;
	margin:0 auto;
	padding:18px 270px 18px 180px;
	min-height:24px;
	/*max-width:826px;*/
	max-width:1226px;
	background:#004492;
	text-align: center;
	box-sizing: border-box;
}

footer nav a:focus{
	outline: 3px solid #ffcb00;
	outline-offset: -4px;
}

footer nav #logo2 {
	display:block;
	position:absolute;
	top:0;
	left:0;
}

footer nav #logo2 #logo-negatyw {
	display:block;
	margin:0;
	padding:0;
	width:auto;
	height:60px;
}

footer nav #logo2:hover {
	outline: 1px solid #ffffff;
	outline-offset: -2px;
}

footer nav a.ikonka {
	display:block;
	position:absolute;
	top:10px;
	padding:0;
	border-radius: 50%;
}

footer nav a.ikonka:hover {
	box-shadow: inset 0px 0px 0px 1px #ffffff;
}

footer nav a.ikonka:focus{
	outline: none;
	box-shadow: inset 0px 0px 0px 3px #ffcb00;
}

footer nav a.ukryty {
	padding: 0 !important;
}


footer nav a.ikonka:nth-of-type(8) {
	right:15px;
}

footer nav a.ikonka:nth-of-type(7) {
	right:50px;
}

footer nav a.ikonka:nth-of-type(6) {
	right:85px;
}

footer nav a.ikonka:nth-of-type(5) {
	right:120px;
}

footer nav a.ikonka:nth-of-type(4) {
	right:155px;
}

footer nav a.ikonka:nth-of-type(3) {
	right:190px;
}

footer nav a.ikonka:nth-of-type(2) {
	right:225px;
}

footer nav a.ikonka img {
	display:block;
	margin:0;
	padding:0;
	width:36px;
	height:auto;
}

footer nav a.ukryty img {
	background: none;
	width: 0;
	margin: 0;
	padding: 0;
}

footer nav a.menu_dolne {
	display:inline-block;
	color:#ffffff;
	font-family:Lato-Bold;
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	text-decoration:none;
	text-transform: uppercase;
	vertical-align:middle;
	padding:5px 12px 5px 9px;
	margin:0;
	border-right:1px solid #ffffff;
}

footer nav a.menu_dolne:hover {
	color:#ffcb00;
	text-decoration:none;
}

footer nav a.menu_dolne:focus {
	outline: 3px solid #ffcb00;
	outline-offset: 0px;
}

footer nav a.menu_dolne:last-of-type {
	border-right:none;
}

footer > p {
	display:block;
	margin:20px auto;
	padding:0;
	max-width:1226px;
	color:#ffffff;
	text-align:right;
	font-family:Spectral-Regular;
	font-weight:normal;
	font-size:14px;
	line-height:16px;
}

footer .UE {
	display:block;
	margin:0;
	padding:20px;
	width:auto;
	background:#ffffff;
	color:#004492;
}

footer .UE > img {
	display:block;
	margin:0 auto 10px auto;
	padding:0;
	width:100%;
	max-width:998px;
}


footer .UE > p {
	margin:0 auto;
	padding:0;
	max-width:998px;
	text-align:center;
	font-family:Spectral-Regular;
	font-weight:normal;
	font-size:14px;
	line-height:20px;
}

.skip-links{
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.skip-links a{
	position: absolute;
	top: -100px;
	padding: 15px 20px;
	background-color: #004492;
	color: #ffcb00;
	font-weight: bold;
	text-decoration: none;
	z-index: 2000;
}

.skip-links a:focus{
	top: 0;
	outline: 3px solid #ffcb00;
	outline-offset: -4px;
}

.domyslne{
	background-color: #a9c4d5;
}

ul.galeria{
	list-style-type: none;
	padding: 0;
	margin:0;
}

ul.galeria li {
	display: inline-block;
	margin-right: 19px;
	margin-bottom: 14px;
}

ul.galeria li a {
	display: block;
}

ul.galeria li a img {
	height: 150px;
	width:auto;
}

.tobi-zoom__icon{
	display: none;
}

.under-article{
	display: inline-block;
	margin: 0;
	padding: 20px 0 20px 0;
	vertical-align: top;
	font-size: 18px;
	clear:both;
}

.left-side{
	width: 40%
}

.right-side{
	width: 59%;
}

ul.related_links {
	font-size: 18px;
	line-height: 26px;
	margin: 10px 0;
	color: #004492;
	list-style: none;
	margin: 0;
	padding: 0;
}


ul.related_links li a{
	text-decoration: none;
}

a.icon-share{
	display: inline-block;
	height: 32px;
	margin-right: 2px;
}

.icon-share img {
	height: 32px;
	border-radius:50%;
}

.icon-share:hover img {
	box-shadow: inset 0px 0px 0px 1px #0071bb;
	padding: 3px;
	margin: -3px;
}

.icon-share:focus img {
	box-shadow: inset 0px 0px 0px 3px #ffcb00;
	padding: 5px;
	margin: -5px;
}

.icon-share:focus {
	outline: none;
}

img.co-zawiera {
	display: inline-block;
	height: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	vertical-align: bottom;
}

section.kalendarz section{
	padding: 0;
}

section.kalendarz section a{
	display: block;
	color: #000;
}

section.kalendarz section a img{
	display: inline-block;
	height: 200px;
	vertical-align: top;
}
section.kalendarz section a div{
	display: inline-block;
	height: 200px;
	padding-left: 20px;
	padding-top: 20px;
}

div.formularz{
	text-align: left;
	font-size: 18px;
	line-height: 24px;
}

div.formularz label{
	display: block;
}

div.formularz input, div.formularz select {
	display: block;
	margin: 2px 0;
	padding: 7px;
	border: 1px solid #3f72ad;
	width: 95%;
	max-width: 500px;
}

div.formularz input[type='checkbox']{
	display: inline-block;
	max-width: 20px;
	vertical-align: top;
	margin-top: 7px;
}

div.formularz label.form-check-label{
	display: inline-block;
}

div.formularz span.invalid-feedback{
	display: block;
}

div.formularz .text-uppercase {
	text-transform: uppercase !important;
}

div.formularz .badge-danger {
	color: #fff;
	background-color: #dc3545;
}

div.formularz .badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
}

div.formularz .form-error-message {
	color: #721c24;
}
div.formularz div.form-group{
	margin-top: 20px;
}

div.formularz input:focus, div.formularz select:focus {
	outline: 3px solid #ffcb00;
	outline-offset: 0;
}

div.formularz button{
	background-color: #004492;
	padding: 10px 20px 10px 18px;
	color: #fff;
	font-family: 'Lato-Regular', Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	border: 0;
}

div.formularz button:hover{
	background-color: #0071bb;
}

div.formularz button:focus{
	outline: 3px solid #ffcb00;
	outline-offset: -4px;
}

div.formularz img.captcha_image{
	border: 1px solid #3f72ad;
}

a.zasady-udostepniania{
	display: inline-block;
}


a.zasady-udostepniania img{
	max-width: 300px;
	width:100%;
}

img.logo-pod-artykulem{
	margin-right: 20px;
	max-width: 95%;
}

div.info-o-ciasteczkach{
	position: fixed;
	bottom: 0;
	margin:0;
	padding: 15px 10px 20px 10px;
	width: 100%;
	height: auto;
	min-height: 45px;
	background-color: #fff;
	text-align: center;
	font-family: 'Spectral-Regular', Times New Roman, serif;
	font-size: 18px;
	color: #000;
	border-top: 1px solid #3f72ad;
	display: none;
}

div.info-o-ciasteczkach button, div.ustawienia-zaawansowane-ciasteczek button{
	color: #fff;
	background-color: #004492;
	padding: 7px 40px;
	border: 0;
	text-transform: uppercase;
	font-family: 'Lato-Regular', Arial, sans-serif;
	margin:  10px;
}

div.info-o-ciasteczkach button:focus, div.ustawienia-zaawansowane-ciasteczek button:focus{
	outline: 3px solid #ffcb00;
	outline-offset: -4px;
}

div.szary-ekran{
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
}

div.ustawienia-zaawansowane-ciasteczek{
	position: relative;
	margin: 20px auto;
	padding: 15px 10px 20px 10px;
	max-width: 600px;
	width: 90%;
//min-height: 300px;
	max-height: 80%;
	background-color: #fff;
	text-align: left;
	font-family: 'Spectral-Regular', Times New Roman, serif;
	font-size: 18px;
	color: #000;
	border: 1px solid #3f72ad;
	border-radius:3px;
	display: block;
	z-index: 1000;
}

div.ustawienia-zaawansowane-ciasteczek div.header{
	font-size: 30px;
	border-bottom: 1px solid #3f72ad;
	text-align: center;
	height: 50px;
}
.close-x{
	float: right;
	color: #999;
	font-weight: normal;
	font-size: 28px;
}

div.ustawienia-zaawansowane-ciasteczek div.body{
	display: block;
	line-height: 20px;
	font-size: 18px;
//min-height: 200px;
	max-height: 600px;
	height: 50vh;
	overflow: auto;
}

div.ustawienia-zaawansowane-ciasteczek div.footer{
	border-top: 1px solid #3f72ad;
	text-align: center;
	padding-top: 20px;
}

span.tool {
	font-weight: bold;
	font-family: 'Spectral-SemiBold';
	font-size: 22px;
}

table.tools_toogle {
	font-family: 'Spectral-SemiBold';
	font-size: 19px;
}

p.tool-info{
	font-size: 16px;
	line-height: 16px;
	color: #444;
	margin: 0;
}


.circle{
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background-color: #fff;
	box-sizing: content-box;
	position: relative;
	left: 0px;
}

.oval{
	width: 40px;
	height: 20px;
	border-radius: 13px;
	padding: 3px;
	background-color:lightgrey;
	box-sizing: content-box;
	margin: 0 auto;
}

.off{
	animation-name: off-background;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
.off .circle{
	animation-name: off-circle;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}
@keyframes off-background {
	0%   {background-color:rgb(0, 154, 255);}
	100%  {background-color:lightgrey;}
}

@keyframes off-circle {
	0%   {left:20px;}
	100%  {left:0;}
}

.on{
	animation-name: on-background;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
.on .circle{
	animation-name: on-circle;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-timing-function: ease;
}
@keyframes on-background {
	0%   {background-color:lightgrey}
	100%  {background-color:rgb(0, 154, 255);}
}
@keyframes on-circle {
	0%   {left:0px;}
	100%  {left:20px;}
}

.tobi [data-type] > figure > figcaption {
	background-color: rgba(255, 255, 255, 0.9);
	color: #000000;
}




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

	#pasek_gorny {
		min-height:40px;
	}

	#pasek_gorny > nav {
		max-width:998px;
		padding-top:84px;
	}

	#pasek_gorny > nav > #doskonalosc {
		position: absolute;
		left:0;
		top:0;
		height: 40px;
		width: 138px;
	}

	#pasek_gorny > nav > #doskonalosc img {
		margin:5px;
	}

	#pasek_gorny > nav > a.ikonka img {
		margin:5px;
	}

	#pasek_gorny > nav > a.kreska img {
		padding-right:5px;
		margin-right:0px;
	}

	#pasek_gorny > nav > a.kolo {
		position:absolute;
		top:42px;
		padding:0 3px;
	}

	#pasek_gorny > nav > a.kolo img {
		margin:5px 0;
	}

	#pasek_gorny > nav > a.kolo:nth-of-type(10) {
		right:0px;
	}

	#pasek_gorny > nav > a.kolo:nth-of-type(9) {
		right:34px;
	}

	#pasek_gorny > nav > a.kolo:nth-of-type(8) {
		right:68px;
	}

	#pasek_gorny > nav > a.kolo:nth-of-type(7) {
		right:102px;
	}

	#pasek_gorny > nav > a.kolo:nth-of-type(6) {
		right:136px;
	}

	#pasek_gorny > nav > a.kolo:nth-of-type(5) {
		right:170px;
	}

	#pasek_gorny > nav > a.kolo:nth-of-type(4) {
		right:204px;
	}

	#pasek_gorny > nav > a.granat + a.kolo {
		margin-left:0;
	}

	#pasek_gorny > nav > a.kolo + a.kalendarz {
		margin-left: 0;
	}

	#pasek_gorny > nav > #ikonka_UE img {
		margin:5px;
	}

	header div {
		max-width:998px;
	}

	header div #winieta {
		float:none;
		width:auto;
	}

	header div nav {
		margin: 0;
		padding: 10px 0;
	}

	header div nav a {
		width: 37%;
		margin: 0px 8px 0 0px;
		padding: 6px 0px 6px 30px;
		font-size: 13px;
		line-height: 14px;
	}

	header div #winieta #umk {
		display: block;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}


	header div #winieta #logo {
		margin:0 9px;
		width:90%;
	}

	header div #winieta #portal h1, header div #winieta #portal h2, header div #winieta #umk h1, header div #winieta #umk strong.h1 {
		display:block;
		padding: 0 0 5% 8%;
		font-size:17px;
		font-size: 6.5vw;
		line-height:19px;
		line-height: 8vw;
	}

	main > section, main > div.sekcja {
		padding: 10px 0 1px 0;
	}

	main > section > h2, main > section > h1, main > div.sekcja > section > h2, main > div.sekcja > section > h1 {
		max-width:998px;
		margin: 0 3% 10px 3%;
		padding: 0;
		line-height: 18px;
	}

	main > section > p, main > div.sekcja > section > p {
		margin:10px 3% 0 3%;
		max-width:998px;
	}

	main > section > section, main > section > div.ikonki_media_artykulu, main > div.sekcja > section, main > div.sekcja > div.ikonki_media_artykulu {
		max-width:998px;
		margin: 0;
		padding:0;
		min-height:auto;
	}

	main > section > section::after, main > div.sekcja > section > section::after {
		width:100%;
	}

	main > section > section > a.zdjecie img, main > div.sekcja > section > a.zdjecie img {
		margin: 0 0 3% 0;
		width: 100%;
		height:auto;
		float: none;
	}

	main > section > section > a.kategoria, main > div.sekcja > section > a.kategoria {
		margin:0 0px 4px 1%;
		padding:0 3% 0 2%;
		font-size:15px;
		line-height: 21px;
		background-size: 7px 9px;
	}

	main > section > section > time, main > div.sekcja > section > time {
		margin:0px 0px 10px 3%;
		padding: 0 3% 0 0;
		font-size:12px;
	}

	main > section > section > h3, main > div.sekcja > section > h3 {
		margin:0px 0px 0px 3%;
		padding: 0 2% 0 0;
		font-size: 22px;
		line-height: 24px;
	}

	main > section > section > div.ikonki_media_artykulu, main > div.sekcja > section > div.ikonki_media_artykulu {
		margin:0px 3% 0px calc(3% - 4px);
		padding:0 0 0px 0;
	}

	main > section > section > a.wiecej, main > div.sekcja > section > a.wiecej {
		margin:0 3% 0 3%;
	}

	.pionowe > section, .sekcja.pionowe > section {
		display: block;
		width: auto;
		margin:0 3% 16px 3%;
		padding: 0 0 0 0;
		min-height: unset;
	}

	.pionowe > section::after, .sekcja.pionowe > section::after {
		width:100%;
	}

	.pionowe > section:nth-of-type(3n), .sekcja.pionowe > section:nth-of-type(3n) {
		margin-right:20px;
	}

	.pionowe > section > a.zdjecie img, .sekcja.pionowe > section > a.zdjecie img {
		width:100%;
		height:auto;
		margin:0 0 10px 0;
	}

	.pionowe > section > a.kategoria, .sekcja.pionowe > section > a.kategoria {
		margin:0 0px 4px 1%;
		padding:0 15px 0 2%;
	}

	.pionowe > section > time, .sekcja.pionowe > section > time {
		margin:0px 0px 10px 3%;
	}

	.pionowe > section > div.ikonki_media_artykulu, .sekcja.pionowe > section > div.ikonki_media_artykulu {
		margin:0px 0px 0px calc(3% - 4px);
	}

	.pionowe > section > h3, .sekcja.pionowe > section > h3 {
		margin:0px 0px 0px 3%;
		padding: 0 1% 0 0;
		font-size: 20px;
		line-height: 22px;
	}

	.pionowe > section > a.wiecej, .sekcja.pionowe > section > a.wiecej {
		margin:0 3% 0 3%;
	}

	.pionowe + #najnowsze, .sekcja.pionowe + #najnowsze {
		margin-top:-15px;
	}

	#wybor > section > a.zdjecie img {
		float:none;
	}

	#wybor > section > a.kategoria {
		margin:0 3% 4px 1%;
	}

	#wybor > section > time {
		margin:0px 3% 10px 3%;
	}

	#wybor > section > div.ikonki_media_artykulu {
		margin:0px 3% 0px calc(3% - 4px);
	}

	#wybor > section > h3 {
		margin:0px 3% 0px 3%;
		padding: 0 2% 0 0;
	}

	#wybor > section > a.wiecej {
		margin:0 3% 0 3%;
	}

	.poziome > section {
		display: block;
		width: auto;
		margin:0 3% 16px 3%;
		padding: 45px 0 0 0;
		min-height:unset;
	}

	.poziome > section::after {
		width:60%;
		right:0;
		bottom:0;
	}

	.poziome > section:nth-of-type(2n) {
		margin-right:3%;
	}

	.poziome > section > a.zdjecie img {
		float:left;
		width:30%;
		height:auto;
		margin: 0 5% 20px 5%;
	}

	.poziome > section > a.kategoria {
		margin: -36px 0px 10px 3%;
	}

	.poziome > section > time {
		/*
		float: right;
		margin: -32px 5% 0px 5%;
		padding:0;
		*/
		top:15px;
		right:4%;
	}

	.poziome > section > h3 {
		margin:0px 0px 0px 40%;
		padding:0 3% 0 0;
		font-size: 19px;
		line-height: 22px
	}

	.poziome > section > div.ikonki_media_artykulu {
		margin:0px 0px 0px calc(40% - 4px);
		padding:0 3% 0 0;
	}

	.poziome > section > a.wiecej {
		margin:0 0 0 40%;
	}

	#wydarzenia > section {
		width: 160px;
		margin:0 10px 20px 10px;
		height: 156px;
		min-height:auto;
	}

	#wydarzenia > section > a, #wydarzenia > section > a:visited {
		min-height:139px;
	}

	#wydarzenia > section+br {
		display:none;
	}

	#wydarzenia > section > a > h3 {
		margin: 5px 0 0 0;
		font-size: 16px;
		line-height: 18px;
	}

	section.newsletter time {
		margin: 0 0 4px 3%;
	}

	section.newsletter > section > a.zdjecie > img {
		float:none;
		width:100%;
		margin: 0 0 0px 0;
	}

	section.newsletter > section:first-of-type > a.zdjecie > img {
		float:none;
		width:100%;
		margin: 0 0 0px 0;
	}

	section.newsletter > section > a.kategoria, section.newsletter > section:first-of-type > a.kategoria {
		margin-left:1%;
	}

	section.newsletter > section > time, section.newsletter > section:first-of-type > time {
		margin-left:3%;
	}

	section.newsletter > section > h2, section.newsletter > section:first-of-type > h2 {
		margin-left:calc(3% - 1px);
		padding-right:3%;
		font-size: 24px;
		line-height: 26px;
	}

	section.newsletter > section > .pudelko_na_lida, section.newsletter > section:first-of-type > .pudelko_na_lida {
		margin-left:3%;
		margin-bottom:4px;
		padding-right:3%;
		font-size: 16px;
		line-height: 18px;
	}

	section.newsletter > section > div.ikonki_media_artykulu, section.newsletter > section:first-of-type > div.ikonki_media_artykulu {
		margin-left:calc(3% - 3px);
	}

	section.newsletter > section:first-of-type > .pudelko_na_lida::after {
		width: 20%;
		left: 40%;
	}

	article, div.pudelko {
		max-width:998px;
		padding:0 0 10px 0;
	}

	div.pudelko{
		margin: 0 3%;
		padding:0;
	}

	div.blad-404 {
		padding:50px 3%;
	}

	article > section {
		max-width:998px;
		padding: 0;
	}

	article > section::after {
		width:100%;
	}

	article > section > img.zdjecie {
		margin: 0 0 3% 0;
		padding: 0;
		width:100%;
		height: auto;
		float: none;
	}

	article > section > a.kategoria {
		margin:0 1% 1% 1%;
		padding:0 2% 0 2%;
		font-size:15px;
		line-height: 21px;
		background-size: 7px 9px;
	}

	article > section > time {
		margin:0px 3% 10px 3%;
		font-size:12px;
	}

	article > section > h1 {
		margin:0px 3% 15px 3%;
		font-size: 24px;
		line-height: 26px;
	}

	article > section > div.autor, article > section > div.ikonki {
		margin:0;
		padding:0 3% 3% 3%;
		font-size:22px;
		line-height: 24px;
	}
	article > section > div.ikonki{
		margin-top: 30px;
	}

	article > div.pod-zdjeciem {
		width:auto;
		margin: 10px 3% 15px 3%;
	}

	article > p {
		margin:2% 3%;
		font-size: 18px;
		line-height: 24px;
	}

	article > p.lead {
		margin:3%;
		font-size: 22px;
		line-height: 24px;
		letter-spacing: -0.3px;
	}

	article > p.apla {
		padding: 2% 3%;
		line-height: 22px;
	}

	article > p.apla + p.apla {
		margin-top: -5%;
	}

	article > p.apla img {
		width:100%;
		height:auto;
		max-width: none;
		max-height: none;
		margin: 20px 0 10px 20px;
	}

	article > p.apla img:first-child {
		margin: 5px 0 10px 20px;
	}

	article ul, article ol {
		margin: 5px 3% 0 calc(3% - 10px);
	}

	article ul li, article ol li {
		font-size:17px;
		line-height: 20px;
	}

	article > blockquote {
		margin:3%;
		padding:0 0 0 36px;
		font-size: 20px;
		line-height: 24px;
	}

	article > blockquote.leftblockquote {
		float:none;
		width:77%;
	}

	article > h2 {
		margin:4% 3% 3% 3%;
		font-size: 22px;
		line-height: 26px;
	}

	article p figure, article p iframe, article > p > img {
		margin:1% 0;
		padding:0;
		width:100%;
	}

	article figure, article iframe, article > img {
		margin:3%;
		padding:0;
		width:94%;
	}

	article iframe, article p iframe {
		height: 300px;
		height: 48.5vw;
	}

	article > div.wydarzenie {
		display:block;
		width:auto;
	}

	article > div.wydarzenie > div.wydarzenie-zdjecie {
		display:block;
		width:auto;
	}

	article > div.wydarzenie > div.wydarzenie-zdjecie > img {
		width:100%;
	}

	article > div.wydarzenie > section {
		display:block;
		padding:10px 3% 10px 3%;
		margin:0;
		font-size: 16px;
		line-height: 20px;
	}

	article > div.wydarzenie > section > h1 {
		margin: 0 0 10px 0;
		font-size: 22px;
		line-height: 24px;
	}

	article > div.wydarzenie > section > time {
		width:130px;
		margin:0 3% 10px 3%;
		font-size: 34px;
		line-height: 34px;
	}

	article > div.wydarzenie > section > time > span {
		font-size: 22px;
		line-height: 22px;
	}

	article > div.wydarzenie > section > time > p {
		font-size:28px;
		line-height:28px;
	}

	article.page {
		padding: 10px 3%;
	}

	main > section.kalendarz > nav{
		width: 100%;
		font-size: 12px;
	}

	main > section.kalendarz > nav > a:first-child {
		width:30%;
	}
	main > section.kalendarz > nav > a:nth-child(2) {
		width: auto;
	}

	main > section.kalendarz > nav > a:last-child {
		width:33%;
	}

	main > section.kalendarz > section {
		height:auto;
	}

	main > section.kalendarz > section > a {
		display:block;
		width: auto;
	}

	main > section.kalendarz > section > a > div.wydarzenie-zdjecie {
		display:block;
		width:auto;
	}

	main > section.kalendarz > section > a > div.wydarzenie-zdjecie > img {
		width:100%;
		height:auto;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta {
		display:block;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie {
		padding: 12px calc(3% + 160px) 0px 3%;
		height:200px;
		font-size: 16px;
		line-height: 18px;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie::after {
		width:calc(100% - 160px);
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie > time {
		padding:0 0 40px 0;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie > h2 {
		font-size: 22px;
		line-height: 22px;
	}

	footer nav {
		padding:104px 8px 8px 8px;
	}

	footer nav a.ikonka {
		top: 54px;
	}

	footer nav a.ikonka:nth-of-type(8) {
		right:5px;
	}

	footer nav a.ikonka:nth-of-type(7) {
		right:40px;
	}

	footer nav a.ikonka:nth-of-type(6) {
		right:75px;
	}

	footer nav a.ikonka:nth-of-type(5) {
		right:110px;
	}

	footer nav a.ikonka:nth-of-type(4) {
		right:145px;
	}

	footer nav a.ikonka:nth-of-type(3) {
		right:180px;
	}

	footer nav a.ikonka:nth-of-type(2) {
		right:215px;
	}

	footer nav a.menu_dolne {
		padding: 5px 8px 5px 5px;
		margin: 0 0 4px 0;
	}

	footer > p {
		max-width:978px;
		padding:0 10px;
	}

	footer .UE {
		padding:10px;
	}

	footer .UE > p {
		font-size:12px;
		line-height:16px;
	}

	ul.galeria li {
		margin-right:0;
		margin-bottom:10px;
		width:100%;
	}

	ul.galeria li a img {
		width:100%;
		height:auto;
	}

	/*
	div.info-o-ciasteczkach{
		height: 150px;
	}
	*/

	.under-article {
		display: block;
		padding: 1px 0 4px 0;
	}

	.left-side{
		width: auto;
	}

	.right-side{
		width: auto;
	}

	.tobi [data-type] > figure > figcaption {
		display:none;
		font-size: 14px;
		line-height: 16px;
	}

	div.ustawienia-zaawansowane-ciasteczek div.header{
		font-size: 20px;
		height: 40px;
	}

	div.ustawienia-zaawansowane-ciasteczek .close-x{
		font-size: 24px;
	}

}


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

	#pasek_gorny > nav {
		padding-top:42px;
	}

	#pasek_gorny > nav > a.kolo {
		top:0;
	}

	footer nav {
		padding:60px 8px 8px 8px;
	}

	footer nav a.ikonka {
		top: 10px;
	}

}

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

	article > p.apla img {
		width:auto;
		height:auto;
		max-width: 100%;
		max-height: 250px;
	}

	div.ustawienia-zaawansowane-ciasteczek div.header{
		font-size: 24px;
		height: 40px;
	}

	div.ustawienia-zaawansowane-ciasteczek .close-x{
		font-size: 26px;
	}

}

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

	#wydarzenia > section {
		width: 175px;
		margin:0 12px 30px 12px;
		height: 155px;
		min-height:auto;
	}

	#wydarzenia > section > a > h3 {
		margin: 5px 0 0 0;
		font-size: 17px;
		line-height: 18px;
	}

	article > div.wydarzenie > section > time {
		width:150px;
	}

	article > p.apla img {
		max-width: 200px;
		max-height: 190px;
	}

	div.ustawienia-zaawansowane-ciasteczek div.header{
		font-size: 26px;
		height: 40px;
	}
}


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

	header div #winieta {
		float:left;
		width:30%;
	}

	header div nav {
		margin: 0;
		padding: 10px 0 0 30%;
	}

	header div #winieta #logo {
		margin:0 9px;
		width:90%;
	}

	header div #winieta #portal h1, header div #winieta #portal h2, header div #winieta #umk h1, header div #winieta #umk strong.h1 {
		display:block;
		padding: 0 0 20px 10%;
		font-size:14px;
		line-height:16px;
		font-size:1.9vw;
		line-height:2vw;
	}

	main > section > section, main > section > div.ikonki_media_artykulu, main > div.sekcja > section, main > div.sekcja > div.ikonki_media_artykulu {
		padding:8px 0 0 0;
	}

	main > section > section::after, main > div.sekcja > section::after {
		width: 50%;
	}

	main > section > section > a.zdjecie img, main > div.sekcja > section > a.zdjecie img {
		margin: -8px 0 0px 0;
		width: 50%;
		float: left;
	}

	main > section > section > a.kategoria, main > div.sekcja > section > a.kategoria {
		margin:0 0px 3px 51%;
		padding:0 2% 0 2%;
		font-size:15px;
		line-height: 21px;
		background-size: 9px 11px;
	}

	main > section > section > time, main > div.sekcja > section > time {
		margin:0px 0px 15px 53%;
		font-size:12px;
	}

	main > section > section > div.ikonki_media_artykulu, main > div.sekcja > section > div.ikonki_media_artykulu {
		margin:0px 0px 0px calc(53% - 4px);
		padding:0 0 0px 0;

	}

	main > section > section > h3, main > div.sekcja > section > h3 {
		margin:0px 0px 0px 53%;
		font-size: 20px;
		line-height: 22px;
	}

	main > section > section > a.wiecej, main > div.sekcja > section > a.wiecej {
		margin:0 0px 0 53%;
	}

	.pionowe > section, .sekcja.pionowe > section {
		display: inline-block;
		width: 29.5%;
		margin:0 2.6% 20px 0;
		padding: 0 0 0 0;
		min-height: 355px;
	}

	.pionowe > section::after, .sekcja.pionowe > section::after {
		width:100%;
		left:0;
		bottom:0;
	}

	.pionowe > section:nth-of-type(3n), .sekcja.pionowe > section:nth-of-type(3n) {
		margin-right:0;
	}

	.pionowe > section > a.zdjecie img, .sekcja.pionowe > section > a.zdjecie img {
		float:none;
		width:100%;
		margin:0 0 10px 0;
	}

	.pionowe > section > a.kategoria, .sekcja.pionowe > section > a.kategoria {
		margin:0 0 5px 3%;
		padding: 0 5% 0 7%;
	}

	.pionowe > section > time, .sekcja.pionowe > section > time {
		margin:0 0 10px 10%;
	}

	.pionowe > section > div.ikonki_media_artykulu, .sekcja.pionowe > section > div.ikonki_media_artykulu {
		margin:0 0 0px calc(10% - 4px);
		padding:0 0 0px 0;
	}

	.pionowe > section > h3, .sekcja.pionowe > section > h3 {
		margin:0 0 0px 10%;
		padding: 0 5% 0 0;
		font-size: 20px;
		line-height: 22px;
	}

	.pionowe > section > a.wiecej, .sekcja.pionowe > section > a.wiecej {
		margin:0 5% 0px 10%;
	}

	#wybor > section > a.zdjecie img {
		float:right;
	}

	#wybor > section > a.kategoria {
		margin:0 60% 3px 1%;
	}

	#wybor > section > time {
		margin:0px 60% 15px 3%;
		padding:0 0 0px 0;
	}

	#wybor > section > div.ikonki_media_artykulu {
		margin:0px 60% 0px calc(3% - 4px);
		padding:0 0 0px 0;
	}

	#wybor > section > h3 {
		margin:0px 60% 0px 3%;
		padding: 0 2% 0 0;
	}

	#wybor > section > a.wiecej {
		margin:0 60% 0 3%;
	}

	.poziome > section {
		padding: 50px 0 0 0;
	}

	.poziome > section > a.zdjecie img {
		margin: 0 5% 25px 5%;
	}

	.poziome > section > h3, .poziome > section > div.ikonki_media_artykulu {
		font-size: 20px;
		line-height: 22px
	}

	article > p.apla img {
		max-width: 220px;
		max-height: 190px;
	}

	article > blockquote {
		margin:2% 3%;
	}

	article > blockquote.leftblockquote {
		float:left;
		width:40%;
	}

	article > h2 {
		margin:2% 3% 1% 3%;
	}

	article > div.wydarzenie > section > time {
		width:170px;
	}

	main > section.kalendarz > nav{
		font-size: 14px;
	}

	main > section.kalendarz > section {
		margin: 0 auto 20px auto;
	}

	main > section.kalendarz > section > a {
		display:table;
		width: 100%;
	}

	main > section.kalendarz > section > a > div.wydarzenie-zdjecie {
		display:table-cell;
		width:30%;
	}

	main > section.kalendarz > section > a > div.wydarzenie-zdjecie > img {
		width:100%;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta {
		display:table-cell;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie {
		height:153px;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie > time {
		padding:0 0 22px 0;
	}

	footer .UE {
		padding:10px 20px 20px 20px;
	}

	footer .UE > p {
		font-size:14px;
		line-height:20px;
	}

	ul.galeria li {
		margin-right: 19px;
		margin-bottom: 14px;
		width:auto;
	}

	ul.galeria li a img {
		height: 150px;
		width:auto;
	}

	.under-article {
		display: inline-block;
	}

	.left-side{
		width: 40%
	}

	.right-side{
		width: 59%;
	}

	.tobi [data-type] > figure > figcaption {
		display:block;
		font-size: 16px;
		line-height: 18px;
	}

}


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

	#pasek_gorny > nav {
		padding-top:0;
	}

	#pasek_gorny > nav > a.kolo {
		position:relative;
		top:unset;
	}

	#pasek_gorny > nav > a.kolo:nth-of-type(10),
	#pasek_gorny > nav > a.kolo:nth-of-type(9),
	#pasek_gorny > nav > a.kolo:nth-of-type(8),
	#pasek_gorny > nav > a.kolo:nth-of-type(7),
	#pasek_gorny > nav > a.kolo:nth-of-type(6),
	#pasek_gorny > nav > a.kolo:nth-of-type(5),
	#pasek_gorny > nav > a.kolo:nth-of-type(4) {
		right:unset;
	}

	#pasek_gorny > nav > a.granat + a.kolo {
		margin-left:5px;
	}

	#pasek_gorny > nav > a.kolo + a.kalendarz {
		margin-left:5px;
	}

	/*
	div.info-o-ciasteczkach{
		height: 80px;
	}
	*/

}


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

	header div nav a {
		width: 37%;
		padding: 6px 0 6px 30px;
	}

	main > section > section, main > div.sekcja > section {
		padding:20px 0 0 0;
	}

	main > section > div.ikonki_media_artykulu, main > div.sekcja > div.ikonki_media_artykulu {
		padding:0 0 0 0;
	}

	main > section > section::after, main > div.sekcja > section::after {
		width: 40%;
	}

	main > section > section > a.zdjecie img, main > div.sekcja > section > a.zdjecie img {
		margin: -20px 0 0 0;
		width: 60%;
		float: left;
	}

	main > section > section > a.kategoria, main > div.sekcja > section > a.kategoria {
		margin:0 0 5px 61%;
		padding:0 2% 0 2%;
		font-size:15px;
		line-height: 21px;
		background-size: 11px 13px;
	}

	main > section > section > time, main > div.sekcja > section > time {
		margin:0 0 20px 63%;
		font-size:12px;
	}

	main > section > section > div.ikonki_media_artykulu, main > div.sekcja > section > div.ikonki_media_artykulu {
		margin:0 0 0 calc(63% - 4px);
		padding:0 0 0 0;
	}

	main > section > section > h3, main > div.sekcja > section > h3 {
		margin:0 0 0 63%;
		font-size: 22px;
		line-height: 24px;
	}

	main > section > section > a.wiecej, main > div.sekcja > section > a.wiecej {
		margin:0 0 0 63%;
	}

	.pionowe > section, .sekcja.pionowe > section {
		display: inline-block;
		width: 29.5%;
		margin:0 2.6% 20px 0;
		padding: 0 0 0 0;
		min-height: 380px;
	}

	.pionowe > section::after, .sekcja.pionowe > section::after {
		width:100%;
		left:0;
		bottom:0;
	}

	.pionowe > section:nth-of-type(3n), .sekcja.pionowe > section:nth-of-type(3n) {
		margin-right:0;
	}

	.pionowe > section > a.zdjecie img, .sekcja.pionowe > section > a.zdjecie img {
		float:none;
		width:100%;
		margin:0 0 10px 0;
	}

	.pionowe > section > a.kategoria, .sekcja.pionowe > section > a.kategoria {
		margin:0 0 5px 3%;
		padding: 0 5% 0 7%;
	}

	.pionowe > section > time, .sekcja.pionowe > section > time {
		margin:0 0 20px 10%;
	}

	.pionowe > section > div.ikonki_media_artykulu, .sekcja.pionowe > section > div.ikonki_media_artykulu {
		margin:0 0 0 calc(10% - 4px);
		padding:0 0 0 0;
	}

	.pionowe > section > h3, .sekcja.pionowe > section > h3{
		margin:0 0 0 10%;
		padding: 0 5% 0 0;
		font-size: 22px;
		line-height: 26px;
	}

	.pionowe > section > a.wiecej, .sekcja.pionowe > section > a.wiecej {
		margin:0 5% 0 10%;
	}

	.pionowe > section > a.wiecej, .sekcja.pionowe > section > a.wiecej {
		padding-left:0;
	}

	#wybor > section > a.zdjecie img {
		float:right;
	}

	#wybor > section > a.kategoria {
		margin:0 60% 5px 1%;
	}

	#wybor > section > time {
		margin:0 60% 20px 3%;
	}

	#wybor > section > div.ikonki_media_artykulu {
		margin:0 60% 0 calc(3% - 4px);
		padding:0 0 0 0;
	}

	#wybor > section > h3 {
		margin:0 60% 0 3%;
		padding: 0 2% 0 0;
	}

	#wybor > section > a.wiecej {
		margin:0 60% 0 3%;
	}

	.poziome > section {
		padding: 54px 0 0 0;
	}

	.poziome > section > a.zdjecie img {
		margin: 0 5% 35px 5%;
	}

	.poziome > section > time {
		top:20px;
		right:3.5%;
	}

	.poziome > section > h3, .poziome > section > div.ikonki_media_artykulu {
		font-size: 26px;
		line-height: 30px
	}

	.poziome > section > a.wiecej {
		padding-left:0;
	}

	section.newsletter time {
		max-width: 998px;
		margin: 0 3% 4px 3%;
	}

	section.newsletter time {
		max-width: 998px;
		margin: 0 3% 4px 3%;
	}

	section.newsletter > section > a.zdjecie > img {
		float:left;
		width:45%;
		margin: 0;
	}

	section.newsletter > section > a.kategoria {
		margin-left: 46%;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	section.newsletter > section > time {
		margin-left:48%;
	}

	section.newsletter > section > h2 {
		margin-left:calc(48% - 1px);
		margin-bottom:5px;
		font-size: 22px;
		line-height: 24px;
	}

	section.newsletter > section > .pudelko_na_lida {
		margin-left:48%;
		margin-bottom:4px;
		font-size: 14px;
		line-height: 18px;
	}

	section.newsletter > section > div.ikonki_media_artykulu {
		margin-left:calc(48% - 3px);
	}

	article > section {
		padding: 10px 0 0 0;
	}

	article > section::after {
		width: 40%;
	}

	article > section > img.zdjecie {
		margin: 0 0 0 0;
		padding: 0;
		width:60%;
		height: auto;
		float: right;
	}

	article > section > a.kategoria {
		margin:0 60% 5px 1%;
		padding:0 2% 0 2%;
		font-size:15px;
		line-height: 21px;
		background-size: 11px 13px;
	}

	article > section > time {
		margin:0px 60% 10px 3%;
		font-size:12px;
	}

	article > section > h1 {
		margin:0px 60% 15px 3%;
		font-size: 22px;
		line-height: 24px;
	}

	article > section > div.autor, article > section > div.ikonki {
		margin:0 60% 0 0;
		padding:0 15px 0px 3%;
		font-size:22px;
		line-height: 24px;
	}

	article > section > div.ikonki{
		margin-top: 30px;
	}

	article > div.pod-zdjeciem {
		width:94%;
		margin: 10px 3% 20px 3%;
	}

	article > p.lead {
		margin:3%;
		font-size: 22px;
		line-height: 26px;
		letter-spacing: -0.3px;
	}

	article figure, article iframe, article > img, article p figure, article p iframe, article > p > img {
		margin:30px auto;
		padding:0;
		width:65%;
	}

	article iframe, article p iframe {
		height: 250px;
		height: 33vw;
	}

	article > div.wydarzenie {
		display:table;
		width: 100%;
	}

	article > div.wydarzenie > div.wydarzenie-zdjecie {
		display:table-cell;
		width:30%;
	}

	article > div.wydarzenie > div.wydarzenie-zdjecie > img {
		width:100%;
	}

	article > div.wydarzenie > section {
		display:table-cell;
		width:auto;
		padding:10px 20px 10px 29px;
		font-size: 17px;
		line-height: 20px;
	}

	article > div.wydarzenie > section > h1 {
		margin: 0 0 10px 0;
		font-size: 24px;
		line-height: 28px;
	}

	article > div.wydarzenie > section > time {
		width:150px;
		margin:0 3% 20px 3%;
	}

	footer nav {
		padding:60px 16px 12px calc(3% - 8px);
	}

	footer nav #logo2 {
		left:calc(3% - 15px);
	}

	footer nav a.ikonka:nth-of-type(8) {
		right:15px;
	}

	footer nav a.ikonka:nth-of-type(7) {
		right:50px;
	}

	footer nav a.ikonka:nth-of-type(6) {
		right:85px;
	}

	footer nav a.ikonka:nth-of-type(5) {
		right:120px;
	}

	footer nav a.ikonka:nth-of-type(4) {
		right:155px;
	}

	footer nav a.ikonka:nth-of-type(3) {
		right:190px;
	}

	footer nav a.ikonka:nth-of-type(2) {
		right:225px;
	}

	footer nav a.menu_dolne {
		padding: 5px 8px 5px 5px;
		margin: 0 0 4px 0;
	}

	footer > p {
		max-width:958px;
		padding:0 20px;
	}

}


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

	header div {
		max-width:998px;
	}

	header div #winieta {
		float:left;
		width:30%;
	}

	header div nav {
		margin: 0;
		padding: 17px 0 0 30%;
	}

	header div nav a {
		width: 27%;
		margin: 0;
		padding: 6px 0 6px 30px;
		font-size: 15px;
		line-height: 16px;
	}

	header div #winieta #logo {
		margin:0 9px;
		width:90%;
	}

	header div #winieta #portal h1, header div #winieta #portal h2, header div #winieta #umk h1, header div #winieta #umk strong.h1 {
		display:block;
		padding: 0 0 20px 10%;
		font-size:17px;
		line-height:19px;
		font-size:1.9vw;
		line-height:2vw;
	}

	main > section, main > div.sekcja {
		padding: 20px 0 0 0;
	}

	main > section > h2, main > section > h1, main > div.sekcja > h2, main > div.sekcja > h1 {
		max-width:998px;
		margin: 0 0 20px 3%;
		padding: 0;
		line-height: 18px;
	}

	main > section > section, main > section > div.ikonki_media_artykulu, main > div.sekcja > section, main > div.sekcja > section > div.ikonki_media_artykulu {
		max-width:998px;
		margin: 0;
	}

	main > section > section > a.zdjecie img, main > div.sekcja > section > a.zdjecie img {
		width: 60%;
	}

	main > section > section > a.kategoria, main > div.sekcja > section > a.kategoria {
		margin:0 0 5px 61%;
		padding:0 15px 0 2%;
		font-size:15px;
		line-height: 21px;
	}

	main > section > section > time, main > div.sekcja > section > time {
		margin:0px 0px 20px 63%;
		font-size:12px;
	}

	main > section > section > div.ikonki_media_artykulu, main > div.sekcja > section > div.ikonki_media_artykulu {
		margin:0px 0px 0px calc(63% - 4px);
		padding:0 0 0px 0;
	}

	main > section > section > h3, main > div.sekcja > section > h3 {
		margin:0px 0px 0px 63%;
		font-size: 24px;
		line-height: 28px;
	}

	main > section > section > a.wiecej, main > div.sekcja > section > a.wiecej {
		margin:0 0px 0 63%;
	}

	.pionowe, .sekcja.pionowe {
		padding: 20px 0 1px 0;
	}

	#wybor > section > a.zdjecie img {
		float:right;
	}

	#wybor > section > a.kategoria {
		margin:0 60% 5px 1%;
	}

	#wybor > section > time {
		margin:0px 60% 20px 3%;
	}

	#wybor > section > div.ikonki_media_artykulu {
		margin:0px 60% 0px calc(3% - 4px);
		padding: 0 0 0px 0;
	}

	#wybor > section > h3 {
		margin:0px 60% 0px 3%;
		padding: 0 2% 0 0;
	}

	#wybor > section > a.wiecej {
		margin:0 60% 0 3%;
	}

	.poziome {
		padding: 20px 0 1px 0;
	}

	article, div.pudelko {
		max-width:998px;
	}

	article > section {
		max-width:998px;
		padding: 20px 0 0 0;
	}

	article > section > img.zdjecie {
		margin: 0 0 0px 0;
		padding: 0;
		width:60%;
		height: auto;
		float: right;
	}

	article > section > a.kategoria {
		margin:0 60% 5px 1%;
		padding:0 2% 0 2%;
		font-size:15px;
		line-height: 21px;
		background-size: 11px 13px;
	}

	article > section > time {
		margin:0px 60% 10px 3%;
		font-size:12px;
	}

	article > section > h1 {
		margin:0px 60% 15px 3%;
		font-size: 22px;
		line-height: 24px;
	}

	article > section > div.autor, article > section > div.ikonki {
		margin:0 60% 0 0;
		padding:0 15px 0px 3%;
		font-size:22px;
		line-height: 24px;
	}
	article > section > div.ikonki{
		margin-top: 30px;
	}

	article > p {
		margin:2% 3%;
		font-size: 18px;
		line-height: 24px;
	}

	article > p.lead {
		margin:3%;
		font-size: 22px;
		line-height: 26px;
		letter-spacing: -0.3px;
	}

	article ul li, article ol li {
		font-size:17px;
		line-height: 20px;
	}

	article > blockquote {
		margin:2% 3%;
		padding:0 0 0 36px;
		font-size: 20px;
		line-height: 24px;
	}

	article > blockquote.leftblockquote {
		float:left;
		width:40%;
	}

	article > h2 {
		margin:2% 3% 1% 3%;
		font-size: 22px;
		line-height: 26px;
	}

	article > div.wydarzenie > section > time {
		width:170px;
	}

	footer nav {
		padding:18px 270px 18px 180px;
	}

	footer nav a.menu_dolne {
		padding: 5px 8px 5px 5px;
	}

	.tobi [data-type] > figure > figcaption {
		display:block;
		font-size: 18px;
		line-height: 24px;
	}

}


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

	#pasek_gorny {
		min-height:60px;
	}

	#pasek_gorny > nav > #doskonalosc {
		height: 60px;
		width: 165px;
	}

	#pasek_gorny > nav > #doskonalosc img {
		margin:15px;
	}

	#pasek_gorny > nav > a.ikonka img {
		margin:15px;
	}

	#pasek_gorny > nav > a.kreska img {
		padding-right:15px;
		margin-right:0;
	}

	#pasek_gorny > nav > a.kolo {
		padding:0 5px;
	}

	#pasek_gorny > nav > a.kolo img {
		margin:15px 0;
	}

	#pasek_gorny > nav > a.granat + a.kolo {
		margin-left:10px;
	}

	#pasek_gorny > nav > a.kolo + a.kalendarz {
		margin-left:10px;
	}

	#pasek_gorny > nav > #ikonka_UE img {
		margin:15px;
	}

	#pasek_gorny > nav {
		max-width:998px;
	}

	#pasek_gorny > nav > #doskonalosc {
		position: absolute;
	}

}


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

	article > section > h1 {
		font-size: 26px;
		line-height: 30px;
	}

}


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

	#pasek_gorny > nav {
		max-width:998px;
	}

	header div {
		max-width:998px;
	}

	header div #winieta {
		float:left;
		width:312px;
	}

	header div nav {
		margin: 0 0 0 336px;
		padding: 19px 0 0 0px;
	}

	header div nav a {
		width: 189px;
		margin: 4px 0px 0 0px;
		padding: 10px 0px 10px 29px;
		font-size: 15px;
		line-height: 20px;
	}

	header div #winieta #logo {
		margin:0 9px;
		width:294px;
	}

	header div #winieta #portal h1, header div #winieta #portal h2, header div #winieta #umk h1, header div #winieta #umk strong.h1 {
		display:block;
		padding: 0 0 20px 31px;
		font-size:21px;
		line-height:25px;
	}

	main > section, main > div.sekcja {
		padding: 20px 0 1px 0;
	}

	main > section > h2, main > section > h1, main > div.sekcja > h2, main > div.sekcja > h1 {
		max-width:998px;
		margin: 0 auto 20px auto;
		padding: 0;
		line-height: 20px;
	}

	main > section > p, main > div.sekcja > p  {
		margin:20px auto 0 auto;
		max-width:998px;
	}

	main > section > section, main > div.sekcja > section {
		max-width:998px;
		margin: 0 auto 20px auto;
		min-height:342px;
	}

	main > section > section::after, main > div.sekcja > section::after {
		width:346px;
	}

	main > section > section > a.zdjecie img, main > div.sekcja > section > a.zdjecie img {
		width: 652px;
		height:342px;
	}

	main > section > section > a.kategoria, main > div.sekcja > section > a.kategoria {
		margin:0 0px 5px 672px;
		padding:0 15px 0 20px;
		font-size:15px;
		line-height: 21px;
	}

	main > section > section > time, main > div.sekcja > section > time {
		margin:0px 0px 20px 692px;
		font-size:12px;
	}

	main > section > section > div.ikonki_media_artykulu, main > div.sekcja > section > div.ikonki_media_artykulu {
		margin:0px 0px 0px calc(692px - 4px);
		padding:0 0 0px 0;
	}

	main > section > section > h3, main > div.sekcja > section > h3 {
		margin:0px 0px 0px 690px;
		font-size: 30px;
		line-height: 36px;
	}

	main > section > section > a.wiecej, main > div.sekcja > section > a.wiecej {
		margin:0 15px 0 692px;
	}

	.pionowe > section, .sekcja.pionowe > section {
		display: inline-block;
		width: 306px;
		margin:0 40px 35px 0;
		padding: 0 0 0 0;
		min-height: 404px;
	}

	.pionowe > section::after, .sekcja.pionowe > section::after {
		width:306px;
		left:0;
		bottom:0;
	}

	.pionowe > section:nth-of-type(3n), .sekcja.pionowe > section:nth-of-type(3n) {
		margin-right:0;
	}

	.pionowe > section > a.zdjecie img, .sekcja.pionowe > section > a.zdjecie img {
		float:none;
		width:306px;
		height:161px;
		margin:0 0 20px 0;
	}

	.pionowe > section > a.kategoria, .sekcja.pionowe > section > a.kategoria {
		margin:0 0 5px 14px;
		padding: 0 15px 0 16px;
	}

	.pionowe > section > time, .sekcja.pionowe > section > time {
		margin:0 0 20px 30px;
	}

	.pionowe > section > div.ikonki_media_artykulu, .sekcja.pionowe > section > div.ikonki_media_artykulu {
		margin:0 0 0px calc(30px - 4px);
		padding: 0 0 0px 0;
	}

	.pionowe > section > h3, .sekcja.pionowe > section > h3 {
		margin:0 0 0px 29px;
		font-size: 24px;
		line-height: 28px;
	}

	.pionowe > section > a.wiecej, .sekcja.pionowe > section > a.wiecej {
		margin:0 15px 0px 30px;
	}

	.pionowe + #najnowsze, .sekcja.pionowe + #najnowsze {
		margin-top:-25px;
	}

	#wybor > section > a.zdjecie img {
		float:right;
	}

	#wybor > section > a.kategoria {
		margin:0 652px 5px 19px;
	}

	#wybor > section > time {
		margin:0px 652px 20px 40px;
	}

	#wybor > section > div.ikonki_media_artykulu {
		margin:0px 652px 0px calc(40px - 4px);
		padding: 0 0 0px 0;
	}

	#wybor > section > h3 {
		margin:0px 652px 0px 37px;
	}

	#wybor > section > a.wiecej {
		margin:0 652px 0 40px;
	}

	.poziome > section {
		display:inline-block;
		width: 484px;
		margin:0 30px 25px 0;
		padding: 54px 0 0 0;
		min-height: 190px;
	}

	.poziome > section::after {
		width:224px;
	}

	.poziome > section:nth-of-type(2n) {
		margin-right:0;
	}

	.poziome > section > a.zdjecie img {
		width:200px;
		margin: 0 30px 10px 30px;
	}

	.poziome > section > a.kategoria {
		margin: -36px 0px 10px 9px;
	}

	.poziome > section > time {
		top:22px;
		right:25px;
	}

	.poziome > section > h3 {
		margin:0px 0px 0px 260px;
		padding:0 20px 0 0;
		font-size: 20px;
		line-height: 24px
	}

	.poziome > section > div.ikonki_media_artykulu {
		margin:0px 0px 0px calc(260px - 4px);
		padding:0 20px 0px 0;
	}

	.poziome > section > a.wiecej {
		margin:0 0 0 260px;
	}

	#wydarzenia > section {
		width: 175px;
		margin:0 30px 30px 0;
		height: 172px;
		min-height:auto;
	}

	#wydarzenia > section > a, #wydarzenia > section > a:visited {
		min-height:155px;
	}

	#wydarzenia > section:nth-of-type(5n) {
		margin-right:0;
	}

	#wydarzenia > section+br {
		display:block;
	}

	#wydarzenia > section > a > h3 {
		margin: 10px 0 0 0;
		font-size: 17px;
		line-height: 20px;
	}

	section.newsletter time {
		max-width: 998px;
		margin: 0 auto 4px auto;
	}

	section.newsletter > section > a.zdjecie > img {
		float:left;
		width:420px;
		margin: 0 0 0px 0;
	}

	section.newsletter > section > a.kategoria {
		margin-left:433px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	section.newsletter > section > time {
		margin-left:453px;
	}

	section.newsletter > section > h2 {
		margin-left:452px;
		margin-bottom:10px;
		font-size: 24px;
		line-height: 26px;
	}

	section.newsletter > section > .pudelko_na_lida {
		margin-left:453px;
		margin-bottom:4px;
		font-size: 16px;
		line-height: 18px;
	}

	section.newsletter > section > div.ikonki_media_artykulu {
		margin-left:450px;
	}

	section.newsletter > section:first-of-type > a.zdjecie > img {
		float:left;
		width:580px;
		margin: 0 0 0px 0;
	}

	section.newsletter > section:first-of-type > a.kategoria {
		margin-left:593px;
	}

	section.newsletter > section:first-of-type > time {
		margin-left:613px;
	}

	section.newsletter > section:first-of-type > h2 {
		margin-left:612px;
		font-size: 24px;
		line-height: 26px;
	}

	section.newsletter > section:first-of-type > .pudelko_na_lida {
		margin-left:613px;
		margin-bottom:4px;
		font-size: 16px;
		line-height: 18px;
	}

	section.newsletter > section:first-of-type > div.ikonki_media_artykulu {
		margin-left:610px;
	}

	section.newsletter > section:first-of-type > .pudelko_na_lida::after {
		width: 160px;
		left: 420px;
	}

	section.newsletter time {
		max-width: 998px;
		margin: 0 auto 4px auto;
	}

	section.newsletter > section > a.zdjecie > img {
		float:left;
		width:420px;
		margin: 0 0 0px 0;
	}

	section.newsletter > section > a.kategoria {
		margin-left:433px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	section.newsletter > section > time {
		margin-left:453px;
	}

	section.newsletter > section > h2 {
		margin-left:452px;
		margin-bottom:10px;
		font-size: 24px;
		line-height: 26px;
	}

	section.newsletter > section > .pudelko_na_lida {
		margin-left:453px;
		margin-bottom:4px;
		font-size: 16px;
		line-height: 18px;
	}

	section.newsletter > section > div.ikonki_media_artykulu {
		margin-left:450px;
	}

	section.newsletter > section:first-of-type > a.zdjecie > img {
		float:left;
		width:580px;
		margin: 0 0 0px 0;
	}

	section.newsletter > section:first-of-type > a.kategoria {
		margin-left:593px;
	}

	section.newsletter > section:first-of-type > time {
		margin-left:613px;
	}

	section.newsletter > section:first-of-type > h2 {
		margin-left:612px;
		font-size: 24px;
		line-height: 26px;
	}

	section.newsletter > section:first-of-type > .pudelko_na_lida {
		margin-left:613px;
		margin-bottom:4px;
		font-size: 16px;
		line-height: 18px;
	}

	section.newsletter > section:first-of-type > div.ikonki_media_artykulu {
		margin-left:610px;
	}

	section.newsletter > section:first-of-type > .pudelko_na_lida::after {
		width: 160px;
		left: 420px;
	}

	article, div.pudelko {
		max-width:998px;
		padding:0;
	}

	div.pudelko{
		margin:0 auto;
	}

	div.blad-404 {
		padding:100px 3%;
	}

	article > section {
		max-width:998px;
		padding: 0px 0;
	}

	article > section::after {
		width:346px;
	}

	article > section > img.zdjecie {
		width:652px;
	}

	article > section > a.kategoria {
		margin:0 652px 5px 9px;
		padding:0 15px 0 20px;
		font-size:15px;
		line-height: 21px;
		background-size: 11px 13px;
	}

	article > section > time {
		margin:0px 652px 16px 30px;
		font-size:12px;
	}

	article > section > h1 {
		margin:0px 652px 20px 28px;
		padding:0 15px 0 0px;
		font-size: 30px;
		line-height: 34px;
	}

	article > section > div.autor, article > section > div.ikonki {
		margin:0 652px 0 30px;
		padding:0 15px 0px 0px;
		font-size:23px;
		line-height: 24px;
	}

	article > section > div.ikonki{
		margin-top: 30px;
	}

	article > div.pod-zdjeciem {
		width: 652px;
		margin: 10px 0 20px auto;
	}

	article > p {
		margin:10px 0;
		font-size: 20px;
		line-height: 26px;
	}

	article > p.lead {
		margin:30px 0;
		font-size: 24px;
		line-height: 28px;
		letter-spacing: 0.5px;
	}

	article > p.apla {
		padding: 14px 20px;
		line-height: 24px;
	}

	article > p.apla + p.apla {
		margin-top: -30px;
	}

	article > p.apla img {
		max-width: 300px;
		max-height: 200px;
		margin: 20px 0 15px 30px;
	}

	article > p.apla img:first-child {
		margin: 5px 0 15px 30px;
	}

	article ul, article ol {
		margin: 5px 0 0 0;
	}

	article ul li, article ol li {
		font-size:19px;
		line-height: 22px;
	}

	article > blockquote {
		margin:30px 38px;
		padding:0 0 0 36px;
		font-size: 22px;
		line-height: 26px;
	}

	article > blockquote.leftblockquote {
		float:left;
		width:25.8%;
	}

	article > h2 {
		margin:28px 0 23px 0;
		font-size: 22px;
		line-height: 28px;
	}

	article iframe, article p iframe{
		height: 365px;
	}

	article > div.wydarzenie > div.wydarzenie-zdjecie {
		width:312px;
		padding:16px 0 0 0;
	}

	article > div.wydarzenie > div.wydarzenie-zdjecie > img {
		width:100%;
	}

	article > div.wydarzenie > section {
		padding:16px 0 16px 32px;
		font-size: 17px;
		line-height: 20px;
	}

	article > div.wydarzenie > section > time {
		width:170px;
		margin:0 10px 20px 30px;
		font-size: 34px;
		line-height: 34px;
	}

	article > div.wydarzenie > section > time > span {
		font-size: 22px;
		line-height: 22px;
	}

	article > div.wydarzenie > section > time > p {
		font-size:28px;
		line-height:28px;
	}

	article.page {
		padding: 10px 0;
	}

	main > section.kalendarz > nav{
		width: 998px;
	}

	main > section.kalendarz > nav > a:first-child {
		width:315px;
	}
	main > section.kalendarz > nav > a:nth-child(2) {
		width: auto;
	}

	main > section.kalendarz > nav > a:last-child {
		width:315px;
	}

	main > section.kalendarz > section {
		height:165px;
	}

	main > section.kalendarz > section > a > div.wydarzenie-zdjecie {
		width:315px;
	}

	main > section.kalendarz > section > a > div.wydarzenie-zdjecie > img {
		width:315px;
		height:165px;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie {
		padding: 20px 190px 0px 30px;
		height:162px;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie::after {
		width:500px;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie > time {
		padding:0 0 25px 0;
	}

	footer nav {
		max-width:996px;
		padding:18px 270px 18px 180px;
	}

	footer nav a.menu_dolne {
		padding: 5px 8px 5px 5px;
	}

	footer > p {
		max-width:998px;
		padding:0;
	}

	.under-article {
		padding: 20px 0 20px 0;
	}

}


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

	#pasek_gorny > nav {
		max-width:1226px;
	}

	header div {
		max-width:1226px;
	}

	header div #winieta {
		float:left;
		width:360px;
	}

	header div nav {
		margin: 0 0 0 412px;
		padding: 20px 0 0 0px;
	}

	header div nav a {
		width: 233px;
		margin: 8px 0px 0 0px;
		padding: 10px 0px 10px 30px;
		font-size: 18px;
		line-height: 24px;
	}

	header div #winieta #logo {
		margin:0 13px;
		width:330px;
	}

	header div #winieta #portal h1, header div #winieta #portal h2, header div #winieta #umk h1, header div #winieta #umk strong.h1 {
		display:block;
		padding: 0 0 20px 38px;
		font-size:23.5px;
		line-height:28px;
	}

	main > section, main > div.sekcja {
		padding: 20px 0 1px 0;
	}

	main > section > h2, main > section > h1, main > div.sekcja > h2, main > div.sekcja > h1 {
		max-width:1226px;
		margin: 0 auto 20px auto;
		padding: 0;
		line-height: 20px;
	}

	main > section > p, main > div.sekcja > p {
		margin:20px auto 0 auto;
		max-width:1226px;
	}

	main > section > section, main > div.sekcja > section {
		max-width:1226px;
		margin: 0 auto 20px auto;
	}

	main > section > div.ikonki_media_artykulu, main > div.sekcja > div.ikonki_media_artykulu {
		max-width:1226px;
		margin: 0 auto 0px auto;
		padding: 0 0 0px 0;
	}

	main > section > section, main > div.sekcja > section {
		min-height:422px;
	}

	main > section > section::after, main > div.sekcja > section::after {
		width: 422px;
	}

	main > section > section > a.zdjecie img, main > div.sekcja > section > a.zdjecie img {
		width: 804px;
		height:422px;
	}

	main > section > section > a.kategoria, main > div.sekcja > section > a.kategoria {
		margin:0 0px 5px 823px;
		padding:0 15px 0 20px;
		font-size:17px;
		line-height: 22px;
	}

	main > section > section > time, main > div.sekcja > section > time {
		margin:0px 0px 20px 844px;
		font-size:12px;
	}

	main > section > section > div.ikonki_media_artykulu, main > div.sekcja > section > div.ikonki_media_artykulu {
		margin:0px 0px 0px calc(844px - 4px);
		padding:0 0 0px 0;
	}

	main > section > section > h3, main > div.sekcja > section > h3 {
		margin:0px 0px 0px 841px;
		font-size: 38px;
		line-height: 46px;
	}

	main > section > section > a.wiecej, main > div.sekcja > section > a.wiecej {
		margin:0 15px 0 844px;
	}

	.pionowe > section, .sekcja.pionowe > section {
		display: inline-block;
		width: 382px;
		margin:0 40px 35px 0;
		padding: 0 0 0 0;
		min-height: 457px;
	}

	.pionowe > section::after, .sekcja.pionowe > section::after {
		width:382px;
		left:0;
		bottom:0;
	}

	.pionowe > section:nth-of-type(3n), .sekcja.pionowe > section:nth-of-type(3n) {
		margin-right:0;
	}

	.pionowe > section > a.zdjecie img, .sekcja.pionowe > section > a.zdjecie img {
		float:none;
		width:382px;
		height:201px;
		margin:0 0 20px 0;
	}

	.pionowe > section > a.kategoria, .sekcja.pionowe > section > a.kategoria {
		margin:0 0 5px 20px;
		padding: 0 15px 0 20px;
	}

	.pionowe > section > time, .sekcja.pionowe > section > time {
		margin:0 0 20px 40px;
	}

	.pionowe > section > div.ikonki_media_artykulu, .sekcja.pionowe > section > div.ikonki_media_artykulu {
		margin:0 0 0px calc(40px - 4px);
		padding:0 0 0px 0;
	}

	.pionowe > section > h3, .sekcja.pionowe > section > h3 {
		margin:0 0 0px 38px;
		font-size: 30px;
		line-height: 36px;
	}

	.pionowe > section > a.wiecej, .sekcja.pionowe > section > a.wiecej {
		margin:0 15px 0px 40px;
	}

	#wybor > section > a.zdjecie img {
		float:right;
	}

	#wybor > section > a.kategoria {
		margin:0 800px 5px 19px;
	}

	#wybor > section > time {
		margin:0px 800px 20px 40px;
	}

	#wybor > section > div.ikonki_media_artykulu {
		margin:0px 800px 0px calc(40px - 4px);
		padding:0 0 0px 0;
	}

	#wybor > section > h3 {
		margin:0px 800px 0px 37px;
	}

	#wybor > section > a.wiecej {
		margin:0 800px 0 40px;
	}

	.poziome > section {
		width: 593px;
		margin:0 40px 30px 0;
		padding: 54px 0 0 0;
		min-height: 220px;
	}

	.poziome > section::after {
		width:275px;
	}

	.poziome > section:nth-of-type(2n) {
		margin-right:0;
	}

	.poziome > section > a.zdjecie img {
		width:240px;
		margin: 0 37px 10px 40px;
	}

	.poziome> section > a.kategoria {
		margin: -36px 0px 10px 19px;
	}

	.poziome> section > time {
		top: 22px;
		right: 35px;
	}

	.poziome > section > h3 {
		margin:0px 0px 0px 320px;
		padding:0 40px 0 0;
		font-size: 24px;
		line-height: 28px;
	}

	.poziome > section > div.ikonki_media_artykulu {
		margin:0px 0px 0px calc(320px - 4px);
		padding:0 40px 0px 0;
	}

	#wydarzenia > section {
		width: 190px;
		margin:0 40px 30px 0;
		height: 172px;
		min-height:auto;
	}
	#wydarzenia > section > a > h3 {
		margin: 10px 0 0 0;
		font-size: 18px;
		line-height: 20px;
	}

	section.newsletter time {
		max-width: 1226px;
		margin: 0 auto 4px auto;
	}

	section.newsletter > section > a.zdjecie > img {
		float:left;
		width:500px;
		margin: 0 0 0px 0;
	}

	section.newsletter > section > a.kategoria {
		margin-left:523px;
	}

	section.newsletter > section > time {
		margin-left:543px;
	}

	section.newsletter > section > h2 {
		margin-left:542px;
		font-size: 26px;
		line-height: 28px;
	}

	section.newsletter > section > .pudelko_na_lida {
		margin-left:543px;
		margin-bottom:4px;
		font-size: 17px;
		line-height: 20px;
	}


	section.newsletter > section > div.ikonki_media_artykulu {
		margin-left:540px;
	}

	section.newsletter > section:first-of-type > a.zdjecie > img {
		float:left;
		width:700px;
		margin: 0 0 0px 0;
	}

	section.newsletter > section:first-of-type > a.kategoria {
		margin-left:723px;
	}

	section.newsletter > section:first-of-type > time {
		margin-left:743px;
	}

	section.newsletter > section:first-of-type > h2 {
		margin-left:742px;
		font-size: 26px;
		line-height: 28px;
	}

	section.newsletter > section:first-of-type > .pudelko_na_lida {
		margin-left:743px;
		margin-bottom:4px;
		font-size: 17px;
		line-height: 20px;
	}

	section.newsletter > section:first-of-type > div.ikonki_media_artykulu {
		margin-left:740px;
	}

	section.newsletter > section:first-of-type > .pudelko_na_lida::after {
		width: 200px;
		left: 500px;
	}

	article, div.pudelko {
		max-width:1226px;
		padding:30px 0 20px 0;
	}

	div.pudelko {
		padding:0;
	}

	article > section {
		max-width:1226px;
		padding: 0px 0;
	}

	article > section::after {
		width:422px;
	}

	article > section > img.zdjecie {
		width:804px;
	}

	article > section > a.kategoria {
		margin:0 804px 5px 19px;
		padding:0 25px 0 20px;
		font-size:17px;
		line-height: 22px;
		background-size: 11px 13px;

	}

	article > section > time {
		margin:0px 804px 20px 40px;
		font-size:12px;
	}

	article > section > h1 {
		margin:0px 804px 20px 37px;
		padding: 0 25px 0 0;
		font-size: 36px;
		line-height: 44px;
	}

	article > section > div.autor, article > section > div.ikonki {
		margin:0 804px 0 40px;
		padding:0 25px 0px 0px;
		font-size:26px;
		line-height: 32px;
	}

	article > section > div.ikonki{
		margin-top: 30px;
	}

	article > div.pod-zdjeciem {
		width: 804px;
		margin: 10px 0 20px auto;
	}

	article > p {
		margin:10px 0;
		font-size: 20px;
		line-height: 26px;
	}

	article > p.lead {
		margin:30px 0;
		font-size: 27px;
		line-height: 33px;
		letter-spacing: 0.5px;
	}

	article > p.apla img {
		max-width: 300px;
		max-height: 200px;
		margin: 20px 0 20px 40px;
	}

	article > p.apla img:first-child {
		margin: 5px 0 20px 40px;
	}

	article > blockquote {
		margin:30px 38px;
		padding:0 0 0 36px;
		font-size: 22px;
		line-height: 26px;
	}

	article > blockquote.leftblockquote {
		float:left;
		width:25.8%;
	}

	article > h2 {
		margin:28px 0 23px 0;
		font-size: 23px;
		line-height: 28px;
	}

	article iframe, article p iframe {
		height: 448px;
	}

	article > div.wydarzenie > div.wydarzenie-zdjecie {
		width:380px;
		padding:0;
	}

	article > div.wydarzenie > div.wydarzenie-zdjecie > img {
		width:100%;
	}

	article > div.wydarzenie > section {
		padding:0 0 0 40px;
		font-size: 18px;
		line-height: 22px;
	}

	article > div.wydarzenie > section > time {
		width:190px;
		margin:0 10px 20px 40px;
		font-size: 34px;
		line-height: 34px;
	}

	article > div.wydarzenie > section > time > span {
		font-size: 22px;
		line-height: 22px;
	}

	article > div.wydarzenie > section > time > p {
		font-size:28px;
		line-height:28px;
	}

	article.page {
		padding: 20px 0;
	}

	main > section.kalendarz > section {
		margin: 0 auto 30px auto;
		height:199px;
	}

	main > section.kalendarz > nav{
		width: 1226px;
	}

	main > section.kalendarz > nav > a:first-child {
		width:380px;
	}
	main > section.kalendarz > nav > a:nth-child(2) {
		width: auto;
	}

	main > section.kalendarz > nav > a:last-child {
		width:380px;
	}

	main > section.kalendarz > section > a > div.wydarzenie-zdjecie {
		width:380px;
	}

	main > section.kalendarz > section > a > div.wydarzenie-zdjecie > img {
		width:380px;
		height:199px;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie {
		padding: 20px 190px 0px 40px;
		height:196px;
		font-size: 18px;
		line-height: 20px;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie::after {
		width:660px;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie > time {
		padding:0 0 40px 0;
	}

	main > section.kalendarz > section > a > div.wydarzenie-reszta > div.wydarzenie-reszta-ograniczenie > h2 {
		font-size: 24px;
		line-height: 24px;
	}

	footer nav {
		max-width:1226px;
	}

	footer nav a.menu_dolne {
		padding: 5px 12px 5px 9px;
	}

	footer nav a.ostatni {
		margin-right:35px;
	}

	footer nav #logo2 {
		margin-right:30px;
	}

	footer nav a.ikonka {
		margin: 4px;
	}

	footer > p {
		max-width:1226px;
	}



}