body, html {
	padding: 0;
	margin: 0;
	text-align: center;
}

#body {
	width: 1020px;
	margin: 0 auto;	
	text-align: left;
}

#top {
	width: 1020px;
	height: 265px;		
	position: relative;
	
	/*background: url(top-74.jpg);*/
}


.topimg {
	width: 340px;	
	height: 265px;	
	float: left;	
	background-repeat: no-repeat;
}


#top-1 {
	background: url(top-1.jpg);
}

#top-2 {
	background: url(top-2.jpg);
}

#top-3 {
	background: url(top-3.jpg);
	width: 338px;
}


#site {
	width: 1020px;
	background: url(content-74.jpg) no-repeat;
	min-height: 500px;
}

.contentimg {
	width: 340px;
	height: 415px;	
}

#content-1 {
	background: url(content-1.jpg);
}

#content-2 {
	background: url(content-2.jpg);
}

#content-3 {
	background: url(content-3.jpg);
}

#title {
	width: 430px;	
	margin-top: -120px;
	margin-left: 30px;
	position: absolute;
}

#title h1 {	
	font: 40px Times New Roman;	
	color: #FFF;	
}


.menu {
	color: #FFF;
	font: 18px Times New Roman;
	padding: 10px 0 0 20px;	
	position: absolute;
	margin-top: -270px;
}

.menu a {
	color: #FFF;
	text-decoration: none;
}

.menu a:Hover {
	text-decoration: underline;
}

#left {
	width: 202px;
	float: left;
	position: relative;
}

#left #menu {
	margin-left: 24px;
	font: 22px Times New Roman;
	color: #FFF;
	float: left;
}

#left #menu .top {
	background: url(menu-top.png) no-repeat;
	width: 178px;
	height: 45px;
	float: left;
	
}

.top .span {
	padding-top: 14px;
	padding-left: 18px;
}

#left #menu  .content {
	background: url(partners-content.png) repeat-y;
	width: 178px;
	color: #000;
	font: 13px Verdana;
	float: left;
	clear: both;
	text-align: left;
}

#left #menu .content ul {
	margin-top: 1em;
}

#left #menu .content a {
	color: #000;
	text-decoration: none;
}

#left #menu .content a:Hover {
	color: #000;
	text-decoration: underline;
}

#left #menu .footer {
	background: url(menu-footer.png) no-repeat;
	width: 178px;
	height: 18px;
	float: left;
	clear: both;
}

#left #partners {
	margin: 5px 0 0 24px;
	color: #FFF;
	float: left;
}

#left #partners .top {
	background: url(partners-top.png) no-repeat;
	width: 178px;
	height: 42px;
	/*padding: 7px 0 0 13px;*/
	font: 22px Times New Roman;
}



#left #partners .content {
	width: 178px;
	background: url(partners-content.png) repeat-y;
	color: #000;
	font: 12px Verdana;
	text-align: center;
}


#left #partners .content  a {	
	color: #000;
	text-decoration: none;
}

#left #partners .content  img {
	border: 0;
}



#left #partners .footer {
	height: 23px;
	width: 178px;
	background: url(partners-footer.png) no-repeat;
}

#center {
	width: 564px;
	float: left;	
}

#center #important {
	width: 564px;
	float: left;
	
}

#center #important .top {
	width: 564px;
	height: 45px;
	background: url(important-top.png) no-repeat;
	/*padding: 12px 0 0 16px;*/
	font: 22px Times New Roman;
	color: #FFF;
}

#center #important .content {
	width: 548px;
	background: url(important-content.png) repeat-y;
	margin-left: 8px;
	font: 12px Verdana;
	padding: 5px;
}

#center #important .content  li {
	margin-bottom: 5px;
}

#center #important .footer {
	background: url(important-footer.png) no-repeat;
	width: 564px;
	height: 16px;
}

#center #important .content ul {
	margin-bottom: 0;
	margin-top: 1em;
}

#center #main {
	width: 564px;
	float: left;
	margin-top: -3px;
}

#center #main .top {
	width: 564px;
	height: 47px;
	background: url(main-top.png) no-repeat;
	font: 22px Times New Roman;
	color: #FFF;	
	/*padding: 14px 0 0 14px;*/
}

#center #main .content {
	background: url(main-content.png) repeat-y;	
	padding: 15px;
	padding-top: 10px;
	font: 12px Verdana;
	text-align: justify;
}

#center #main .footer {
	background: url(main-footer.png) no-repeat;
	width: 564px;
	height: 14px;
}

#center #main .content table {
	font: 12px Verdana;
	text-align: justify;
}

#center #main .content table img {
	/*margin-left: 5px;*/
	margin-bottom: 10px;
}

#right {
	width: 240px;
	float: left;
}

#right #hours {
	width: 240px;	
}

#right #hours .top {
	width: 240px;
	height: 45px;
	background: url(hours-top.png) no-repeat;
	
	font: 22px Times New Roman;
	color: #FFF;	
	/*padding: 11px 0 0 14px;*/
}

#right #hours .content {
	width: 240px;
	background: url(hours-content.png) repeat-y;
	font: 12px Verdana;
	padding: 10px 0 10px 0 ;
	text-align: center;	
}

#right #hours .footer {
	width: 240px;
	height: 6px;
	background: url(hours-footer.png) no-repeat;	
	margin-left: 5px;
}

#right #randomimg {
	width: 240px;
	margin-top: 5px;	
}

#right #randomimg  .top{
	width: 240px;
	height: 45px;
	background: url(hours-top.png) no-repeat;
}

#right #randomimg .top {
	font: 22px Times New Roman;
	color: #FFF;	
	/*padding: 11px 0 0 14px;*/
	height: 45px;
}


#right #randomimg .content {
	width: 240px;
	height: 162px;
	background: url(randomimg-content.png) repeat-y;
	font: 12px Verdana;		
	position: relative;
	
}

#right #randomimg .content img {	
	position: absolute;
	margin-left: 5px;
}

#right #randomimg .footer {
	width: 240px;
	height: 19px;
	background: url(randomimg-footer.png) no-repeat;		
	
}


#right #stat {
	
}

#right #clock .top {
	background: url(stat-top.png) no-repeat;
	height: 45px;
	font: 22px Times New Roman;
	color: #FFF;	
	
}

#right #clock .content {
	background: url(stat-content.png) repeat-y;
	padding: 5px 0 -10px 0;
	text-align: center;
}

#right #clock .footer {
	background: url(calendar-footer.png) no-repeat;
	height: 18px;
}

#right #calendar .top {
	background: url(stat-top.png) no-repeat;
	height: 45px;
	font: 22px Times New Roman;
	color: #FFF;	
	
}

#right #calendar .content {
	background: url(stat-content.png) repeat-y;
	padding: 15px;
	text-align: center;
}


#right #calendar .content table, #right #calendar .content table  td {
	font: 12px Verdana;
	text-align: center;
	padding: 4px;

}

#right #calendar .content table  td {
	border: solid 1px #BBB;
}

#right #calendar .content table  .td {
	background: #EEE;
	border: solid 1px #CCC;
}

#right #calendar .content table  .today {
	background: url(curr-day.jpg);
	color: #FFF;
}

#right #calendar .content table .daysName td {
	background: #CCC;
}



#right #calendar .footer {
	background: url(calendar-footer.png) no-repeat;
	height: 18px;
}


#right #stat .top {
	background: url(stat-top.png) no-repeat;
	height: 45px;
	font: 22px Times New Roman;
	color: #FFF;	
	
}

#right #stat .content {
	background: url(stat-content.png) repeat-y;
	padding: 15px;
	font: 12px Verdana;
	text-align: center;
}

#right #stat .footer {
	background: url(stat-footer.png) no-repeat;
	height: 44px;
}

#footer {
	background: url(footer.jpg) no-repeat;
	width: 1020px;
	height: 39px;
	clear: both;
	font: 11px Verdana;
	text-align: center;
	padding-top: 8px;
}

/* xfade */

#imageContainer_xfade {
	position:relative;	
	width: 240px;
	height: 152px;
}



#imageContainer_xfade img {	
	position: absolute;
	overflow: hidden;
}



/* tu juz zaczna sie suf :} */

.photo img {
	border: 0;
	margin: 2px;
	border: solid 1px #CCC;	
	padding: 3px;
}

.photo {
	border: 0;
}

.news {
	padding-bottom: 20px;
	clear: both;
}

.news .title {
	
	font: 14px Verdana;
	font-weight: bold;
	margin-top: 5px;
	
}

.news .content2 {
	clear: both;
	margin-top: 5px;
	padding-left: 10px;
}

.img {
	margin-top: 5px;
	padding-left: 10px;
}

.img  img {
	border: solid 1px #CCC;
	padding: 3px;
	float: left;
	margin: 3px;
}

.flash {
	border: solid 1px #CCC;
}

#center #important #IE6 {
	display: none;	
}

.foto {
	width: 120px;
	height: 90px;
}

.info {
	color: #CC0000;	
	font: 14px Verdana;
	font-weight: bold;
}

/* blok odpowiedzi na pytania do konkursow */
.odp {
	padding: 10px 0 0 20px;
	clear: both;
	
}

.top2 {
	width: 564px;	
	font: 22px Times New Roman;
	color: #FFF;
}

.random {
	width: 564px;	
	height: 42px;
	background: url(random.png) no-repeat;
	font: 22px Times New Roman;
	color: #FFF;
	padding: 10px 0 0 15px;
}

#con2 {
	margin-top: -10px;
}

/*
	thickBox
*/

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(http://lisowice.com/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://lisowice.com/images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://lisowice.com/images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

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

#imageData{
	padding:0 10px;
	}
#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;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

#lightboxIframe {
	display: none;
}