:root {
	--font-name :		"Red Hat Display";
  	/*--zolty: 		#FFF77E;*/
	--zolty : 		#FFD64A;
	--zielony :		#769300;
	--zielony_jasny :	#B9D05B;
	--czerwony :		#CB3F1A;
	--niebieski :		#2072AE;
	--niebieski_jasny :	#C5E6FE;
	--szary:		#F2F2F2;
	--szary-przezroczysty:	#F2F2F222;
	--szary_jasny :		#FAFAFA;
	--szary_ciemny :	#777777;
 	--bezowy 	:	#EFEFEF;
	--bezowy_jasny : 	#F9F9F9;
	--white : 		#FFFFFF;
	--zloty : 		#CC9933;
	--zloty-przezroczysty : #CC993322;
	--czarny :		#333333;
	--bialy :		#FFFFFF;
	--bialy-przezroczysty : #FFFFFF22;
	
	--radius :		4px;
	--padding :		16px;
	--margin :		8px;
	--gap :			4px;
	
	--fonts :		var(--font-name), "Segoe UI", caption, sans-serif; 
	--fonts2 :		var(--fonts);
	--fonts-bw :		var(--fonts);
	--fonts-extrabold :	var(--fonts);
	
	--font-weight : 	400;
	--font-normal : 	var(--font-weight);
	--font-light :		300;
	--font-bold : 		700;
	--weight-normal :	400;
	--weight-extrabold :	800;
	
	--font-size : 		16px;
	--font-small : 		13px;
	--font-poster : 	96px;
	--font-poster-small : 	48px;
	
	--font-h1 : 		32px;
	--font-h2 : 		28px;
	--font-h3 : 		24px;
	--font-h4 : 		20px;
	--font-h5 : 		16px;	
	
	--color-body :		#111111; /* #333333; */
	--color-h1 :		#333333;
	--color-h2 : 		#444444;
	--color-h3 : 		#555555;

	--meritum-width :	1152px;
	--normal-width : 	960px;
	
	--color-hover :		var(--niebieski_jasny);
	
	--kreska : 		"\2212";
	--rarr : 		"\2192"; 
	--rarr-skosna : 	"\2197";
	--check : 		"\2714";
	--shadow :		0 0 .9rem 0 rgba(34,34,34,0.3); 
	--down-shadow :		0px 4px 4px -4px rgba(0, 0, 0, 0.50);
	--right-shadow :	2px 0px 2px -2px rgba(0, 0, 0, 0.50);
}

* { 
	font-family	: var(--fonts); 
	font-weight	: var(--font-weight); 
	font-size	: var(--font-size);
	scroll-behavior	: smooth; 
	box-sizing	: border-box; 
	line-height	: 1.5em;
	accent-color	: var(--niebieski);
}

BODY { 	
	margin: auto 0px; 
	color: var(--color-body);   
	padding: 0px;
	
	background-position: top center;
	background-repeat: no-repeat; 
	background-size: cover; 
	
	/* height: 100vh; */
	min-height: 100%;
}

.bigStyle { font-size: clamp( 20pt, 48pt, 10vw); padding-top: 12px; text-align: center; }

.greenbutton, .flatbutton, .button, 
.blu, .dd	 
{  
	font-family: var(--fonts2); 
	font-weight: var(--font-bold);
}

img { 
	max-width: 100%; 
	border: none; 	
	margin: 0px;	
}

BUTTON { 
	border		: 1px solid gray; 
	font-weight	: var(--font-weight);
	font-size	: 100%;
	white-space 	: nowrap; 
	padding		: 0px 16px; 
	text-transform	: uppercase;  
	border-radius	: var(--radius);
	padding		: var(--gap) var(--padding);
}

.I { 
	font-style: italic; 
}
.cols, .col2, .coldwa { margin-top: 24px; margin-bottom: 36px; }

.flo {	float: right;  	border: none; 	margin-top: 0px;   margin-left: 24px;   padding: 8px; position: absolute left; }
.flol {	float: left; 	border: none;	margin-top: 0px;   margin-right: 24px;  padding: 8px; position: absolute right; }

A, .A {  
	color		: var(--niebieski);
	font-weight	: var(--font-bold);
	text-decoration	: none;  
	background-image  : linear-gradient( var(--color-hover) 0, var(--color-hover) 100%);
	background-repeat : repeat-y;
	background-size	: 0 0;
	background-position: 0 65%; 
	transition	: .3s ease;
	/* display		: inline-block; */
}
A:focus, A:hover {
	background-image: linear-gradient( var(--color-hover) 0, var(--color-hover) 100%);
	background-size	: 100% 1em;
	text-decoration : underline;
	color		: black;
}

h1 A, A h1,
h2 A, A h2,
h3 A, A h3,
h4 A, A h4,
h5 A, A h5
{
	background: none;
	color: initial;
}

h1, h2, h3, h4 {     
	font-family	: var(--fonts2); 
	page-break-inside: avoid;   
	break-inside	: avoid;   
	break-after	: avoid;   
	padding-bottom	: 12px; 
	margin-top	: 0px;  
	margin-bottom	: 0px;	
}	

h1, h1 A {  
	font-size	: var(--font-h1); 	
	padding-top	: var(--font-h1);   
	font-weight	: var(--font-bold);
	color		: var(--color-h1);
}

h2, h2 A {
	font-size	: var(--font-h2); 	
	padding-top	: var(--font-h2);   
	font-weight	: var(--font-normal);
	color		: var(--color-h2);
}
h3, h3 A {  
	font-size	: var(--font-h3); 	
	padding-top	: var(--font-h3);   
	color		: var(--color-h3);
	font-weight	: var(--font-normal);
}
h4, h4 A {  	
	font-size	: var(--font-h4); 	
	padding-top	: var(--font-h4);   
	color		: var(--color-body);
	font-weight	: var(--font-normal);
}

HR, .dothr { 
	border		: 0px; 
	border-bottom	: 1px dotted gray; 
	width		: 66%; 
	margin-top	: 36px; 
	margin-bottom	: 36px; 
}
h4 .cols {   
	border-bottom: 1px dotted gray;  
}

.black, .black A {  
	color: var(--czarny);
}
.mapa { 
	display		: block; 
	float		: left; 
	padding		: 12px; 
	width		:120px;  
}
.mapa, .mapa A { 
	color		: #EEEEEE; 
	text-decoration	: none; 
}

.cols { 
	column-count: 3; 
	column-gap: 32px;  
}
.col2 {  
	column-count: 2; 
	column-gap: 32px; 
}
.col1 {	
	max-width: 600px; 
}

.prawa, .prawanoh, .lewa, .lewanoh {
	width: 312px;	
	margin: 0px;	
	}

.prawa, .prawanoh {	
	float:right;	
	border-left: 1px gray dotted;	
	margin-left: 16px;
	padding-left: 16px;	
	}

.prawasih {	
	width: 100%;	
	}

.lewa {	
	float:left;	
	width: 312px;	
	margin-right: 16px;	
	border-right: 1px gray dotted;	
	background: #EFEFEF;	
	padding: 16px;	
	text-align:left; 
	clear: right;
	}

.calosc { margin: 0px; padding: 0px; }
.srodek, #srodek { 
	max-width: var(--normal-width);
	margin: 0px auto; 
	padding: 0px 48px; 
	background-color: #FFFFFF; 
	background-color: rgba(255,255,255,0.10); 
}

.stopka { 
	padding: 48px 24px;
	padding-top: 32px; 
	text-align: center; 
	max-width: var(--meritum-width);
	font-size: var(--font-small);
	margin: 0px auto;
	text-shadow: 0px 0px 8px var(--bialy);
	background-color: rgba( 210, 210, 210, 0.80); 
}

.sih { 
	display		: none; 
}
.noh { 
	/* display		: initial;  */
}

P, BR { 	
	padding-bottom: 2px; 	
}
TH { 	
	vertical-align: top; 	
}
TR { 	
	vertical-align: top; 	
}
TD { 	text-align: left; 	
	vertical-align: top; 	
}

.yellow { 
	background-color: #FFFFE1; 
	padding: 4px; 
}

PRE, .PRE, .pre { 
	font-family: monospace;
	color: #222222;
	line-height: 1;
	}

.R, .R INPUT { 
	text-align: right;  
}
.C, .C INPUT  { 
	text-align: center;  
}
.C img, img .C { 
	margin-left: auto; margin-top: auto; 
	}

.TT td { border-bottom: 1px dotted silver; padding: 8px 12px; padding-bottom: 18px; }
.TV td { margin: 0px; padding: 4px; xfont-size: 11pt; }
.tr td { border-right: 1px solid silver; border-bottom: 1px solid silver; border-radius: 4px; padding: 12px; }
.TDS tr { border-bottom: 1px solid silver; }
.UP { 
	text-transform: uppercase; 
}
/*
.TV TR:hover { 	
	background-color : var(--zolty); 
}
*/
.hover:hover		{
 background-color: #F0F0F0;
 cursor: pointer;
 text-decoration: none;
}

.flat, .flatbutton, .greenbutton { padding: 2px 24px; border: 0px; color: white; white-space : nowrap; }
.flat { font-weight: bold; }
.flatbutton { background-color: #004876; }
.greenbutton { background-color: #93B414;  }
.nobutton { padding: 4px 12px; background: none; border: 0px; white-space : nowrap; }

.flatbutton:hover, .greenbutton:hover, .nobutton:hover, .flat:hover { text-decoration: underline; }
.obrot { transition: all 0.5s ease; }
.obrot:hover { transform: rotate(360deg);}

.tag, A .tag { 
	background-color: #769300; #B9D05B;
	color: white; font: white bold; 
	xborder-bottom: 1px solid #666666; 
	padding: 0px 16px; 
	border-radius: 6px; 
	white-space: nowrap; 
	text-decoration: none;
	margin-bottom: 8px;
	min-width: 60px; 
	display		: inline; /*-block;  */
	text-align	: center;
	margin-left	: 0px; 
	margin-right	: 16px; 
}

.bottom {   
	vertical-align:bottom; 
	margin-bottom: 0px; 
}
.box { 
	padding: 8px; 
	display: inline-table; 
	height:200px; 
	border-right: 1px dotted var(--czarny); 
	border-bottom: 1px dotted var(--czarny);
}

.nobreak {   
	page-break-inside: avoid;
	break-inside: avoid;
	break-inside: avoid-column;
	break-after: avoid; 
}

.xframing { position :relative;  animation: mymove 1s; }
@keyframes mymove { 
	0%   {top: 3px; } 
	30%   {top: -10px; }  
	100% {top: 0px; } 
}

textarea, input, select { 
	padding		: 4px;	 
	font-size	: var(--font-size);
	font-weight	: var(--font-weight);  
	max-width	: 70%; 
} 

.collapsible {  cursor: pointer; background: none; color: #20557A; }
.active, .collapsible:hover {  text-decoration: underline; }
.collapsible:before {   content: '\002B';  color: #20557A; font-weight: bold;  float: left;  margin-right: 5px; }
.active:before {   content: "\2212"; }
.content {  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;  background-color: #f1f1f1; margin-bottom: 16px; }
.content BR { margin-bottom: 4px; }

.glowka { 
	top: 0px; text-align: right; padding: 6px; padding-top: 6px; height: auto; 
	background-image: linear-gradient(to right, rgba(255,255,255,1), #EFEFEF);
	color: #000; 
	width: 100%; text-align: center; z-index: 9;
	border-bottom: none; 
	}
.glowka A { font-weight: normal; }

.TV tr:nth-child(even){  background-color: #EFEFEF; }

.shadow, 
.img-box { 
	box-shadow: 0 0 .9rem 0 rgba(34,34,34,0.3); 
}

.fle { 
	display: flex;  
	flex-wrap: wrap; 
	align-items: flex-start; 
	justify-content: flex-start;
	padding: 0px;
	margin-top: 24px; 
	margin-bottom: 24px; 
}

div.fle > div {  
	flex-basis: 312px; 
	padding: 0px;
	margin-right: 32px;
	margin-bottom: 16px;
}

.NB { 
	font-weight: normal; 
}


.sidenav {  height: 100%;  width:0px;  position: fixed;  top:0;  left:0;  background: #EFEFEF; border-red: 2px dotted red;
		overflow-x: hidden; overflow-y: none; transition: 0.5s; padding: 32px; z-index: 17; visibility: hidden; padding-top: 48px; }
.sidenav A {  display: block; transition: 0.1s; }
.closebtn {  position: absolute;  top: 0;  right: 25px;  font-size: 36px;  margin-left: 50px; }
.overlay { height: 100%; width: 100%; visibility: hidden; position: fixed; z-index: 17; top: 0; left: 0; 
		background-color: rgba(0,0,0, 0.9); overflow-y: auto; overflow-x: hidden; opacity: 0.5; transition: opacity 1s; }

.border-bottom  { 
	border-bottom: 1px dotted var(--czarny); 
}
.ikonaProgramu { 
	color: white; font-weight: bold; padding-left: 4px; padding-right: 4px; border: 0px; 
	border-radius: var(--radius);
}
.noShadow { 
	box-shadow: none;
}

.inline { 
	display: inline; 
}
.center { 
	text-align : center; padding: 24px; margin-left: auto; margin-right: auto; 
}
.small { 
		font-size: var(--font-small); 
		font-weight: var(--font-weight);
		/* line-height: 1.2em; */
		color: var(--color-body);
}

.meritum  {  
	width: var(--meritum-width);	
	max-width: 100%; 	
	margin: 0px auto; 	
	min-height: 1440px;
	padding: 48px; 
	background-color: rgba(255,255,255, 0.90); 
	display: flex;  	
	flex-direction: column;	
	flex-wrap: wrap; 	
	justify-content: flex-start;
}

.szukadelko  {
	background-image	: url('/p/search_icon.png');
	background-position	: 10px 10px;
	background-repeat	: no-repeat;
	padding			: 12px 40px 12px 40px;
	border			: 1px solid var(--szary2);
	margin-bottom: 12px;
}

.szukadelko:active  {
	border			: 2px solid var(--szary2);
}

#szukadelkoInfo {
	display 	: none;
}

.shadowB { box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2); }

.tab, .tab_flip, .formInline 	{
	margin-bottom: 4px;
	padding-left: 12px; 
	padding-right: 12px;
	font-weight: normal;
	text-decoration: none;	
	color: black;
	display: inline-block;
	font-weight: var(--font-weight); 
	}

.tab {
	border-bottom: 1px solid gray; 
	}

.tab_flip, .formInline {
	border-top: 1px solid gray; 
	}
	
.seltab, .seltab_flip, .formInline_sel {
	margin-bottom: 4px;
	padding-left: 12px; 
	padding-right: 12px;
	text-decoration: none;	
	color: black;
	display: inline-block;
	font-weight: bold;
	}

.seltab {
	border-left: 1px solid gray; 
	border-right: 1px solid gray; 
	border-top: 1px solid gray; 
	}
.seltab_flip, .formInline_sel {
	border-left: 1px solid gray; 
	border-right: 1px solid gray; 
	border-bottom: 1px solid gray; 
	}


.strzalka li:not(:first-child)::before {
	content: var(--rarr);
	}
@keyframes fadein { from { opacity: 0; } to   { opacity: 1; } }
.fade-in {  
	transition: .6s ease !important; loading: lazy;  animation: fadein 2s; 
	}

.noFloat { } 
.sumaSticky { 
	position: sticky; 
	top: 48px; 
	min-height: 640px; 
	min-width: 200px; 
	max-width: 320px;
	background-color: white; 
	padding: 8px; 
	float: right; 
	text-align: right; 
	}

.banner {
	position: relative; 
	width: 	var(--meritum-width);
	max-width: 700px;
	/*height: 420px;*/
	/* max-width: 100%; */
	aspect-ratio: 1152/420;
	display: block; 
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	z-index: 5;
	}

@media (max-width: 850px) {
	.meritum { width: var(--normal-width); max-width: var(--normal-width);  }
	.cols { column-count: 2; }
	.banner { width: 100%; }
	}	
.prawasih { display: none; 
	}

@media (max-width: 850px) {
	.meritum { max-width: initial;  width: 100%; }
 	.nomax { display: none; }
	.prawanoh { display: none; }
	.prawasih { display: initial; }
	.menu { position: relative; height: auto; width: 100%; }
	.sumaSticky { display:none;  }
	.prawa { float:none; width: auto; margin: auto; display: block; border-left: none; margin-left: initial; padding-left: initial;	}
}	

/* div.fle > div { xflex-basis: auto; xpadding-right: 16px; } */

.rabat { 
	background-color: #769300; 
	color: #FFF;
	padding: 0px 8px;
	white-space: nowrap;	
	}

.t_rabat {
	color: #769300; 
	}

label { 
	display: block;  
	}

A.menuGorne, .menuGorne {
	color: black; 
	padding: 0px 12px; 
	font-weight: var(--font-weight);
	}

.fle2 { display: flex;  
	align-items: flex-start; justify-content: flex-start; flex-direction: row; 
	padding: 16px; margin; 0px; position: sticky; top: 0px; background-color: #FFF; 
	/* text-transform: uppercase;  */
}
.fle2L { 
	flex-grow: 3; 
	text-align: left; 
}
.fle2R { 
	flex-grow: 2; 
	text-align: right; 
}
.fle2L A, .fle2R A { 	
	color: black; 	
	font-weight: var(--font-weight); 
}

.menuImg { 
	position: relative; 
	top: 2px; 
	max-width: 30px;  
	max-height: 16px; 
}	

nav, nav .fle2 {
	border-bottom: 1px dotted #eeeeee;
	box-shadow: 0 0 .9rem 0 rgba(34,34,34,0.3);
	z-index: 9999;
}

.dlugiWeekend {
	background-color: #E0EAB5; 
	border-bottom: 1px solid #B9D05B; 
	padding: 4px 8px;
	margin-bottom: 8px;
}

.dropdown {
	position: relative;
	display: inline-block;
	z-index: 100000;
	padding: 0px 12px;
}
.dropdown-content {
	display: none;
	/* position: sticky; bottom: 0px; */
	position: absolute;
	z-index: 1;
	background-color: #f9f9f9;
	min-width: 300px;
	max-width: 600px;
	border: 1px dotted var(--niebieski);
	border-top: none;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 
	padding: 12px;
}
.dropdown:hover  {
	background-color: #f9f9f9;
	border: 1px dotted var(--niebieski);
	border-bottom: none;
}
.dropdown:hover .dropdown-content {
	display: block;
	xwhite-space : nowrap; 	
	left:  0px;
	/* text-transform: uppercase; */
}
.dropdown:hover .dropdown-content A {
	white-space : nowrap; 	
	text-decoration: none;
	font-family: var(--fonts); font-weight: var(--font-weight); font-size: var(--font-size); 
}
.dropdown.flo:hover  .dropdown-content  {
	left:  initial;	
	right: 0px;
}
.dropdown A {
	font-weight: var(--font-weight);
	transform: initial;
}
.gorneMenu {
	padding: 8px;
	border-bottom: 1px solid var(--szary);
	background-color: var(--bezowy_jasny);
}

.gorneMenu A {
	padding: 0px 12px;
	text-decoration: none;
}

.ding {
	font-weight: initial; 
	color:var(--niebieski);
	margin-right: 8px;
}
.gornemenu .ding {
	color:var(--zielony);
}

footer { 
	width: var(--meritum-width);
	max-width: 100%;
	margin: 0px auto; 
	padding: 24px;
	color: var(--color-body);
	/* text-align: center; */
}

footer, footer, footer A { 
	font-size: var(--font-size);
	font-weight : var(-font-weight);
	color: var(--czarny);
}
	
.og, .og * { 
	font-size: var(--font-small);
	font-weight : initial;
}	

.og { 
	max-width	: var(--meritum-width);	
	min-height	: 112px;
	margin		: 12px auto; 
	/* border-top: 1px dotted var(--czarny); */
	/* padding: 24px 48px;  */
	text-align	: justify;
	background	: white;
}
	
.og IMG {
	max-width: 64px; 
	max-height: 64px; 
	float: right; 
	margin-left: 12px;
}

.crumb {
	border-bottom: 1px dotted var(--niebieski);
	color : var(--niebieski);
	margin-bottom: 12px;
}

.crumb A {
	color : var(--niebieski);
	font-weight: var(--font-weight);
	text-decoration : none;
}

.crumb_head {
	color : white;
	background-color : var(--niebieski);
	font-weight: var(--font-bold);
	padding: 0px 8px;
	margin-right: 8px;
}	

.crumb_later {
	color : var(--szary_ciemny);
	padding: 0px 8px;
	margin-right: 8px;
}
	
ARTICLE {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
/*	
.wielki {
	display: none;  
	max-width: 100%;
	margin: 0px auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover; 
	background-blend-mode: lighten; 
	padding: 36px; 
	width: 100%;
	max-width: 100%; 
	color: white; 
	text-shadow: 4px 4px 12px var(--czarny);
	font-size: var(--font-h4); 
	font-weight: 400;
	justify-content: center; 				
	margin: 0px auto;
	}
*/
		


B, .B, .B A, .B A:hover { 
	font-weight: var(--font-bold);
}

.lorem {
	clear: both; 
	padding-top : 12px;
	padding-bottom : 12px;
	column-width: auto; 
	column-gap: 32px;  
}

DIV {
	orphans: 2;
}

@media (max-width: 850px) {  
	.flo, .flol { position: static; float: none;  display: block;  max-width: 80%; }
 	.sih { display: inline-block; }
 	.noh { display: none; }
	.col2, .coldwa, .cols { column-count: 1; }
	.calosc { background: solid white; }
	.indent { margin-left: 0px; margin-right: 0px; padding: 16px; padding-left: 32px; border: 1px dotted gray; }
	.srodek { padding: 0px; }
	.centrum-strony { padding: 24px; }
	.dd, .dd A, .dd-parent A, .dd:hover { padding: 4px 8px; }
	.stopka, .og, .meritum { padding: 24px; }
}

.lorem P {   
	page-break-inside: avoid;
	break-inside: avoid;
	break-inside: avoid-column;
	break-after: avoid; 
}

.imgMore {
	height: 10px;
	vertical-align: baseline; 
	transition: transform 0.1s ease;
	margin-left: 8px;
}

.krotkie {
	break-inside	: avoid-column;
}
.more {
	margin-top	: 8px;
	/* display		: block; /* jeśli js: none */
	/* border-bottom 	: 1px dotted var(--niebieski); */
	padding-bottom	: 4px;
	margin-bottom 	: 8px;
	break-inside	: avoid-column;
	cursor		: initial;
}

.wyszukiwalny { 
	display		: none;
	text-overflow 	: ellipsis;
	overflow	: hidden;
	max-width	: 100%;
}

.wyszukiwalny::before { 
	content 	: var(--rarr);
}

.wyszukiwalny A { 
	font-weight: var(--font-weight);
}

#wynikSzukania {
	min-height	: 64px;
	max-height	: 280px;
	display		: none;
	overflow	: auto;
	margin-bottom	: 16px;
	background	: var(--bezowy_jasny);
}	

#wynikSzukania SPAN {
	max-width	: 240px;
	text-align	: left;
	vertical-align	: top;
	margin-bottom	: 12px;
	/* max-height	: 120px; */
	font-size	: var(--font-small);
	text-overflow	: ellipsis;
	overflow	: clip;
}

#wynikSzukania A {
	display		: block;
}

.ref2  {
	font-size	: var(--font-small);
	float		: right;
	border		: 1px solid var(--zielony);
	border-radius	: var(--radius);
	color		: white;
	background	: var(--niebieski);
	padding		: 0px 6px;
	font-weight	: var(--font-bold) !important;
	margin		: 4px;
}
.ref2::before {
	content		: "sprawd\017A";
}

.znajdzSwojZawod {
	border-radius	: var(--radius);
	border		: 1px dotted var(--zielony);
	padding		: 12px;
	text-align	: center;
	background	: var(--zielony_jasny);
	min-height	: 240px;
}

.znajdzSwojZawod INPUT {
	margin		: 0px auto;
	/* max-width	: 90vw; */
	display		: inline-block;
	text-align	: center;
}

.faq {
	column-count	: 2;
}

.faq-pytanie {
	margin-top	: 4px;
	break-inside	: avoid;
}
.faq-pytanie::before {
	content 	: "?";
	font-weight	: var(--weight-extrabold);
	padding		: 0px 8px;
	border-radius	: var(--radius);
	color		: white;
	background	: var(--niebieski);
	margin-right	: 4px;
}

.faq-answer  {
	border-left	: 2px solid var(--niebieski);
	padding-left	: 8px;	
	display		: block;
}


.programNazwa { 
	font-weight	: var(--font-bold);
	display		: block;
	text-align	: center;
}

.programOpis {
	color		: var(--niebieski);
	display		: block;
	/* font-size	: var(--font-small);*/
	text-align	: center;
}

UL	{
	padding-left	: 0px;
}
UL > LI {
	/* padding-left	: 16px; */
	list-style-type	: none;
	list-style-position	: inside;
}

UL > LI::before {
	content		: var(--check);
	margin-right	: 8px;
	color		: var(--niebieski);
}

.ikonaPakietu {
	float		: right;
	height		: 80px;
	width	 	: 80px;
	padding		: 4px;
	background	: white;
	margin-left	: 8px;
	text-align	: center;
	
	padding		: 8px;
	border-radius	: var(--radius);
	border		: 2px solid var(--niebieski_jasny);
	margin-bottom	: 8px;
}

.ikonaPakietu IMG {
	max-height	: 64px;
	max-width	: 64px;
	margin		: auto auto;
}

.ikonaPakietu32 {
	float		: right;
	height		: 28px;
	width	 	: 28px;
	padding		: 0px;
	background	: none;/* white;*/
	margin-left	: 4px;
	text-align	: center;
}

.ikonaPakietu32 IMG {
	max-height	: 28px;
	max-width	: 28px;
	margin		: auto auto;
}


/* scrollTable */ 

.scrollTableContainer {
	display		: block;
	overflow-x	: auto;
	/* white-space	: nowrap; */
	width		: 100%;
	max-width	: 100%;
}
		
.scrollTable {
	display		: block;
	overflow-x	: auto;
	/* white-space	: nowrap;*/
	border-collapse	: collapse;
	max-width	: 100%;
	width		: initial;
}

.scrollTable tr:nth-child(even) {
	background	: var(--szary2);
}

	
.scrollTable td:nth-child(even) {
	background-color	: rgba(167, 183, 198, 0.21);
}

.scrollTable td {
	text-align	: center;
	padding		: 2px 8px;
	/* white-space	: nowrap;*/
	min-width	: 120px;
	max-width	: 180px;
	
}

.scrollTable td:first-child {
	text-align	: left;	
	padding-right	: 8px;
	position	: sticky;
	left		: 0;
	background	: white;
	min-width	: 200px;
	max-width	: 400px;
}	

.scrollTable td:first-child:hover,
.scrollTable tr:hover { 
	background	: var(--zolty);
}

.scrollTable tr:first-child {
	vertical-align	: bottom;	
}
.scrollTable tr:first-child:hover {
	background	: white;
}
	

.mikroObrazek {
	width		: 120px;
	max-width	: initial !important;
	
	filter		: drop-shadow( 2px 2px 4px rgba(0,0,0,.5)); 
	position	: relative;
	top		: 0px;
	z-index		: 17;
	margin-bottom	: 8px;	
}

.infoNiebieskie {
	color		: var(--niebieski);
	font-size	: var(--font-small);
}

TABLE {
	border-collapse	: collapse;
	border-collapse	: separate;
	border-spacing	: 0 0cm;
	table-layout	: fixed;
}

TD { 
	padding		: 0.1cm;
	border-bottom	: 1px solid var(--szary);
}

/*
TR:hover {
	background 	: var(--zolty); 	
}
*/
.niebieski {
	color		: var(--niebieski);
}

.A4 {
	max-width	: 21cm;
	min-height	: 29.7cm;
	border		: 1px dotted silver;
	box-shadow	: 0 0 .9rem 0 rgba(34,34,34,0.3); 
	padding		: 2cm;
}

.A4 h1,
.A4 h2,
.A4 h3 {
	padding-top	: 0px;
}

@media (max-width: 21cm) {  
	.A4 {
		width		: 100%;
		min-height	: none;
		border		: none;
		box-shadow	: none;
		padding		: 0px;
	}
}

@media print {
	.noPrint,
	.footer,
	.og	{
		display 	: none;
	}
}

.colNone {
	display 	: none;
	white-space	: nowrap;
}

.colR {
	white-space	: nowrap;
	text-align	: right;
}

.colLp {
	white-space	: nowrap;
	text-align	: right;
	padding-right	: 8px;
	color		: var(--niebieski);
}
.colLp::after {
	content		: ".";
}

.colRW,
.colRWno {
	min-width	: 96px !important;
	text-align	: right;
	white-space	: nowrap;
}

.colC {
	white-space	: nowrap;
	text-align	: center;
}

.colMax {
	width		: 100%;
}
/*
.colR:hover, .colRW:hover, .colC:hover, .colMax:hover {
	background-color : var(--zolty); 	
	box-shadow	: 0 0 .9rem 0 rgba(34,34,34,0.3); 
}
*/



.pudelkoProgramu {
	max-width	: 310px;
	/* filter		: drop-shadow( 2px 4px 8px rgba(0,0,0,.5)); 
	position	: relative;
	top		: 0px;
	z-index		: 17;
	*/
	margin-bottom	: 16px;
}

.dropShadow {
	filter		: drop-shadow( 2px 4px 8px rgba(0,0,0,.5)); 
	margin		: 8px;
}

/* modal obrazki */

.listaO {
	display : flex;
	flex-wrap : wrap;
	justify-content: space-between;
}

.listaO > DIV {
	flex-basis: 320px;
	font-size : var(--font-small);
	margin-bottom: 16px;
}

.listaO > DIV > IMG {
	cursor		: pointer; 
	/* box-shadow: 0 0 .9rem 0 rgba(34,34,34,0.3); */
	border-radius	: var(--radius);
	border		: 1px solid silver;
	margin-top	: 32px;
}

.listaO > DIV > SPAN {
	font-size : var(--font-small);
	display: block;
	text-align : right;
	color : var(--niebieski);
}


#myImg {
	border-radius	: 5px;
	cursor		: pointer;
	transition	: 0.3s;
}

#myImg:hover {opacity: 0.7;}

.modal {
	display: none; 
	position: fixed; 
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%; 
	overflow: auto; 
	background-color: rgba(0,0,0,0.8); 
	color: white;
	text-align: center;
	font-weight: var(font-weight2);
	font-size: var(--font-h3);
	animation-name: fadein;
	animation-duration: 0.5s;
}


.modalImg {
	margin		: 16px auto;
	display		: block;
	max-width	: 90%;
	border-radius	: var(--radius);
}

.modalPrev {
	position	: absolute;
	bottom 		: 40px;
	left 		: 48px;
}

.modalNext {
	position	: absolute;
	bottom 		: 16px;
	right  		: 48px;
}

.modalPrev A, 
.modalNext A {
	color : white;
	font-weight : var(--weight-normal);
	cursor : pointer;
}

.modalContent {  /* , #caption */
	animation-name: zoom;
	animation-duration: 1.6s;
}

.modalSmall {  /* , #caption */
	animation-name: zoom;
	animation-duration: 0.3s;
}

@keyframes zoom {
	from {transform:scale(0)} to {transform:scale(1)}
}


.close {
	position: absolute;
	top: 64px;
	right: 48px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.6s;
}

.close:hover,
.close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

@media only screen and (max-width: 700px){
	.modalContent {
	width: 100%;
	}
}

/* end - modal obrazki */

.info {
	margin	: 0 4px;
	color	: var(--niebieski);
	cursor	: help;
}

.info SPAN {
	display: none;
}

.info:hover  SPAN {
	display: inline-block;
	color	: var(--czarny);
	background	: var(--bialy);
	padding	: 4px;
}

.flexWrapped {
	display: flex; 
	flex-wrap: wrap;
}