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




#containter {
			height: 553px;
			width: 900px;
			position: absolute ;
			top: 50% ;
			left: 50% ;
			margin-top: -300px ;
			margin-left: -460px ;
			}

#top {
			width: 900px;
			height: 9px;
			background-image: url(../Graphic/top.png);
			background-repeat: no-repeat;
			
			}

#bottom {
			width: 840px;
			height: 31px;
			background-image: url(../Graphic/bottom.png);
			background-repeat: no-repeat;
			clear: both;
			color: #FFF; 
			}

#stopka {
			width: 840px ;
			height: 20px ;
			float: top ;	
		}		



	
		
		
#stopka a:link {

	color: #FFF;

	text-decoration:none;

}

#stopka a:visited {

	color: #FFF;

	text-decoration:none;

}

#stopka a:active {

	background-color: yellow;

	text-decoration:none;

}

#stopka a:hover {

	color:red;

	text-decoration:none;

}



a:link {

	color: #000;

	text-decoration:none;

}

a:visited {

	color: #000;

	text-decoration:none;

}

a:active {

	background-color: yellow;

	text-decoration:none;

}

a:hover {

	color:red;

	text-decoration:none;

}


#menu{
			height: 61px; 
			width: 900px;
		
		}
		
#menu2{
			height: 61px; 
			width: 840px;
			float: left;
			
			background-color: #FFF ;

			
		
		}
		
#left_short{
			height: 61px;
			width: 29px;
			background-image: url(../Graphic/left_short.png);
			background-repeat: no-repeat;
			
			float: left;
			overflow: hidden;
			}

#right_short{
			height: 61px;
			width: 31px;
			background-image: url(../Graphic/right_short.png);
			background-repeat: no-repeat;
		
			float: right;
			overflow: hidden;
			}
			
#left_long{
			height: 482px;
			width: 29px;
			background-image: url(../Graphic/left_long.png);
			background-repeat: no-repeat;
			float: left;
			overflow: hidden;
			}

#right_long{
			height: 482px;
			width: 31px;
			background-image: url(../Graphic/right_long.png);
			background-repeat: no-repeat;
			float: right;
			overflow: hidden;
			}
			
#content1{
		width: 900px;
		float: left;
		overflow: hidden;
		}	
		
#content2{
		width: 840px;
		height: 491px ;
		float: left;
		overflow: hidden;
		}
		
#photo{
			height: 452px;
			width: 840px;
			background-repeat: no-repeat;
			float: left;
			overflow: hidden;
			background-color: #FFFFFF;
		
		}
		
#text{
			height: 452px;
			width: 429px;
			background-image: url(../Graphic/text.jpg);
			background-repeat: no-repeat;
			float: left;
			overflow: hidden;
			background-color: #FFFFFF;
			
		
		}
		
#window {
		width: 420px;
		height: 420px;
		margin-top: 20px;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 30px;
		float: right ;
		overflow: auto ;		
		}
			
#window2 {
		width: 380px;
		height: 420px;
		margin-right: 10px ;
		margin-left: 0 ;
		color: #000000;
		font-family: Verdana;
		font-size: small ;
		}		

#calendar {
		width: 300px;
		height: 300px;
		margin-right: 20px ;
		color: #000000;
		float: right ;
		overflow: hidden ;
		font-family: Verdana;
		font-size: small ;

		
		
		border-color: #000 ;
		border-style: solid ;
		border-width: 0px;
		

		}


#test {

		width: 400px;
		margin-right: 10px ;
		margin-left: 0 ;
		float: right ;
		color: #000;
		font-family: Verdana;
		font-size: 12px ;
		
		border-color: #000 ;
		border-style: solid ;
		border-width: 0px;
		

     }

.input1{
	padding:3px;
	background:#F1F2F3;
	border: 1px solid #006699;
	font-size:9px;
	color:#0066CC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.submit1 {
		height: 20px;
		width: 100px;
		padding: 3px;
		background:#53868B;
		border: 1px solid #006699;
		font-size:10px;
		color:#E0EEEE;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		}

#music {
		width: 380px;
		height: 420px;
		margin-top: 20px;
		margin-left: 30px;
		margin-right: 0;
		margin-bottom: 20px;
		float: right ;
		overflow: auto ;	
		color: #000000;
		font-family: Verdana;
		font-size: 10px ;
		}

#galery{
		margin-top: 20px;
		margin-left: 0;
		margin-right: 20px;
		margin-bottom: 20px;
		float: right ;
		overflow: auto ;	
		color: #000000;
		font-family: Verdana;
		font-size: 10px ;
		}
		
		
#video{
		margin-top: 30px;
		margin-left: 0;
		margin-right: 0px;
		margin-bottom: 20px;
		float: right ;
		overflow: auto ;	

		}

#window3 {
		width: 420px;
		height: 420px;
		margin-top: 0px;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0px;
		float: right ;
		overflow: auto ;		
		}
			
#window4 {
		width: 380px;
		height: 420px;
		margin-right: 10px ;
		margin-left: 0 ;
		color: #000000;
		font-family: Verdana;
		font-size: small ;
		}
		
#legenda {
		
		height: 30px ;
		float: left ;
		margin-top: 240px ;
		margin-left: 500px ;
		
		
		background: #FFF ;
		border-color: #FFF ;
		border-style: solid ;
		border-width: 1px;
	
		}





		
			
th.a{
font-weight:normal;
font-size:11px;
}
td.a{
font-size:11px;
font-weight:bold;
}
td.wyd{
padding-top:10px;
font-weight:bold;
font-size:11px;
}
td.tit{
padding-top:5px;
font-weight:bold;
font-size:11px;
color:#A60000;
}
td.opi{
padding-top:5px;
font-size:11px;
}
td.b{
font-size:11px;
font-weight:bold;
}
td.t{
font-size:11px;
}
td.mon{
font-size:12px;
text-align:center;
padding-top:10px;
padding-bottom:10px;
font-weight:bold;
}
.kom{
border:#CCCCCC solid 1px;
text-align:center;
width:30px;
height:20px;
font-size:11px;
padding-top:3px;
background:#bcffb9;
}
.komN{
border:#CCCCCC solid 1px;
text-align:center;
width:30px;
height:20px;
font-size:11px;
padding-top:3px;
}
.komA{
font-size:11px;
border:#CCCCCC solid 1px;
text-align:center;
width:30px;
height:20px;
background:#f21c00;
padding-top:3px;
}			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
#nav, 
#nav ul {
		padding:0; 
		margin:0; 
		list-style:none; 
		font: 14px Verdana; 
		background: #ccccff; 
		position:relative; 
		z-index:100;	
		}
		
#nav {
		height:25px; 
		width:740px; 
		padding:0; 
		background:#FFF;
		float: left	;
		margin-left: 40px;
		margin-top: 20px;
		}

#nav table {
		border-collapse:collapse;
		}
		
#nav li {
		float:left;
	  }

#nav li li {
		float:none;
		}

#nav li a li {
		float:left;
		}

#nav li a {
		display:block; 
		float:left; 
		color:#000; 
		height:25px; 
		padding:0 20px 0 10px; 
		line-height:22px; 
		text-decoration:none; 
		white-space:nowrap; 
		font-weight:bold; 
		border-left:1px solid #000;
		}
		
		
#nav li li a {
		height:21px; 
		line-height:20px; 
		float:none;
		}

#nav li:hover {
		position:relative; 
		z-index:100;
		}
		
#nav a:hover {
		position:relative; 
		z-index:100; 
		background:#3399cc; 
		color:#fff; 
		border-left:1px solid #3399cc;
		}
		
#nav li:hover > a {
			border-left:1px solid #3399cc; 
			background:#3399cc; 
			color:#fff;
			}

#nav :hover  ul {
			left:0; 
			top:23px; 
			border-left:1px solid #3399cc; 
			z-index:300;
			}
			
#nav a:hover ul {
			left:-1px;
			}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background:#3399cc; color:#fff; border-left:1px solid #3399cc;}

#nav li a:hover ul li a:hover {background:#3399cc;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}