body {
	background-color: #808185;
	margin: 0;
	padding: 76px 0 0 0;
	text-align:center;
}
  
img {
	border:none;
}
  
div {
	position:realtive;
}

#container {
	margin: 0 auto;
	padding: 0 0;
	position: realative;
	width: 780px;
	background-color: #ffffff;
	text-align: left;
}

#naglowek {
	background: #ffffff url(grafika/top.gif) no-repeat;
	width: 780px;
	height: 50px;
	background-position: left bottom;
	border-bottom: 0px solid #000;
}

#lewo {
	width:225px;
	height:390px;
	float:left;
	background-color: transparent;
}

#llewy{
	width:150px;
	height:390px;
	float:left;
}

#lewo1 {
	width:150px;
	height:165px;
	background: #ffffff url(grafika/lgora.gif) no-repeat;
}

#lewo2 {
	width:150px;
	height:120px;
	background-color: #ffffff;
}

/* pierwszy button */
.wieksze {
	font-size: 18px;
}

#lewo2 img {
	margin: 0 0 0 42px;
}

#but1{
	width:150px;
	height:30px;
	background-color: #ffffff;
}

a#button1 {
	display:block;
	height:30px;
	background:url(grafika/but1.gif) no-repeat;
	width:150px;
	text-decoration:none;
}

a#button1:hover {
	background-position:0 -30px;
}

#but2{
	width:150px;
	height:30px;
	background-color: #ffffff;
}

a#button2 {
	display:block;
	height:30px;
	background:url(grafika/but2.gif) no-repeat;
	width:150px;
	text-decoration:none;
}

a#button2:hover {
	background-position:0 -30px;
}

#but3{
	width:150px;
	height:30px;
	background-color: #ffffff;
}

a#button3 {
	display:block;
	height:30px;
	background:url(grafika/but3.gif) no-repeat;
	width:150px;
	text-decoration:none;
}

a#button3:hover {
	background-position:0 -30px;
}

#but4{
	width:150px;
	height:30px;
	background-color: #ffffff;
}

a#button4 {
	display:block;
	height:30px;
	background:url(grafika/but4.gif) no-repeat;
	width:150px;
	text-decoration:none;
}

a#button4:hover {
	background-position:0 -30px;
}

#lewo3 {
	width:150px;
	height:105px;
	background: #ffffff url(grafika/ldol.gif) no-repeat;
}

#przejscie{
	width:75px;
	height:390px;
	float:left;
	background: #ffffff url(grafika/przejscie.gif) no-repeat;
}

#prawo {
	width:215px;
	height:390px;
	float:right;
	text-align:left;
	background: #ffffff url(grafika/prawy.gif) no-repeat;
}

#srodek {
	width: 340px;
	height:390px;
	float:left;
	border: 0px solid #000;
	border-bottom: 0px;
	border-top: 0px;
	background: #ffffff url(grafika/srodek.gif) no-repeat;
	overflow: auto;
}

#srodek2 {
	width: 330px;
	height:390px;
	float:left;
	border: 0px solid #000;
	border-bottom: 0px;
	border-top: 0px;
	background: #ffffff url(grafika/srodek.gif) no-repeat;
	overflow: auto;
}


#stopka {
	width:780px;
	height:40px;
	text-align: center;
	clear:both;
	border-top:0px solid #000;
	background: #ffffff url(grafika/stopka.gif) no-repeat;
}

.title {
	height: 20px;
	border-top: 1px solid #FF4500;
	border-bottom: 2px solid #000;
	text-align: center;
	line-height: 20px;
	font-weight: bold;
}

#gallery {
	background-color: #ffffff;
	padding: 10px;
	width: 320px;
}

#gallery ul { list-style: none; }

#gallery ul li { display: inline; }

#gallery ul img {
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}

#gallery ul a:hover img {
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}

#gallery ul a:hover { color: #fff; }

}