@media screen, projection {
fieldset, img{ border:0; }
label, a { cursor:pointer; }
body, textarea, input, pre, select { bgcolor: #000000; font-size:100%; font-family:Verdana, Arial, sans-serif; }
html, body { height:100%; width:100%; margin: 0; padding: 0; border: 0;}
.brak, hr { position:absolute; left:-1000em;}

#sr {
	margin: 0 auto;
	position: relative;
	text-align: center;
	max-width:100%;
	min-height:100%;
	z-index:0;
}

#baner {
	width: 761px;
	position: relative;
	margin: 0 auto;
	height: 215px;
}

	#logo {
		display: block;
		position: absolute;
		left: 10px;
		top: 45px;
		background: url(img/logo.gif);
		width: 78px;
		height: 104px;
	}
	
	#pasekm {
		display: block;
		position: absolute;
		left: 90px;
		top: 10px;
		background:url(img/szlaczki_male.gif);
		width: 300px;
		height: 30px;
	}
	
	#pasekd {
		display: block;
		position: absolute;
		width:761px;
		height:57px;
		z-index: 100;
		bottom: 0;
		left: 0px;	
		background: url(img/szlaczki_duze2.png) no-repeat;
	}
	
	* html #pasekd {
		background-image: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/szlaczki_duze2.png", sizingMethod="crop");
	}
	
	#banerlewa {
		display: block;
		position: absolute;
		background:url(img/gora_tlo.jpg) no-repeat;
		bottom:0;
		left: 576px;
		width: 185px;
		height: 214px;
		z-index: 15;
	}
	
		#banerlewa div.zdjecie {
			display: block;
			position:absolute;
			bottom: 22px;
			left: 0;			
			width: 185px;
			height: 180px;
		}	
		
	
	#data {
		display: block;
		position: absolute;
		background: url(img/data.jpg) 20px 0 no-repeat;
		left: 409px;
		top:10px;
		width: 314px;
		height:21px;
		z-index:100;
	}
	
		#data span{
			display: block;
			text-align: center;
			padding-top: 3px;
			color: #291073;
			font-size: 0.7em;
		}
	
	#nazwa {
		display: block;
		position: absolute;
		left: 100px;
		top: 65px;
		text-align: center;
		}
	
		#nazwa h1 {
			color: #291073;
			font-size: 1.2em;
			font-weight: normal;
		}
		
		#nazwa span {
			display: block;
			color: #e71e3f;
			padding-top: 10px;
		}
#menugora {
	width: 726px;
	position: relative;
	margin: 0 auto;
	height: 30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #291073;
	font-size: 0.75em;
	text-align: left;
	padding-left:35px;
	font-weight: bold;
}		

	#menugora a {
		text-decoration: none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color: #291073;
		font-size: 1em;
	}
	
	#menugora a:hover {	
		text-decoration: underline;
	}

#srodek {
	display: block;
	width: 761px;
	position: relative;
	margin: 0 auto;
}
	
	#menulewe {
		display: block;
		position: relative;
		width: 165px;
		clear: none;
		float: left;
	}
	
	#menulewe ul {
		border: 0;
		margin: 0;
		padding-left: 5px;
	}
	
	#menulewe ul li.czerwone {
		width: 161px;
		background: url(img/podkreslenie_czerwone.gif) 0 100% no-repeat;
		list-style: none;
		text-align: center;
		padding-bottom: 15px;
		padding-top: 10px;
	}
	
	#menulewe ul li.zielone a,
	#menulewe ul li.niebieskie a,
	#menulewe ul li.czerwone a {
		display: block;
		text-decoration: none;
		font-size: 0.7em;
		font-weight: bold;		
	}
	
	#menulewe ul li.czerwone a {
		color: #e6072c;	
	}
	
	#menulewe ul li.niebieskie a {
		color: #291073;	
	}	
	
	#menulewe ul li.zielone a {
		color: #53b82b;	
	}	
		#menulewe ul li.czerwone a.first {
			padding-top: 0px;
		}
		
		#menulewe ul li.zielone a.second, 
		#menulewe ul li.niebieskie a.second {
			padding-top: 25px;
		}
		
		#menulewe ul li.zielone a:hover,
		#menulewe ul li.niebieskie a:hover,		
		#menulewe ul li.czerwone a:hover {
			text-decoration: underline;
		}	
		
		#menulewe ul li.czerwone ul.wciecie,
		#menulewe ul li.zielone ul.wciecie,
		#menulewe ul li.niebieskie ul.wciecie {
			padding-left: 30px;
		}
		
		#menulewe ul li.zielone li,
		#menulewe ul li.czerwone li,
		#menulewe ul li.niebieskie li {
			display: block;
			list-style: none;
			text-align: left;
			margin:0;
			padding-left: 5px;	
			padding-bottom: 0;
			padding-top: 2px;
		}
		
		#menulewe ul li.zielone li a,
		#menulewe ul li.czerwone li a,
		#menulewe ul li.niebieskie li a {
			text-decoration: none;
			padding: 0;
			margin: 0;
			font-size: 0.7em;
			font-weight: normal;
		}
	
	#menulewe ul li.zielone {
		width: 161px;
		background: url(img/podkreslenie_zielone.gif) 0 100% no-repeat;
		list-style: none;
		text-align: center;
		padding-bottom: 15px;
		padding-top: 10px
	}
	
	#menulewe ul li.niebieskie {
		width: 161px;
		background: url(img/podkreslenie_niebieskie.gif) 0 100% no-repeat;
		list-style: none;
		text-align: center;
		padding-bottom: 15px;
		padding-top: 10px
	}

	#szlaczkilewa {
		position: relative;	
		display: block;	
		float: left;
		clear: none;
		background: url(img/pasek_lewy.gif) repeat-y;
		width: 24px;
		height: 751px;
	}
	
#prawagaleria {
	position: relative;
	float: right;
	width: 190px;
	z-index: 90;
	text-align: center;
	padding-top: 38px;
}
	
	#prawazdjecia {
		background: inherit;
		position: relative;
		top: 40px;
		left: 0px;
		width: 190px;
		text-align: center;
	}
	
	#prawagaleria img,
	#prawazdjecia img {
		position: relative;
		z-index: 100;
		margin-bottom: 20px;
		border: 1px solid #2a9200;
	}
	
	#galeriagora {
		position: absolute;
		left:0;
		top: 0;
		width: 190px;
		background: url(img/prawy_pasek_gora.gif) no-repeat;
		height: 21px;
	}
	
	#galeriatlogora {		
		position: absolute;
		top: 18px;
		left: 0;
		width: 190px;
		height:50%;
		height:expression(this.parentNode.offsetHeight/2);
		z-index: 10;
		background: url(img/prawe_tlo_gora.png) no-repeat;
	}
	
	#galeriatlodol {
		position: absolute;
		bottom: 0px;
		left: 0;
		width: 190px;
		height: 50%;
		height:expression(this.parentNode.offsetHeight/2);
		z-index: 10;
		background: url(img/prawe_tlo_dol.png) 0 100% no-repeat;
	}
	
	#tresc {
		text-align: center;
		position: relative;
		clear: none;
		float: left;
		width: 362px;
		padding-left: 15px;
		padding-right:0px;
	}
	
	#trescpodstrona {
		text-align: center;
		position: relative;
		clear: none;
		float: right;
		width: 537px;
		padding-left: 15px;
	}
		
		#tresc div.trescgora {
			position: relative;
			display: block;			
			background: url(img/ramka_gora.gif) 0 0 no-repeat;
			width: 348px;
			height: 47px;
		}
		
		#trescpodstrona div.trescgorapodstrona {
			position: relative;
			display: block;			
			background: url(img/fala_duza.gif) 0 0 no-repeat;
			width: 522px;
			height: 46px;
		}

			#trescpodstrona div.trescgorapodstrona span {
				display: block;
				position: absolute;
				left: 420px;
				top: 20px;			
			}
			
			#trescpodstrona div.trescgorapodstrona span a{
				text-decoration: none;
				color: #000000;
				font-weight: bold;
			}
			
			#trescpodstrona div.trescgorapodstrona span a:hover{			
				text-decoration: underline;
			}
			
			#trescpodstrona div.trescgorapodstrona h3,
			#tresc div.trescgora h3 {
			       margin: 0;
			       padding: 0;
				position: absolute;
				left: 20px;
				top: 20px;
				display: block;
				color: #291073;
				font-size: 1em;
				font-weight: bold;
				font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			
			#trescpodstrona div.trescgorapodstrona h3 a {
				text-decoration: none;
				color: #291073;
				font-size: 1em;
				font-weight: bold;
				font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			
			#trescpodstrona div.trescgorapodstrona h3 a:hover {
				text-decoration: underline;
			}			
		
		#trescpodstrona div.trescdolpodstrona,
		#tresc div.trescdolmapa,
		#tresc div.trescdolduzy,	
		#tresc div.trescdolmaly {
			display: block;		
			width: 318px;
			color: #291073;
			text-align: left;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 0.7em;
			padding-left: 10px;
			padding-right: 20px;
			padding-top: 10px;
			padding-bottom: 30px;
		}
		
		#trescpodstrona div.trescdolpodstrona {
			font-size: 0.8em;
		}
		
		#trescpodstrona div.trescdolpodstrona {
			width: 522px;
		}
		
		#tresc div.trescdolmaly {
			background: url(img/ramka_dol_mala.jpg) no-repeat 0 100%;
		}
		
		#tresc div.trescdolduzy {
			background: url(img/ramka_dol_duza.jpg) no-repeat 0 100%;
		}
		
		#tresc div.trescdolmapa {
			background: url(img/ramka_dol_mapa.jpg) no-repeat 0 0;
			text-align: center;
		}
		
		#trescpodstrona div.trescdolpodstrona div.ogloszenia,
		#trescpodstrona div.trescdolpodstrona div.kadra{
			display: block;
			width: inherit;
			padding-bottom: 20px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			clear:both;
		}
		
		#trescpodstrona div.trescdolpodstrona div.ogloszenia h4,		
		#trescpodstrona div.trescdolpodstrona div.kadra h4 {
			display: block;
			color: #CC3300;
			font-size: 1.2em;			
			padding-bottom: 5px;
		}
		
		#trescpodstrona div.trescdolpodstrona div.ogloszenia div.opcja,
		#trescpodstrona div.trescdolpodstrona div.kadra div.opcja {
			color: #291073;
			font-size: 0.9em;
			display: block;
		}
		
		#trescpodstrona div.trescdolpodstrona div.kadra div.opcja a{
			color: #291073;
			text-decoration: none;
		}

		#trescpodstrona div.trescdolpodstrona div.kadra div.opcja a:hover{
			color: #291073;
			text-decoration: underline;
		}		
		
		#trescpodstrona div.trescdolpodstrona div.ogloszenia div.opis,
		#trescpodstrona div.trescdolpodstrona div.kadra div.opis {
			padding-top: 5px;
			color: #291073;
			font-size: 0.9em;
			display: block;
		}
	
		#trescpodstrona div.trescdolpodstrona div.ogloszenia img,		
		#trescpodstrona div.trescdolpodstrona div.kadra img {
			padding-right: 10px;
			padding-bottom: 20px;
		}
		
		#trescpodstrona div.trescdolpodstrona div.ogloszenia div.opis a{
			text-decoration: none;
			color: #CC3300;
		}
	
		#trescpodstrona div.trescdolpodstrona div.ogloszenia div.opis a:hover{
			text-decoration: underline;
		}
		
#stopka {
	position: relative;
	text-align: center;
	clear: both;
	width: 741px;
	margin: 0 auto;
	height: 60px;
}

#stopka div.rysunek {
	position: absolute;
	top: 0px;
	left: 10px;
	background: url(img/pasek_dol.gif) no-repeat;
	width: 741px;
	height: 32px;
}

#stopka h3 {
        margin: 0;
        padding: 0;
	position: absolute;
	text-align: center;
	width:741px;
	left: 0px;
	top: 34px;
	color: #291073;
	font-size: 0.7em;
}

#stopka h4 {
        margin: 0;
        padding: 0;
	position: absolute;
	left: 550px;
	top: 34px;
}

#stopka h4 a {
	color: #291073;
	text-decoration: none;
	font-size: 0.7em;
}

#stopka h4 a:hover {
	text-decoration: underline;
}

a.galeria_link {
	text-decoration: none;
	color: #000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
}

a.galeria_link:hover {
	text-decoration: underline;
}

img.galeria {
	border: 1px solid #2a9200;
}
.map-big												{height:400px;}
#trescpodstrona div.spis_aktualnosci					{padding-left:0; padding-right:0;}
.spis_aktualnosci h3.bcg								{background: url(img/fala_duza.gif) 0 0 no-repeat; height:26px; padding:20px 20px 10px;}
#trescpodstrona div.spis_aktualnosci h3.bcg a 			{text-decoration: none; color: #291073;}
#trescpodstrona div.spis_aktualnosci h3.bcg a:hover		{text-decoration:underline;}
.archiwum_newsow h5										{margin:0; float: left; padding:6px 0 6px 20px; color:#291073; font-size:11px; width:75px; text-align:left;}
.archiwum_newsow .spis									{float:right; width:435px; font-size:10px; padding:7px 0; text-align:left;}
.archiwum_newsow .spis a								{padding-right:5px; color:#c30; text-decoration:none;}
.archiwum_newsow .spis a.active							{font-weight:bold;}
.archiwum_newsow .spis a:hover							{text-decoration:underline;}
.archiwum_newsow .clear									{height:0; clear:both; overflow:hidden;}
.glowna_ogloszenia .ogloszenia							{padding-bottom:10px;}
.glowna_ogloszenia .ogloszenia h4						{font-size:12px; color:#c30;}
.glowna_ogloszenia .ogloszenia img						{padding-bottom:10px; padding-right:10px;}
.glowna_ogloszenia .ogloszenia a						{color:#c30; text-decoration:none;}
.glowna_ogloszenia .ogloszenia a:hover					{text-decoration:underline;}

}

@media print {
a.galeria_link {
	display: none;
}
}