body {
font-size: 15px;
font-family: helvetica, sans-serif;
background-color: #1e1814;
margin: 0;
}

body a {
color: #130044;
font-size: 18px;
text-decoration: none;
}

ul li {
list-style: none;
text-align: center;
}

ul li a {
font-size: 20px;
text-decoration: none;
}

h1 {
font-size: 15px;
font-family: arial, sans-serif;
font-weight: bold;
}

h2 {
font-size: 18px;
font-family: helvetica, sans-serif;
font-weight: lighter;
}

#wrap {
margin: auto;
width: 900px;
}

#bgc {
margin-top: -2px;
background-color: #565D94;
border: 2px solid #232A51;
margin-bottom: 20px;
}

#top {
margin: 0;
height: 199px;
width: 900px;
background-color: #1e1814;
background: url(../obrazki/top_dtb.png) center top no-repeat;
}

		#nav {
		color: white;
		font-size: 20px;
		text-align: center;
		height: 30px;
		background: url(../obrazki/pasek.png);
		}
		
		.nawifont {
		margin-right: 35px;
		font-family: Verdana, sans-serif;
		}
		
		#wrap2 {
		margin: 0 auto;
		width: 900px;
		}

		#nav a {
		margin-left: 30px;
		font-family: helvetica, sans-serif;
		float: left;
		text-decoration: none;
		color: white;
		font-weight: lighter;
		display: block;
		width: 100px;
		}

		#nav a:hover {
		font-size: 20px;
		color: white;
		background-color: #565D94;
		height: 40px;
		width:100px;
		}
		
		#nav a:active {
			background-color: #565D94;
			font-size: 20px;
			height: 40px;
			width: 100px;
		}

#tresc {
margin-left: 10px;
padding: 10px;
margin-top: 0px;
margin-bottom: 10px;
float: left;
width: 550px;
background-color: #7178A1;
border: 1px;
border-style: solid;
border-color: #9cb2b7; 
}

#tresc p {
margin-left: 25px;
margin-right: 25px;
}

#pasek_gora {
margin-left: 10px;
margin-top: 10px;
margin-bottom: 0px;
width: 572px;
background: url(../obrazki/pasek_tresc.png);
font-size: 20px;
color: #5b524c;
text-align: center;
}

#pasek_bocz {
margin-right: 10px;
margin-top: 10px;
margin-bottom: 0px;
float: right;
width: 252px;
font-size: 20px;
color: #5b524c;
text-align: center;
background: url(../obrazki/pasek_bocz.png);
}

#navi_bocz {
margin-right: 10px;
margin-top: 0px;
margin-bottom: 50px;
float: right;
padding-top: 10px;
padding-bottom: 30px;
text-align: center;
font-size: 20px;
width: 250px;
background-color: #7178A1;
border: 1px;
border-style: solid;
border-color: #9cb2b7; 
}

#navi_bocz a {
text-decoration: none;
color: #130044;
font-weight: lighter;
}

#bottom {
width: 232px;
height: 148px;
position: absolute;
right: -30px;
top: -60px;
background: url(../obrazki/bottom_dtb.png);
}

	.button_project {
	float: left;
	width: 200px;
	height: 110px;
	text-align: center;
	margin: 5px;
	border: 1px solid #232A51;
	font-size: 12px; 
	font-family: arial, sans-serif;
	padding: 0px;
	background: url(../obrazki/przez.png);
	}
	
	#button_wrap
	{
	float: left;
	margin-left: 60px;
	margin-right: 60px;
	}
	
	.button_project img {
	margin: 5px;
	float: left;
	border: none;
	}
	
	.button_project:hover {
	color: white;
	background-color: black;
	}
	
	#button_wrap a{
	text-decoration: none;
	border: none;
	width: 200px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	}
	
	.button_wsp {
	margin-right: 50px;
	}
.buttons {
	border: 0px;
	text-align: center;
}
	

	

#stopka {
font-size: 17px;
font-weight: bold;
color: white;
text-align: center;
background: url(../obrazki/pasek_stop.png);
clear: both; 
margin-bottom: 0px; 
width: 898px;
height: 30px;
position: relative;
}

#stopka a {
font-size: 17px;
font-weight: bold;
color: white;
}

.download1 {
	font-size: 14px;
	background-color: #9198C1;
	font-family: Verdana, sans-serif;
}

.download2 {
	font-size: 14px;
	background-color: #8188B1;
	font-family: Verdana, sans-serif;
}

.legend {
	margin-top: 10px;
	border: 1px double;
	padding: 4px;
	line-height: 24px;
}