@media screen, projection {
* { padding:0; margin:0; }
fieldset, img { border:0; }
label, a { cursor:pointer; }
body, textarea, input { font-size:100%; font-family:Arial, Helvetica, sans-serif; }
.before, .after { line-height:0; }
.before img, .after img { margin:0 !important; }

ul, ol, dd { margin-left:2em; }
p, h1, h2, h3, h4, h5, h6 { font-size:1em; margin:1em 0; }
p { margin:1ex 0; }

a { text-decoration:none; }
a:focus, a:hover { text-decoration:underline; }

span.opis, hr { position:absolute; left:-1000em; }

html, body { height:100%; width:100%; }

html {
	display:table;
	background-color:#fff;
}

body {
	display:table-cell;
}

#start {
	width:762px;
	min-height:100%;
	background:url(gfx/linesTwoVerticalGrey.png) repeat-y 199px 0;
	position:relative;
	z-index:0;
	margin:0 auto;
}

* html #start {
	height:100%;
}

#gora {
	width: 762px;
	height: 215px;
	background: url(img/gora.jpg) no-repeat 0 100%;
}

	#gora .data {
		right: 10px;
		padding-top: 5px;
		left: auto;
		height: auto;
		font-size: 0.9em;
		color: #00726d;	
		text-align: right;
	}

	#gora .jezyk {
		display: block;
		position: absolute;
		right:32px;
		left: auto;
		top: 50px;
		background: url(img/logo2.jpg) no-repeat;
		width: 157px;
		height: 126px;
	}

	#gora img {
		display: block;
		position: absolute;
		left: 22px;
		top: 42px;
		border: 0;
		behavior:url(pngHack.htc);
	}
	
	#menu {
		display: block;
		width: 600px;
		position: absolute;
		top: 183px;
		left: 13px;
		right: auto;
		margin:0px;
		padding: 0;
		z-index: 20;
	}
	
	#menu ul {
		margin: 0;
		padding: 0;
	}
	
		#menu li {
			list-style:none;
			float:left;
			height: 20px;
			margin: 0;
			padding: 0;
			behavior:url(after.htc);			
		}
	
		
			#menu li::after,
			#menu .LIafter {
				content:"|";
				color:#ffffff;
			}
		
			#menu li a{
				color: #ffffff;
				font-size: 0.8em;
				text-decoration: none;
				font-weight: normal;
				padding: 0 5px;
				margin:0;					
			}
			
			#menu li a:hover{
				text-decoration: underline;
			}
			
			#menu li em {
				padding: 0 5px;
				font-weight: bold;
				font-size: 0.8em;
				color: #FFFFFF;
				font-style:normal;
			}
			
			li#m7::after,
			#m7 #m7_after {
				content:"";
				color:#ffffff;

			}

#srodek {
	clear: both;
	float: left;
	position: relative;
	margin-top: 8px;
	padding:0;
}
	
	#menuduze {
		position: relative;
		clear: none;
		padding-top: 120px;
		left: 7px;
		display: block;
		width: 183px;
		height: 439px;
		background: url("img/lewa_menu.jpg") no-repeat 0 120px;
		padding-bottom: 5px;
	}
	
	#menuduze ul {
		margin: 0;
		padding: 0px 0px 0px 15px;
	}
	
		#menuduze li {
			list-style:none;
			margin: 0;
			padding: 8px 0px 0px 0px;
			/*padding: expression('9px 0px 0px 0px');*/
			border: 0;
			height:19px;
		}
		
		#menuduze li a {
			color: #005753;
			font-size: 0.8em;
			text-decoration: none;
			font-weight: normal;
			margin: 0;
			padding: 0px;
			border:0;
		}

		#menuduze li a:hover {		
			text-decoration: underline;
		}
		
		#menuduze li em {
			font-weight:bold;
			font-style: normal;
			font-size: 0.8em;
			color: #005753;
		}
		
		#menuduze li#md1 {
			padding: 2px 0px 0px 0px;
			/*padding: expression('2px 0px 0px 0px');*/
		}
	
	#szukaj {
		background: url(img/lewa_gora.jpg) no-repeat;
		width: 191px;
		height: 105px;
		position: absolute;
		top: 0px;
		left: 2px;
		margin: 0;
		padding:0;
	}
	
	#szukaj h3 {
		position: absolute;
		top: 5px;
		left: 15px;
		font-size: 0.8em;
		color: #ffffff;
		font-weight: bold;	
		margin: 0;
		padding: 0;	
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#szukaj fieldset {
		position: absolute;
		top: 50px;
		left: 15px;
	}
	
	#szukaj #slowo {
		width: 135px;
		font-size: 0.7em;
		margin: 0;
	}
	
	#szukaj #ok {
		margin: 0;
		vertical-align: middle;
		padding-left: 5px;
	}
	
	#szukaj label {
		position: absolute;
		top: 30px;
		left: 5px;
		width: 190px;
		font-size: .7em;
		color: #005753;
		margin: 0px;
	}

#tresc {
	position: relative;
	float: left;
	clear: none;
	top: 0px;
	clear: none;
	width: 360px;
	margin: 0;
	padding: 0 0 0 23px;
	}

#trescpodstrona {
	position: relative;
	float: left;
	top: 0px;
	width: 540px;
	margin: 0;
	padding: 0 0 0 23px;
	background: url(img/tlo_podstrona.jpg) no-repeat 23px 100%;
	}

#napisy {
      font-size: 0.8em;
      font-family: Arial, Helvetica, sans-serif;
      color: #005753;
      padding-left: 10px;
}

#trescpodstrona h3 {
		width: 540px;
		height: 35px;
		background: url(img/head_podstrona.jpg) no-repeat 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		padding: 5px 0px 0 15px;
		margin: 0;
		font-weight: bold;
		color: #FFFFFF;
	}

#trescpodstrona div.linki,	
 #trescpodstrona div.utwory {
                 width: 460px;
                 color: #000000;
                 font-size: 0.8em;
                 margin-bottom: 5px;
				 padding-left: 10px;
 }

#trescpodstrona div.utwory {
                padding-left: 10px;
}

#trescpodstrona div.utwory span{
                 width: 70px;
                 position: absolute;
                 left: 480px;
 }

 #trescpodstrona div.utwory span a{
                 color: #ff0000;
                 text-decoration: none;
 }

 #trescpodstrona div.utwory span a:hover{
                 text-decoration: underline;
 }

	#news {
		position: relative;
		float: left;
		clear: both;
		width: 360px;
		margin: 0;
		padding:0;
		background: url(img/srodek_maly_tlo.jpg) no-repeat 4px 100%;
	}
		
	#news h3 {
		width: 360px;
		height: 35px;
		background: url(img/srodek_maly_top.jpg) no-repeat 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 0.8em;
		padding: 5px 0px 0 15px;
		margin: 0;
		font-weight: bold;
		color: #FFFFFF;
	}
	
	#news h3 span {
		margin:0;
		padding:0;
		position: absolute;
		left: 300px;
	}
	
	#news h3 span a{
		margin: 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.85em;
		font-weight: normal;
		text-decoration: none;	
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#news h3 span a:hover{
		text-decoration: underline;
	}
	
	#news h4 {
		margin: 0;
		position: relative;
		float: left;
		clear: both;
		font-family: Arial, Helvetica, sans-serif;
		color: #ed1b2d;
		font-size: 0.8em;
		padding: 3px 0 0 15px;
	}
	
#lewa {
	position: relative;
	clear: none;
	float: left;
}
	#news p {
		width: 320px;
		position: relative;
		float: left;
		clear: both;
		font-size: 0.75em;
		font-family: Arial, Helvetica, sans-serif;
		color: #005753;
		padding: 0px 10px 0 15px;
	}
	
	#news p a{
		color: #ed1b2d;
		font-size: 1em;
		text-decoration: none;
	}
	
	#news p a:hover{
		text-decoration: underline;
	}
	
	#news div.kreska {
		position: relative;
		clear: both;
		float: left;
		width: 360px;
		height: 10px;
		background: url(img/linia.jpg) no-repeat 15px 50%;
		
	}
	
	#news ul {
		width: 320px;
		position: relative;
		float: left;
		clear: both;
		margin: 0;
		padding: 5px 0 10px 15px;
	}
	
		#news li {
		      width: 100%;
			position: relative;
			float: left;
			clear: both;
			list-style:none;
			float:left;
			margin: 0;
			background: url(img/ptaszek.jpg) no-repeat 0 7px;
			padding: 0 0 3px 10px;
		}
		
		#news li a {
			color: #005753;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.75em;
			text-decoration: none;
		}
		
		#news li a:hover {
			text-decoration: underline;
		}
	
	#opis {
		width: 330px;
		position: relative;
		clear: both;
		float: left;
		font-size: 0.75em;
		font-family:Arial, Helvetica, sans-serif;
		background: url(img/srodek_maly_tlo_drugie.jpg) no-repeat 0 100%;
		border: 1px solid #c8e8e7;
		margin: 10px 0 0 0;
		padding: 10px 10px 10px 10px;
		left: 3px;
		color: #005753;
	}
	
#galeria {
	position: relative;
	float: right;
	width: 181px;
	background: url(img/prawa_tlo.png) no-repeat 2px 100%;
	margin:0;
	padding: 0 0 40px 0;
	text-align: center;
}

	#galeria h3 {
		width: 164px;
		height: 35px;
		position: relative;
		padding: 5px 0 0 15px;
		font-size: 0.8em;
		color: #ffffff;
		font-weight: bold;	
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		background: url(img/prawa_top.png) no-repeat 0 0;
	}
	
	#galeria img {
		margin:0;
		position: relative;
		clear: both;
		padding: 10px 10px 0 10px;
	}
	
#stopka {
		position: relative;
		float: left;
		clear: both;
		width: 752px;
		height: 55px;
		background: url(img/dol.jpg) no-repeat 50% 5px;
	}

#stopka p{
	position: absolute;
	left: 0;
	top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #ed1b2d;
	width: 100%;
	text-align: center;
}

#stopka span{
	padding-left: 5px;
	position: absolute;
	left: 585px;
	top: 8px;
	color: #ed1b2d;
	font-size: 0.7em;
	text-decoration: none;
}

#stopka span a{
	color: #ed1b2d;
	font-size: 0.8em;
	text-decoration: none;
	letter-spacing: 0.1em;
}

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

#trescpodstrona div.news {
                position: relative;
                float: left;
                clear: both;
                width: 100%;
                padding-bottom: 20px;
                padding-left: 10px;
}

#trescpodstrona div.news h4 {
               font-family: Arial, Helvetica, sans-serif;
		   color: #ed1b2d;
		   padding: 0;
		   margin: 0;
		   font-size: 0.8em;
}

#trescpodstrona div.news p {
                font-size: 0.75em;
                font-family: Arial, Helvetica, sans-serif;
		    color: #005753;
}

#trescpodstrona div.news p a{
		color: #ed1b2d;
		font-size: 1em;
		text-decoration: none;
}
	
#trescpodstrona div.news p a:hover{
		text-decoration: underline;
}

#trescpodstrona div.news p img{
                border: 0px;
                padding: 5px 5px;
}

#trescpodstrona h4 span{
                font-size: 0.8em;
                font-style: italic;
}

#trescpodstrona div.linki a {
                color: #ed1b2d;
                font-size: 1em;
                text-decoration: none;
                color: #005753;
}

#trescpodstrona div.linki a:hover {
                text-decoration: underline;
}

#trescpodstrona h4.katalog {
                font-size: 0.9em;
                color: #ff0000;
                margin: 0;
                padding:0;
                padding-top: 20px;
                padding-bottom: 10px;
}

#trescpodstrona a.katalog,
#trescpodstrona a.plik,
#trescpodstrona div.sciezka a,
#trescpodstrona div.sciezka {
                width: 540px;
                text-align: center;
                color: #005753;
                text-decoration: none;
                }

#trescpodstrona a.katalog,
#trescpodstrona a.plik,
#trescpodstrona div.sciezka {
                font-size: 0.8em;
}

#trescpodstrona a.katalog:hover,
#trescpodstrona a.plik:hover,
#trescpodstrona div.sciezka a:hover{
                text-decoration: none;
}

#katalog {
         padding-left: 10px;
}

#trescpodstrona table.sekcje {
                border: 0;
}

#trescpodstrona table.sekcje th {
                font-size: 0.7em;
                font-weight: bold;
                color: #000000;
                text-align: center;
                padding-right: 3px;
                padding-left: 3px;
                border-bottom: solid #dddddd 1px;
                padding-bottom: 5px;
}

#trescpodstrona table.sekcje td {
                font-size: 0.7em;
                font-weight: normal;
                color: #005753;
                text-align: center;
                padding-top: 5px;
                padding-bottom: 5px;
                border-top: 1px solid #dddddd;
}

#trescpodstrona div.zdjecie {
                width: 165px;
                height: 180px;
                padding-left: 5px;
                padding-right: 5px;
                float: left;
                clear: none;
                text-align: center;
                font-size: 0.8em;
                color: #005753;
}

#trescpodstrona div.zdjecie img {
	border: 1px solid #005753;
}

#nazwa {
	position: absolute;
	top: 55px;
	left:260px;
	width: 300px;
	color: #005753;
	font-size: 0.8em;
}

#katalog div.plik {
	padding-bottom: 5px;
}

a.link {
	font-size: 0.8em;
	color: #005753;
	text-decoration: none;
}

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

#zegarek {
	border: 0;
	position: absolute;
	left: 0;
	color: #00726d;
}

#formularz_zgloszeniowy label		{display:block; width: 300px; border:0px solid red; float:left; text-align:right; 
									margin: 3px 10px 3px 0; clear:both; font-size:12px;}
#formularz_zgloszeniowy label span	{color:#CC0000;}
#formularz_zgloszeniowy select		{width: 200px; margin:3px 0;}
#formularz_zgloszeniowy input		{width: 200px; margin:3px 0;}
#formularz_zgloszeniowy .f2			{background-color:#eeeeee; color:#000000;}
#formularz_zgloszeniowy textarea	{width: 200px; height: 100px;}
#formularz_zgloszeniowy div.odstep	{clear:both; height: 40px;}
#formularz_zgloszeniowy p			{padding: 0 20px; font-weight:bold;}
#formularz_zgloszeniowy #wyslij		{margin: 0 0px 20px 200px; width: 100px;}
#formularz_zgloszeniowy .unvisible	{display:none}
#formularz_zgloszeniowy .visible	{display:block}

}