body {margin:5px; padding:0px; font: 1.1em georgia, verdana, arial, sans-serif; behavior:url(csshover.htc);}

* {margin:0; padding:0; }

div#strona {width:785px; background-color:#FFF; text-align:center; margin: auto auto auto auto; }

div#header {width:785px; float:left; background-color:#990033; font-size:.9em; }
div#header img { float:left; padding: 2px 35px 2px 35px; border:0px; }
.clrfloat {clear:both; }
div#header h1 { font-weight:bold; padding: 15px 4px 4px 4px; vertical-align:middle; color:#000; }
div#header h2 { vertical-align:middle; color:#000; }
div#header p { padding: 4px 4px 4px 4px; vertical-align:middle; color:#000; font-size:1.1em; }

div#menu-gorne {
	width:785px;
	float:left; 
	border-top:2px solid #FFF;
	border-bottom:2px solid #000;
	font-size:.8em;
	background-color:#990033;
	text-align:center;
	margin-bottom:5px; }
div#menu-gorne ul {
	margin: 0 0 0 171px;
	border: 2 2 2 2px solid #990033; }
	
* html div#menu-gorne ul {
	float:left;
	border-left:2px solid #FFF;
	margin-left:16px;
	}
* html a {display:block; }

div#menu-gorne li {
	float:left;
	list-style-type:none;
	background-color:#990033;
	padding:0px 16px 2px 16px;
	border-right:2px solid #FFF;
	 }
div#menu-gorne li:first-child {
	border-left:2px solid #FFF;
	}

div#menu-gorne li:active {
	background-color:#FFF;
	}

div#menu-gorne p {
	padding:0 6px;
	text-decoration:none;
	color:#FFF; /* intens czerwien */
	background:#000; /* biale */
	
	}
	
div#menu-gorne a {
	padding:0 6px;
	text-decoration:none;
	color:#000; /* pomoaranczowe */
	background:#990033; /* czarne */
	}
div#menu-gorne a:hover {
	color:#C00; /* intensywna czerwien */
	background:#FFF;
	}
div#menu-gorne a:active {
	color:#C00;
	background:#000;
	}

div#contentarea {width:779px; background-color:#000; padding:3px; border-bottom:2px solid #FFF; border-top:2px solid #FFF;}

div#navi {width:162px; background-color:#000; float:left; padding:40px 3px 200px 3px; text-align:center; border-right:2px solid #FFF;}
div#navi p {margin-top:4px; margin-bottom:.8em; font-size:.8em; border-top:2px solid #177; border-bottom:2px solid #FFF; color:#FFF; }
div#navi a {font-size:.7em; font-weight:light; margin-bottom:1em; }
/* div#navi ul {margin-top:0; margin-bottom:.7em; padding:0px; font-size:.9em; border-bottom:1px solid #177; }
 div#navi li {margin-top:2em; margin-bottom:2em; font-weight:light; padding:2px 0 2px 0; } */

/* div#navi li {margin-bottom:.5em; font-weight:bold; font-size:.8em; padding:0px; } */

div#content {width:452px; background-color:#000; float:left; padding:0px 11px 3px 11px; text-align:left; }
/* br.clearboth {clear:both;} */
div#content h1 {font-size:1em; font-weight:bold; margin-bottom:3em; margin-top:1em; color:#FFF; }
div#content p {font-size:.75em; padding:10px 0px 8px; color:#FFF; }
.tytul {font-size:.7em; font-weight:bold; float:left; border-top:1px solid #000; }
.data {font-size:.7em; float:right; border-top:1px solid #000;}
div#content img {float:left; padding: 6px 6px 4px 6px; border-top:1px solid #000; }
.clrfloat {clear:both; }
div#content ol {font-size:.75em; padding:10px 30px 8px; }

div#prawa { width:120px; padding:3px 6px 3px 6px; text-align:right; float:left; border-left:2px solid #FFF;}
div#prawa p {font-size:.7em; color:#FFF; }

div#footer {width:765px; background-color:#990033; text-align:center; padding:10px; }
div#footer p {font-size:.6em;}
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */