body 
{
	background: #fff url(foto/tlo.jpg) repeat-x;
	font-family: Arial;
	color: #000;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#center {
  width: 870px;
  margin: 0px auto;
  border: 0px; 
}

.photo1 {
  border-style: none;
  border-width: 0px;
}

.photo2 {
  border-style: none;
  border-width: 0px;
  margin: 10px 0px 10px 0px;

}

.photo4 {
  border-style: none;
  border-width: 0px;
  margin: 0px 0px 20px 0px;
}

.photo5 {
  border-style: none;
  border-width: 0px;
  margin: 0px 20px 20px 0px;
}

.photo3{
  border-style: none;
  border-width: 0px;
  margin-left: 2px;
  margin-top: 10px;
}

#logo {
  float: left;
  width: 404px;
  height: 286px;
  overflow: hidden;
}

#flash {
  float: left;
  width: 416px;
  height: 286px;
  overflow: hidden;
  background-image: url(foto/flash.jpg);
  text-align: right;
}

#top {
  float: right;
  width: 50px;
  height: 286px;
  overflow: hidden;
  background-image: url(foto/top.jpg);
}

#odstep {
  margin: 90px 0px 0px 10px;
}

#menu {
  clear: both;
  width: 870px;
  height: 58px;
  overflow: hidden;
  color: #fff;
  font-size: 13px;
  background: url(foto/menu.jpg) repeat-x;
}

dl, dl dd {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

dl, dd {
	float: left;
}

dl a.menus:link, dl a.menus:visited {
	display: block;
	width: 99px;
	height: 36px;
	text-decoration: none;
	color: #000;
	text-align: center;
	padding: 22px 0px 0px 0px;

}

dl a.selected:link, dl a.selected:visited {
	display: block;
	width: 99px;
	height: 36px;
  background-image: url(foto/menus.jpg);
  color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 22px 0px 0px 0px;

}

dl a.menus:hover {
	width: 99px;
	height: 36px;
  background-image: url(foto/menus.jpg);
  color: #fff;
}

#srodek {
  width: 870px;
  height: auto;
  overflow: hidden;
  background-color: #83c125; 
}

#kalkulator {
  width: 870px;
  height: auto;
  background: url(foto/kalkulator2.jpg) repeat-x;
  background-position: right bottom;
  overflow: hidden;  
}

#lewa {
  float: left;
  width: 548px;
  height: auto;
  overflow: hidden;
}

#nawigacja {
  width: 548px;
  height: 34px;
  overflow: hidden;
  background-image: url(foto/nawigacja.jpg); 
}

#wstep {
  width: 548px;
  height: 200px;
  overflow: hidden;
  background-image: url(foto/wstep.jpg); 
}

#prawa {
  float: right;
  width: 322px;
  height: auto;
  overflow: hidden;
}

#skontakt {
  width: 322px;
  height: 252px;
  overflow: hidden;
  background-image: url(foto/skontakt.jpg);
  margin-top: 20px;
}

#linia {
  width: 460px;
  height: 1px;
  border-top: 1px solid #578118;
  overflow: hidden;
  margin-top: 2px;
  margin-left: 70px;
}

#linia2 {
  width: 190px;
  height: 1px;
  border-top: 1px solid #578118;
  overflow: hidden;
  margin-top: 5px;
}

#linia3 {
  clear: both;
  border-bottom: 1px dotted #1b4e6f;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}
	
#tresc {
  clear: both;
  width: 870px;
  height: auto;
  overflow: hidden;
}

#zapewniamy {
  margin: 20px 0px 20px 20px;
}

#dol {
  clear: both;  
  color: #fff;
  font-size: 11px;
  width: 870px;
  height: 25px;
  overflow: hidden;
  background: #83c125;
  border-top: 1px solid #fff333;
}

li.lista {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.link {
  color: #000;
  text-decoration: none;
}

.link:hover {
  color: #30795f;
  text-decoration: underline;
}

.menus2 {
  font-size: 16px;
  color: #00623d;
  font-weight: bold;
  text-decoration: none;
}

.menus2:hover {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}
