body{
 margin: 0 auto;
 width: 750px;
 font: 12px Arial;
 background: url(images/tlo.jpg) fixed;}
 
#firefox {
 width: 750px;
 margin: 1px 0;
 text-align: right;}

body#viewPhoto{
 margin: 0;
 background: #F4F4F5;}

body#viewPhoto a:active, body#viewPhoto a:link, body#viewPhoto a:visited {
 font: bold 12px Arial;
 color: black;
 line-height: 25px;
 text-decoration: none;
 border: 1px solid black;}

body#viewPhoto a:hover {
 font: bold 12px Arial;
 color: #d5d4d9;
 background: black;
 line-height: 25px;
 text-decoration: none;}
 
img {
 border: 0;}

p {
 width: 500px;}
 
#head
{
float:left;
 width: 7500px;
 height: 60px;
}
#header {
 float: left;
 width: 270px;
 height: 60px;
 background: url(images/zborbetel.jpg) no-repeat;
}
 
#header2
{
float: left;
 width: 480px;
 height: 60px;
 text-align: right;

}
 
#adminPanelButton {
 width: 20px;
 height: 20px;
 background: transparent;}
 
#adminPanelButtonLink {
 display: block;
 width: 100%;
 height: 100%;}

#maindown {
 float: left;
 width: 750px;
 background: #d5d4d9;}
 
#menu {
 float: left;
 width: 150px;}
 
div.menu {  border-bottom: 1px solid white;}
div.menu:link {text-decoration: none; color: #565b54;}
div.menu:visited {text-decoration: none; color: #565b54; font: bold 14px Arial;}
div.menu:active {text-decoration: none; color: black;}
div.menu:hover {text-decoration: none; background: #b9c9a2; color: #535363;}

ul.menu, ul.menu li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	font: 14px Arial;
}

ul.menu {
	width: 150px;
}
ul.menu li{
	border-bottom: 1px solid white;
}

ul.menu a.menu:link, ul.menu a.menu:visited {
	display: block;
	text-decoration: none;
	background-color: #d5d4d9;
	color: #565b54;;
	padding: 4px 5px 4px 10px ;
}

ul.menu a.menu:hover {
	background: #b9c9a2; 
  color: #535363;
}

#tytul{
 font: bold 14px Arial;
 padding: 4px 0 0 10px;
 color: white;
 width: 139px;
 height: 20px;
 background: #535363;
 border-bottom: 1px solid white;
 }
  
a.rollover {
float: left;
 width: 150px;
 height: 23px;
 display: block;
 overflow: hidden;
 border-bottom: 1px solid white;}

a.rollover img {
 display: block;}

a.rollover:hover img {
 margin-top: -23px;}

#pobranie a.rollover {
 width: 150px;
 height: 23px;
 display: block;
 overflow: hidden;}

#pobranie a.rollover img {
 display: block;}

#pobranie a.rollover:hover img {
 margin-top: -23px;} 
 
#mainright {
 float: left;
 width: 599px;
 border-left: 1px solid white;}

#banner {
 float: left;
 width: 599px;
 height: 191px;
 border-bottom: 1px solid white;}

#dzial {
 float: left;
 width: 589px;
 height: 23px;
 font: bold 14px Arial;
 padding: 0 0 0 10px;
 color: white;
 line-height: 23px;
 background: #535363;
 border-bottom: 1px solid white;}

#content {
 float: left;
 display: inline;
 margin: 5px;
 padding: 5px;
 width: 579px;
 min-height: 350px;
 height: 100%;
 background: #F4F4F5;}
 
#rodzina
{
width: 575px;
} 
ul.rodzina
{
margin: 0 0 0 0;
}
li.rodzina
{
 width: 500px;
 font: 15px Arial bold;
 
}
div.rodzina 
{
margin: 10px 0 0 10px;
font: 12px Arial;
text-align: justify;
}

#rodzina a:link {text-decoration: none; color: black;}
#rodzina a:visited {text-decoration: none; color: black;}
#rodzina a:active {text-decoration: none; color: black;}
#rodzina a:hover {text-decoration: none; color: #535363;}
 
 
/*----------------buttony na stronie do pobrania --------------------*/ 
#dopobraniamenu{
margin: 0 auto;
width: 300px;
height: 69px;
}
#dopobraniamenurow{
display: table-row;
}
#dopobraniamenuwiersz1{
position: relative; left: 0px;
width: 150px;
height: 23px;
border-top: 1px solid white;
}
#dopobraniamenuwiersz2{
position: relative; left: 150px;top:-23px;
width: 150px;

}
#dopobraniamenuwiersz300{
position: relative; top: -23px;
width: 300px;
height: 0px;
}
/*---------------------------STOPKA---------------------------*/
#footer{
 float: left;
 width: 750px;
 height: 20px;
 font: 11px Arial;
 text-align: center;
 line-height: 20px;
 border-top: 1px solid white;
 background: #d5d4d9;}
 
#licznik {
 float: left;
 width: 150px;
 border-right: 1px solid white;
 height: 100%;
 font: bold 11px Arial;}
 
#copyright {
 float: left;
 width: 599px;
 height: 100%;
 line-height: 20px;}
 
#historia
{
width: 540px;
padding:20px;
}
 p.historia {
 margin: 0 0 10px 0;
 text-align: justify;
 width: 100%;}

.galeriaRow {
 float: left;
 width: 100%}
 
.galeriaRow img {
 display: block;
 border: 2px solid #F4F4F5;
 margin: 0 auto;}

.dzialMain {
 float: left;
 width: 193px;}

.dzialZdjecie {
 margin: 5px 9px 0 10px;
 padding: 5px;
 width: 164px;
 height: 164px;
 background: #e5e5e6;}
 
.dzialTable {
 width: 100%;
 height: 100%;
 padding: 0;}

.dzialCell {
 width: 100%;
 height: 100%;
 padding: 0;}
 
.dzialNazwa {
 margin: 2px 9px 0 10px;
 width: 174px;
 text-align: center;
 font: 11px Arial;
 line-height: 20px;
 background: #e5e5e6;}
 
/* księga go¶ci */
.ksiegaTable{
 width: 350px;
 font: 11px Arial;
 border: 0px solid black;
 margin: 0 auto;}
 
.ksiegaCell {
 width: 33%;
 text-align: center;}
 
.ksiegaWpis {
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 text-align: left;}
 
.ksiegaWpisTable {
 margin: 0 auto;}
/* --- */
 

#albumTytul {
 width: 100%;
 vertical-align: center;
 text-align: center;
 font: bold 14px Arial;}

#photoMain {
 border-right: 1px solid #d5d4d9;
 border-bottom: 1px solid #d5d4d9;
 margin: 0 auto;
 width: 820px;}

#photoTytul {
 width: 820px;
 height: 25px;
 text-align: center;
 font: bold 16px Arial;
 line-height: 25px;
 background-color: transparent;}

#photoMenu {
 width: 820px;
 height: 25px;
 background-color: #d5d4d9;}

#photoMenuLeft {
 float: left;
 padding-left: 5px;
 width: 145px;
 height: 25px;
 text-align: left;}

#photoCenter {
 float: left;
 text-align: center;
 width: 520px;
 height: 25px;
 font: bold 12px Arial;}

#photoMenuRight {
 float: left;
 padding-right: 5px;
 width: 145px;
 height: 25px;
 text-align: right;}

#photoZdjecie {
 width: 820px;}

#photoZdjecie img {
 display: block;
 margin: 0 auto 10px auto;}
 
.photoTable {
 padding: 0;
 width: 100%;
 height: 100%;}
 
.photoCell {
 text-align: center;
 padding: 0;
 width: 100%;
 height: 100%;}

#fotoRight {
 float: right;
 margin: 8px;}
 
div#credo {
 width: 540px;
 padding: 20px;
 }

li.credo {
 margin: 0 0 10px 0;}

ul.credo {
 margin: 0;
 padding-left: 20px;
 font: 12px Arial;}
 
#kontakt {
 margin-left: 8px;
 font: 12px Arial;
 text-align: justify;}

li.kontakt {
 list-style: circle;
 margin-left: 8px;
 font: 12px Arial;
 text-align: justify;}

#kontakt {
 margin-left: 8px;
 font: 12px Arial;
 text-align: justify;}
 
li.kontakt {
 list-style: circle;
 margin-left: 8px;
 font: 12px Arial;
 text-align: justify;}

p.kontakt_duze {

 margin-left: 8px;
 font: bold 12px Arial;
 text-align: justify;}

#kontakt_duze {
margin: 5px 0px;
 margin-left: 8px;
 font: bold 12px Arial;
 text-align: justify;}
 
li.admin {
 list-style: circle;
 margin-left: 8px;
 font: 12px Arial;
 text-align: justify;}

#powrot {
 text-align: center;
 margin-bottom: 10px}
 
#powrotDown {
 text-align: center;
 margin-top: 10px}
 
.imieCell {
 width: 200px;
 vertical-align: right;}

.nickCell {
 width:300px;}

.miejscowoscCell {
 vertical-align: right;}
 
input.ksiega {
 font: normal 13px Tahoma;}
 
.wyslij {
 vertical-align: left;}

p.center {
 text-align: center;}
 
#adminKg, #adminNews, #adminDoPobrania {
 width: 400px;
 text-align: center;
 vertical-align: center;
 margin: 0 auto;}

.adminTableKgPanel, .adminTableNewsPanel, .adminTableDoPobraniaPanel {
 margin: 0 auto;}
 
.adminTableKgPanel td, .adminTableNewsPanel td, .adminTableDoPobraniaPanel td {
 padding: 0 10px;}

.adminTableKg2 {
 width: 100%;
 border: 1px solid black;
 font: 11px Arial;
 margin: 10px 0 2px 0;}

.adminTableKg3 {
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 text-align: left;}
  
.zmienTableKg {
 width: 200;
 margin: 0 auto;}
 
.adminnews {
 width: 400px;
 border: 1px solid black;
 font: 11px Arial;
 vertical-align: center;
 margin: 10px auto 2px auto;}
 
.adminnews2 {
 text-align: center;
 padding: 2px;
 margin: 0 auto;
 border-bottom: 1px solid black;}
 
.adminnewsleft {
 width: 50%;
 text-align: left;}
 
.adminnewsright{
 width: 50%;
 text-align: right;}

.adminedit{
 margin-left:auto;
 margin-right:auto;
 font: 13px Tahoma;}

textarea.tresc{
 font: 13px Tahoma;}
 
 textarea.piesni
 {
 font: 3px;
 text-align: center;
 }

.doPobrania {
 width: 100%;
 padding: 10px;
 border: 1px solid black;
 font: 11px Arial;
 text-align: left;
 margin: 10px 0 2px 0;}

#linki {
 text-align: center;
 vetical-align: center;}


/* ewangelizacja */
div#hEwang {
 padding: 5px;
 width: 555px;
 margin: 10px;
 text-indent: 30px;
 text-align: justify;
 font: 12px arial;}
 
div.ewangMain {
 float: left;
 width: 555px;
 margin: 10px;}
 
div.ewangPhoto {
 float: left;
 width: 160px;}
 
div.ewangPhoto img {
 margin: 0 auto;
 display: block;}
 
div.ewangText {
 float: left;
 width: 380px;
 text-align: justify;
 padding: 5px;}

div.ewangText span.ewangNazwa {
 font-weight: bold;
 text-align: center;}
div.ewan {
margin-left: 100px;
margin-top: 10px;}

/*nowe newsy*/

.box3233019 {
  width: 500px;
  text-align: left;
  }

.box3233019 .boxtop {
  background-image: url(images/ramki/boxtop500.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  font-size: 13px;
  color: #000000;
  
  }

.box3233019 .boxtopne {
	text-align: center;
	padding: 21px 25px 6px 25px;
}

.box3233019 .boxmid {
  background-image: url(images/ramki/boxmid-500.png);
  background-repeat: repeat-y;
  background-position: top left;
  margin: 0;
  text-align: center;
  color: #000000;
  font-size: 11px;
  }

.box3233019 .boxmidne {
	padding: 1px 25px 1px;
}

.box3233019 .boxbot {
  background-image: url(images/ramki/boxbot-500.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  text-align: center;
  padding: 5px;
  height: 23px;
  }

/*do pobrania*/
.box3233020 {
  width: 300px;
  text-align: left;
  }

.box3233020 .boxtop {
  background-image: url(images/ramki/boxtop300.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  font-size: 13px;
  color: #000000;
  
  }

.box3233020 .boxtopne {
	text-align: left;
	padding: 21px 25px 6px 25px;
}

.box3233020 .boxmid {
  background-image: url(images/ramki/boxmid-300.png);
  background-repeat: repeat-y;
  background-position: top left;
  margin: 0;
  text-align: left;
  color: #000000;
  font-size: 11px;
  }

.box3233020 .boxmidne {
	padding: 10px 25px 1px;
}

.box3233020 .boxbot {
  background-image: url(images/ramki/boxbot-300.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  text-align: left;
  padding: 5px;
  height: 23px;
  }

  /*ksiega gosci*/
.box400 {
  width: 400px;
  text-align: left;
  }

.box400 .boxtop {
  background-image: url(images/ramki/boxtop400.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  font-size: 13px;
  color: #000000;
  
  }

.box400 .boxtopne {
	text-align: left;
	padding: 21px 25px 6px 25px;
}

.box400 .boxmid {
  background-image: url(images/ramki/boxmid-400.png);
  background-repeat: repeat-y;
  background-position: top left;
  margin: 0;
  text-align: left;
  color: #000000;
  font-size: 11px;
  }

.box400 .boxmidne {
	padding: 10px 25px 1px;
}

.box400 .boxbot {
  background-image: url(images/ramki/boxbot-400.png);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0;
  text-align: left;
  padding: 5px;
  height: 23px;
  }
  
/* ------------------ kalentarz ----------------- */
#bodykalendarz
{

position: relative;
left:30px;
top: 20px;
bottom:20px;
width:520px;
border-bottom: 1px solid #d5d4d9;
}
#bodykalendarztlo
{

position: relative;
left:30px;
top: 20px;
width:520px;
background: #d5d4d9;
}
#datakalendarz
{
float:left;
width: 110px ;
text-align: left;
font-size:11px;
padding: 5px;
}
#tekstkalendarz
{
float:left;
width: 330px;
text-align: left;
font-size:11px;
padding:5px;
}
#czaskalendarz
{
float:left;
width: 50px;
text-align: left;
font-size:11px;
padding:5px;
}
.niedzielakalendarz
{
float:left;
color: red;
}
#przeterminowanykalendarz
{
color:gray;
}
#innedodatki
{
float:left;
}
#kalendarzwidok
{
float:left;
width:30px;
text-align:center;
}
#kalendarzdni
{
font: normal 12px Serif,Verdana,Arial;
color:white;
background: #365F91;
float:left;
width:80px;
height:20px;
text-align:center;
border: 1px solid black;
overflow:hidden;
}
#kalendarzwidokduzymiesiac
{
font: normal 12px Serif,Verdana,Arial;
float:left;
width:572px;
height:20px;
text-align:center;
border: 1px solid black;
overflow:hidden;
background: #C6D9F1;
}
#kalendarzwidokduzy
{
font: normal 10px Serif,Verdana,Arial;
float:left;
width:80px;
height:90px;
text-align:center;
border: 1px solid black;
overflow:hidden;
}
#kalendarzwidokduzylewy
{
font: normal 10px Serif,Verdana,Arial;
float:left;
width:81px;
height:90px;
text-align:center;
border-left: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;

overflow:hidden;
}
#kalendarzwidokduzynic
{
font: normal 10px Serif,Verdana,Arial;
float:left;
width:82px;
height:90px;
text-align:center;
border-top: 1px solid black;
border-bottom: 1px solid black;
overflow:hidden;
}
#kalendarzwidokduzyprawy
{
font: normal 10px Serif,Verdana,Arial;
float:left;
width:81px;
height:90px;
text-align:center;
border-right: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
overflow:hidden;
}
/*#d5d4d9*/
#kalendarzwidokduzyweek
{
font: normal 10px Serif,Verdana,Arial;
float:left;
width:80px;
height:90px;
text-align:center;
border: 1px solid black;
overflow:hidden;
background: #C6D9F1;
}
#kalendarzwidoktemat
{
font: normal 16px Serif,Verdana,Arial;
float:left;
width:574px;
height:40px;
text-align:center;
/*border: 1px solid black;*/
overflow:hidden;
}
/* --------------------- świadectwa ---------------------- */
#bodyswiadectwa
{
width: 540px;
padding: 20px 20px 0px;
}
#tytulswiadectwa
{
float:left;
font: italic bold 13px Arial;

}
#autorswiadectwa
{
float:right;
text-align: right;
font: bold 12px Arial;

}
#trescswiadectwa
{
clear: right;
clear: both;
font: normal 12px Arial;
text-align: justify;
}
#dataswiadectwa
{
clear:right;
float: right;
font: normal 10px Arial;
text-align: right;
}
#wstepswiadectwa
{
clear: right;
clear: left;
width: 470px;
font: normal 12px Arial;
text-align: justify;
}
/* --------------------- pieśni ---------------------- */
#piesniogolnie
{

width:625px;

/*height:20px; */
}/*border-bottom: 1px solid #d5d4d9;*/
#piesnilp
{
background: #F4F4F5;
float:left;
width:30px;
border-bottom: 1px solid #d5d4d9;
}
#piesnilp1
{
background:#d5d4d9;
float:left;
width:30px;
border-bottom: 1px solid #d5d4d9;
}
#piesninazwa
{
background: #F4F4F5;
float:left;
width:390px;
border-bottom: 1px solid #d5d4d9;
}
#piesninazwa1
{
background:#d5d4d9;
float:left;
width:390px;
border-bottom: 1px solid #d5d4d9;
}
#piesniedycja
{
background: #F4F4F5;
float:left;

width:195px;
border-bottom: 1px solid #d5d4d9;
}
#piesniedycja1
{
background:#d5d4d9;
float:left;

width:195px;
border-bottom: 1px solid #d5d4d9;
}
.chmurka1 
{
position:absolute;display:none;left:25px;top:25px;
border:1px dashed maroon;background-color:#dcb;
padding:4px;font:normal normal 9px verdana,sans-serif;
}
#tytulpiesni
{
font: bold 18px Arial;
text-align: justify;
}

/*date picker   */

div.clndr {
 background-color:#d0d0d0; position:absolute;
 cursor:default; display:none; border:3px ridge #9ab;
}
div.clndr table {
 width:160px; margin:4px;
}
div.clndr th {
 border:1px solid black;
 font:normal bold 11px arial,sans-serif;
 text-align:center; padding:0 2px 0 2px;
}
div.clndr td {
 border:1px solid blue; cursor:pointer; 
 font:normal normal 11px arial,sans-serif;
 text-align:center; padding:0 2px 0 2px;
}

#bromba
{
float: left;
width: 90px;

}
#bromba2
{
float: left;
width: 200px;

}
#bromba3
{
float: left;
width: 180px;
}

/* - news - */
.newstab
{
width: 450px; 
border: 0px solid black; 
font: 11px Arial;
}
.newstabl
{
width: 50%;
text-align: left;
}
.newstabp
{
width: 50%;
text-align: right;
}


/* okienko do zdjęć  */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(betel/css/overlay.png); }
* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
/* ---------------------- */