@font-face {
  font-family: MyriadPro, serif;
  src: url(myriadpro.otf) format("opentype");
}
body{
text-align: center;
font:12px MyriadPro, Calibri, Tahoma, Verdana;
color:#000; 
background-image: url('bgnagl.jpg'); 
background-position: top center;
background-repeat:no-repeat; 
background-color:#000;
margin:0px;
padding:0px;
}
img, table {
border:0 none;
}
a {
text-decoration: none;
color: #167d9e;
}
#naglowek {
width:950px;
height:130px;
margin:auto;
text-align:left;
padding:0;
border:none;
margin:auto;
}
#menu {
width:990px;
margin:auto;
padding:0;
border:none;
}
#logorr {
float:left;
text-align:left;
border:none;
margin: 198px 193px 180px 150px;
}
#prr {
float:right;
text-align:right;
border:none;
margin: 8px 13px 18px 15px;
}
#srodek {
width:984px;
margin:auto;
}
#lewo {
width:700px;
padding:0px;
float:left;
}
.tymcz {
width:100%;
padding:0px;
}
.tymczprawo {
padding:0px;
float:right;
text-align:right;
}
.tymczlewo {
width:550px;
padding:2px;
float:left;
text-align:left;
margin: 8px 3px 8px 5px;
}
#prawo {
width:260px;
padding:0px;
float:right;
color:#f33;
}
ul, ul li {
display: block;
margin: 0;
paliing: 0;
}
ul li {
float: left;
border:none;
}
ul a:link, ul a:visited {
display: inline;
text-decoration: none;
}
ul a:hover {
border-style: none;
}
.gora {
margin: 98px 93px 80px 50px;
}
.prawy {
text-align: right;
}
.naglo{
text-align: left;
font:22px MyriadPro, Calibri, Tahoma, Verdana;
}
.txt1{
text-align: left;
font:13px MyriadPro, Calibri, Tahoma, Verdana;
margin: 13px 5px 10px 20px;
}
.txt2{
text-align: left;
font:15px MyriadPro, Calibri, Tahoma, Verdana;
margin: 28px 0px 10px 20px;
background:#ffffff;
}
.txt3{
text-align: left;
font:15px MyriadPro, Calibri, Tahoma, Verdana;
background:#ffffff;
margin: 28px 0px 10px 20px;
}
.txt4{
text-align: left;
color:#002035;
font:13px MyriadPro, Calibri, Tahoma, Verdana;
text-decoration: none;
}
.txt4:link {
text-align: left;
color:#002035;
font:13px MyriadPro, Calibri, Tahoma, Verdana;
text-decoration: none;
}
.txt4:visited {
text-align: left;
color:#002035;
font:13px MyriadPro, Calibri, Tahoma, Verdana;
text-decoration: none;
}
.txt4:active {
text-align: left;
color:#002035;
font:13px MyriadPro, Calibri, Tahoma, Verdana;
text-decoration: none;
}
.txt4:hover {
text-align: left;
color:#002035;
font:13px MyriadPro, Calibri, Tahoma, Verdana;
text-decoration: none;
}
.txt5{
text-align: left;
color:#002035;
font:13px MyriadPro, Myriad, Calibri, Tahoma, Verdana;
line-height: 99%;
margin: 5px 5px 5px 5px;
}
.txt5a{
text-align: left;
color:#002035;
font:13px CMyriadPro, alibri, Tahoma, Verdana;
line-height: 75%;
margin: 11px 11px 11px 11px;
}
.txt5b{
text-align: left;
color:#002035;
font:13px MyriadPro, Calibri, Tahoma, Verdana;
line-height: 55%;
margin: 4px 4px 4px 4px;
}
.txt5c{
text-align: left;
color:#002035;
font:13px MyriadPro, Calibri, Tahoma, Verdana;
line-height: 55%;
margin: 1px 1px 1px 1px;
}
.txt6{
text-align: left;
color:#6f4900;
font:17px Calibri, Tahoma, Verdana;
line-height: 85%;
}
.txt7{
text-align: left;
color:#ffffff;
font:27px Calibri, Tahoma, Verdana;
line-height: 85%;
margin: 80px 9px 8px 40px;
}
.pg7{
text-align: left;
color:#ffffff;
font:27px MyriadPro, Calibri, Tahoma, Verdana;
line-height: 85%;
margin: 80px 49px 80px 40px;
}
.link:link {
color: #690000;
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
text-decoration: none;
}
.link:visited {
color: #690000;
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
text-decoration: none;
}
.link:active {
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
color: #690000;
text-decoration: none;
}
.link:hover {
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
color: #167d9e;
text-decoration: none;
border: #690000 dotted;
border-width: 0px 0px 1px 0px;
}
.tda {
width:250px;
vertical-align: super;
}
.sm {
font-size: 13px;
width: 247px;
height: 220px;
vertical-align: super;
background-image: url('tel.png');
background-attachment: no-repeat;
margin: 0;
paliing: 0;
}
.tda2 {
vertical-align: super;
text-align: left;
font-family: Calibri, Verdana, sans-serif, Sans;
font-size: 14px;
line-height : 93%;
color: #003150;
}
.stopka {
width:990px;
margin:auto;
font-family: Calibri, Verdana, sans-serif;
font-size: 12px;
font-align: left;
color: #a3a3a3;
border:none;
background-image: url('/static/nocekosciolow/stopka.png');
background-repeat:no-repeat; 
}
#kolumna1 {
	width: 362px;
	float: left;
	overflow: hidden;
	background-color: #fff;
	text-align: left;
	margin-top: 2px;
}

#kolumna2 {
	width: 362px;
	float: left;
	overflow: hidden;
	background-color: #fff;
	height: 100%;
}
.gosc {
width:360px;
margin-top: 6px;
height:266px;
background-image: url('/static/boxrr.png');
font-family: Calibri, Verdana, sans-serif;
color: #fff;
border:none;
}
.wna {
text-align: left;
font-family: Calibri, Verdana, sans-serif, Sans;
color: #fff;
}
.dolnyslask {
width:360px;
height:266px;
background-image: url('/static/boxdolny.png');
font-family: Calibri, Verdana, sans-serif;
color: #fff;
border:none;
}
.kosciol {
width:360px;
height:266px;
background-image: url('/static/boxkosciol.png');
font-family: Calibri, Verdana, sans-serif;
color: #fff;
border:none;
}
.kultura {
width:360px;
height:266px;
background-image: url('/static/boxkultura.png');
font-family: Calibri, Verdana, sans-serif;
font-size: 14px;
color: #fff;
border:none;
}
.reklama {
width:360px;
height:266px;
background-image: url('/static/rr.png');
font-family: Calibri, Verdana, sans-serif;
color: #fff;
border:none;
}
.polec {
width:360px;
height:266px;
background-image: url('/static/boxpolecamy.png');
font-family: Calibri, Verdana, sans-serif;
color: #006586;
border:none;
font-family: 13px Calibri, Verdana, sans-serif;
}
.glownynews {
font-family: 13px Calibri, Verdana, sans-serif;
text-align:left;
line-height: 99%;
font-weight: bold;
color: #006586;
border:none;
}
.glownynewslink:link {
color: #006586;
font-weight: bold;
font-family: 13px Calibri, Verdana, sans-serif;
line-height: 99%;
text-decoration: none;
}
.glownynewslink:visited {
color: #006586;
font-weight: bold;
font-family: 13px Calibri, Verdana, sans-serif;
text-decoration: none;
line-height: 99%;
}
.glownynewslink:active {
font-family: 13px Calibri, Verdana, sans-serif;
color: #006586;
font-weight: bold;
text-decoration: none;
line-height: 99%;
}
.glownynewslink:hover {
font-family: 13px Calibri, Verdana, sans-serif;
color: #006586;
font-weight: bold;
text-decoration: none;
line-height: 99%;
border: #006586 dotted;
border-width: 0px 0px 1px 0px;
}
.imgnews {
float:left;
padding: 3px;
border: 1px solid #574604;
margin: 0px 5px 5px 5px;
}
#snews
{list-style-image:url(/static/li.png);
list-style- position:inside;
}
hr { border-top:1px dashed white; border-width:1px 0 0 0; height:2px;}
.link:link {
color: #690000;
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
text-decoration: none;
}
.grr {
color: #fff;
font-family: Verdana, sans-serif, Sans;
font-size: 10px;
text-decoration: none;
margin: 0px 22px 23px 20px;
}
.grra:link {
color: #cbe0ee;
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
text-decoration: none;
}
.grra:visited {
color: #cbe0ee;
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
text-decoration: none;
}
.grra:active {
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
color: #cbe0ee;
text-decoration: none;
}
.grra:hover {
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
color: #cbe0ee;
text-decoration: none;
border: #cbe0ee dotted;
border-width: 0px 0px 1px 0px;
s}
.lin2:link {
color: #ebe6d6;
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
text-decoration: none;
}
.lin2:visited {
color: #ebe6d6;
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
text-decoration: none;
}
.lin2:active {
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
color: #ebe6d6;
text-decoration: none;
}
.lin2:hover {
font-family: Verdana, sans-serif, Sans;
font-size: 11px;
color: #ffc000;
text-decoration: none;
border: #ffc000 dotted;
border-width: 0px 0px 1px 0px;
}
#featured{ 
	width:400px; 
	padding-right:250px; 
	position:relative; 
	border:5px solid #ccc; 
	height:250px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:400px; 
	list-style:none; 
	padding:0; margin:0; 
	width:250px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:90px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:60px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
#tlonk {background:url(/static/nocekosciolow/tlobg.png) top center no-repeat}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#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; }