@font-face {
  font-family: museo500;
  src: url(Museo500.otf);
}

html, body {
        background-image: url('img/tlo.jpg');
        background-attachment:fixed;

	font-family:"Trebuchet MS";
	font-size:small;
	color: #383838;
	margin: 0;
	padding: 0;
}

#LOGO {
	margin-left: 0px;
	margin-top: 0px;
    position: relative;
	outline: 0;
	background-image: url(img/parafia-v1.png);
	width: 824px;
	height: 329px;
	text-indent: -9999px;
        background-size: 100% 100%;
}
#LOGO2 {
	margin-left: 0px;
	margin-top: 0px;
    position: relative;
	outline: 0;
	background-image: url(img/logo2.jpg);
	width: 824px;
	height: 210px;
	text-indent: -9999px;
}
#LOGO3 {
	margin-left: 0px;
	margin-top: 0px;
    position: relative;
	outline: 0;
	background-image: url(img/logo3.jpg);
	width: 824px;
	height: 210px;
	text-indent: -9999px;
}
#LOGO4 {
	margin-left: 0px;
	margin-top: 0px;
    position: relative;
	outline: 0;
	background-image: url(img/logo4.jpg);
	width: 824px;
	height: 210px;
	text-indent: -9999px;
}
#LOGO5 {
	margin-left: 0px;
	margin-top: 0px;
    position: relative;
	outline: 0;
	background-image: url(img/logo5.jpg);
	width: 824px;
	height: 210px;
	text-indent: -9999px;
}

#MENU {
	text-align: left;
	position: relative;
	width: 824px;
}
		#MENU1 {
			width: 164px;
			height: 69px;
			
			text-indent: -9999px;
		}
				#MENU1a {
			width: 164px;
			height: 69px;
			 background-image: url('img/menu,str2.jpg');
			
			text-indent: -9999px;
		}

		a.menu1 {
					width: 164px;
				height: 69px;
			display: block;
			background-position: 0px 0px;
			 background-image: url('img/menu,str.jpg');

}
		a.menu1a {
					width: 164px;
				height: 69px;
			display: block;
			background-position: 0px 0px;
			 background-image: url('img/menu,str2.jpg');

}

				
				a.menu1:hover {
							background-position: 164px 0px;
				}
		#MENU2 {
			width: 165px;
			height: 69px;
			margin-left: 164px;
			margin-top: -69px;
			text-indent: -9999px;
		}
						#MENU2a {
			margin-left: 164px;
			margin-top: -69px;

			width: 164px;
			height: 69px;
			 background-image: url('img/menu,inf2.jpg');
			
			text-indent: -9999px; }

				a.menu2 {
					width: 165px;
				height: 69px;
			display: block;
			background-position: 0px 0px;
			 background-image: url('img/menu,inf.jpg');

}
				a.menu2a {
					width: 165px;
				height: 69px;
			display: block;
			background-position: 0px 0px;
			 background-image: url('img/menu,inf2.jpg');

}

				
				a.menu2:hover {
							background-position: 165px 0px;
				}

		#MENU3 {
			width: 165px;
			height: 69px;
			margin-left: 329px;
			margin-top: -69px;
			text-indent: -9999px;
		}
								#MENU3a {
			margin-left: 329px;
			margin-top: -69px;

			width: 164px;
			height: 69px;
			 background-image: url('img/menu,sakr2.jpg');
			
			text-indent: -9999px; }

				a.menu3 {
					width: 165px;
				height: 69px;
			display: block;
			background-position: 0px 0px;
			 background-image: url('img/menu,sakr.jpg');

}
				a.menu3a {
					width: 165px;
				height: 69px;
			display: block;
			background-position: 0px 0px;
			 background-image: url('img/menu,sakr2.jpg');

}

				
				a.menu3:hover {
							background-position: 165px 0px;
				}

		#MENU4 {
			width: 165px;
			height: 69px;
			margin-left: 494px;
			margin-top: -69px;
			text-indent: -9999px;
		}
								#MENU4a {
			margin-left: 494px;
			margin-top: -69px;

			width: 164px;
			height: 69px;
			 background-image: url('img/menu,gal2.jpg');
			
			text-indent: -9999px; }

				a.menu4 {
					width: 165px;
				height: 69px;
			display: block;
			background-position: 0px 0px;
			 background-image: url('img/menu,gal.jpg');

}
				a.menu4a {
					width: 165px;
				height: 69px;
			display: block;
			background-position: 0px 0px;
			 background-image: url('img/menu,gal2.jpg');

}

				
				a.menu4:hover {
							background-position: 165px 0px;
				}

		#MENU5 {
			width: 165px;
			height: 69px;
			margin-left: 659px;
			margin-top: -69px;
			text-indent: -9999px;
		}
								#MENU5a {
			margin-left: 659px;
			margin-top: -69px;

			width: 164px;
			height: 69px;
			 background-image: url('img/menu,inne2.jpg');
			
			text-indent: -9999px; }

				a.menu5 {
					width: 165px;
				height: 69px;
			display: block;
			background-position: 0px 0px;
			 background-image: url('img/menu,inne.jpg');

}
				a.menu5a {
					width: 165px;
				height: 69px;
			display: block;
			background-position: 0px 0px;
			 background-image: url('img/menu,inne2.jpg');

}

				
				a.menu5:hover {
							background-position: 165px 0px;
				}



	
#TRESCI {
	margin-left: 0px;
	text-align: left;
	width: 824px;
	
	background-color: #383838;
}
#TRESC2 {
	margin-left: 0px;
	text-align: left;
	color:#edecec;
        min-height: 540px;
	width: 480px
	;padding:10px 10px 10px 10px;
	text-align:justify;
	float: left;
	background-color: #383838;
}


#GALERIA {
background-color:#edecec;
color:#343434;
	
	text-align: left;
	width: 250px;
	float: right;
	font-family: museo500;
	font-size: 20px;
}
#GALERIA a {
	color: #e28015;
	letter-spacing: 1px;
	font-size: 16px;
	padding-top: 15px;
	padding-left: 12px;
	display: block;
	padding-bottom: 15px;
}
div.gal2 {

padding: 15px;
width:314px;
	
	text-align: left;
}

#PYTANIE {
	background-color:#edecec;

	left: 773px; top: 579px;
	text-align: left;
		position:absolute;

	float: right;
	width: 314px;
	height:430px;
}

#STOPKA {
	margin-left: 0px;
	text-align: left;
	position: relative;
	width: 824px;
	height: 193px;
	background-image: url('img/stopka,tlo.jpg');
	text-indent: -9999px;
}
#STLEWA {
	margin-left: 0px;
	text-align: left;
	position: relative;
	width: 324px;
	height: 193px;
	text-indent: -9999px;
}
#STSRODEK {
	margin-left: 220px;
	margin-top:-189px;
	text-align: left;
	position: absolute;
	width: 324px;
	height: 193px;
	text-indent: -9999px;
}
#STSRODEK2 {
	margin-left: 425px;
	margin-top:-189px;
	text-align: left;
	position: absolute;
	width: 284px;
	height: 193px;
	text-indent: -9999px;
}
#STPRAWA {
	margin-left: 605px;
	background-image: url('img/stopka,kropki.jpg');
	background-position:left;
	background-repeat:no-repeat;
	margin-top:-190px;
	text-align: left;
	position: absolute;
	width: 264px;
	height: 193px;
	text-indent: -9999px;
}
#PAUZA {
	margin-left: 605px;
	text-align: left;
	width: 264px;
	height: 20px;
	text-indent: -9999px;
	clear: both;
}



div.polecane {
	background-image: url('img/stopka,polecane.jpg');
	width: 79px;
	height: 19px;
	margin-left:0px;
	margin-top:6px;

	background-repeat:no-repeat;
	background-position:center;
	text-indent: -9999px;
}
div.sonda
{
	padding:0px 0px 20px 20px;

}
div.title {
	background-image: url('img/naglowki.jpg');
	width: 197px;
	height: 27px;
	
	margin-left:0px;
	margin-top:6px;

	background-repeat:no-repeat;
	text-indent: -9999px;
}


div.stat {
	background-image: url('img/stopka,stat.jpg');
	width: 138px;
	height: 21px;
	margin-left:5px;
	margin-top:8px;
	background-repeat:no-repeat;
	background-position: right;
	text-indent: -9999px;
}
div.statpole {
	width: 138px;
	color:#383838;
	font-style:italic;
	height: 70px;
	margin-left:40px;
	margin-top:3px;
	text-indent: 0px;
}
div.stopka {
	background-image: url('img/stopka,stopka.jpg');
	width: 211px;
	height: 84px;
	margin-left:7px;
	margin-top:8px;
	background-repeat:no-repeat;
	background-position: right;
	text-indent: -9999px;
}


div.polecanepole {
	width: 200px;
	height: 190px;
	color:#383838;
	margin-left:40px;
	margin-top:5px;
	text-indent: 0px;
}



div.obraz {
	background-image: url('img/stopka,ryc.jpg');
	width: 202px;
	height: 190px;
	background-repeat:no-repeat;
	background-position:center;
	text-indent: -9999px;
}

div.kropki {
	background-image: url('img/stopka,kr.jpg');
	width: 250px;
	height: 3px;
	background-repeat:no-repeat;
	background-position:center;
	text-indent: -9999px;
}

div.pytanie{
	background-image: url('img/pytanie,zadaj.jpg');
	width: 188px;
	height: 40px;
	background-repeat:no-repeat;
	background-position: center;
	text-indent: -9999px;
}
a.wybranemodlitwy{
	background-image: url('img/wybranemodlitwy.jpg');
	width: 278px;
        display:block;
	height: 95px;
	background-repeat:no-repeat;
	background-position: center;
	text-indent: -9999px;
	margin-left:25px;
        margin-top:10px;
	margin-bottom:15px;
}
a.info{
	background-image: url('img/info.jpg');
	width: 16px;
	height: 16px;
	position:absolute;
	background-repeat:no-repeat;
	background-position: center;
	text-indent: -9999px;
	margin-left:280px;
	margin-top:-30px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
a.info:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	cursor:help;
}


div.pytaniepole{
	background-color: #e4e4e4;
	width: 280px;
	height: 220px;
	margin-top:5px;
	margin-left:25px;
	background-repeat:no-repeat;
	background-position: center;
	text-indent: 0px;
}

textarea.test{
				
				background-image:url('img/pytanie,pole.jpg');
				border:0px;
				font-family:"Trebuchet MS";
				font-style:italic;
				color:gray;
				margin:2px 2px 2px 2px;
				margin-top:7px;
				margin-left:8px;
				width:263px;
				height:173px;
				
}
input.polemale{
				background-image:url('img/pytanie,pole2.jpg');
				position:absolute;
				margin-top:3px;
				margin-left:0px;
				width:147px;
				height:25px;
				background-position:left;
				color:gray;
				border:0px;
				font-family:"Trebuchet MS";
				font-style:italic;
}
input.polemale2{
				background-image:url('img/pytanie,pole2.jpg');
				position:absolute;
				margin-top:3px;
				margin-left:150px;
				width:26px;
				height:25px;
				background-position:left;
				color:gray;
				border:0px;
				font-family:"Trebuchet MS";
				font-style:italic;
}

input.przycisk{
				background-image:url('img/pytanie,wyslij.jpg');
				width:84px;
				height:26px;
				margin-top:3px;
				margin-left:179px;
				border:0px;
				 
				
}
		
				
div.galeria{
	background-image: url('img/galeria,sonda.jpg');
	width: 188px;
	height: 53px;
	background-position: center;
	background-repeat:no-repeat;
	text-indent: -9999px;
}
div.adres{
	background-image: url('img/stopka,adres.jpg');
	width: 57px;
	height: 40px;
	margin-left:5px;
	margin-top:30px;
	 background-position: center ;
	background-repeat:no-repeat;
	text-indent: -9999px;
}
div.adrespole{
	width: 177px;
	margin-left:40px;
	margin-top:0px;
	color:#383838;
		text-indent: 0px;

}
div.dojazd{
	background-image: url('img/stopka,dojazd.jpg');
	width: 121px;
	height:23px;
	margin-left:5px;
	margin-top:15px;
	text-indent: -9999px;

}
div.dojazdpole{
	width: 131px;
	height:41px;
	margin-left:40px;
	margin-top:02px;
	color:#383838;
	text-indent: -9999px;

}

a.dojazdpole{
	background-image: url('img/stopka,dojazd2.jpg');
	display:block;
	width: 131px;
	height:41px;
	color:#383838;
	text-indent: -9999px;

}
a.m2a{
	background-image: url('img/menu2.jpg');
	background-position:0px 0px;
	margin-top:20px;
	margin-left:25px;
	display:block;
	width: 123px;
	height:25px;
	color:#383838;
	text-indent: -9999px;

}

a.m2b{
	background-image: url('img/menu2.jpg');
	background-position:0px -25px;
	margin-top:10px;
	margin-left:25px;
	margin-bottom:20px;
	display:block;
	width: 123px;
	height:25px;
	color:#383838;
	text-indent: -9999px;

}
a.m2c{
	background-image: url('uploads/images/zapowiedzi2.png');
	background-position:0px 0px;
	margin-top:10px;
	margin-left:25px;
	margin-bottom:20px;
	display:block;
	width: 103px;
	height:43px;
	color:#383838;
	text-indent: -9999px;

}





a {
	color: #d65f0c;
 letter-spacing:1px;
 text-decoration:none;
	
}
a:hover {
	color: #d65f0c;
 letter-spacing:1px;
 text-decoration:none;
	
}
a.a 
{
	 border-bottom:thin grey dotted;			
}
a.a:hover
{
	 border-bottom:thin silver dotted;			
}





p.adres {
	margin:  +10px 10px 10px 60px;
	color: #535353;
}


<!-- a.yo {
display: block;
width: 100px;
height: 20px;
background: transparent url(img.jpg) no-repeat;
}

a.yo:hover {
background-position: -100px 0;
}

<div>
<a class="yo" href="#">link</a>
</div>
-->