/* ---------------------------------------------------------------- */
/* ----------------------- BASIC CSS STYLES ----------------------- */
/* ---------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, thead, tbody, tfoot, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: Arial, "Trebuchet MS", Verdana, Tahoma, Sans-Serif;
	font-size: 13px;
	color: #502a1b;
	background-color: #1f201b;
}

a {color: #45696a; text-decoration: none}
a:hover {text-decoration: underline}

a.wstecz{
	padding-left: 25px;
	background: url(/_szablon/grafika/bgMarks.png) no-repeat 0px -178px;
}

ul{list-style: none}
#mainContent ul, #mainContent ol {list-style-type: disc; padding: 15px}
.list03 ul li, .mainNavigation ul li, .bottomNavigation ul li{list-style: none}
#mainContent .list03 ul{padding: 0}
object, a:active {outline: none}
object, a:focus {-moz-outline-style: none}

/* ---------------------------------------------------------------- */
/* ---------------------- WEBSITE CSS STYLES ---------------------- */
/* ---------------------------------------------------------------- */

.fL {float: left}
.bold {font-weight: bold}
.hR {height: auto; overflow: hidden;}

.clear {clear: both}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- BODY ------------------------------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------- */
/* ---------- COMMON BACKGROUNDS ----------- */
/* ----------------------------------------- */

#mainTheme,
#webSiteFooter {
	background: transparent url(/_szablon/grafika/bgThemes.jpg) 0 0 no-repeat;
}
#galleryBox div,
.bottomNavigation li,
.footTextB,
.mainNavigation li a,
.list02 li a,
.more,
.list03 li span,
input[type="submit"] {
	background: transparent url(/_szablon/grafika/bgMarks.png) 0 0 no-repeat;
}
.containers h2,
.containers h2 span,
.containers h2 span span,
.mainNavigation,
.list02,
.seeAll,
input[type="text"],
textarea,
form label span,
.counter,
.counter .years,
.book dt {
	background: transparent url(/_szablon/grafika/bgBackgrounds.png) 0 0 no-repeat;
}
.mainNavigation li,
.list02 li,
.splash,
.nd_msza,
.nd_czytanie_sigla,
.header,
form label,
.book dt span,
.book dt span span,
.book dd {
	background: transparent url(/_szablon/grafika/bgSpacer.png) 0 0 no-repeat;
}
.b01,
.b01 div {
	background: transparent url(/_szablon/grafika/bgImages.jpg) 0 0 no-repeat;
}

/* ----------------------------------------- */
/* -------------- CONTAINERS --------------- */
/* ----------------------------------------- */

/* webSiteBody */

#webSiteBody {background: transparent url(/_szablon/grafika/bgWebSiteBody.jpg) 0 0 repeat}

/* webSiteTop / mainTheme */

#webSiteTop {background: transparent url(/_szablon/grafika/bgWebSiteTop.jpg) 0 0 repeat-x}
	
	#mainTheme,
	#webSiteContent,
	#footer {
		margin: 0 auto;
		position: relative;
	}
	#mainTheme {
		width: 1000px;
		height: 317px;
	}

/* webSiteContent / mainContent, sidebar */

#webSiteContent {
	width: 970px;
	height: auto;
	overflow: hidden;
}

	#mainContent,
	#sidebar {
		min-height: 730px;
		padding: 10px 0;
		background: transparent url(/_szablon/grafika/bgBorders.png) 100% 0 no-repeat;
	}
	#mainContent {
		float: right;
		width: 676px;
		padding-right: 27px;
		padding-left: 13px;
		background-position: 700px 0;
	}
	#sidebar {
		float: left;
		width: 235px;
		padding-right: 12px;
		padding-left: 6px;
	}

/* webSiteFooter / footer */

#webSiteFooter {
	background-color: #1f201b;
	background-position: 0 -317px;
	background-repeat: repeat-x;
}
	#footer {
		width: 942px;
		height: auto;
		padding: 32px 29px;
		font-size: 11px;
		color: #817a63;
		overflow: hidden;
	}

/* ----------------------------------------- */
/* ----------- CONSTANT ELEMENTS ----------- */
/* ----------------------------------------- */

/* logo */

#logo {position: absolute; top: 194px; left: 77px}
	#logo a {
		display: block;
		width: 450px;
		height: 65px;
	}
	#logo span {display: none}

/* textIntro - powitanie */

#textIntro {
	color: #f0e3c6;
	position: absolute; top: 10px; left: 33px;
}

/* galleryBox - zdjecia w Topie */

#galleryBox {position: absolute; top: 20px; right: 62px;}
	#galleryBox div {
		width: 45px;
		height: 35px;
		position: absolute; top: 31px; right: 311px;
	}

/* textInfo - pasek informacji w Topie */

#textInfo {
	width: 810px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	position: absolute; top: 275px; left: 33px;
}
#textInfo a {color: white}

/* navIcons - ikony nawigacji w Topie */

#navIcons {position: absolute; top: 277px; right: 33px}
#navIcons li {
	float: left;
	margin-left: 10px;
}
	#navIcons li a {
		display: block;
		width: 19px;
		height: 13px;
	}

/* footTextA. footTextB - stopka */

.footTextA,
.footTextB {
	float: left;
}
	.footTextA {
		width: 240px;
		padding: 30px 30px 5px 0;
	}
	.footTextB {
		width: 500px;
		min-height: 40px;
		padding: 30px 0 5px 15px;
		background-position: 0 -45px;
	}
		.footTextB .email {
			color: #817a63;
			text-decoration: underline;
		}
		.footTextB .email:hover{text-decoration: none}
/* realization - stopka/realizacja */

#realization {
	color: #504d3f;
	position: absolute; top: 70px; right: 40px;
}
#realization a{color: #504d3f}
#realization a:hover{text-decoration: underline}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------- BASIC & GENERAL CSS ----------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------------- */

h2 {font: normal 24px Georgia, "Times New Roman", Times, Serif}
h3 {font: bold 16px Arial, "Trebuchet MS", Verdana, Tahoma, Sans-Serif}
h4 {font: normal 13px Arial, "Trebuchet MS", Verdana, Tahoma, Sans-Serif}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- BLOCKS / MODULES ------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------- */
/* ---------- REPEATABLE ELEMENTS ---------- */
/* ----------------------------------------- */

/* CONTAINERS / c01, c02, c03 */

.containers {margin-bottom: 30px}

	.containers h2 {
		background-position: 0 -30px;
	}
		.containers h2 span {
			height: auto;
			display: block;
			background-position: 28px 29px;
			overflow: hidden;
		}
			.containers h2 span span {
				float: left;
				height: 40px;
				padding: 16px 5px 0 16px;
				background-position: 0 -30px;
			}

.c01 h2 {margin: 0 0 15px -13px}
.c02 h2,.c03 h2 {
	width: 240px;
	margin-left: -6px;
}

.c02 h2, .c02 h2 span span {background-position: 0 -86px}
.c03 h2, .c03 h2 span span {background-position: 0 -142px}

/* LISTS / list01, list02, list03 */
#mainContent .list01,
#mainContent .list02,
#mainContent .list03{padding: 0}
.list01 li,
.list02 li,
.header {
	height: auto;
	padding: 5px 2px;
	overflow: hidden;
}
	.list01 li a,
	.list02 li a,
	.header a {
		color: #542e1f;
	}
	.list01 li a:hover,
	.list02 li a:hover,
	.header a:hover {
		color: #45696a;
		text-decoration: none;
	}
	.list01 li span, .list02 li span, .header span {float: right}
	.list01 li h3, .list02 li h3, .header span {overflow: auto}

.header {
	margin-bottom: 13px;
	background-position: 0 100%;
}

.list02{
	min-height: 156px;
	background-position: -489px -126px;
}
.list02 ul li:first-child {background: none}
	
	.list02 li a {
		padding-right: 60px;
		background-position: 100% -130px;
	}
	.list02 li h3 {font-size: 13px}

.list03 ul {margin: 0 0 20px 10px}
.list03 ul ul {margin-top: 15px}
.list03 ul li {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}
	.list03 ul li a {
		color: #542E1F;
		border-bottom: 1px solid #542E1F;
	}
	.list03 ul li a:hover {
		color: #45696a;
		border-color: #45696a;
		text-decoration: none;
	}
	.list03 ul li>span {
		float: left;
		height: 5px;
		width: 5px;
		margin: 6px 8px 0 0;
		background-position: -45px 0;
	}


.list03 ul ul li {margin-left: 20px}
	.list03 ul ul>li>span {background-position: -45px -5px}
	.list03 ul ul ul>li>span {background-position: -45px -10px}

/* kernel, splash */

.kernel,
.splash {
	height: auto;
	padding-top: 20px;
	line-height: 1.5em;
	text-align: justify;
	overflow: hidden;
}
.splash {
	padding-top: 13px;
	margin-top: 5px;
	padding-bottom: 0;
}
	
	.kernel p {margin-bottom: 15px}
	.splash var {
		float: right;
		font-style: normal;
	}

/* LINKS / more, seeAll */

.more,
.seeAll {
	font-weight: bold;
	color: #45696a !important;
}
.more:hover, .seeAll:hover {text-decoration: none}

.more {
	padding-left: 24px;
	background-position: 0 -130px;
}

.seeAll {
	display: block;
	width: 318px;
	height: 28px;
	margin: 0 auto;
	padding-top: 12px;
	text-align: center;
	background-position: -489px -87px;
}
/* pager */
.stronicowanie{font-size: 12px}
.stronicowanie a{color: #5f3b2a; padding: 0 3px; text-decoration: underline}
.stronicowanie strong{background: #fbf3db; padding: 0 5px;border: 1px solid #a78e6d}
.stronicowanie .strzalka{
	padding: 0 10px;
	background-image: url(/_szablon/grafika/bgMarks.png);
	background-repeat: no-repeat;
	text-decoration: none;
	color: transparent;
}
.stronicowanie .prev{background-position: 0px -178px}
.stronicowanie .next{background-position: right -206px}


/* BORDERS / b01 */

.b01 {padding: 5px 0 0 5px; display: inline-block}
.b01 div {
	padding: 0 5px 5px 0;
	background-position: 100% 100%;
	display: inline-block;
}
.b01.bL {
	float: left;
	margin: 0 19px 10px 0;
}
.b01.bR {
	float: right;
	margin: 0 0 10px 19px;
}
.bC{display: inline-block; margin: 10px}
/* FORMS */

form .input {
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background:transparent url(/_szablon/grafika/bgSpacer.png) no-repeat scroll 0 0;
	background-position: 0 100%;
}
	form .input_etykieta {
		display: inline-block;
		width: 120px;
		padding-top: 5px;
		vertical-align: top;
		background: transparent;
	}
		form .input_etykieta label {
			padding-top: 3px;
			font-weight: bold;
			background: transparent;
		}
		form .input_etykieta .input_opis {
			display: block;
			background: transparent;
			font-size: 12px;
			color:#45696A;
		}
	form .input_pole {
		display: inline-block;
		padding-top: 5px;
		vertical-align: top;
		background: transparent;
	}
	form .input_blad {
		color: #E20B07;
	}

input[type="text"],
textarea {
	width: 238px;
	height: 24px;
	border: 1px solid #a78e6d;
	background-color: #fbf3db;
	background-position: 0 -201px;
	font: 13px normal Arial, "Trebuchet MS", Verdana, Tahoma, Sans-Serif;
	color: #502a1b;
}
textarea {height: 175px}
input[type="submit"] {
	color: #45696A;
	border: 0; 
	padding-right: 24px;
	font-weight: bold;
	background-position: 55px -130px;
}

/* COMMUNICATES */

.komunikat {
	background-color: #FBF3DB;
}

.komunikat .box{
	border:1px solid #A78E6D;
	margin: 10px 0 10px 0;
	position: relative;
}
.komunikat .komunikat_tresc {
	padding: 20px 40px 20px 70px;
	display: block;
	font-weight: bold;
}
.komunikat .info {
}
.komunikat .warning {
	color: #f40000;
}
.komunikat .error {
	color: #f40000;
}


/* ----------------------------------------- */
/* ---------------- BLOCKS ----------------- */
/* ----------------------------------------- */

/* mainNavigation - nawigacja glowna w kolumnie */

.mainNavigation {
	min-height: 253px;
	max-width: 248px;
	margin-right: -5px;
	padding-right: 5px;
	background-position: -240px -86px;
}
.mainNavigation li{display: block}
.mainNavigation li:first-child {background: none}
	.mainNavigation li ul{display: none}
	.mainNavigation ul ul li {padding-left: 15px;}
	.mainNavigation ul li ul {background: url(/_szablon/grafika/ululbg.png)}
	.mainNavigation ul ul li:first-child {
		background:transparent url(/_szablon/grafika/bgSpacer.png) no-repeat scroll 0 0;
	}
	
	.mainNavigation li a {
		display: block;
		padding: 5px 5px 5px 38px;
		font-size: 13px;
		font-weight: bold;
		color: #542e1f;
		background-position: 10px -125px;
	}
	.mainNavigation li.active a,
	.mainNavigation li a:hover {
		color: #45696a;
		text-decoration: none;
	}
	.mainNavigation li.active ul a {color: inherit}
	.mainNavigation li li a {background-position: 7px -150px}
/* bottomNavigation - dolna nawigacja */

.bottomNavigation {
	height: auto;
	overflow: hidden;
}
.bottomNavigation li {
	float: left;
	margin-left: 11px;
	padding-left: 12px;
	font-size: 11px;
	background-position: 0 -33px;
}
.bottomNavigation li:first-child {
	margin: 0;
	padding: 0;
	background: none;
}
	.bottomNavigation li a {
		color: #817a63;
		white-space: nowrap;
	}
	.bottomNavigation li.active a {text-decoration: underline}
	.bottomNavigation li ul {display: none}
/* flashAlley */

.flashAlley {
	padding: 12px 0;
	text-align: center;
}
	.flashAlley div {margin-bottom: 12px}

/* ------------------------------------------ */
/* ---------------- MODULES ----------------- */
/* ------------------------------------------ */

/* GALLERY */

.galleryShell {
	height: auto;
	margin: 0 0 20px -40px;
	overflow: hidden;
}
	.galleryPhoto {
		float: left;
		width: 170px;
		height: 170px;
		margin-left: 60px;
	}
		.galleryPhoto .b01, .galleryPhoto p {margin-bottom: 10px; display: inline-block}

/* CONTACT */

.contact {
	height: auto;
	margin-bottom: 20px;
	overflow: hidden;
}
	.contact .kernel {
		float: left;
		width: 330px;
	}
	.contact form {
		float: right;
		width: 328px;
	}
	.contact form .input_etykieta {
		width: 80px;
		background: transparent url(/_szablon/grafika/bgBackgrounds.png) no-repeat scroll 0 0;
		background-position:-489px -88px;
	}
	.contact form .formularz_stopka {
		text-align: center;
		background: transparent url(/_szablon/grafika/bgBackgrounds.png) no-repeat scroll 0 0;
		background-position:-489px -88px;
		padding: 7px;
	}
	.contact form .formularz_stopka .input {
		background: transparent;
	}

/* GUEST BOOK / counter, book */

#book_form {
	margin: auto;
	margin-bottom: 50px;
	width: 328px;
}

	#book_form form .input_etykieta {
		width: 80px;
		background: transparent url(/_szablon/grafika/bgBackgrounds.png) no-repeat scroll 0 0;
		background-position:-489px -88px;
	}
	
	#book_form form .formularz_stopka {
		text-align: center;
		background: transparent url(/_szablon/grafika/bgBackgrounds.png) no-repeat scroll 0 0;
		background-position:-489px -88px;
		padding: 7px;
	}
	
	#book_form form .formularz_stopka .input {
		background: transparent;
	}

.counter {
	width: 318px;
	margin: 10px auto 20px;
	text-align: center;
	background-position: -489px -87px;
}
.counter li {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	margin: 0 5px;
	font-weight: bold;
	font-size: 15px;
}
	.counter a {color: #542E1F}
	.counter a:hover {
		text-decoration: none;
		color: #45696A;
	}
	
	.counter .years {
		width: 113px;
		background-position: -689px -49px;
	}

.book {margin-bottom: 20px}
.book dt {
	margin-top: -1px;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
	background-position: 0 -42px;
}
	.book dt span {display: block}
		.book dt span span {
			padding: 8px 0;
			background-position: 0 100%;
		}

.book dd {
	margin-top: -1px;
	padding: 8px 0;
}
	.book dd span,
	.book dd var {
		display: block;
		text-align: right;
		font-style: normal;
	}
	.book dd p {
		margin: 12px 0;
		text-align: justify;
		line-height: 150%;
	}

.pager {
	text-align: center; 
}

/* LITURGIA */
.liturgiaNav{
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	margin: 0 0 20px 0;
}
.liturgiaNav a{
	background-image: url(/_szablon/grafika/bgMarks.png);
	background-repeat: no-repeat;
}
.liturgiaNav .prev{background-position: 0px -178px; padding-left: 25px}
.liturgiaNav .next{background-position: right -206px; padding-right: 25px}
div#nd_liturgia {margin:0;padding:0;font-size:14px;width:100%;}
div#nd_liturgia_naglowek {margin:0;padding:0 0 5px 0;background: url(/_szablon/grafika/ululbg.png);}
div#nd_liturgia_czytania {margin:0;padding:0;}
div#nd_liturgia_dodatki {margin:0;padding:5px;background: url(/_szablon/grafika/ululbg.png);}

p.nd_dzien {margin:0px;padding:6px 3px 0 3px;font-size:15px}
p.nd_msza {margin:5px 0 0 0;padding:1px;font-weight:bold;font-size:12px;}
p.nd_msza_tyt {margin:0px;margin-top:15px;padding:2px;color:black;font-weight:bold;font-size:16px;}
span.nd_swieto {font-size:13px;font-weight:bold;color: black}
span.nd_sigla {font-weight:bold;}
p.nd_wstep {margin:0;padding:3px;font-size:12px}
p.nd_czytanie_nazwa {margin:10px 0 0 0;padding:3px 2px;font-weight:bold;font-size:14px;}
p.nd_czytanie_sigla {margin:0;padding:3px;margin-bottom:5px;font-weight:bold;font-size:12px;}
p.nd_czytanie2 {margin:0px;padding:1px;font-weight:bold;font-size:11px;}
p.nd_czytanie_tyt {margin:0px;padding:0;margin-top:0px;font-weight:bold;margin-left:5px;}
p.nd_czytanie_tresc {margin:0px;padding:0;margin-top:0px;font-size:12px;margin-left:5px;}
p.nd_czytanie_albo {margin:0px;padding:0;margin-top:0px;font-size:12px;margin-left:5px;font-weight:bold;color:black}
p.nd_czytanie_odp {margin:0px;padding:0;margin-top:5px;margin-bottom:5px;font-weight:bold;font-size:12px;}
p.nd_psalm {margin:0px;padding:0;margin-top:5px;margin-bottom:5px;margin-left:10px;font-size:12px;}
p.nd_psalm_refren {margin:0px;padding:0;margin-top:5px;margin-bottom:5px;font-weight:bold;margin-left:5px;font-size:12px;}
p.nd_czytanie_perykopa {margin:0px;padding:0;margin-top:5px;font-weight:bold;margin-left:5px;font-size:12px;color:black;}
p.nd_dodatki_tyt {margin:0px;padding:0;padding-top:5px;font-weight:bold;}
p.nd_dodatki_styt {margin:0px;padding:0;font-size:12px;font-weight:bold;margin-left:5px;}
p.nd_dodatki_tresc {margin:0px;padding:0;font-size:12px;margin-left:5px;}

/* NYROMODAL */
div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(/_szablon/grafika/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border: 4px solid #777;
}

a#closeBut {
	position: absolute;
	display: block;
	top: -3px;
	right: -3px;
	width: 20px;
	height: 20px;
	text-indent: -9999em;
	background: url(/_szablon/grafika/nm_close.gif) no-repeat;
	outline: 0;
	z-index:1000;
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 14px;
	color: #ddd;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}

div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev {
	left: 0;
	width: 40%;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover {
	background: url(/_szablon/grafika/nm_prev.gif) left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext {
	right: 0;
	width: 40%;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover {
	background: url(/_szablon/grafika/nm_next.gif) right 20% no-repeat;
}