body {
	color: #000;
	font: 14px trebuchet ms,Verdana, Arial, sans-serif;
	padding:0px;
	margin:0px;
	background: #86CBEC;
}
#main {
	border: 0px solid #303030;
	font: 14px trebuchet ms,Verdana, Arial, sans-serif;
	color: #0A3A4F;
	padding: 0px;
	margin:auto;
    background: #86CBEC url('img/tlo_podstrona.jpg') no-repeat top center;
    text-align:center;
    width:800px;
    height:700px;
}
.teksty
{
	text-align:justify;
	color: #0A3A4F;
	font: 14px trebuchet ms,Verdana, Arial, sans-serif;
	line-height:1.5em;
}

.teksty2
{
	text-align:justify;
	color: #0A3A4F;
	font: 16px helvetica,Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height:1.5em;
	letter-spacing:0.5em;
}

.text1
{
	text-align:justify;
	margin:10px;
	text-decoration:underline;
	line-height:1.5em;
}
.obrazek
{
	padding:5px;
	margin-top:30px;
	margin-bottom:-2px;
	margin-left:20px;
	margin-right:20px;
	border:0px solid #0B88BF;
	background:#AFE6FF;
	behavior: url('img/IEFixes.htc');
}
.obrazek:active, .obrazek.active 
{ 
	padding:5px;
	border:0px solid #0B88BF;
	background:#fff;
}
.obrazek:hover, .obrazek.hover
{ 
	padding:5px;
	border:0px solid #0B88BF;
	background:#fff;
}
#top
{	
	float:center;
	width:800px;
	height:160px;
	margin:auto;
	padding:0px;
	background: url('img/top.jpg') no-repeat center center;
}

.text1
{
	text-align:justify;
	margin:10px;
	text-decoration:underline;
	line-height:1.5em;
}
h2
{
	text-align:center;
	font-size:20px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	background:#FFCC00;
	margin
}
hr {
  height: 22px;
  width: 99px;
  margin: 0 auto;
  background: url(hr.gif) 0 0 no-repeat;
  border: none;
}
.tooltip {
  color:#fff;
  font:normal bold 10px Verdana, sans-serif;
  /*  tutaj zmien sciezke do obrazka ktory ma byc w tle */
  background:url(/projects/js/gallery/c/MyButton.png) no-repeat;
  position:absolute;
  z-index:1;
}
#fajne{float:right;}
#opisContainer{
	color:#fff;
	/* tutaj zmieniasz odstep tekst od obrazka nad ktorym sie wyswietla */
	padding:10px 5px 0 5px;
	height: 100%;
}
img.over{
	position:relative;
	z-index:22;
}
img.out{
	position:relative;
}
/** tutaj mozesz zmodyfikowac style odpowiedzialne za wyswietlanie info na obrazku */
div.dzial{}
span.dzial{
	font-weight: bold;
}
.dzial_txt{
	font-weight: normal;
}

div.autor{}
span.autor{
	font-weight: bold;
}
.autor_txt{
	font-weight: normal;
}

div.opis{}
span.opis{
	font-weight: bold;
}
.opis_txt{
	font-weight: normal;
}
.nawigacja {
margin-top:-42px;
margin-left:10px;
margin-right:-120px;
font-size:11px;
font-weight:normal;
float:left;
color:#000;
}


<!--[if lte IE 7]>
	<style type="text/css">
		hr {
			-ms-extension: expression(this.replaceNode(document.createElement("iehr")));
		}
		
		iehr {
			display: block;
			height: 22px;
			width: 99px;
			margin: 0 auto;
			background: url(hr.gif) 0 0 no-repeat;			
		}
		
	</style>	
	<![endif]-->