.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

body
{
  background: url('grafika/tlo.jpg') repeat-x left bottom;
  background-color: #6b9239;
  background-attachment: fixed;
}

p
{
  text-indent:40px;
  margin:0px 20px 0px 20px;
  text-align: justify;
  padding:10px 5px 10px 5px;
  font-weight: bold;
  font-size:120%;
}

#ALL
{
  width: 1004px;
  height:auto;
  margin: 0 auto;
  margin-top: 40px;
} 

#BANER
{
  height:30px;
  background: url('grafika/baner2.png') no-repeat left top;
  margin-bottom:15px; 
  text-align: center;
  padding-top:220px;
}

#BANER a
{
  padding:10px 10px 6px 10px;
  font-weight: bold;
  text-decoration: none;
  font-size:20px;
  color: #ffffff;
}

#BACK_UP
{
  background: url('grafika/up.png') no-repeat left top;
  width: 100%;
  height: 57px;
}

#STRONA
{
  height:auto;
  background: url('grafika/str.png') repeat-y center top;
}
#STRONA p
{
  line-height:27px;
}

#BACK_DOWN
{
  background: url(grafika/down.png) no-repeat left top;
  width: 100%;
  height: 47px;
  margin-bottom: 15px;
}
#hint p{
	font-size: 12pt;
	margin: 3px;
	padding:0;
	text-indent:5px;
}