/* =======================
   autor: Piotr Piluś,   =
   e-mail: ppilus@wp.pl  =
========================*/
#sakramenty{background: url('../images/hostia.png') center no-repeat;}

*, input, select { margin: 0; padding: 0; font-family: Verdana, Geneva, Tahoma, Helvetica, Arial, sans-serif; line-height: 1.2em; font-size: 12px;}
#body {	text-align: center; font-size: 76%; background: url(../images/bg_body.jpg); padding: 5px 0; }
.center { width: 970px; text-align: left!important; margin: 0 auto; background: #f9eec1; }
.clr { clear: both }

.sectiontableentry11{color:gray;background:blue;}

#naglowek { position: relative; height: 150px; }
#kalendarium .moduletable td { position: absolute; left: 3px; bottom: 1px; vertical-align: bottom; line-height: 14px; font-size: 11px; font-style: italic; color: #2a7996; }
#kalendarium .moduletable b { font-size: 12px; color: #cf4813; line-height: 14px; }
#wyszukiwarka{ position: absolute; right: 3px; bottom: 3px; width: 180px; }
div.search .inputbox { width: 175px; color: rgb(9,125,159); background: rgb(249,238,190); border: 1px solid orange; }
#tresc { position: relative; width: 775px; margin-left: 180px; float: left; background: transparent; }
* html #tresc { /* hacking IE */ margin-left: 90px; }

/* #tresc p {padding-left: 20px;} */

#webcontainer { margin: auto; width: 1000px; background: url(../images/bg_webcontainer.jpg) center repeat-y; }
#topbanner { position: absolute; left: 215px; top: 1px; height: 146px; width: 750px; }
#topbanner table.moduletable td {height:146px; width: 750px;}
#topnapis { position: absolute; left: 1px; top: 1px; width: 550px; height: 148px; }

#lewa div.module div div div h3 {font-size: 11px;text-decoration: none;}
#lewa div.module div div div {font-size: 11px;color: green;}

h1, h2, h3, h4, h5 { padding: 0.2em 0; color: #555; font-weight: 900; }

p { line-height: 1.5em; padding-top:0.2em; }

a, a:link { color: #900; text-decoration: none }

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

h1 a, h1 a:hover { font-size: 3em; margin: 0.5em 1em; display: block; color: #f9eec1!important;	text-decoration: none; }

ol, li { list-style-position: inside; padding-left: 5px; }

#lewa { position: relative; width: 155px; float: left; margin-left: -950px; background: transparent; }
#stopka a,#stopka a:link { color:#d97118; }
#lewa div.module div div div table tbody tr td {  /* kolory textu w modulach z lewej strony */
color: green; font-size: 11px; }

div.module div div div { overflow: hidden; }
div.module div div div div { padding: 0; margin: 0; }

#lewa div.module {width: 170px;	margin: 0px 2px 5px 2px;padding-top: 0px;padding-bottom: 0px;border: 1px dotted #b00;border-left: 0;font-size: 11px;}
#lewa div.module-menu {padding-top: 5px;padding-bottom: 0px;width: 170px;margin: 0px 2px 5px 2px;border: 1px dotted #b00;border-left: 0;font-size: 11px;background: url(../images/bg_menu.jpg);}
#lewa div.module-rsk {padding-top: 2px;padding-bottom: 0px;width: 170px;margin: 0px 2px 5px 2px;border: 1px dotted #b00;border-left: 0;font-size: 11px;background: transparent;}

#mod_login_btn {width: 155px;}
#mod_login_username, #mod_login_password {background: #F5F5DC;border: 1px solid orange;width: 110px;font-size:11px;}

#gorne div.module {width: 355px;margin: 0px 10px 20px 5px;padding: 5px;border: 1px dotted #b00;padding-bottom: 5px;position: relative;float: left;}

* html #gorne div.module {width: 197px;}

#naglowek, #stopka, #glowny {border: 0px solid #ccc;} 
#naglowek { border-width: 1px 0px 1px 0px; /* docelowo zamienic na: border-width: 1px 1px 0 1px; */  }
#stopka {height: 35px;border-width: 1px 0px 1px 0px;font-size: 9px;line-height: 14px;}
#stopka p{font-size: 10px;line-height: 12px;color: #aae0e3;text-decoration: none;}
#glowny {border-width: 0px;	padding: 10px 0px;background: rgb(249,238,193);}

.tabberlive .tabbertab { /*ustawienia dla wyswietlania zakladek w dziale "... w obiektywie */
	padding-top: 5px;padding-right: 5px;padding-bottom: 5px;padding-left: 5px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;
	border-right-style: dotted;border-bottom-style: dotted;border-left-style: solid;border-right-color: #aaaaaa;border-bottom-color: #aaaaaa;
	border-left-color: #aaaaaa;border-top-width: 0pt;border-top-style: none;}

/* style !Joomla */

.moswarning {/*tabelka wyświetlana kiedy witryna jest offline i przeglada ja zalogowany uzytkownik */
background-color:rgb(207,207,207);border-bottom:2px solid #660000;color:#FFFFFF;font-size:200%;}
.mainlevel{color: blue;line-height: 150%;width: 160px;}

/* nadrzedne pozycje menu */
a.mainlevel:link, a.mainlevel:visited {display: block;font-size: 11px;font-weight: normal;color: #13136e;text-align: left;height: 18px;width: 165px;
line-height: 18px;text-indent: 0px; /* definiuje wcięcie wiersza */text-decoration: none;background: transparent;border: 0px solid transparent; /* #f9eec1; */ padding: 0px;/* font-family: Arial,Helvetica,sans-serif; */ /* text-transform: uppercase; /*  konwertuje na wielkie litery */}
a.mainlevel:hover {  /* mysz nad pozycją w menu */
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #13136e;
	text-align: left;
	height: 18px;
	width: 165px;
	line-height: 18px;
	text-indent: 0px;
	text-decoration: none;
	background: #fcf6e1;
	border: 0px solid #AA1F00;
	padding: 0px;
	/* font-family: Arial,Helvetica,sans-serif; */
	/* text-transform: uppercase; /*  konwertuje na wielkie litery */
}
/* ----------------------- Klasa stylu dla elementu <a>. Formatuje podrzedne - potomne pozycji menu */
.sublevel {
	font-size: 11px;
}
a.sublevel:link, a.sublevel:visited {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #ab2121;
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	height: 18px;
	line-height: 18px;
	text-indent: 0px;
	text-decoration: none;
	width: 162px;
	background: transparent;
	border: 0px solid #808080; /* #f9eec1; */
}
a.sublevel:hover {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #ab2121;
	font-family: Arial,Helvetica,sans-serif;
	text-align: left;
	height: 18px;
	line-height: 18px;
	text-indent: 0px;
	text-decoration: none;
	width: 162px;
	background: #fcf6e1;
	border: 0px solid #AA1F00;
}

#active_menu {
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #13136e;
	text-align: left;
	height: 18px;
	width: 165px;
	line-height: 18px;
	text-indent: 0px;
	text-decoration: none;
	background: #f4d268;
	border: 1px solid #AA1F00;
	padding: 0px;
}

div .pathway {font-size: 11px; color: orange;}
/* czytaj calosć */
a.readon:link, a.readon:hover, a.readon:visited {
background:url(../images/readon.gif) left no-repeat;
padding-left:20px; height:16px;
font-size: 11px; color: gray;}
/* przyciski: oprzedni/nastepny artykul.*/
.pagenav_prev, .pagenav_next { }
.pagenav_prev {}
.pagenav_next {}

/* Klasa stylu dla elementów <span> oraz <a>. Formatuje przyciski paska nawigacyjnego: Start << Poprz. |1|2|3| ...| n | Nast. >> Koniec w blogach. */

.pagenav {

}

a.pagenav:link {

}

a.pagenav:visited {

}

a.pagenav:hover {

}

.back_button a{

display: block;

width: 90px;

height: 16px;

margin-top: 20px;

margin-left: 30px;

text-align:center;

background: url(../images/back.jpg);

border: 0px solid #a7550c;

/* Klasa stylu dla elementu <input>. Formatuje przycisk (odnosnik) Wstecz */

}

/* Tresć glówna - materialy */

.contentpaneopen {

width: 770px;

/* Klasa stylu dla elementu <table>. Formatuje tabele obejmujace artykuly, materialy statyczne, tabele w blogach obejmujace wstepy artykulów oraz tabele w oknie wydruku. */

}

.contentpane {

background: rgb(249,238,193);

/* Klasa stylu dla elementu <table>. Formatuje tabele obejmujace pozycje inne niż artykuly, a wiec np. pozycje w komponentach, listy kategorii, formularze kontaktowe, itp. */

}

div.contentpaneopen .inputbox{

background: yellow;

}

.small {

/* Klasa stylu dla elementu <span>. Formatuje nazwe autora pozycji.*/

font-size:9px;

color:#222;

line-height:1.1em;

}

.small input,.small select,.small option{

font-size:9px;

}

.small input{

width:20px;

}

.createdate {

/* Klasa stylu dla elementu <td>. Formatuje komórke z data utworzenia artykulu i materialu statycznego. */

font-size:9px;

color: #8c8c8c;

line-height:1em;

}

.modifydate {

/* Klasa stylu dla elementu <td>. Formatuje komórke z data ostatniej modyfikacji artykulu i materialu statycznego.*/

font-size:9px;

color:#444;

line-height:1em;

}

.content_rating {

/* Klasa stylu dla elementu <span>. Formatuje tekst zawierajacy wyniki oceny publikowanych artykulów - obok gwiazdek wyrażajacych ocene.*/

}

.content_vote {

/* Klasa stylu dla elementu <span>. Formatuje tekst przy przyciskach wyboru oceny artykulów (przyciskach radiowych)*/

}

.mosimage {

/*  Klasa stylu dla elementu <div>. Formatuje obszar obrazka wprowadzonego botem Mosimage i podpisu pod obrazkiem (lecz tylko, gdy obrazek jest opatrzony podpisem).*/

}

.mosimage_caption {

/* Klasa stylu dla elementu <div>. Formatuje podpis obrazka.*/

}

.searchintro {

/* Klasa stylu dla elementu <table>. Formatuje tabele z komunikatami o ilosci wystapien wyszukiwanego tekstu (z komunikatem: Znaleziono pozycji: ...).*/

}

.smalldark {

/* Klasa stylu dla elementu <td>. Stosowana na stronach sond do formatowania komórek tabeli z iloscia oddanych glosów, data ostatniego glosowania.*/

font-size:9px;

color:#777;

line-height:1em;

}

.moscode, code {

/* Klasa stylu dla elementu <code>. Formatuje cytowane fragmenty kodu programów */

}

.buttonheading {

/* Klasa stylu dla elementu <td>. Formatuje komórke z przyciskami: Drukuj, PDF, Poleć znajomemu Wykazy tresci w sekcji, w kategorii, w komponencie*/

}

.contentheading, .contentheading-homepage {

/* Klasa stylu dla elementu <td> lub <th> formatuje komórke tabeli z tytulem artykulu, pozycji w komponencie.*/

font-size: 15pt;

color: #333399;

/* font-size:14px;

color:#b00; */

} 

.componentheading, .componentheading-ogloszenia, .componentheading-duszpasterze, .componentheading-gallery {

/* Klasa stylu dla elementu <div>. Formatuje tytuly (nazwy) komponentów, nadawane im przez administratorów w parametrach pozycji menu.*/

font-size:15pt;

color: #333399;

/* font-weight:900; */

}



.contentheading-duszpasterze {

font-size: 12px;

color: #333399;

font-weight: bold;

}

.contentdescription {

/* Klasa stylu dla elementu <td>. Formatuje komórke tabeli zawierajaca opis sekcji lub kategorii. */

}

.sectiontableheader, .sectiontableheader td, .sectiontableheader th {

/* Klasa stylu dla elementu <td>. Formatuje komórki tabel w wykazach, np. w wykazie artykulów slowa: >Tytul, Data, Autor, Odslony.*/

padding:3px 3px 2px 3px;

}

.sectiontableentry1, .sectiontableentry1 td  {

/* Klasa stylu dla elementu <tr>. Formatuje nieparzyste wiersze w tabelach zawierajacych wykazy (kolor pierwszego, trzeciego itd. wiersza) */

padding:3px 3px 2px 3px;

background:#f8f8f8;

}

.sectiontableentry2, .sectiontableentry2 td {

/*  Klasa stylu dla elementu <tr>. Formatuje parzyste wiersze w tabelach zawierajacych wykazy (kolor drugiego, czwartego itd. wiersza) */

padding:3px 3px 2px 3px;

background:#f0f0f0;

}

.sectiontablefooter, .sectiontablefooter td{

/* Klasa stylu dla elementu <tr>. W tabelkach wykazów zawierajacych wieksza ilosc formatuje wiersz stopki pozycji z paskiem nawigacyjnym.*/

padding:3px 3px 2px 3px;

}

a.category:link {

}

a.category:hover, a.category:visited {

/* Klasa stylu dla elementu <a>. Formatuje odnosnik do kategorii na stronach z wykazem zawartosci sekcji) */

}

.highlight {

/* Klasa stylu dla elementu <span>. Formatuje wyszukiwane slowa lub frazy w wynikach wyszukiwania.*/

}

/*  Style na stronach blogów Elementy Zastosowanie elementu *tu */

.blog {

/* Klasa stylu dla elementu <table>. Formatuje tabele obejmujaca obszar bloga*/

}

.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited {

/* Klasa stylu dla elementu <a>. Formatuje tytuly artykulów, gdy w ustawieniach pozycji menu wlaczona jest opcja Tytuly laczami*/

display:block;

padding-top: 3px;

background: url(../images/bg_pagetitle2.jpg);

/*background: #bdd3ba;*/

width:700px;

height:20px;

}

a.contentpagetitle:hover {

}

.blogsection, a.blogsection:link, a.blogsection:visited {

/* Klasa stylu dla elementu <a>. Formatuje odnosniki do blogów w wykazie Zobacz tez na stronach typu magazynowego*/

}

a.blogsection:hover {

}

.blog_more {

	/* Klasa stylu dla elementu <div>. Formatuje tytul sekcji odnosników w blogu (Zobacz takze...;

tytul jest ponadto objety elementem <strong>). */

}

.article_seperator {

/* Klasa stylu dla elementu <span>. Formatuje obszar rozdzielajacy pozycje blogaSpisy tresci artykulów wielostronicowych*/

}

/*   Formatowanie spisów tresci Elementy Zastosowanie elementu */

.contenttoc {

/* Klasa stylu dla elementu <table>. Formatuje tabele spisu tresci artykulu wielostronicowego */

}

.contenttoc th {

/* Klasa stylu dla elementu <th>. Formatuje wiersz z tytulem w tabeli ze spisem tresci artykulu wielostronicowego */

}

.contenttoc td {

/* Klasa stylu dla elementu <td>. Formatuje komórke ze spisem tresci artykulu wielostronicowego */

}

.toclink, a.toclink:link, a.toclink:visited {

/* Klasa stylu dla elementu <a>. Ustawia styl laczom w tabeli ze spisem tresci artykulu wielostronicowe

}

a.toclink:hover {

}

.pagenavcounter {

/* Klasa stylu dla elementu <div>. Formatuje informacje o ilosci stron artykulu (X stron z X*/

}

.pagenavbar {

/* Klasa stylu dla elementu <div>. Formatuje przyciski Poprzednia strona - Nastepna strona. */

}

/* Moduly - tresci towarzyszace */

.moduletable {

/* Klasa stylu dla elementów <div> oraz <table>. Formatuje zarówno tabele, a wiec elementy table, tr, td, jak i elementy div, w których umieszczono moduly.*/

}

.moduletable th {

/* Klasa stylu dla elementu <th>. Formatuje komórke z tytulem modulu i tytul modulu.*/

}

.moduletable h3 {

color: #ab2121;

/* Klasa stylu dla elementu <h3>. Formatuje tytul modulu umieszczonego w bloku <div class="moduletable">*/

}

/* .moduletable td {

/* Klasa stylu dla elementu <td>. Formatuje komórke tabeli zawierajaca tresci modulu, w tym wlasciwosci tekstu.

} */

.moduletable ul li {

font-size:10px;

/* Klasa stylu dla elementu <li>. Formatuje elementy listy w modulach */

}

.latestnews, .latestnews ul {

/* Klasa stylu dla elementu <ul>. Formatuje wyglad listy i elementów listy - odnosników w module Nowosci [LatestNews].*/

}

.mostread, .mostread ul {

/* Klasa stylu dla elementu <ul>. Formatuje wyglad listy i elementów listy - odnosników w module Popularne [MostRead].*/

}

.module {

	/*  Klasa stylu dla elementu <div>. Formatuje moduly, gdy dla pozycji modulu wlaczono styl -2 lub -3, np. php mosLoadModules ( 'nazwa_pozycji_modulu',-3);

*/

}

.module h3 {

font-size: 12px;

color: #ab2121;

text-decoration: underline;

/* Klasa stylu dla elementu <div>. Formatuje tytul modulu*/

}

.syndicate {

/* Klasa stylu dla elementu <div>. Formatuje w module Kolporter RSS [RSSFeed] obszar z przyciskami - odnosnikami do kanalów RSS. */

}

.syndicate_text {

/* Klasa stylu dla elementu <div>. Formatuje w module Kolporter RSS tekst opisu nad przyciskami.*/

}

pollstableborder-sondy {

margin-top:5px;



}

.pollstableborder {

	/* Klasa stylu dla elementu <div>. Formatuje krawedzie tabeli, wierszy i komórek zawierajacych pytania sondy;

zdefiniowany we wlasnym arkuszu stylów komponentu Sondy! */

}



.pool-sondy {

line-height: 150%;

margin-bottom:10px;

/* Klasa stylu dla elementu <table>. Formatuje tabele z tekstem ankiety. Uzyta w module mod_pool.php */

}

.wrapper {

/* Klasa stylu dla elementu <iframe>. Formatuje ramke obejmujaca obszar wyswietlanej strony w komponencie i module Wraper */

}



/* Klasy stylów dla Księgi gości */
table.contact{margin: 0px 0px 10px 0px;}
table.contact .sectiontableheader{height: 12px;font-size:10px;background: #bdd3ba;border: 0px;}
table.contact .sectiontableheader {background: #fad478;}
table.contact .sectiontableentry1 {background: white;}
table.contact .sectiontableentry2 {background: #e9f2f8;}
.ksiegalewakolumna, .ksiegalewakolumna td{border-right:1px solid gray; border-bottom: 1px solid gray;}
.ksiegaprawakolumna, .ksiegaprawakolumna td{border-bottom: 1px solid gray;padding-left:5px;}


/* strona z ogłoszeniami duszpasterskimi */
table.contentpane-ogloszenia{ padding-left:20px;}
.sectiontableentry1-ogloszenia{ background:  url(../images/bg_pagetitle3.jpg) repeat-y;height: 25px;}
.sectiontableentry2-ogloszenia{ background:  url(../images/bg_pagetitle4.jpg) repeat-y;height: 25px;}

/* strony z tabelami galerii */

table.contentpane-gallery { padding: 0px 0px 0px 20px}

table.contentpane-gallery a {display:block; height: 20px; width: 650px}

.sectiontableentry1-gallery{background:  url(../images/bg_pagetitle4.jpg) repeat-y; height: 22px;}
.sectiontableentry2-gallery{background:  url(../images/bg_pagetitle3.jpg) repeat-y;height: 22px;}

/* strona główna - tło */
.contentpaneopen-homepage{ 
z-index:100; 
}
#background-img{
}
.bg2{
position:absolute; top:0; left:0;
width:100%;

}