<HTML>
<STYLE TYPE="text/css">
<!--

	LI { text-decoration: none; color: #000000}
	H1 {font-size: 27pt; color: #004400; font-family: Arial, Helvetica}
	H2 {font-size: 14pt; color: #888888; font-family: Arial, Helvetica}
	
	BODY {
		font-size: 12pt; 
		font-family: corbert-regular, Arial, Helvetica; 
		background-image: url("m1.jpg") ; 
		/*background-color:#FFFFFF;
		background-repeat:no-repeat;
		background-position:center top;
		padding: 0;
		margin: 0;*/
		}
	HR {color: #FFFFFF; height: 1; width: 200}
	TD {text-decoration: none; font-size: 10pt; font-family: luxisr, Verdana, Helvetica;}

	img { vertical-align: middle; }

	/* SLIDER */
	#page-wrap	{ width: 860px; margin: 0 auto;  padding: 5px 0px; }
	#slider		{ 
			background: url(../slider/slider-bg.png); 
			height: 227px; 
			overflow: hidden;  
			position: relative; 
			margin: 5px 0px 10px 0px;
			-webkit-box-shadow: 0px 0px 5px #000; 
			-moz-box-shadow: 0px 0px 5px #666; 
	 		box-shadow: 0px 0px 5px #000;
			}
                              
	@font-face {
	  	font-family: corbert-regular;
		src: url(corbert-regular.eot);
		src: local("corbert regular"), url(corbert-regular.ttf) format("truetype");
		}	
	@font-face {
	  	font-family: nunito-light;
		src: url(nunito-light.eot);
		src: local("nunito light"), url(nunito-light.ttf) format("truetype");
		}	
	@font-face {
	  	font-family: DistThin;
		src: url(distthin.eot);
		src: local("DistThin regular"), url(distthin.ttf) format("truetype");
		} 
	@font-face {
	  	font-family: albatross;
		src: url(albatross.eot);
		src: local("albatross"), url(albatross.ttf) format("truetype");
		}		
	

	.linmal {color: #EEEEAA; text-decoration: none; font-size:  16pt; font-family: 'Courier New'; vertical-align: middle;}
	.linmal:active {color: #EEEEAA; font-weight: bold; text-decoration: none; font-size:  16pt; font-family: 'Courier New'; vertical-align: middle;}
	.linmal:hover {color: yellow; font-weight: bold; text-decoration: none; font-size:  16pt; font-family: 'Courier New'; vertical-align: middle;}

	.vaali {   vertical-align: middle; }

	.imgmod1:hover {border: none; filter:alpha(opacity=70); -moz-opacity: 0.70; opacity: 0.70; width: 100%;}
	.sm-fnt { text-decoration: none; font-size:  28pt; font-family: Verdana, Helvetica; }

	a {color:gray;  text-decoration: none; font-size: 12pt}
	a:active {color: #EEEEAA; text-decoration: none; font-size: 12pt} 		
	a:hover {color: yellow; text-decoration: none; font-size: 12pt}


<!-- tabela -->
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Dwie równe kolumny */
    height: 85px;
    width: 100%;
}

.column {
    padding: 20px;
    border: 0px solid #ccc;
}

@media (max-width: 768px) {
    .container {
        flex-direction: column; /* Ustawia kolumny pionowo */
    }

    .column {
        flex: none; /* Wyłącza równy podział */
        width: 100%;
    }
}
	
	<!--; text-transform: uppercase}-->

	div#preloaded-images {
		position: absolute;
		overflow: hidden;
		left: -9999px; 
		top: -9999px;
		height: 1px;
		width: 1px;
		}


-->
</STYLE>
</HTML>