﻿body

{
background-color: FFFFFF;
background-image: url(tlo.jpg);
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;

padding-top: 	0px;
padding-bottom: 5px;
font-family: 	'PT Sans Narrow', Arial, Helvetica, sans-serif;
color: 			#000000;
}

/****************** linki */

a

{
	color: #2F5FB6;
	text-decoration: none;
}

a:hover, a:focus 
{
	color: 				#000000;
	text-decoration: 	none;
}

/**************** hr */

hr 

{
	width: 95%;
	background-color: #DDC195; 
	height: 1px; 
	border: none;
	box-shadow: 0 0 5px #666666;
}

/*************** spany */

span_punkt	    {color: #6676B2; font-weight: bold}
span_czerwony   {color: #FF0000}
span_zielony    {color: #339961; font-weight: bold}
span_czarny     {color: #000000}
span_szary      {color: #AAAAAA}
span_bialy      {color: #FFFFFF}
span_filoletowy {color: #7030A0}
span_poradnia   {color: #2A40A5}
span_poradniab  {color: #2A40A5; font-weight: bold}


span_n        {font-weight: normal}
span_bf       {font-size: xx-large}
span_bff      {font-size: 420%}
span_b        {font-weight: bold}
span_bb       {font-weight: bold; font-size: 150%}
span_rb       {font-weight: bold; color: red}
span_zb       {font-weight: bold; color: #339961}
span_i        {font-style: italic}
span_ib       {font-style: italic; font-weight: bold}


#main /************ naglowek */

{
position: 			center; 
right: 				0px;
border: 			0px; 
width: 				100%;
width: 				800px;
margin: 			auto;
padding-top:        0px;
padding-bottom:		0px;
}

#menu /************ menu */

{
position: 			center; 
margin: 			10;
width: 				100%;
width: 				800px;
border-radius:		5px;
-webkit-box-shadow:	0px 5px 5px rgba(50, 50, 50, 0.5);
-moz-box-shadow:   	0px 5px 5px rgba(50, 50, 50, 0.5);
box-shadow:       	0px 5px 5px rgba(50, 50, 50, 0.5);
}


#ogloszenia /****** ogłoszenia duszpasterskie */

{
width: 				780px;
position: 			center;
margin: 			10px;
margin-left: 		auto;
margin-right: 		auto;
border: 			1px solid #DDC195;
border-radius:		5px;
background:       	#EEE8D2;
font-family:		times;
text-align: 		left;
-webkit-box-shadow:	0px 5px 5px rgba(50, 50, 50, 0.5);
-moz-box-shadow:   	0px 5px 5px rgba(50, 50, 50, 0.5);
box-shadow:       	0px 5px 5px rgba(50, 50, 50, 0.5);
padding-top:        10px;
padding-right:      10px;
padding-bottom:		10px;
padding-left:       10px;
}

#tekst /*********** tekst */

{
width: 				780px;
position: 			center;
margin: 			10px;
margin-left: 		auto;
margin-right: 		auto;
border: 			1px solid #DDC195;
border-radius:		5px;
background:       	#EEE8D2;
font-family:		Verdana;
font-size:			12px;
text-align: 		left;
-webkit-box-shadow:	0px 5px 5px rgba(50, 50, 50, 0.5);
-moz-box-shadow:   	0px 5px 5px rgba(50, 50, 50, 0.5);
box-shadow:       	0px 5px 5px rgba(50, 50, 50, 0.5);
padding-top:        10px;
padding-right:      10px;
padding-bottom:		10px;
padding-left:       10px;
}

#pomoc /************ pomoc */

{
width: 				780px;
position: 			center;
margin: 			10px;
margin-left: 		auto;
margin-right: 		auto;
border: 			1px solid #FFFFFF;
border-radius:		5px;
background:       	#FFFFFF;
font-family:		times;
font-size:			12px;
text-align: 		left;
-webkit-box-shadow:	0px 0px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:   	0px 0px 0px rgba(50, 50, 50, 0.5);
box-shadow:       	0px 0px 0px rgba(50, 50, 50, 0.5);
padding-top:        10px;
padding-right:      10px;
padding-bottom:		10px;
padding-left:       10px;
}

#stopka /********** stopka */

{
width: 				780px;
position: 			center;
margin: 			10;
margin-left: 		auto;
margin-right: 		auto;
border: 			1px solid #DDC195;
border-radius:		5px;
background:       	#F2C927;
text-align: 		left;
font-color: 		#FFFFFF;
-webkit-box-shadow:	0px 5px 5px rgba(50, 50, 50, 0.5);
-moz-box-shadow:   	0px 5px 5px rgba(50, 50, 50, 0.5);
box-shadow:       	0px 5px 5px rgba(50, 50, 50, 0.5);
padding-top:        5px;
padding-right:      10px;
padding-bottom:     5px;
padding-left:       10px;
}

#adwent /********** adwent */

{
width: 				780px;
position: 			center;
margin: 			10;
margin-left: 		auto;
margin-right: 		auto;
border: 			1px solid #A5C3DB;
border-radius:		5px;
background:       	#B6CEE1;
text-align: 		left;
font-color: 		#FFFFFF;
-webkit-box-shadow:	0px 5px 5px rgba(50, 50, 50, 0.5);
-moz-box-shadow:   	0px 5px 5px rgba(50, 50, 50, 0.5);
box-shadow:       	0px 5px 5px rgba(50, 50, 50, 0.5);
padding-top:        5px;
padding-right:      10px;
padding-bottom:     5px;
padding-left:       10px;
}

#baner /*********** baner */

{
position: 			center; 
margin: 			0px;
margin-left: 		auto;
margin-right: 		auto;
width: 				100%;
width: 				800px;
border-radius:		0px;
}


div.slideshow img 
{
border: 1px solid #DDC195;
}






/* ------------------------CZESĆ-GÓRNA-MENU------------------------ */

#menu, #menu ul, #menu ol 
{
list-style-type:none;
padding:0;
margin:0;
}

/**** wygląd górnego elementu - ol */

#menu 
{
background-color:	#F2C927; 			/* kolor tła */
border: 			1px solid #DDC195;	/* obwódka całego menu */
font-size:			16px;				/* wielkość czcionki menu */
font-family:		PT Sans Narrow;
height:				35px;
line-height:		35px;
text-align:			center;
}


/* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
#menu a 
{
display:			block;
text-decoration:	none;
color:				#000000;			/* kolor czcionki menu */
padding:			0 5px;
}


/* wygląd elementu - li - wszystkich dzieci elementu - ol */
#menu > li 
{
float:				left;
padding-right:      10px;
padding-left:       10px;
margin-right:		0px;
margin-left:		0px;				/* odstęp pomiędzy polami menu */
background-color:	#F2C927;			/* kolor tła menu */
border: 			0px solid #000000; 	/* grubosc i kolor otoczki menu */
height:				35px;
}

/* wygląd elementu - li - pierwszego dziecka elementu - ol */
#menu > li:first-child 
{
margin-left:0;
}

/* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
#menu > li:hover 
{
background-color:	#EEE8D2; /* kolor tla menu górnego po najechaniu myszą */
}

/* wygląd elementu - a - dziecka elementu - li - bżącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
#menu > li:hover > a 
{
color:				#F2C927; /* kolor czcionki rozwijanej*/
}

/* wygląd elementu - ul - dziecka elementu - li - bżącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
#menu > li:hover > ul 
{
display:block;
}


