body {

	background-color: #000;
	
	
}
* {
	margin: 0;
	padding: 0;
}
.main {
	position: relative;
	width: 982px;
	margin: auto;

}
	.main-helper {
		width: 981px;
		float: left;
	}

		.header {
			float:left;
			width: 981px;
			height: 271px;
			background-color: #0d7db8; /* dodany 12-04-2010 */
		}
					
			.header-border {
				float: left;
				height: 271px;
				width: 1px;
				background:#000;/*(images/border-top-left.jpg);*/
			}
			.header-logo {
				float:left;
				background-image:url(images/logo.jpg);
				width:269px;
				height: 271px;
			}
			.header-splash-top {
				width:710px ;
				background-image:url(images/splash-top.jpg);
				background-repeat:no-repeat;
				height: 11px;
				position:absolute;
			}
			.header-splash-middle{
				background-image:url(images/instead-swf.jpg);
				width:710px;
				background-repeat:no-repeat;
				height:213px;
				position:absolute;
				top: 11px;
				
			}
			.header-splash-bottom{
				background-image:url(images/splash-bottom.jpg);
				width: 710px;
				height: 47px;
				background-repeat:no-repeat;
				position:absolute;
				top: 224px;
			}
		.menu-top {
			background-image:url(images/menu-top-background.jpg);
			width: 980px;
			height: 52px;
			position:relative;
			float: left;
			margin-left: 1px;
		}
			.dist {
				background-image:url(images/dist.jpg);
				height: 9px;
				width: 980px;
				position:absolute;
				top: 52px;
				left:0;
				z-index:-1;
			}
		.content-helper {
			float: left;
			width: 981px;
			padding-left: 1px;

			
		}

			.panel {
				background-repeat:repeat-y;
				width: 249px;
				float: left;
				vertical-align:top;
			}
				.panel h1 {
					background-image:url(images/panel-top.jpg);
					width: 249px;
					height: 26px;
					padding-top: 13px;
					
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size:14px;
					text-align:center;
					color:#FFF;
					text-transform:uppercase;
				}
				.panel p {
					font-family:Tahoma, Geneva, sans-serif;
					font-size: 12px;
					padding: 0 20px 20px;
					text-align:center;
					}
					.panel p strong {
						font-size: 16px;
					}
				.panelf {
					background-image:url(images/panel-bottom.jpg);
					width: 249px;
					height: 17px;
					position: relative;
				}
			.content {
				width:720px;
				/*background-color:#c5d4e0;*/
				background-position:bottom;
				background-repeat:no-repeat;
				float: right;

				
			}
				.bg1 {
					background-image:url(images/bg2.jpg);
					background-repeat:no-repeat;
					
				}
				.bg1 div h2 {
					font-family:Tahoma, Geneva, sans-serif;
					font-size:22px;
					color:#09C;
					font-weight:bold;
					padding: 16px 7px;
				}
				.bg1 div p {
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 15px;
				}
				.bg1 ul{
					list-style-type:circle;
					margin: 30px;
				}

			.footer {
				background-image:url(images/footer.png);
				background-repeat:no-repeat;
				width: 651px;
				margin: 0 0 0 10px;
				height: 39px;
				padding: 8px 25px 0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:10px;
				color:#FFF;
				
			}
			.content-helper2 {
				width: 980px;
				height: 159px;
				margin-left: 1px;
				background-image:url(images/main-background-bottom.jpg);
				background-repeat:no-repeat;
				background-position: bottom;
				float: left;
				
			}
			.super {text-decoration: blink; text-align: center}

/* MENU */
/*
.menu {
	display:block;
	list-style-type:none;
	margin: 10px;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	text-transform:uppercase;
	
}
.menu li {
	width: 230px;
	padding: 7px 0;
	position: relative;
	border-bottom:#CCC dotted 1px;
	z-index:1;
}
.menu li a{
	color:#333;
	text-decoration:none;
}
.menu li:hover {
	background-color:#0c7cb7;
}
.menu li:hover a {
	color:#E5E5E5;
}
.menu li a:hover {
	color:#FFF;
}
.menu li ul {
	list-style-type: none;
}
.menu li ul {
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
	background-color: #09F;
	left:-200em;
	border: solid #06C 1px;
}

.menu li:hover ul {
	top:-0.5em;
	left:230px;
}

.menu li ul li {
	width:19em;
	white-space: nowrap;
	position: static;
	border-bottom:#999 dotted 1px;
}

.menu li ul a {
	border:none;
}
*/
/*MENU TOP */

.menutop {
	display:block;
	list-style-type:none;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
	padding-left: 37px;
}
.menutop li {
	float: left;
	margin-top: 3px;
	padding: 18px 17px 14px;
	position: relative;
	border-right: #004566 1px solid;
}
.menutop li a{
	color:#FFF;
	text-decoration:none;
}
.menutop li:hover {
	background: #0c7cb7;
}
.menutop li ul {
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
	background: #0c7cb7;
	left:-2000000em;
	border: solid #06C 1px;
	display:block;
	z-index: 3;

}

.menutop li:hover ul {
	top:40px;
	left: 0px;
}

.menutop li ul li {
	width:21em;
	white-space: nowrap;
	position: static;
	margin-top: 0;
	padding: 5px;
	border-bottom:#999 dotted 1px;
	border-right:none;
}
.menutop li ul li:hover {
	background-color:#000;
	position:relative;
}
.menutop li ul a {
	border:none;
}
.menutop li ul li ul {
	width:26em;
	position:absolute;
	display:block;
	list-style-type:none;
	left:21em;
	visibility:hidden;
}
.menutop li ul li:hover ul {
	width:24em;
	position:absolute;
	display:block;
	list-style-type:none;
	left:21em;
	top: 0px;
	visibility:visible;
}
.menutop li ul li ul li:hover {
	width:23em;
}
