/* MENU */
	#menu { 
		width: 950px; height: 25px;
		margin: 0 auto 0 auto; 	
		background-color: #aaa; 
		background-image: url("../gfx/menu/b24_innl.jpg");
		border-bottom: 1px solid #A0A0A0;
		}	
	
	#menu ul.ul009 { width: 90px; } 		/* GALERIA, KONTAKT */
	#menu ul.ul010 { width: 100px; } 		
	#menu ul.ul011 { width: 110px; } 		
	#menu ul.ul012 { width: 126px; } 		/* PARAFIA, */
	#menu ul.ul013 { width: 130px; } 		
	#menu ul.ul014 { width: 146px; } 		/* POLECAMY */
	#menu ul.ul015 { width: 150px; } 		
	#menu ul.ul016 { width: 160px; } 		/* SANKTUARIUM */
	#menu ul.ul017 { width: 170px; } 		/* CZYTELNIA */
	#menu ul.ul021 { width: 210px; } 		/* ZGROMADZENIA */
	#menu ul.ul028 { width: 280px; } 		
	#menu ul.ul030 { width: 300px; } 		/* AKTUALNOŚCI */
	#menu ul.ul033 { width: 330px; } 		/* WSPÓLNOTY, */
	  #menu li.next {  
			background-image: url("../gfx/menu/arrg.gif");
			background-position: right;
			background-repeat: no-repeat; 
		}
		
/* LIST_BASED MENU */
body {
	behavior:url("css/csshover.htc"); /* for this menu to work in IE6 and earlier */
	}
div.menus * {
	margin:0; padding:0;     
 }
/* MENU MECHANICS */
div.menus {
	font-family: arial, sans-serif;   
	font-size: 0.8em; 				
	color: #336633;					/* #336633*/
	font-weight: bold; 				/* 1 menu */
	padding: 0 0 0 0;
	background-color: transparent;    
	}
	div.menus ul {
 		border-left: 1px solid #eee;   /* dividing line level 1 */
		display: inline;			/* fixes margin-doubling bug in IE6 */
 	}
	div.menus li {
 		border-right: 0 solid #ccb; /* dividing lines to right of each horiz level 1 menu */
		padding: 0 0.9em 0 0.9em; 
	}                				 
	div.menus li:hover {
 		background-color: #E4FFB8;   /* 1 poziom */
	}
 	div.menus a {
 		color: #555;                 /* all menu type */
		padding: 0.2em 5px;          /* space top/bottom and left/right around each menu item's text */
		font-family: 'Trebuchet MS', Georgia, Tahoma, Arial, Helvetica, sans-serif; 
 	}
	div.menus a.star { color: #993333; }
 	div.menus a:hover {
 		color: #003366;        		 
		text-decoration: none;
	}
	div.menus a.star:hover { color: #663366; }
		div.menus ul li ul {
 			width: 12em;   		/* width levels 2 - 4 */
			font-weight: normal; 
 		}
		div.menus li li { 
 			background-color: #FFE5B8;       /* level 2 */
 			border-bottom: 1px solid #A0A0A0; 	/* lines between menu choices */
 		}
		div.menus ul li ul li ul  {
 			border-top: 1px solid #ccb;     /* border-top levels 3,d 4 of  */
 			top: -1px; /* if border is 0 - don't remove! */
 		} 
		div.menus li li li { 
 			background-color: #B4E0FA;      /* level 3 */
 		}
		div.menus li li li li { 
 			background-color: #eeeeee;      /* level 4 */
 		}

/* YOU ARE STONGLY ADVISED NOT TO MODIFY THE CODE THAT FOLLOWS :  */
/* menu mechanics start */
div.menus {
	width: 950px; 
}
div.menus ul {
	float: left; /* element ul otacza elementy li */
	font-size: 1em; /* prevents inheritence from main text style sheet */
}
div.menus li {
	float: left;  /* elementy listy leżš w jednej linii*/
	list-style-type: none; /* removes bullet off list item */
	position: relative; /* pozycjonowanie treści zagnieżdżonej listy ul*/
}
div.menus a {
	display: block; /* makes link fill li so entire area is "hot" */
	text-decoration: none;  /* removes underlining from  links */
}
/* horizontal menu ends */

/* the drop_downs start */
div.menus ul li ul { 
	position: absolute;     
	border: 0;         	/* stops inheritance from level 1 ul */
	margin-left: 0px;     /* stops inheritance from level 1 ul */
}
div.menus ul li ul li {
	width: 100%;
	padding: 0; 		/* stops inheritance */
	border-left: 0; 	/* stops inheritance */
	border-right: 0; 	/* stops inheritance */
}
div.menus ul li ul { display: none; } /* conceals the drop-down when menu not hovered */
div.menus ul li:hover ul {
	display: block; /* shows the drop-down when the menu is hovered */
	z-index: 1000; /* Safari needs this to display menu on top of other page elements */
} 

/* pop_outs starts here */
body div.menus ul li ul li ul  {
	position: absolute; /* associated menu with parent li positioning context */
	visibility: hidden; /* ensures that level 3 is not reveal when level 2 is reveled */
	left: 100%;
	top: -1px; /* aligns level 3 and 4 pop-out with previous level */
}
div.menus ul li ul li:hover ul { visibility: visible; } 
/* shows level 3 when associated level 2 li is hovered */

/* second and third level popouts here */
div.menus ul li ul li:hover ul li ul { visibility: hidden; } 
	/* ensures that level 4 is not reveal when level 3 is reveled */
div.menus ul li ul li ul li:hover ul { visibility: visible; }  
	/* shows level 4 when associated level 3 li is hovered */
/* the drop-downs end here */
 
/* END MENU MECHANICS */

 /* inevitable hacks for IE6  and less */
* html div.menus {
 z-index: 1; /* IE6 won't respect high z-index on abs-pos'd child (ul li ul) without this on its parent rel-pos'd element */
}				

* html div.menus ul li ul {
  z-index: 400; /* ensures menu is on top of other page elements */
}

/* * html div.menus ul ul a { second level of horiz menu */
 /*zoom: 100%;   now IE 'haslayout" - IE now makes background hot in horizontal menus 
} */

/* END OF LIST_BASED MENU */

/* MAIN */
html, body {  
	background-color: #eeeeee; 
  background-image: url("../gfx/background/backg.gif");
	height: 100%;
	} 
html, body, div, span, 
h1, h2, h3, h4, h5, h6, 
p, blockquote, pre,
a, big, em, img, q, small, strong, 
b, u, i, dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0; 
	padding: 0;
	outline: 0;
	}
ol li {
	margin: 0 0 1em 0;
	}
	
#all, #navi, .luftS, .luft, .Blok150, .Blok230, .Blok310, .Blok470, .Blok630, .Blok790, .Blok950, .box {
	margin: 0 auto 0 auto;
	}
#content, .luftS, .luft, .Blok150, .Blok230, .Blok310, .Blok470, .Blok630, .Blok790, .Blok950, .galeria_i, galeria_n, galeria_z { 
	padding: 0;
	}
#all {	
  width: 970px; 
	background-color: #ffffff;
	border: 1px solid #A0A0A0;
	}	
	#top, #navi { 
		width: 950px; 
		}	
	#top { 
		height: 120px;
		margin: 5px auto 10px auto; /* aby kontener #top leżał centralnie w kontenerze #all we Fox */
		}	
	#trace, #title {
		margin: 4px auto 0 auto;
		width: 920px; 
		padding: 0 15px;
		}	
	#stopka1 { 
		clear: both; 
		width: 950px; height: 25px; 
		margin: 10px auto 0 auto; 
		background-image: url("../gfx/menu/b24_innl.jpg");
		border-bottom: 1px solid #A0A0A0;
		}	
	#bott	{
		width: 950px; 
		margin: 0 auto 0 auto; 
		padding: 0;
		background-color: #fff;
		}	
		.box_stop {
			margin: 2px 0; 
			padding: 0 0 0 0.8em;
			border-top: 1px dashed #336633; /* #996633 */
			border-bottom: 1px dashed #336633; 
			background-color: #eee;
			color: #555;
			font-size: 11px;
			}	
	#stopka { 
		clear: both;
		width: 950px; height: 80px; 
		margin: 0 auto 0 auto; 
		padding: 1px 0 0 0;
		background-image: url("../gfx/menu/b24_innlr.jpg");
		background-repeat: repeat-x;
		border-top: 1px solid #A0A0A0;
		}	
		.luftS { 
			float: left;
			width: 10px; height: 70px; 
			background-color: #f5f5f5; 
			}		
	#content { 
		width: 950px; 
		margin: 4px auto 0 auto; 
		}	
		.Blok150, .Blok230, .Blok310, .Blok470, .Blok630, .Blok790, .Blok950 { 
			float: left;
		}	
		.Blok150 { width: 150px; }	
		.Blok230 { width: 230px; }
		.Blok310 { width: 310px; }	
		.Blok470 { width: 470px; }	
		.Blok630 { width: 630px; }	
		.Blok790 { width: 790px; }	
		.Blok950 { width: 950px; }	
		.nag, .nag_p, .nag_s, .nag_k, .nag_i, .nag_fro, .nag_fni {
			margin: 0.3em auto 0.3em auto; 
			padding: 0 0 0 2.4em;
			/*  background: url("../gfx/rlg.gif") 0 0 no-repeat;  url("../gfx/rlg.gif") */
		}
		.nag { 
			background: url("../gfx/ornam.gif") 0 0 no-repeat; /* */
			background-color: #eeeeee; /* #dcdcdc */
		}		
		.nag_p { 
			background: url("../gfx/ornam_p.gif") 0 0 no-repeat;/*  */
			background-color: #bad788; /* #ddecc6 */
			border-bottom: 1px solid #336633;
			}		
		.nag_s { 
			background: url("../gfx/ornam_s.gif") 0 0 no-repeat; /* */
			background-color: #ecd08b; /* #f6e8c6 */
			border-bottom: 1px solid #996633;
		}		
		.nag_k { 
			background: url("../gfx/ornam_k.gif") 0 0 no-repeat; /* */
			background-color: #87bdd3; /* #c4dfe9 */
			border-bottom: 1px solid #003366;
		}		
		.nag_i { 
			background: url("../gfx/ornam_i.gif") 0 0 no-repeat; /* */
			background-color: #dcdcdc; /* #dcdcdc */
		}		
		.nag, .nag_i, .nag_fro, .nag_fni { 
			border-bottom: 1px solid #A0A0A0;
		}		
		.nag_fro { 
			background: url("../gfx/flagaRosja.gif") 0 0 no-repeat; /* */
			background-color: #eeeeee; /* #dcdcdc */
		}		
		.nag_fni { 
			background: url("../gfx/flagaNiemcy.gif") 0 0 no-repeat; /* */
			background-color: #eeeeee; /* #dcdcdc */
		}		
		
		.box {
			padding: 0.5em 0.5em 0 0.5em; 
			/*  background-color: #eeeeaa;  */ 
		}	
		.box_g {
			margin: 0 auto 0.7em auto;
			padding: 0.5em 0.5em 0.2em 0.5em;
		}	
		.box_p, .box_s, .box_k, .box_i {
			margin: 0.3em 0 0.3em 0;
			padding: 0.3em 0 0.3em 0.7em;
			color: #555;
			border-top: 1px dashed #888;
			border-bottom: 1px dashed #888;
		}	
		.box_g {
			background-color: #eeeeee;
		}	
		.box_p, .tresc_p {
			background-color: #efffd6;
		}	
		.box_s, .tresc_s {
			background-color: #fff0cd;
		}	
		.box_k, .tresc_k {
			background-color: #d7f4ff;
		}	
		.box_i, .tresc_i {
			background-color: #eeeeee;
		}	
		
		.box_r, .box_rm  {
			margin: 0.3em 0 1.5em 0;
			padding: 0 0;
			float: left;
			clear: both; 
			background-color: #FFF;	    /* biały */
			border: 1px solid #ddd;
			font-size: 0.9em;	
		}	
		.box_rm  {
			margin: 0 0 0.3em 0;
			width: 290px;
		}
		.tresc_dot_p, .tresc_dot_s , .tresc_dot_k, .tresc_dot_i {
			padding: 0.5em 0;
		}
		.tresc_dot_p {
			border-top: 1px dashed #ddecc6;
		}
		.tresc_dot_s {
			border-top: 1px dashed #f6e8c6;
		}
		.tresc_dot_k {
			border-top: 1px dashed #c4dfe9;
		}
		.tresc_dot_i {
			border-top: 1px dashed #dcdcdc;
		}
		.tresc_dot_n {
			padding: 0 0 0.5em 0;
			border-top: 0px dashed #dcdcdc;
		}
		.tresc_p, .tresc_s, .tresc_k, .tresc_i, .tresc_n {
			margin: 0.5em 0 0.5em 1em;
			padding: 0 0.5em;
		}
		.tresc_p {
			border: 1px dotted #ddecc6;
		}
		.tresc_s {
			border: 1px dotted #f6e8c6;
		}
		.tresc_k {
			border: 1px dotted #c4dfe9;
		}
		.tresc_i {
			border: 1px dotted #c4dfe9;
		}
		.tresc_n {
			border: 0px dotted #e0e;
			background-color: #fff;
		}
		.luft { 
			float: left;
			width: 10px; height: 260px; 
			background-color: #ffffff; 
		}		
		.rlg { background: url(../gfx/rlg.gif) 0 0 no-repeat} 	/* url(../gfx/rlg.gif) */
		.rpg, .rpg_p, .rpg_s, .rpg_k, .rpg_i { background: url(../gfx/rpg.gif) 100% 0 no-repeat} 
		.rld { background: url(../gfx/rld.gif) 0 100% no-repeat} 	
		.rpd { background: url(../gfx/rpd.gif) 100% 100% no-repeat} 	
		
		.bc_g {	background-color: #eeeeee; } 
		.bc_w {	background-color: #ffffff; } 
		
		.imgopis {
	/*		width: 135px;*/
			margin: 0 5px;
		}
		.imgopis p {
			margin: 0; 
			padding: 0;
		}	
		.intro { 
			margin: 0 0 1em 0; 
			padding: 0;
		}
		#top img, #navi img, #stopka img {
			padding: 0;
			border: 0; 
		}
		#stopka img {
			float: none;
		}
		img { 
			float: left;
			padding: 2px;
			border: 1px solid #888; 
			background-color: #ffffff;
		}		
		img.r { 
			float: right;
		}
		img.l { 
			float: left;
		}
		img.n { 
			float: none;
		}
		img.g { 
			float: right;
		}
		.box img { 
			margin: 0.5em; 
		}		
		.box_g img { 
			margin: 0 0.5em 0 0; 
		}		
		.foto img {
			background-color: #f0f;   
		}
		.imgopis img {
			float: none;
		}
		.null img {
			border: 0;   
		}
		.galeria_i, .galeria_n, .galeria_z {
			float: left;
			/* */ padding: 0 0 0.5em 0; 
			background-color: #fff;  
			clear: both; 
		}
		.galeria_i {
			width: 290px;
			border-bottom: 1px dashed #dcdcdc; 
		}
			
		.galeria_n {
			width: 290px;
			border-bottom: 0px dashed #dcdcdc; 
		}

		.galeria_z {
			width: 610px;
			border-bottom: 1px dashed #dcdcdc; 
		}
	
/* FONTS */
html, body, pre {  
	font-size: 1em; 	
	font-family: 'Trebuchet MS', Georgia, Tahoma, Arial, Helvetica, sans-serif;	
	} 
	#navi  { 
		font-size: 0px;
		}			
	#trace, #title, 
	.Blok150, .Blok230, .Blok310, .Blok470, .Blok630, .Blok790, .Blok950, 
	.nag_p, .nag_s, .nag_k, .nag_i,
	.tresc_p, .tresc_s, .tresc_k, .tresc_n
	.galeria_i, .imgopis {
		text-align: left;
		}	
	#trace { 
		font-size: 10px;
		font-weight: bold;
		}	
	#title { 
		font-size: 22px;
		color: #daa520;
		font-weight: bold;
		}		
	#stopka { 
		font-size: 10px;
		text-align: center;
		line-height: 20px;
		}	
	#content { 
		font-size: 14px; 
		}	
	.fs10 { 
		font-size: 10px; 
		}		
	.fs12, .box_g, .box_p, .box_s, .box_k, .box_i, .tresc_p, .tresc_s, .tresc_k, .imgopis { 
		font-size: 12px; 
		}		
	.nag, .nag_p, .nag_s, .nag_k, .nag_i, .nag_fro, .nag_fni {
		line-height: 26px; 
		color: #555;
		font-size: 16px;	
		font-weight: bold; 
		vertical-align: middle; 
		}
.intro { 
	font-style: normal; 
	font-weight: bold; 
	font-size: 15px;
	text-align: justify;
	}
A 		{ color: #336633; text-decoration: none; }
A.path 	{ color: #555555; font-size: 10px; }
A.more { color: #006699; font-size: 12px; font-weight: bold; font-style: italic; }
A.link, .link2, .link3 { color: #006699; font-weight: bold; }					/* niebieski */
.link2, .plin2 { padding: 0 0 0 2em; }					/* niebieski */
.link3, .plin3 { padding: 0 0 0 4em; }					/* niebieski */

A.plik { color: #006699; font-weight: bold; font-style: italic; } /* niebieski */
A:hover { color: #cc6600; text-decoration: underline; } 		/* pomarańczowy */
.cg { color: #336633; } /* zieleń */
.cr { color: #9f0002; } /* niebieski */
.cv { color: #993399; } /* fioletowy */
.it { font-style: italic; }
.bd { font-weight: bold; }
p.intro {
	text-indent: 0; 
	}	
p { 
	margin: 0 0 1em 0; 
	text-indent: 30px;
	color: #000; 
	}
p.cr {
	font-weight: bold;
	}	 
	
	
/* strong.intro {color: #996633; }; */	
strong { color: #404040; };



			

