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

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

/* ustawienia globalne */
body { font: 0.750em/1.5em Tahoma, Geneva, sans-serif;}

/* ustawienia szerokości */
.content { width: 100%;}

/*header*/
#header {
	position: relative;
	height: 98px;
	border-bottom: 1px solid #fff;
	background: #272321 url(../images/header-tlo.jpg) repeat;
	}
#header h1 {
	position: absolute;
	top: 40px;
	left: 39px;
	overflow: hidden;
	}
	

#header ul { overflow: hidden; position: absolute; bottom: 0; margin-left: 23%;; list-style: none; text-align: center;}	
#header ul li { float: left; background: #fff ;text-align: center;}
#header ul li a { display: block; padding: 11px 26px 10px; color: #333; font: 1.7em tahoma, verdana, arial, sans-serif; text-decoration: none;text-align: center;}

#header ul li:hover {
	background: #CCC;
	}
	
/*slogan*/
#slogan {
	background: #fff;
	border-bottom: 2px #494545 solid;
	border-top: 2px #494545 solid;
	}
#slogan .content {
	background: url(../images/top.jpg) no-repeat;
	margin-left: 23%;
	height: 270px;
	}
	
/*main*/
#main {
	background: #fff url(../images/shadow-content.jpg) top left repeat-x;
	}
#main .content {
	overflow: hidden;
	}
#main .column {
	float: left;
	margin-left: 23%;
	border-right: 2px #494545 solid;
	}
	#main .column2 {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	
	}
#main .box {
	width: 325px;
	padding: 28px 14px 14px;
	margin-botton: 34px;
	}
#main .box p {
	font: 1.1em tahoma, arial, sans-serf;
	color: #474646;
	margin-top: -10px;	
	}
#main .box.niebieski {
	background: #fff;
	margin-top:40px;
	}
#main .box.niebieski h2 { 
	display: none;
	}
#main .box.niebieski p {
	color: #000;
	}
	
#main .box.szary {
	background: #fff;
	margin-top: 40px;
	border-top: 2px #494545 solid;
	}
#main .box.szary h2 { 
	display: none;
	}
#main .box.szary p {
	color: #000;
	}
#main .box.szybkosc h2 {
	text-indent: -666em;
	width: 500px;
	height: 100px;
	margin-left: -30px;
	margin-top: -20px;
	}


	
/*footer*/

#footer {
	position: relative;
	height: 49px;
	background: #fff url(../images/footer-tlo.jpg) repeat;
	}

#footer #footer-copyright {
	clear: both;
	font: bold 1.1em tahoma, verdana, arial, sans-serif;
	color: #fff;
	text-align: center;
	}