body {
background:#33332F none repeat scroll 0 0;
margin:0;
font-size: 12px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}

li {
margin-bottom: 5px;
}

#header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/top.png) no-repeat scroll center bottom;
display:block;
height:80px;
margin:auto;
padding:122px 15px 0;
text-align:left;
width:778px;

}

#content {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/middle.png) repeat-y scroll center center;
margin:auto;
padding:4px 45px 0px 45px;
text-align:left;
width:700px;
border: 0px solid pink;
}

#stopka {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(./images/bottom.png) no-repeat scroll center top;
color:#5F5F5F;
display:block;
height:30px;
margin:auto;
padding:30px;
text-align:center;
width:748px;
}
#stopka a {
color:#CCCCD0;
}

ul#nav {
	margin: 0px auto;
	text-align:left;
	width: 375px;
	border: 0px solid red;
	
}

ul#nav li{
	display:inline;
	list-style-type: none;
	padding: 0px 1px 0px 0px;
}

ul#nav li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px; 
	font-weight:normal;
	color: #4d6eaa;
	height: 35px;
 	border: 0px solid #fda;
	padding: 16px 10px 16px 10px;
 	margin: 0px 0px 0px 0px;
 	text-decoration:none;
}

ul#nav li a:hover {
		text-decoration:underline;
		color:#4f84e5;
}

h1 {

}

h2 {
color: #5c70a2;
}

h3 {
color: #685ca2;
font-size: 21px;
}

h4 {
color: #8c5ca2;
font-size: 18px;
padding: 0px;
margin: 0px;
}

td {
vertical-align:top;
}