div.ramka {
	margin: 0 auto;
	width: 90%;
}
div.informacje {
		background-color: #D4FFD4; 
		border: 1px solid #aaaaaa;
		padding: 10px;
		text-align: left;
		font-size: 10pt;
		position: fixed; 
		left:40%; 
		top:40%; 
		z-index: 1;
}

div.informacje p {
		margin: 0 0 2px 0; 
		padding: 0;
}

div.informacje p span {
		font-weight: bold;
}

div.wiecej {
		   width: 16px;
		   height: 14px;
		   background-image: url('grafika/wiecej.png');
		   background-position: top;
		   position: relative;
		   left:0;
		   top:-2px;
		   border: 0 solid black;
}

div.wiecej:hover {
		   background-position: bottom;
}

div.zwin {
		   width: 16px;
		   height: 14px;
		   background-image: url('grafika/zwin.png');
		   background-position: top;
		   position: relative;
		   left:90%;
		   top:0;
		   border: 0 solid black;
}

div.zwin:hover {
		   background-position: bottom;
}

ul.galeria {
			  list-style-type : none;
			  margin : 20px 0 20px 0;
}
ul.galeria li {
			  float: left;
			  display : block;
			  margin : 10px ;
			  padding : 6px 6px 0 6px;
			  border-style: ridge;
			  border-color: #734A00;
			  border-width: 3px;
			  background-color: #FFF;
}
ul.galeria li img {
			  outline-style: solid;
			  outline-color: #000;
			  outline-width: 1px;
}

ul.galeria li:hover {
			  background-color: #ddd;
			  border-style: ridge;
			  border-color: #CD0000;
}

ul.galeria li:hover img {
			  outline-style: solid;
			  outline-color: #CD0000;
			  outline-width: 1px;
}

div.nawigacja {
			  margin: 10px 0 10px 0;
			  padding: 3px 0;
			  text-align: center;
			  word-spacing: 10px;
			  background-color: #FFFFF0;
			  clear: both;
			}

div.nawigacja a {
			  text-decoration : none;
			  width: 6px;
			  }
			
div.nawigacja a:hover {
			  background-color: #00CD00;
			  color: #fff;
			  font-weight: bold;
			  }