html, body {
  background: #fff;
  font-family: Verdana, Arial;
  color: #393838;
  font-size: 12px;
  line-height: 18px;
}

#main {
	width: 902px;
	margin: 0px auto;
}

#logo {
  width: 391px;
  height: 146px;
  float: left;
}
#logo_right {
  width: 511px;
  height: 146px;
  display: block;
  float: right;
  background: url('img/logo_right.png');
  
}



#top_bottom {
  width: 902px;
  height: 245px;
  display: block;
  background: url('img/logo_bottom.png');
  float: left;
  font-size: 14px;
  color: #ffffff;
}


#menu1 {
  width: 152px;
  height: 39px;
  display: block;
  background: url(img/menu.png) no-repeat;
  float:left;
}

ul.gora, ul.gora li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;

}

ul.gora {
	float: left;
	}

ul.gora li {
	float: left;

}

#ofirmie {
  width: 118px;
  height: 39px;
  display: block;
  background: url(img/menu.png) -152px 0px no-repeat;
  float: left;
}

#ofirmie:hover, #ofirmie.active {
  background: url(img/menu.png) -152px -39px no-repeat;
}

#oferta {
  width: 107px;
  height: 39px;
  display: block;
  background: url(img/menu.png) -270px 0px no-repeat;
  float: left;
}

#oferta:hover, #oferta.active {
  background: url(img/menu.png) -270px -39px no-repeat;
}

#galeria {
  width: 118px;
  height: 39px;
  display: block;
  background: url(img/menu.png) -377px 0px no-repeat;
  float: left;
}

#galeria:hover, #galeria.active {
  background: url(img/menu.png) -377px -39px no-repeat;
}

#lokalizacja {
  width: 148px;
  height: 39px;
  display: block;
  background: url(img/menu.png) -495px 0px no-repeat;
  float: left;
}

#lokalizacja:hover, #lokalizacja.active {
  background: url(img/menu.png) -495px -39px no-repeat;
}

#kontakt {
  width: 109px;
  height: 39px;
  display: block;
  background: url(img/menu.png) -643px 0px no-repeat;
  float: left;
}

#kontakt:hover, #kontakt.active {
  background: url(img/menu.png) -643px -39px no-repeat;
}

#menu2 {
  width: 150px;
  height: 39px;
  display: block;
  background: url(img/menu.png) -752px 0px no-repeat;
  float:left;
}

#lewa {
  margin-top: 14px;
  margin-left: 36px;
  width: 265px;
  float: left;
  margin-right: 12px;
}

#lewa_kontakt {
  color: #393838;
  font-size: 12px;
  line-height: 18px;
  height: 190px;
  width: 265px;

}

#lewa_siedziba {
  color: #393838;
  font-size: 12px;
  line-height: 18px;
  width: 265px;
  margin-bottom: 10px;
}

#lewa_biuro {
  color: #393838;
  font-size: 12px;
  line-height: 18px;
  width: 265px;
  margin-bottom: 10px;
}

#lewa_kontakt2 {
  color: #393838;
  width: 265px;
  margin-bottom: 20px;

}

#lewa_zwir {
  color: #393838;
  font-size: 12px;
  line-height: 18px;
  width: 265px;
  margin-bottom: 10px;
}

#lewa_kontakt img, #lewa_kontakt2 img, #lewa_siedziba img, #lewa_zwir img {
  margin-bottom: 17px;
}

#lewa_biuro img {
  margin-bottom: 10px;
}

td.header {
 width: 90px;
 color: #03509d;
}

#lewa_kontakt tr.t, #lewa_biuro tr.t, #lewa_siedziba tr.t, #lewa_zwir tr.t {
  height: 30px;
}

#lewa_kontakt tr.t2, #lewa_biuro tr.t2, #lewa_siedziba tr.t2, #lewa_zwir tr.t2 {
  height: 50px;
}

#page {
  margin-top: 14px;
  width: 541px;
  float: left;
  height: 190px;
}

#page2 {
  margin-top: 14px;
  width: 541px;
  float: left;
}

#image_page {

  width: 120px;
  float: left;
  margin-right: 12px;
}

#textpage {
  
  width: 409px;
  float: left;
  margin-bottom: 20px;
}

#textpage2 {
  
  width: 541px;
  float: left;
  margin-bottom: 20px;
}

#page img.h_img, #page2 img.h_img {
  margin-bottom: 17px;
  margin-right: 12px;
  
}

#page2 img.h_img2 {
  margin-bottom: 10px;
  margin-right: 12px;
  
}

#page2 img.h_img3 {
  margin-bottom: 11px;
  margin-right: 12px;
  
}

#page img.logo, #page2 img.logo {
  margin-bottom: -5px;
  margin-right: 12px;  
}


#page img, #page2 img {
  float: left;
}

#hr {
  float: left;
  width: 830px;
  margin-left: 36px;
  height: 1px;
  background: #959595;
}

a.wiecej {
  color: #28639c;
  text-decoration: none;
}

a.wiecej:hover {
  color: #28639c;
  text-decoration: underline;
}

#left_drogowe {
  height: 180px;
  width: 265px;
  display: block;
  float: left;
  margin-left: 36px;
  margin-top: 9px;  
  margin-right: 12px;
}

#left_drogowe img, #center_zwirownia img, #right_budowlane img, #left_ziemne img, #center_hydraulika img, #right_transport img {
  margin-bottom: 9px;
}

#left_drogowe img.logo, #center_zwirownia img.logo, #right_budowlane img.logo, #left_ziemne img.logo, #center_hydraulika img.logo, #right_transport img.logo {
  margin-bottom: 0px;
  margin-right: 10px;
  float: left;
}

#center_zwirownia {
  height: 180px;
  width: 265px;
  display: block;
  float: left;
  margin-top: 9px;  
  margin-right: 12px;
}

#right_budowlane {
  height: 180px;
  width: 265px;
  display: block;
  float: left;
  margin-top: 9px;  
  margin-right: 12px;
}

#left_ziemne {
  height: 180px;
  width: 265px;
  display: block;
  float: left;
  margin-top: 9px;  
  margin-right: 12px;
  margin-left: 36px;
}

#center_hydraulika, #right_transport {
  height: 180px;
  width: 265px;
  display: block;
  float: left;
  margin-top: 9px;  
  margin-right: 12px;
}

#wykonane {
  width: 830px;
  margin-left: 36px;
  margin-right: 36px;
}

#wykonane div.hr {
  float: left;
  width: 830px;
  height: 1px;
  background: #959595;
}

#foty {
  margin-top: 5px;
  height: 135px;
  margin-bottom: 4px;
  padding: 0px;
}

#stopka {
  margin-top: 16px;
  background: url('img/stopka.png');
  width: 902px;
  height: 40px;
  display: block;
  margin-bottom: 20px;
  color: #ffffff;
  clear: both;
}

#stopka_left {
  margin-left: 36px;
  margin-top: 11px;
  float: left;
}

#stopka_right {
  margin-right: 36px;
  text-align: right;
  float: right;
  margin-top: 11px;
}
ul.dol, ul.dol li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dol li {
	float: left;
	margin-right: 5px;
	}
ul.dol li.nie {
  margin-right: 0px;
}
#stopka a {
  color: #fff;
  text-decoration: none;
}

#stopka a:hover {
  color: #fff;
  text-decoration: underline;
}

ul.oferta, ul.galeria {
  font-size: 14px;
  color: #03509d;
}

ul.oferta a, ul.galeria a {
  font-size: 14px;
  color: #03509d;
  line-height: 25px;
  text-decoration: none;
}

ul.oferta a:hover, ul.oferta a.active, ul.galeria a:hover, ul.galeria a.active {
  font-weight: bold;
}

ul.galeria li {
  margin-bottom: 15px;
}

#page2 td {
  color: #393838;
  font-size: 10px;  
}

#page2 span.info_form {
  border-bottom: 1px solid #c5c5c5;
  height: 19px;
  display: block;
}
#kontakt_table th{
  text-align: left;
  color: #393838;
  font-size: 12px;
  font-weight: normal;
}

#page2 tr.text{
  height: 30px;
}

#page2 input, #page2 textarea {
  width: 417px;
  height: 18px;
  border: 1px solid #c5c5c5;
}

#page2 button {
  width: 111px;
  height: 31px;
  background: url('img/button.png');
  border: none;
}

#page2 textarea{
  height: 200px;
}

#galerypage {
  margin-left: 20px;
  float: left;
  width: 500px;
  margin-bottom: 30px;
}

#galerypage div.back a, #galerypage div.next a {
  color: #696969;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}

#galerypage div.back a:hover, #galerypage div.next a:hover {
  text-decoration: underline;
  
}

#galerypage div.back {
  float: left;
  width: 250px;
  margin-bottom: 3px;
}


#galerypage div.next {
  float: right;
  width: 250px;
  text-align: right;
  margin-bottom: 3px;

}

#galerypage div.mini {
  float: left;
  width: 103px;
  margin-right: 29px;
  margin-top: 25px;
  cursor: pointer;
}

#galerypage div.mini2 {
  float: left;
  width: 103px;
  margin-left: 1px;
  margin-top: 25px;
  cursor: pointer;
}

#galerypage div.wysokie {
  margin-bottom: 30px;
  margin-top: 55px;
}