<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

a:link  	{ font-family:verdana,tahoma;color:#004080;text-decoration:none;background:#FFFFCC; }
a:active	{ font-family:verdana,tahoma;color:#0055C0;text-decoration:none;background:#BBFF33; }
a:visited	{ font-family:verdana,tahoma;color:#004080;text-decoration:none;background:#FFFFCC; }
a:hover 	{ font-family:verdana,tahoma;color:#0055C0;text-decoration:none;background:#BBFF33; }

.tekst14	{ font-family:verdana,tahoma; font-size:14px; color:#222222; font-weight:bold; }
.podp		{ font-family:Calibri,Tahoma; color:#444444; font-style:italic; font-weight:bold; }
.podp17 	{ font-family:Calibri,Tahoma; font-size:17px; color:#222222; font-style:italic; line-height:1.2em; letter-spacing:0.2pt; text-align:center; }
.pskrt		{ font-family:Tahoma,Calibri; font-size:17px; text-indent:25px; line-height:1.4em; letter-spacing:0.3pt; margin:12px 25px; }


.tt13	{ font-size:13px; }
.tt14	{ font-size:14px; }
.tt15	{ font-size:15px; }
.tt16	{ font-size:16px; }
.tt17	{ font-size:17px; }
.tt18	{ font-size:18px; }
.tt20	{ font-size:20px; }

.lh12	{ line-height:1.2em; }
.lh13	{ line-height:1.3em; }
.lh14	{ line-height:1.4em; }
.lh15	{ line-height:1.5em; }
.lh16	{ line-height:1.6em; }
.lh17	{ line-height:1.7em; }
.lh18	{ line-height:1.8em; }

.lsp02		{ letter-spacing:0.2pt; }
.lsp03		{ letter-spacing:0.3pt; }
.lsp05		{ letter-spacing:0.5pt; }
.lsp075 	{ letter-spacing:0.75pt; }
.lsp1		{ letter-spacing:1pt; }
.lsp2		{ letter-spacing:2pt; }

.kbia		{ color:#FFFFFF; }
.kgrft		{ color:#777777; }
.kgrft4 	{ color:#444444; }
.knbs		{ color:#1177ff; }
.kzlt		{ color:#FFFF33; }
.kzlnh		{ color:#007700; }
.kzlns		{ color:#008800; }

.tlo1		{ background-color:#ffffff; }
.tlo2		{ background-color:#dddddd; }
.tlo3		{ background-color:#cccccc; }
.tlo4		{ background-color:#ffffaa; }
.tlo5odn	{ background-color:#ff99ee; }
.tczrwn 	{ background-color:#EE0000; }

.pad2222	{ padding:2px; }
.pad2525	{ padding:2px 5px; }
.pad3131	{ padding:3px 1px; }

.wtbo		{ font-weight:bold; }
.tbbo		{ font-weight:normal; }
.tpch		{ font-style:italic; }
.tprst		{ font-style:normal; }
.tpdkr		{ text-decoration:underline; }
.tdsr		{ text-align:center; }
.tdlw		{ text-align:left; }
.tdob		{ text-align:justify; }
.tdpr		{ text-align:right; }
.ti15		{ text-indent:25px; }
.ti25		{ text-indent:25px; }

.ffah		{ font-family:arial,helvetica; }
.ttram 		{ font-family:verdana,tahoma;font-size:13px;color:#FF0000; }
.ttram td 	{ border:1px solid #000080; }

.a_button	{ border:1px outset #FFFF00; padding:3px; background:#FF7E00; font-weight:bold; display:block; position:relative; width:80%; color:#FFFF00; text-align:center; margin-bottom:3px; margin-right:15px }
.a_button:hover { background:#FFFF00; color:#FF7E00; }

.a_menu-button		{ border:1px solid #444444;padding:3px;background:#B9B9B9;color:#495678;font-weight:bold;font-size:12px; display:block;position:relative;width:100px;text-align:center;margin:5px 0 9px 0; }
.a_menu-button:link 	{ color:#495678; }
.a_menu-button:active   { color:#495678; }
.a_menu-button:visited  { color:#495678; }
.a_menu-button:hover	{ background:#495678;color:#FFFF99; }


body {
	font-size: 15px;
	font-family: Tahoma, Verdana, sans-serif;
	background: url(images/tlo7-img-20210209-130154.webp) no-repeat center fixed; 
	background-size: cover;
	font-weight: normal;
	background-color: #FFFFFF;
	margin: 0 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align:left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.container {
	position: relative;
	box-shadow: 0 0 5px #FFFFFF;
	max-width: 1020px;
	min-width: 200px;
	padding: 0 0 0 0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/* text-align: center; this overrides the text-align: center on the body element. */
	font-weight: normal;
	background: #EAEAEA;
	border:1px solid #AAAAAA;
}

	img { border:1px solid #777777; }

@media (min-width: 850px) {
#top {
	position: relative;
	max-width: 1020px;
	min-height: 422px;	/*  było: 430px  */
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: center;
	padding: 0 0 0 0;
	background-color:#F4F4F4;
	font-weight: bold;
 }

#naglowek_obraz {
	float: right;
	max-width: 680px;
	width: 60%;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

#naglowek_obraz img {
	max-width: 592px;
	width: 94%;
	height: auto;
	margin: 18px auto;	/*  było: 12px auto  */
	border: 0;
}

#naglowek_kontakt {
	float: left;
	width: 40%;
	padding: 0;
	margin-top: 30px;
}

.logo {
	max-width: 308px;
	height: auto;
	border: 1px solid #999999;
/*	margin-top:-10px;	 JG */
}

#haslo {
	min-height: 50px;
	width: 100%;
	margin: 0 auto;
	background-color:#FCFCFC;
	border-top: 1px solid #24B357;
	border-bottom: 2px solid red;
}

}


@media (max-width: 849px) {
#top {
	position: relative;
	max-width: 810px;
	min-height: 210px;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: 12px;
	text-align: center;
	padding: 0 0 10px 0;
	font-size: 22px;
	font-weight: bold;
	text-transform:none;
	color: #ffffff;
	margin: 0 auto;
	background-color:#F4F4F4;
	font-weight: bold;
}


#naglowek_obraz {
	float: none;
	width: 95%;
	height: auto;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

#naglowek_obraz img {
	width: 95%;
	max-width: 735px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 12px;
}

#naglowek_kontakt {
	padding: 0;
	line-height: 22px;
	color: #001188;
	text-align: center;
	padding-top: 20px;
}

.logo {
	max-width: 308px;
	width: 98%;
	height: auto;
	border: 1px solid #999999;
}

#haslo {
	min-height: 46px;
	width: 100%;
	margin: 0 auto;
	background-color:#FCFCFC;
	border-top: 1px solid #24B357;
	border-bottom: 2px solid red;
}

}

#menu-trigger {
	color:#000;
	font-weight:700;
	text-transform: uppercase;
	padding: 0;
	margin: 10px 0 0 0;
	cursor: pointer;
	text-align: center;
	background: #FFFFFF;
}


nav {
	position: relative;
	box-shadow: 0 0 5px #FFFFFF;
	max-width: 1020px;
	width: 100%;
	min-width: 200px;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	padding: 0;
	padding-top: 10px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: center; /* this overrides the text-align: center on the body element. */
	background: #FFFFFF;
	font-family:verdana,tahoma;
	font-weight: bold; 
	font-style: italic;
	border-bottom: 1px solid #999999;
}




/* było 501 i wtedy powyżej nie wyskakuje trigger Menu */
@media (min-width: 351px) {

	#menu-trigger { display: none; }

	nav {
		display:inline-block !important;
		text-align: center;
		min-height: 68px;
	}

	nav ul {
		padding: 0px;
		margin: 0 auto;
		margin-bottom: 5px;
	}
	nav ul li {
		position: relative;
		display: inline-block;
		max-width: 170px;	/*  było: 115px  */
		padding: 0 9px;
		margin: 0 auto;
	}

	nav a { display:inline-block !important; }

	nav a 			{ margin:9px 0; width:170px; padding:5px;}		/* szerokość przycisku w MENU;  było  margin:5px 0; max-width:130px */
	nav a:link 		{ color:#006809; text-decoration:none; background:#aeffae; }
	nav a:active 		{ color:#006809; text-decoration:none; background:#aeffae; }
	nav a:visited 	{ color:#006809; text-decoration:none; background:#aeffae; }
	nav a:hover		{ color:#FFFFFF; text-decoration:none; background:red; }
	
/*  było używane:	.strind { max-width: 140px; }  */

	.pierwszeind{
		width: 170px ;
		font-family: verdana,tahoma;
		text-decoration: none;
		padding: 5px 5px;
		margin: 5px 0;
		font-weight: bold;
		background: grey;
		color: #FFFFFF;
	}

	.pierwsze{
		font-family:verdana,tahoma;
		text-decoration: none;
		padding: 5px 0;
		margin: 5px;
		font-weight: bold;
		background: grey;
		color: #FFFFFF;
	}

	.pierwsze:hover {
		background-color: grey;
	}
	

}

/* było 500 i wtedy wyskakuje trigger Menu */
@media (max-width: 350px) {
		
	#menu-trigger {
		display: block;
		text-decoration: none;
		width: 100%;
		padding: 15px 0 0 0;
		margin: 0;
		text-align: center;
		line-height: 40px;
		border-bottom: 1px solid #999999; 
	}

	nav {
		border-top: 1px solid white;
		display: none;
		margin: 0 auto;
		padding: 0;
		list-style:none;
		width: 100%;
		text-align: center;
	}

	nav ul {
		position: relative;
		margin: 0px auto;
		width: 80%;
		text-align: center;
		list-style: none;
		padding: 0px;
		padding-bottom: 10px;
	}

	nav ul li {
		display: inherit;
		width: 100%;
		padding: 0px;
		margin: 0px auto;
		list-style: none;
	}

	nav a { 
	display:inline-block !important;
	}

	nav a			{ margin:5px 0px; width:100%; padding:0px; padding-bottom:10px; padding-top:10px;}
	nav a:link		{ color:#006809; text-decoration:none; background:#aeffae; }
	nav a:active	{ color:#006809; text-decoration:none; background:#aeffae; }
	nav a:visited	{ color:#006809; text-decoration:none; background:#aeffae; }
	nav a:hover		{ color:#FFFFFF; text-decoration:none; background:red; }

	.strind { max-width: 100%; }

	.pierwszeind{
		font-family:verdana,tahoma;
		color: grey;
		text-decoration: none;
		padding: 10px 0px;
		margin: 0 auto;
		margin-top: 5px;
		margin-bottom: 5px;
		font-weight: bold;
		background: grey;
		color: #FFFFFF;
	}

	.pierwsze{
		font-family:verdana,tahoma;
		color: grey;
		text-decoration: none;
		padding: 10px 0px;
		margin: 0 auto;
		margin-top: 5px;
		margin-bottom: 5px;
		font-weight: bold;
		background: grey;
		color: #FFFFFF;
	}

	.pierwsze:hover {
		background-color: grey;
	}


}


#mainContent { position: relative; }

@media (min-width: 700px) {

/*
#mainContent p { margin:15px 40px; }
#mainContent ul { text-align:left; text-indent:0; line-height:1.3em; margin:6px 40px 25px 18px; }
#mainContent ol { text-align:left; text-indent:0; line-height:1.3em; margin:6px 40px 25px 18px; font-weight:bold;}
*/
#mainContent li { letter-spacing:0.12pt; margin-top:8px; margin-right:15px; }
#mainContent h1 { font-family:Verdana,Tahoma;font-size:19px; text-align:left;text-indent:0; color:#111111;line-height:1.5em;margin:28px 30px 15px 30px;padding:5px 2px; }
#mainContent h2 { font-family:Verdana,Tahoma;font-size:18px; text-align:left;text-indent:0;color:#111111;line-height:1.4em;margin:26px 30px 15px 30px;padding:5px 2px; }
}


@media (max-width: 699px) {

/*
#mainContent p { margin:15px 20px; }
#mainContent ul { text-align:left; text-indent:0; line-height:1.3em; margin:6px 30px 25px 3px; }
#mainContent ol { text-align:left; text-indent:0; line-height:1.3em; margin:6px 30px 25px 3px; font-weight:bold; }
*/
#mainContent li { letter-spacing:0.12pt; margin-top:8px; margin-right:15px; }
#mainContent h1 { font-family:Verdana,Tahoma;font-size:19px;text-align:center;text-indent:0; color:#111111;line-height:1.5em;margin:26px 20px 18px 20px;padding:3px 2px; }
#mainContent h2 { font-family:Verdana,Tahoma;font-size:18px; text-align:left; text-indent:0; color:#111111;line-height:1.4em;margin:24px 20px 20px 20px;padding:3px 2px; }
}


@media (min-width: 900px) {


.lewe50 {
	position: absolute;
	width: 50%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
	top: 0px;
	left: 0px;
}

.prawe50 {
	position: absolute;
	width: 50%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
	top: 0px;
	right: 0px;
}


	.w300{
		max-width: 303px;
		height: auto;
	}

	 .w230{
		max-width: 230px;
		height: auto;
	}

}

@media (max-width: 899px) {

.lewe50 {
	width: 96%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
}

.prawe50 {
	width: 96%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	list-style: none;
}

}

/* FOOTER */

#footwstecz a.wstecz {
display: inline-block;
background: url(images/przywstecz.png) no-repeat left;
height: 28px;
overflow: hidden;
width:28px;
margin: 0px auto;
background-position: 0px 0px;
}
#footwstecz a.wstecz:hover
{
background-position: 0px -28px;
}

#footgora a.gora{
display: inline-block;
background: url(images/przygora.png) no-repeat right;
height: 28px;
overflow: hidden;
width:28px;
margin: 0px auto;
background-position: 0px 0px;
}
#footgora a.gora:hover
{
background-position: 0px -28px;
}

@media (min-width: 650px) {
#footer {
	margin-top: 0px;
	height: 75px;
}

#footcontainer {
	position: relative;
	text-align: center;
	height: 75px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 0 0 0;
	margin-top: 0px;
	text-align: center;
	font-size: 12px;
	line-height: 1.5em;
	color: #FFAA33;
	z-index: 3;
}

#footcont {
	position: absolute;
	height: 75px;
	width: 90%;
	margin: 5px auto;
	padding: 0;
	left: 5%;
	text-align: center;	
	z-index: 100;
}

#foottext {
	position: relative;
	height: 60px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	z-index: 1;
}

#footwstecz {
	position: absolute;
	height: 60px;
	min-width: 40px;
	width: 5%;
	padding: 0;
	padding-top: 15px;	
	margin: 0 auto;	
	left: 0px;
	top: 0;
	float: left;
}

#footgora {
	position: absolute;
	height: 60px;
	min-width: 40px;
	width: 5%;
	padding: 0;
	padding-top: 15px;
	margin: 0 auto;
	right: 0px;
	top: 0;
	float: right;
}

}

@media (max-width: 649px) {

#footer { margin-top: 10px; }

#footcontainer {
	position: relative;
	text-align: center;
	max-width: 990px;
	min-height: 120px;
	margin: 0 auto;
	margin-top: 5px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
	color: #FFAA33;	
	z-index: 3;
}

#foottext {
	position: relative;
	height: 60px;
	margin: 0;
	padding: 0;
	float: inherit;
}

#footwstecz {
	position: absolute;
	height: 60px;
	width: 50%;
	padding: 0;
	float: left;
	top: 15px;
	left: 0px;
	text-align: center;
}

#footgora {
	position: absolute;
	height: 60px;
	width: 50%;
	padding: 0;
	float: right;
	top: 15px;
	right: 0px;
	text-align: center;
}

#footcont {
	position:  relative;
	width: 100%;
	min-height: 60px;
	text-align: center;
	border-bottom: 1px solid white;
}

}

</pre></body></html>