html, body {
	background-image:url("grafiki/tlo.png");
	background-attachment: fixed;
	margin: 0;
	padding: 0;
}

#top {
	width: 800px;
	top: 10px;
	left: 50%;
	margin-left: -400px;
	position: absolute;

}

#NAGLOWEK {
	
	width:700px;
	height:330px;
	overflow:hidden;
}

.pics {

   	height: 320px; 
  	width:700px; 
}

.pics img {
	 width: 700px;
	 height: 320px;
} 



#MENU {
	width: 720px;
	float: none;
	
}

ul, ul li {
	display: block;;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul {
	float: left;
	width: 720px;
	}

ul li {

margin-top:10px;
	float: left;
height:30px;
margin-left:2px;
display: inline;
	list-style: none;		
}

ul a:link, ul a:visited {
display: inline;
	list-style: none;

	border-top: 1px solid #e3ae52;
   background-color: #feefd3;
   background: -webkit-gradient(linear, left top, left bottom, from(#feefd3), to(#e3ae52));
   background: -moz-linear-gradient(top, #feefd3, #e3ae52);
   padding: 8px 16px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #135061;
   font-size: 16px;
   font-family: Georgia, Serif;
   text-decoration: none;
   vertical-align: middle;
	
}

ul a:hover {
	  border-top-color: #fecf78;
   background: #fecf78;
   color: #00627d;
}


#TRESC {

	width: 724px;
	height:722px;
	background-image:url("grafiki/tresc.png");
	float: left;
	overflow: hidden;
}

h1 {

	color:#fff;
	padding:25px;
	font-size:16px;
	font-weight:normal;
}

h1 td {
	color:#fff;
	font-size:16px;
}

h2 {

	width: 500px;
	color:#fff;
	padding:25px;
	margin-left:15px;
	font-size:16px;
	font-weight:bold;
	border-style:solid;
	border-width:2px;
}
h3 {
font-size:14px;
margin-bottom:15px;
text-align:center;
color:#fff;
}

a {
	color:#fff;
}

#STOPKA {
	width:720px;
	height:125px;
	clear:both;
	background-image:url("grafiki/stopka.png");
	margin-right:100px;
	margin-bottom:10px;
	color:#1e6377;
}