/* reset marginesów oraz dopełnień */
html, body, ul, li { margin: 0; padding: 0;}

/* reset wysokości linii i fontu */
h2, ul, li, p { margin: 0; padding: 0; font-size: 1em; line-height: 1.5em;}
h1 { margin: 0; padding: 0; font-size: 2em; line-height: 1.5em;}
h3 { margin: 0; padding: 0; font-size: 1.3em; line-height: 1.5em;}

/* ustawienia globalne */
body { font: 0.625em/1.5em verdana, arial, sans-serif; background-color: #f3f3f3;}

/* szerokość strony */
.content {width: 960px;}

/* resetowanie ramek obrazków */
a img {border: none;}

/* header */
#header {
	position: relative;
	height: 165px;
	border-bottom: 1px solid #fff;
	background: #282321 url(../images/header-tlo.jpg) no-repeat;
	}
	
#header h1 {
	position: absolute;
	top: 10px;
	left: 55px;
	overflow: hidden;
	}
	
#header h1 a {
	display: block;
	width: 398px;
	height: 170px;
	background: url(logo.jpg) no-repeat;
	text-indent: -666em;
	}
	
#header ul { overflow: hidden; position: absolute; bottom: 0; right: 0px; list-style: none; }
#header ul li { float: left; border-left: 0px #272321 solid; background: #eaeaea url(../images/inactive.gif) top left repeat-x;}
#header ul li a { display: block; padding: 11px 26px 10px; color: #333; font: bold 1.1em tahoma, verdana, arial, sans-serif; text-decoration: none; border-left: 1px #272321 solid;background: url(../images/corner-right.gif) top right no-repeat;}
#header ul li p {background: url(../images/corner-left.gif) top left no-repeat;}

#header ul li:hover {background: #fff url(../images/active.gif) top left repeat-x;}
#header ul li a:hover {background: url(../images/corner-right-w.gif) top right no-repeat; border-bottom: 0px #fff solid;}
#header ul li p:hover {background: url(../images/corner-left-w.gif) top left no-repeat;}