/************* Global *************/
html,body {height:100%}

* {
margin: 0;
padding: 0;
border: 0;
}

html, body {
	font-family: arial;
	font-size: 12px;
	border: 0;
	color: #565656;
	background-color: #E4E4E4;
}


body, input{
text-align: left;
}


blockquote {
background: #f7f7f7;
padding: 15px;
margin: 5px 0;
}

.druko {text-transform: uppercase;}

.col {color:#990000;}
.tl {
	color:#003871;
}
a:link, a:visited  {color: #565656; text-decoration: none;}
a:hover, a:active {color: #900; text-decoration: none;}



/************* Container *************/
#container {
height: auto !important;
min-height: 100%;
position: relative;
background: #e4e4e4 url(containerBg.gif) bottom left repeat-x fixed;
}

* html #container {
	height: 100%;
}



/************* Content *************/
#content {
width: 960px;
margin: 0px auto 0;
background: #fff;
position: relative;
font-size: 12px;
}

#content:after {
content: "."; 
display: block; 
clear: both; 
height: 0;
visibility: hidden
}	



#logo{
	height: 216px;
	margin: 0;
	width: 199px;
	position: absolute;
	left:-13px;
	top: 12px;
	display: inline;
	z-index: 30;
}


#siteDescription {
	background: url(../img/gora.jpg) no-repeat center top;
	display: block;
	float: none;
	height: 170px;
	width: 960px;
}

.hid {display: none;}
.spac {margin-bottom: 20px;}
.center {text-align: center;}


#link {
	display: block;
	height: 16px;
	width: 79px;
	position: absolute;
	left: 860px;
	top: 10px;
	float: right;
}



/************* Main *************/

#main {
margin: 28px 20px 20px 20px;
width: 500px;
float: left;
}

.ramka{
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#EEEEEE;
border:1px solid #DDDDDD;
padding:5px;
}

.ramka_b{
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#fff;
border:1px solid #DDDDDD;
padding:5px;
}


.lew {width: 220px; float: left;}
.praw {width: 220px; float: right;}

#text {margin-bottom: 20px;}
#text p {line-height: 18px; margin-bottom: 10px;}
#text p span{color: #990000;}

#text ul {margin-left: 13px;} 
#text ul li {margin-bottom: 5px;} 

#text ol {margin-left: 25px;} 
#text ol li {margin-bottom: 10px;} 

#text .img {
	height: 120px;
	width: 120px;
}

#text .dystans {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.spc {	margin: 20px 0 20px 0;}
.spec {	margin: 2px 0 20px 0;}
.spec h2 {margin: 5px 0 5px 0;}
.spec div p{line-height: 18px;}

.akap {line-height: 18px;}

.akapi p{
	text-align: justify;
	text-indent: 30px;
}

.akapi p{text-align: justify;
}

.poststop {
	font-size: 11px;
	background-color: #F9F9F9;
	color: #999999;
	display: block;
	height: 13px;
	margin: 15px 0 5px 0;
	clear: both;
	float: none;
}
.poststop a {float: right;}
.poststop span {float: left;}

.poststop a:link, .poststop a:visited  {color: #000; text-decoration: none;}
.poststop a:hover, .poststop a:active {color: #900; text-decoration: none;}

#tytul_ozd {
	font-size: 17px;
	color: #FFF;
	background-color: #C00;
	display: block;
	padding: 15px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 20px;
}


#text h1 {
	margin: 0px;
	border: 0px;
	display: block;
	width: 468px;
	color: #fff;
	position: relative;
	top: 182px;
	font-size: 16px;
	background-color: #303030;
	text-transform: uppercase;
	-moz-opacity: 0.8; 
	filter: alpha(opacity=80);
	padding: 5px 10px;
}

h2 {
	font-size: 16px;
	text-transform: uppercase;
	text-align: left;
	clear: both;
	float: none;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}

#text h2 {
	border-bottom: 1px solid #666666;
}


h3{
	margin-top: 5px 0;
	font-size: 13px;
}


#text .img_news {
	height: 232px;
	width: 488px;
}

.autor {
	font-style: italic;
	text-align: right;
}



.plikrodzo {
	font-size: 12px;
	color: #000;
	float: left;
	margin-top: -10px;
	margin-bottom: 5px;
	text-align: left;
}



.rodzo {
	font-size: 10px;
	color: #999999;
	float: right;
	margin-top: -15px;
	margin-bottom: 5px;
	text-align: right;
}

.rodzo span {
	color: #000000;
}

.adres1 {
	display: block;
	float: left;
	width: 150px;
}

.adres2 {
	display: block;
	float: right;
	width: 350px;
	text-align: right;
}



/*multimedia & galeriia*/
.mm {

	padding: 0px 10px 10px 10px;
	margin: 8px;
	clear: none;
	float: left;
	width: 125px;
	height: 220px;
}

.mm img {
	width: 114px;
	height: 88px;
	}

.mmdat {
	position: relative;
	top: 230px;
	font-size: 10px;
	color: #990000;
	margin-top: -20px;
	text-align: right;
}

.fotka {
	width: 114px;
	height: 88px;
}

.fotka a {
	width: 114px;
	height: 88px;
	display: block;
}

.foto {
	float: left;
	margin: 5px;
}

.foto a{
	height: 103px;
	width: 103px;
	display: block;
}

.sankt {margin-top: -15px;}



.arch p {
	list-style-type: none;
	margin-bottom: 10px;
}
.arch p span {
	list-style-type: none;
	font-size: 10px;
	color: #333333;
}

ul.arch p a:link, ul.arch p a:visited  {color: #121212; text-decoration: none;}


.text h3 {
	font-size: 14px;
	margin: 20px 0px 10px 0px;
}
.text h3 small {
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}


.text .plik {
	margin: 0;
	border: 0;
	padding: 0;
	position: relative;
	top: 3px;	
}



.lista span{
	color: #900;
	margin-right: 20px;
}

.text table {
	border: 0px;
	width: 100%;
}

.text th {
	font-size: 14px;
	background-color: #F7F7F7;
	padding: 3px;
	color: #333;
	border-top: 10px solid #FFF;
}

.text td {
	vertical-align: top;
}

/*

.dat p{
	color: #900;
	width: 90px;
	margin-bottom: 3px;
	margin-top: 10px;
}

.wyd p{
	margin-bottom: 3px;
	margin-top: 10px;
}





.post, .post2 {
	text-align: justify;
	margin-bottom: 20px;
}

.post p, .post2 p {
	text-indent: 30px;
}

.post2 p {
	margin-bottom: 10px;
	display: block;
}

*/













/************* Secondary *************/

#secondary {
	width: 380px;
	float: right;
	margin: 10px 20px 20px 20px;
}

/************* BOX *************/


.inside {padding: 10px;}


.blocktb {margin-bottom: 20px;}

table#kalen {
	width: 100%;
	border: 0px;
	color: #333;
}

.blocktb td, .blocktb th {
	border: #DEDEDE 1px solid;
	background-color: #FFFFFF;
	padding: 5px;
	vertical-align: middle;
}

.blocktb  td {text-align: left;}

.blocktb th {
	width: 95px;
	font-weight: normal;
	text-align: center;
}

.blocktb #mies{
	font-size: 14px;
	margin-top: 15px;
	text-transform: uppercase;
}

.blocktb #data{
	font-size: 60px;
	font-weight: bolder;
	color: #333;
}

#kalen a:link, #kalen a:visited  {color: #999; text-decoration: none;}
#kalen a:hover, #kalen a:active {color: #900; text-decoration: none;}



#secondary h3 {
	font-size: 14px;
	color: #BCBCBC;
	width: 100%;
	text-align: right;
	display: block;
	margin-bottom: 3px;
}

.red{
	color: #990000;
}

#wysz_m {
	height: 90px;

}
.inside select {
	border: 1px solid #999999;
	width: 140px;
	margin-top: 1px;
	margin-bottom: 10px;
}

#wml {
	height: 90px;
	width: 140px;
	float: left;
}

#wmp {
	height: 90px;
	width: 130px;
	float: right;
	margin-left: 10px;
	margin-top: 0px;

}
#wmp span {
	width: 150px;
	display: block;
	height: 20px;
}

#wmp .szukaj {
	background-image: url(img/szukaj.gif);
	background-repeat: no-repeat;
	background-position: center center;
	height: 22px;
	width: 79px;
	float: right;
	margin-top: 10px;
}


.reklama_p {
	height: 100px;
	width: 165px;
	float: right;
	}
	
.reklama_l {
	height: 100px;
	width: 165px;
	float: left;
	}

/*- Ads -*/
.ads{
	height: 125px;
	margin: 0;
	padding:10px 15px;
}
.ads img{
	float: left;
	margin: 0 7px 0px 0px;
	border: 1px solid #dedbd1;
}
.ads img.last{
	margin: 0;
	float:right;
}








/*tabox*/


.widget {width: 372px;}



	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}
	
	.tabnav {padding-top: 6px;}
	
	.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	z-index: 10;
	position: relative;
	float: left;
	margin-bottom: -1px;
	}
	
	.tabnav li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #222;
	font-weight: bold;
	outline: none;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 3px;
	padding-left: 20px;
	border: 1px solid #dedbd1;
	border-right: 1px solid #dedbd1;
	border-left: 1px solid #dedbd1;
	border-bottom: 1px solid #dedbd1;
	display: block;
	width: 70px;
	text-align: center;
	}
		

		
		
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
	color: #222;
	text-decoration: none;
	background-color: #FFFFFF;
	border-bottom: 1px solid #fff;
	}
		


.ui-tabs-hide {display: none;}

#featuredvid {text-align: center;}
		
	.fvid {margin-bottom: 5px;}
		
.vidselector li {
	text-align: left;
	list-style: none;
	padding: 5px;
	background: #ffffff;
	border: 1px solid #dedbd1;
	text-transform: uppercase;
	margin-bottom: 5px;
	}
	

	#galeria p a:link, #galeria p a:visited  {color: #333; text-decoration: none;}
	#galeria p a:hover, #galeria p a:active {color: #900; text-decoration: none;}	
	
	.gal {
	width: 340px;
	height: 270px;
}
	
	.gal div {
	float: left;
	height: 68px;
	width: 68px;
	border: 4px solid #F0F0F0;
	margin: 4px;
	}
	
.gal a {
	height: 68px;
	width: 68px;
	display: block;
	}
	
#galeria p {text-align: center;}
	
#ogloszenia	 li {
	padding: 5px 5px 5px 25px;
	list-style-type: none;
	}
		
#ogloszenia	 li span{
	font-size: 10px;
	color: #666666;
	}
		
#audio li {
	padding: 5px 5px 5px 25px;
	list-style-type: none;
	background: url(../img/sound.png) no-repeat left center;
	}

	


			

#ogloszenia a:link, #ogloszenia a:visited  {color: #565656; text-decoration: none;}
#ogloszenia a:hover, #ogloszenia a:active {color: #900; text-decoration: none;}

#audio a:link, #audio a:visited  {color: #565656; text-decoration: none;}
#audio a:hover, #audio a:active {color: #900; text-decoration: none;}			
			
			
			
			
			
			




/************* Search *************/
#searchform input {
background: #f7f7f7;
font-size: 0.9em;
}

#searchsubmit {
margin-top: 5px;
padding: 0 10px;
text-align: center;
}

#searchform fieldset {
border: 0;
}


/************* menu *************/

#nav {
	width:775px;
	float: right;
	font-size: 12px;
	background-image: url(../img/menu.gif);
	background-repeat: repeat-x;
	display: block;
	height: 50px;
	
}


#nav li.stan {
	width:126px;
	text-align:center;
}



#nav li a {
        display:block;
        color: #333333;
        text-decoration:none;
        border-right:1px #e4e4e4 solid;
        padding:12px 20px;
}

#nav li a:hover,#navi li a.hover  {
	background-image: url(img/menu2.gif);
	background-repeat: repeat-x;
}



#nav li li a {
	width:85px;
	background-color: #FCFCFC;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	position: relative;
	left: -1px;
}

#nav li li a:hover {
	background-color: #E1E1E1;
}


ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 37;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 39;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 38;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}



/******** charmonia ******/
ul#menuh, ul#menuh ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 500px;
}

ul#menuh a {
  display: block;
  text-decoration: none;	
}

ul#menuh li ul a {
  display: inline;
  text-decoration: none;	
}

ul#menuh li ul a:hover {color: #990000;}

ul#menuh li {
  margin-top: 5px;
}

ul#menuh li a {
	color: #333333;
	padding: 0.5em 0em;
}

ul#menuh li a:hover {

	color: #252525;
}

#menuh td {

	background-color: #fff;
	padding: 3px;
}

#menuh a strong{font-size: 13px;}

#menuh h3{
	background-color: #fff;
	padding: 3px;
	font-size: 13px;
}

#menuh th {
	color: #990000;
	background-color: #fff;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-weight: normal;
	width: 90px;
}
#menuh table {
	margin-bottom: 10px;
	width: 491px;
	
}
.biskupi {
	height: 139px;
	vertical-align: middle;
	display: block;
	clear: both;
	float: none;
}

.biskupi img {
	float: left;
	height: 127px;
	width: 100px;
	margin-right: 15px;
}


/********slider************/
#slider {
	width: 488px; /* important to be same as image width */
	height: 232px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	left: 0px;
	top: 0px;	
}

#slider img {
	border:0;
	width: 488px; 
	height: 232px;
	margin: 0px;
}

#sliderContent, #slider1Content, #slider2Content {
    width: 488px;
    position: absolute;
	top: 0;

}
.sliderImage, .slider1Image, .slider2Image {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 11px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px 15px 13px;
    width: 462px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}


.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}










/************* PREEFooter *************/

#preefooter {
	width:960px;
	background-color: #EFEFEF;
	clear: both;
	float: none;
	margin: 0 auto;
	position: relative;
	display: table;

}

#preefooter .map {
	float: left;
	width: 300px;
	padding: 20px 0 20px 20px;
}

#preefooter .link {
	float: left;
	width: 290px;
	margin-left: 19px;
	padding: 20px 0;
}

#preefooter .colu {
	float: left;
	display: inline;
}

#preefooter h3{
	font-size: 16px;
	font-weight: normal;
	display: block;
	text-align: center;
	background: #ccc;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	border: 1px solid #AFAFAF;
}

#preefooter .link div {
	margin: 0;
	padding: 0;
	float: none;
	background: url(../img/linia.gif) repeat-x bottom;

}

#preefooter .link div a {

	width: 250px;
	display: block;
	padding: 5px 0 4px 30px;
}



#preefooter .link div a:link, #preefooter .link div a:visited  {background: url(../img/link2.gif) no-repeat 5px 6px;}
#preefooter .link div a:hover, #preefooter .link div a:active {background: url(../img/link2b.gif) no-repeat 5px 6px;}

/************* Footer *************/

/*
#footer {
	position: relative;
	clear: both;
	width: 920px;
	height: 20px;
	color: #fff;
	text-align: center;
	background: #9c9c9c url(../img/footer.gif) repeat-x center top;
	margin: 0px auto ;
	padding: 20px;
	font-size: 12px;
}
*/

#footer {
	position: relative;
	clear: both;
	width: 920px;
	height: 20px;
	color: #666;
	text-align: center;
	background: #ccc;
	margin: 0px auto;
	padding: 10px 20px;
	font-size: 12px;
	border-top: 2px solid #bfbfbf;
}

#footer a:link, #footer a:visited  {
	color: #666;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	color: #FFF;
	text-decoration: none;
}


#partnerzy{
	display: block;
	clear: both;
	float: none;
	height: 110px;
	width: 960px;
	margin: 0px auto;
}


.fotoopis {
	display: block;
	width: 250px;
	font-size: 10px;
	text-align: center;
}

.w_specjalna {
	font-size: 14px;
	text-transform: uppercase;
	color: #C00;
	font-weight: bold;
	text-align: center;
}