body{ font-size: 9pt; color: #000; font-family: Helvetica, Verdana, Arial, sans-serif; }
img{ border: 0px; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.error{ color: #f00; }

a,a:hover,a:visited,a:active{ text-decoration: none; color: #666;  }
a:hover{ text-decoration: underline; color: #000; }

#page-content h1{
	font-size: 10pt; 
	text-align: left;
	clear: both;
}

html,body{
	margin: 0px; 
	padding: 0px;
	background-image: url('../img/bg-body.jpg');
	background-repeat: repeat-x; 
	background-color: #000; 
}


 #wrapper-horizontal {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: visible;
}

#wrapper-vertical {
	visibility: visible;
	position: absolute;
	top: -225px;
	left: 50%;
	width: 900px;
	margin-left: -450px; /* half width */
	height: 500px; 
}

div.border-left,
div.border-right{ position: absolute; width: 30px; height: 30px; z-index: 1; }

div.border-left{ background: url('../img/border-shadow-left.png') repeat-y top left; height: 450px; top: 0px; left: -23px; }
div.border-right{ background: url('../img/border-shadow-right.png') repeat-y top right; height: 450px; top: 0px; right: -23px; }

#wrapper-bg{
	position: relative;
	background: url('../img/bg-wrapper.jpg') no-repeat;
	width: 900px;
	padding-top: 20px;
	height: 450px;
	margin: 0px; 
	z-index: 2;
}

	#photo{ 
		width: 235px; 
		height: 375px;
		overflow: hidden;
		float: left;
		margin-left: 20px;
	}
		#photo img{ border: 1px solid #cfcfcf;}

	#menu{
		width: 180px; 
		margin: 0px 15px;

		float: left;
		font-size: 9pt;
		color: #313131;
	}
		#menu ul{
			padding: 0px;
			margin: 0px;
			list-style: none;
			border-top: 1px solid #bebebe;
		}
			#menu ul li{ }
			#menu ul li:first-child{ border: 0px; }
				#menu ul li a,
				#menu ul li a:hover,
				#menu ul li a:active,
				#menu ul li a:visited{
					border-bottom: 1px solid #bebebe; 
					display: block;
					width: 167px;
					padding: 3px;
					padding-left: 10px;
					color: #313131;
					text-decoration: none;
					font-weight: bold;
					background-image: url('../img/li-menu.gif');
					background-repeat: no-repeat;
					background-position: 95% 6px;
				}
				#menu ul li a:hover{
					color: #313131;
					background-color: #f2b22f;
					border-bottom: 1px solid #777;
				}
			#menu ul ul{ border: 0px; display: none; }
				#menu ul ul li{ background: url('../img/li-li-menu.gif') no-repeat 10px center; }
					#menu ul li li a,
					#menu ul li li a:hover,
					#menu ul li li a:active,
					#menu ul li li a:visited{ width: 157px; padding-left: 20px; font-weight: normal; }
				
	#wrapper-content{
		position: relative; 
		float: right;
		height: 390px; 
		width: 435px;
		top: 10px;
		right: -10px;
		background: url('../img/bg-content.gif') repeat-y 5px 0px; 

	}
		#logo{
			position: absolute;
			top: -80px;
			right: 0px;
			z-index: 2;
		}
		#wrapper-content .top,
		#wrapper-content .bottom{
			position: absolute;
			left: 0px;
			top: -10px;
			width: 420px;
			height: 10px;
			background: url('../img/bg-content-top.gif') no-repeat 5px 0px;
		}
		#wrapper-content .bottom{
			top: 390px;
			background: url('../img/bg-content-bottom.gif') no-repeat 5px 0px;
		}
		
		#content{ 
			width: 390px; 
			height: 380px;
			padding: 0px 15px;
			padding-bottom: 10px;
		} 
			#page-title{
				padding-top: 10px;
				padding-bottom: 15px;
			}
				#page-title h1{
					font-size: 11pt;
					color: #444;
					border-bottom: 3px solid #f3b330; /* #bebebe; */
					display: inline;
					padding: 2px 5px;
					padding-right: 40px;
					line-height: 150%;
				}
			#page-content{
				text-align: justify;
				padding-right: 10px;
				line-height: 150%;
			}

#footer, #lang{
	/*background: #0f0f0f;*/
	color: #3c3c3c;
	font-size: 8pt;
	width: 300px;
	padding: 5px;
	float: right;
	text-align: right;
}
	#footer a,
	#footer a:hover,
	#footer a:visited,
	#footer a:active,
	#lang a,
	#lang a:hover,
	#lang a:visited,
	#lang a:active{
		border: 0;
		margin: 0;
		text-decoration: none;
		color: #4e4e4e;
	}
	#footer a:hover,
	#lang a:hover{	
		color: #ccc;
	}

#footer img {
	width: 25px;
	height: 25px;
}

#lang {
	text-align: left;
	float: left; 
	width: 350px;
	padding-left: 25px;
	background: transparent;
}
	#lang img {
		height: 10px;
	}

#preloader{
	display: none;
	margin: 0px;
	margin-left: 25px;
	margin-top: 50px; 
	width: 200px;
	height: 100px;
	padding-top: 50px;
	text-align: center;
	color: #666;
}
	#preloader img{
		vertical-align: middle;
	}




/** kalendarz */
#sections dl{ 
	padding: 1px;
	margin: 0px;
	border: 3px solid #ccc;
	border-left: 0px;
	border-right: 0px;
	font-size: 8pt;
	display: block;
}
	#sections dl dt{
		display: block;
		overflow: hidden;
		cursor: pointer;
		background-image: url('../img/bg-dt.png');
		background-repeat: repeat-x;
		background-color: #f8f8f8;
		padding: 0px;
		margin: 0px;
		margin-top: 1px;
		line-height: 200%;
		font-size: 9pt;
		font-weight: bold;
		color: #3a3a3a;
	}
	
	#sections dl dt:first-child{
		margin-top: 0px; 
	}
		#sections dl dt.selected{
			background: #f3b330;
			padding-bottom: 2px;
		}

		#sections dl dt span{
			color: #c00;
			padding: 5px 5px;
			margin-right: 5px;
		}

	#sections dl dd{
		display: none;
		padding: 5px;
		margin: 0px;
		margin-bottom: 1px;
		border-top: 1px solid #f0cf8c;
		background-image: url('../img/bg-calendar.jpg');
		background-repeat: repeat-x;
		background-position: top center;
/*		background-color: #f3b330; */
		background-color: #c38300;
/*		color: #fff; */
		color: #000;
	}
	#sections dl dd.selected{
		display: block;
	}

.gallery img{
	border: 1px solid #bebebe;
	padding: 3px;
	margin: 3px;
}	

#player{
	margin-top: 80px;
}