@charset "UTF-8";
body{
background:url('images/bg.jpg') repeat-y #8b8b76 center top; /* page background - a gradient that's in the middle of the page*/
margin:auto;
margin-bottom:0;
text-align:center;
font-family:arial;
font-size:12px;
color:black;

}
a:link,a:active,a:visited
{
font-weight:500;
color:#969675;
font-family:arial;
font-size:12px;
text-decoration:underline;
}
a.menu_rest:hover
{
font-weight:500;
color:#969675;
font-family:arial;
font-size:12px;
text-decoration:none;
}
/*main page container layout*/
#container{
width:920px;
min-height:840px;
background:url('images/mainBgNowe.jpg') no-repeat #d8d8c7 bottom left; /*zmienic plik na wakacjach!!!*/
margin:auto;
overflow:auto;
}
a.main_menu:active,a.main_menu:visited,a.main_menu:link{
text-decoration:none;
color:white;
}
a.main_menu:hover{
text-decoration:none;
color:#555555;
}
a.news:active,a.news:visited,a.news:link{
text-decoration:none;
color:#969675;
padding-left:10px;
}
a.news:hover{
text-decoration:none;
color:#cccc98;
padding-left:10px;
}

a.news_a:active,a.news_a:visited,a.news_a:link{
text-decoration:none;
color:#cccc98;
padding-left:10px;
}
a.news_a:hover{
text-decoration:none;
color:#cccc98;
padding-left:10px;
}
a.main_menu_a:active,a.main_menu_a:visited,a.main_menu_a:link{
text-decoration:none;
color:#555555;

}
a.main_menu_a:hover{
text-decoration:none;
color:#555555;
}
#overTop{
width:905px;
height:21px;
background:black;
font-family:arial;
font-size:12px;
color:#b9453e;
text-align:left;
font-weight:800;
padding-top:6px;
padding-left:15px;
}
img.x{
float:left;
}
select,input{
font-family:arial;
font-size:12px;
color:#77775a;
font-weight:800;
width:150px;
border: 1px solid #555555;
background:#fefef7;

}
textarea{
font-family:arial;
font-size:12px;
color:#77775a;
font-weight:800;
width:450px;
height:120px;
border: 1px solid #555555;
background:#fefef7;
overflow:auto;

}
img.foto{
float:left;width:100px; border:2px solid #939377;margin-left:5px;

}
img.foto2{
width:125px;
height:94px;
overflow: hidden;
}
img.foto2:hover{
float:left;width:100px; border:2px solid black;
margin:5px 5px 5px 5px;
width:125px;
height:94px;
overflow: hidden;
}
table.tresc{
background:none;
padding-left:0px;
margin-left:0px;
}
img.foto:hover{
float:left;width:100px; border:2px solid black;margin-left:5px;

}
div#msze{
position:absolute;
margin-bottom:180px;
border:1px solid red;
width:150px;
height:10px;
color:white;

}
div.galeria{
padding-top:15px;
text-align:left;
padding-left:2px;
border:0px solid red;
width:328px;
float:right;
}
.topImage{
width:920px;
height:202px;
padding: 0 0 0 0;
margin:0 0 0 0;
background:url('images/top.jpg') no-repeat;
}
 /* shadow under the top image*/
#topShadow{
border:0px solid red;
width:920px;
height:11px;
background:url('images/topShadow.jpg') no-repeat #d9d9c8 right top;
padding: 0 0 0 0;
margin:0 0 0 0;
}
ul.ogloszenia{
list-style-type:decimal;
text-align:justify;
font-weight:800;
}
li.ogloszenia{
list-style-type:decimal;
text-align:justify;
font-weight:500;
margin-top:8px;
}
#menu{
text-align:left;

float:left;
border:0px solid red;
width:229px;
height:302px;
background:url('images/menuBg.jpg') no-repeat left top #d9d9c8;
padding-left:10px;
padding-top:20px;
margin:0 0 0 0;
}
#news{
margin-top:10px;
width:670px;
background:#f4f4e9;
float:right;
margin-right:10px;
overflow:show;
}
div.parafiaName{
position:relative;
color:white;
border:0px solid red;
top:182px;
text-align:right;
padding-right:40px;


}
h1{
font-size:12px;
font-weight:800;
font-family:arial;
display:inline;
}
.tresc{
margin-top:10px;
width:660px;
background:#f4f4e9;
float:right;
margin-right:10px;
color:#77775a;
text-align:justify;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;

}
#footer{
width:920px;
height:56px;

background:url('images/ppstudio.jpg') no-repeat #000000;
background-position:center right;
margin:auto;
text-align:left;
}
a.mapa:link,a.mapa:visited,a.mapa:active{
font-family:Arial;
font-size:12px;
color:#fffeef;
text-decoration:none;

}
a.mapa:hover{
 text-decoration:underline;
}
span.mapa{
font-family:Arial;
font-size:12px;

display:block;
color:#fffeef;
padding-top:15px;
}
span.aktual_naglowek
{
font-weight:800;
color:#7d8e1e;
font-family:arial;
font-size:12px;

}
h2
{
font-weight:800;
color:#c54841;
font-family:arial;
font-size:13px;

}
h3{
font-weight:800;
color:#7d8e1e;
font-family:arial;
font-size:12px;

}
span.galeria_naglowek
{
font-weight:700;
color:#969675;
font-family:arial;
font-size:12px;

}
a.menu_rest:link,a.menu_rest:active,a.menu_rest:visited
{
font-weight:500;
color:#969675;
font-family:arial;
font-size:12px;
text-decoration:underline;
}
a.menu_rest:hover
{
font-weight:500;
color:#969675;
font-family:arial;
font-size:12px;
text-decoration:none;
}
span.li{
display:block;
width:4px;
height:13px;
background:#b26662;
margin-left:6px;

float:left;margin-right:3px;
}
span.li2{
display:block;
width:4px;
height:13px;
background:#68a4ca;
float:left;
margin-left:6px;
margin-right:3px;
}
.aktualnosc{
font-family:arial;
font-size:12px;
font-weight:400;
color: #969675;
padding-top:3px;


}
.aktual{
margin-top:10px;
text-align:left;
padding-left:15px;
padding-top:5px;
float:left;
width:323px;
overflow:show;
float:left;
border-right:1px dotted #a0a0a0;
}
.info{
margin-top:10px;
width:654px;
background:#ebebde;
float:right;
color:#77775a;
text-align:justify;
margin-right:10px;
padding:8px 8px 8px 8px;
margin-bottom:10px;
line-height:18px;
}
table.intencje{
margin-top:10px;
width:654px;
background:#e5e5d4;
float:right;
color:#77775a;
text-align:justify;
margin-right:10px;
padding:8px 8px 8px 8px;
margin-bottom:10px;
line-height:18px;
}
table.intencje2{
margin-top:10px;
width:654px;
background:#f4f4e9;
float:right;
color:#77775a;
text-align:justify;
margin-right:10px;
padding:8px 8px 8px 8px;
margin-bottom:10px;
line-height:18px;
}
td.int_data{
font-weight:800;
color:#7d8e1e;
font-family:arial;
font-size:25px;
text-align:center;
width:80px;

}
td.int_datab{
font-weight:800;
color:#c54841;
font-family:arial;
font-size:25px;
text-align:center;
width:80px;

}
.info1{
margin-top:10px;
width:654px;
background:#f4f4e9;
float:right;
color:#77775a;
text-align:justify;
margin-right:10px;
padding:8px 8px 8px 8px;
margin-bottom:10px;
line-height:18px;
}
.info2{
margin-top:10px;
width:654px;
background:#ebebde;
float:right;
color:#77775a;
text-align:justify;
margin-right:10px;
padding:8px 8px 8px 8px;
margin-bottom:10px;
line-height:18px;
}
.info3{
margin-top:10px;
width:654px;
background:#f4f4e9;
float:right;
color:#77775a;
text-align:center;
margin-right:10px;
padding:8px 8px 8px 8px;
margin-bottom:10px;
line-height:18px;
}
.info4{
margin-top:10px;
width:654px;
background:#f4f4e9;
float:right;
color:#77775a;
text-align:justify;
margin-right:10px;
padding:8px 8px 8px 8px;
margin-bottom:10px;
line-height:18px;
}
ul{
list-style-type: none;
}
/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	overflow: hidden;
	font-family: arial;
	font-size: 14px;
	width: 230px;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
	border: none;
	height: auto;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	border: none;
	color:white;
	font-family: Arial;
	font-size:14px
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-size:12px;
	padding-left: 10px;
	padding-bottom: 0px;
	color:white;


}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {


}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
	border: none;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
	border: none;

}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	border: none;

}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;margin-top:-90px;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.photo
{
width:99px;
height:91px;
background:#939377;
position:relative;
float:left;
margin-top:15px;
margin-right:25px;
padding-top:4px;
padding-left:4px;
overflow:hidden;
}
.photoImg{
position:absolute;
clip:rect(4px 100px 91px 5px);

margin-left:-5px;
margin-top:-4px;

}