html {
background-image: url('grafiki/tlo.jpg');
}

body {
width:1200px;
margin: 0 auto 0 auto;
padding:0;
}

div#gora {
width: 1200px;
height: 100px;
background-image: url('grafiki/gora.jpg');
float:left;
}

div#baner {
width:1004px;
margin:0 98px;
float:left;
}

div#lewo {
float:left;
width:400px;
}

div#prawo {
float:left;
width:604px;
}

div#lewo a {
text-decoration:none;
float:left;
}

div#lewo a img {
border:0;
float:left;
}

div#pasek {
width:1200px;
height:50px;
background-image: url('grafiki/kolorowy.jpg');
float:left;
}

div#tresc {
width:1200px;
height:330px;
background-image: url('grafiki/tresc.jpg');
float:left;
}

div#tresc2 {
width:950px;
margin: 10px 125px;
}

div#tresc2 h1 {
font-family:special;
color:#fff;
}

div#tresc2 p {
font-family:arial;
color:#fff;
font-size:12px;
text-align:justify;
}

div#gora ul {
margin:60px 100px 0 0;
padding:0;
float:right;
}

div#gora ul li {
list-style-type:none;
float:left;
margin:0 20px;
padding:0;
}

div#gora ul li a {
text-decoration:none;
font-family:special, arial;
font-size:25px;
color:#000;
}

div#gora ul li a:hover {
text-decoration:none;
font-family:special, arial;
font-size:25px;
color:#fff;
}

div#tresc2 table {
font-family:arial;
color:#fff;
font-size:12px;
text-align:justify;
}



@font-face{ 
				font-family: "special";
				src: url('grafiki/mikolajf.eot');
				src: local(" real FontName "), url('grafiki/mikolajf.ttf') format("truetype");
}