h1{
	background: #708090;
	color: White;
	text-align: center;
}

#logo{
	background: url(logo.jpg); height: 100px; 
}
 #kr{ background: #CC0000; width: 20px; height: 60px; position: absolute; top: 5px; left: 300px;}
#kr1{ background: #5AB700; width: 20px; height: 70px; position: absolute; top: 5px; left: 330px;}
#kr2{ background: #6495ED; width: 20px; height: 80px; position: absolute; top: 5px; left: 360px;}
#kr3{ background: #DCDD00; width: 20px; height: 90px; position: absolute; top: 5px; left: 390px;}
#kr4{ background: #C100C1; width: 20px; height: 100px; position: absolute; top: 5px; left: 420px;}
#kr5{ background: #0F11FF; width: 20px; height: 110px; position: absolute; top: 5px; left: 450px;}
#kr6{ background: #826F00; width: 20px; height: 120px; position: absolute; top: 5px; left: 480px;}
#kr7{ background: #0D0D0D; width: 20px; height: 130px; position: absolute; top: 5px; left: 510px;}
#kr8{ background: #20B2AA; width: 20px; height: 140px; position: absolute; top: 5px; left: 540px;}
#kr9{ background: #708090; width: 20px; height: 150px; position: absolute; top: 5px; left: 570px;}
h2{
	background: #6495ED;
	color: White;
	text-align: center;
}

h3{
	background: black;
	color: white;
	text-align: center;
}


#linki{
	position: absolute; right: 0px; bottom: 0px;
	background: #CC0000;
	color: White;
	font-size: 11px;
}
#tlo{
	background: url(logo.jpg);
	height: 100%;
	width: 100%;
	
}

#menu{
	width: 150px;
	height: 360px;
	background: #6495ED;
	position: absolute;top: 170px;
	font-size: 14px;
	font-family: serif;
	color: White;
	text-align: center;
	border:solid Black 2px ;
}
#tekst{
	position: relative; top: 0px; left: 230px;
	font-size: 14px;
	font-family: serif;
	text-align: center;
	width: 550px;
	
}
#opis{
position: absolute; left: 10%;
	background-position: center;
	border:solid #6495ED 2px ;
	width: 800px;
	height: 535px;
	background: #E0FFFF;
	
}



 a:link{ color: white;}
 a:visited { color: white;}
 a:hover { color: black;}
 a:active { color: white;}