body {
        background-color: #f2f2f0;
        margin: 0;
        padding: 0;
        text-align:center;
    }

div {
        font: verdana 12px #000;
        position:relative;
    }
a {
		text-decoration: none;
	}
#container {
		background: url(images/background.jpg);
        margin:0 auto;
        padding:0 0px 0 0px;
        position:relative;
        width:750px;
		height:100%;
        text-align:left;
        clear: both;
		background-color:#FFFFFF;
    }

#naglowek {
        background: #fff url(images/logo.jpg) no-repeat;
        width:750px;
        height:181px;
        margin-bottom:0px;
    }
#menu {
        background: #fff url(images/pasek.jpg) no-repeat;
        width:auto;
        height:33px;
        margin-bottom:0px;
		margin-top:-16px;
	}
#menu ul {
		list-style: none;
	}
#menu li {
		float: left;
		padding-left:10px;
		padding-top:5px;
  		font-weight: bold;
  		font-size: 18px;
	}
#menu a {
		display: block;
		line-height: 20px;
		padding: 0 8px;
		color: #FFF;
		font-weight: bold;
	}
#menu a:hover {
		background: #fff;
		color: #294b9d;
	
	}
#lewy {
        background: #FFFFFF url(images/tlo1.jpg) repeat;
        	width:180px;
		height:100%;
        float:left;
		padding-left:10px;
		margin-left:-180px;
	}
#lewy dl {
		margin: 0px;
	}
#lewy dt {
		font-size: 16pt;
		color: #000;
		background:url(images/menu.jpg) no-repeat;
		font-weight: bold;
		height:50px;
		width:200px;
		padding-top:2px;
		margin-left:-9px;
		text-align:center;
	}
#lewy dd {
		font-size:12pt;
		margin-top:2px;
		margin-left:-2px;
	
	}
#lewy a {
		font-size:15px;
		color: #FF6600;
		font-weight:bold;
		line-height: 170%;
	}
#lewy a:hover {
		text-decoration:underline;
}
#bottom {
		background: url(images/bottom.jpg) no-repeat;
		width:160px;
		height:8px;
		margin-top:20px;
}
#srodek {
        background: #FFFFFF url(images/tlo2.jpg) repeat;
        width:700px;
		height:auto;
        float:left;
		margin-left:15px;
		margin-top:3px;
		margin-bottom:40px;
	}
#srodek a {
		backgroung:#FFFFFF;
		text-decoration:underline;
}
#srodek h2 {
		padding-top:15px;
		background-color:#FFFFFF;
        font-size: 24px;
		color: #FF6600;
		line-height: 150%;
		padding-left:15px;
		margin-top:0px;
	}
#srodek p {
		margin-bottom:8px;
		text-indent: 15px;
		text-align: justify;
		padding-left:15px;
		padding-right:5px;
		padding-top:0px;
		padding-bottom:4px;
		font-size:12px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#tlo2 {
		background: url(images/tlo_2.jpg) repeat;
		float:right;
		width:27px;
		height:400px;
	}
#stopka {
        background: #FFFFFF url(images/stopka.jpg) no-repeat;
        clear:both;
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		height:28px;
		color:#FFFFFF;
		padding-top:8px;
		padding-right:300px;
		margin-left:300px;
	}
#stopka a {
		color: #FFFFFF;
	}
#stopka a:hover {
		text-decoration:none;
	}
#copyright {
		float:left;
		padding-left:300px;
	}
#design {
		float:right;
}


#button a {
    text-decoration: none;
    display: inline-block;
    padding: 8px 16px;
}

#button a:hover {
    background-color: #ddd;
    color: black;
}

#button .previous {
    background-color: #f1f1f1;
    color: black;
}

#button .next {
    background-color: #4CAF50;
    color: white;
}

#button .round {
    border-radius: 50%;
}